.nav-logo p{
  font-size: 18px;
  padding: 10px 0;
  width: auto;
  text-align: center;
  justify-content: center;
  display: flex;
  margin: auto;
  max-height: 60px;
  color: #fff;
}
.navbar{
  background-color: #001427;
}
.nav-link:hover {
  color: #ffffff;
  transform: scale(1.1);
  transition: all 0.3s ease;
  background-color: #007bff77;
  border-radius: 40px;
}
.nav-link  {
  color: #ffffff81;
  font-size: 18px;
}
.bot-nav button {
    background-color: #92b8a8;
    color: black;
    border-radius: 40px;
    width: 150px;
    height: 30px;
    border:1px solid #8eb2a3; 
}
.carousel-item img{
  height: 90vh;
  object-fit: cover;
}

.carousel-item h5{
  color: #2a2d2c;
  font-size: 45px;
  font-weight: bold;
  margin-bottom: 20px;
}
.carousel-item p{
  color: #2a2d2c;
    font-size: 30px;
margin-bottom: 5%;
}
.carousel-item-2 h5{
    color: #ffffff;
  font-size: 45px;
  font-weight: bold;
  margin-bottom: 20px;
}
.carousel-item-2 p{
    color: #ffffff;
    font-size: 30px;
margin-bottom: 5%;
}
.carousel-item {
  position: relative; /* ضروري علشان الـ overlay يتموضع */
}

.carousel-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(53, 61, 91, 0.4); /* 0.4 تعني 40% عتمة */
}
@media (max-width: 767px) {
  .carousel-item.active img {
    content: url('/image/photo_2025-09-06_15-53-44.jpg');
  }
  .carousel-item.carousel-item-2 img {
    content: url('/image/nummjg.jfif');
  }
}

.title-pad{
  position: relative;
  top:-280px;
}
.img-about img{
  max-width: 100%;
  transform: scale(0.8);
  border-radius:  0 50px;
    box-shadow: 10px 10px 20px #0000004d;
}
.row{
  margin-left: 0;
  margin-right: 0;
}
.text-about h1{
  filter: drop-shadow(1px 1px 1px #0b5995) brightness(120%);
  font-size: 40px;
  color: #01264a;
    text-indent: 20px;
      text-align: center;
}
.underline{
  text-underline-offset: 15px;
  text-decoration: underline;
}
.text-about h5{
  margin-top: 30px;
  color: #8d0801;
  font-size: 32px;
    text-align: center;

}
.text-about p{
  font-size: 18px;
  width: 90%;
  text-align: center;
  margin-top: 15px;
}
.text-about ul{
  list-style: none;
}
.text-about h3{
  color: #0b5995;
  margin-top: 30px;
  margin-bottom: 30px;
  text-indent: 40px;
}
.highlight{
  color: #0b5995;
}
/* li {
    text-indent: 0;
  color: #202120;
  font-weight: bold;
    background: #ffffff;
  border-radius: 12px;
  padding: 1rem 1rem;
    border-right: 4px solid #007bff;
  margin-bottom: 5px;
 box-shadow: 0 8px 25px rgba(0,0,0,0.1);
} */

.info-card{
  margin-top: 20px;
  background: #ffffff;
  border-right: 8px solid #007bff;
  border-radius: 12px;
  padding: .5rem .5rem;
  margin-bottom: 10px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.info-card:hover{
  transform: translateX(8px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}
.highlight{
    color: #007bff;
  font-weight: 700;
  font-size: 25px;
}
.highlight-p{
  text-align: start;
}

.btr {
  display: flex;
  gap: 15px;
  margin-top: 30px;
  justify-content: center;
}

.btr button {
  font-size: 25px;
  padding: 12px 28px;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.9s ease;
}

.btn-primary {
  background: linear-gradient(to right, #0b5995, #1270c2);
  color: #fff;
  border: none;
  box-shadow: 0 4px 12px #0b59954d;
}

.btn-primary:hover {
  background: linear-gradient(to right, #0b5995, #1270c2);
  transform: translateY(-4px);
}

.btn-outline {
  background: #198754;
  color: #ffffff;
  border: none;
}

.btn-outline:hover {
  background: #0b5995;
  color: #fff;
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(11, 89, 149, 0.35);
}
@media (max-width: 768px) {
  .carousel-caption h5,
  .carousel-caption h4 {
    font-size: 28px; /* أصغر بنسبة صحيحة */
    line-height: 1.3;
  }

  .carousel-caption p {
    font-size: 18px;
    line-height: 1.5;
  }
}

.titlee{
  color: #03071e;
  font-weight: bold;
}
.titlee{
  text-align: center;
}

.titlee p{
  font-size: 18px;
  color: #03071e;
  font-weight: bold;
}
.cardtit{
  height: 500px;

}
.cardtit img{
  padding-top: 5px;
  background-color: #0b0b31b4;
}
.cardtit h2{
  margin-top: 12px;
  font-weight: bold;
}
.featurette-heading{
  font-size: 42px !important;
  margin-bottom: 10px;
}
.lead {
  font-weight: 300;
  color: #022342 !important;
}



.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
  justify-content: end;
}




.featurette-divider {
  margin: 5rem 0; 
}

.featurette-heading {
  letter-spacing: -.05rem;
}


@media (min-width: 40em) {
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}



.service {
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
  height: 100%;
}

.service:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

.service h3 {
  margin-bottom: 30px;
  margin-top: 20px;
  font-size: 2rem;
}

.service p {
  line-height: 1.6;
  color: #ffffff;
  font-weight: bold;
}

/* ثيمات */
.service-dark {
  background: #014f86;
  color: #fff;
  
}

.service-dark p {
  color: #ddd
}

.service-light {
  background: #013a63;
  color: #fff;
  border: 1px solid #ddd;
}
.featurette-1{
  padding-left: 40px;
}
.feature-icon{
  position: relative;
  color: #fcfcfc;
  font-size: 45px;
  border-radius: 50%;
}
.text-services{
  background-color: #75787a31;
  padding: 20px;
  max-height: auto;
}
.text-services h3{
  font-size: 25px;
}
.section-title{
  font-size: 30px;
  color: #ffffff;
  background-color: #013a63;
  padding: 20px;
  border-radius: 50px;
}
.title-services{
  background-color: #013a63cb;
  color: #fff;
  margin-left: 40px;
  margin-right: 40px;
  padding: 5px;
  border-radius: 40px;
}
.featurette img {
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.featurette img:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
}
.featurette-heading {
  color: #013a63;
  font-size: 42px !important;
  margin-bottom: 10px;
}
.featurette-heading::after {
  content: '';
  display: block;
  width: 100px;
  height: 4px;
  background: #007bff;
  margin: 10px auto;
  border-radius: 2px;
}
.lead {
  color: #34495e;
  font-size: 18px;
}
.feature-list {
  list-style: none;
  padding: 0;
  margin-top: 20px;
}
.feature-list li {
  font-size: 18px;
  color: #34495e;
  margin-bottom: 15px;
  display: flex;
  align-items: center;

}
.feature-list i {
  color: #007bff;
  font-size: 22px;
}
.featurette .btn-primary {
  padding: 12px 30px;
  font-size: 18px;
  border-radius: 30px;
  background: linear-gradient(to right, #0b5995, #1270c2);
  transition: transform 0.3s ease;
}
.featurette .btn-primary:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
  .featurette-heading {
    font-size: 28px !important;
  }
  .lead {
    font-size: 16px;
  }
}
.ticker-container{
  width: 80%;
  margin-inline:auto ;
  height: 80px;
  overflow: hidden;
  display: flex;
  align-items: center;

}
.ticker-track{
  display: flex;
  align-items: center;
  white-space: nowrap;
  will-change: transform;
  animation: track 10s linear infinite;
}
.ticker-track img{
  height: 50px;
  margin-inline: 30px;
}
@keyframes track {
  0%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(-50%);
  }
}
.Contact-us {
  background-image: url("/image/imgi_38_bg-4 (1).jpg");
  height: 80vh;
  background-size: cover;      
  background-position: center; 
  background-repeat: no-repeat;
  display: flex;
  justify-content: flex-start; 
  align-items: center;         
  padding-left: 50px;         
}


.headcon {
  margin-left: auto;    
  text-align: right;   
  color: #fff;
}

.headcon h1 {
  font-size: 3rem;
  margin-bottom: 40px;
}

.headcon p {
  font-size: 1.2rem;
  margin-bottom: 40px;
}

.headcon button {
  padding: 10px 20px;
  margin-left: 10px; 
  border: none;
  cursor: pointer;
  font-size: 1.5rem;
  background-color: #ff6600;
  color: #fff;
  border-radius: 5px;
  transition: 0.3s;
}

.headcon button:hover {
  background-color: #e55b00;
}

.efficient2 img{
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}
.tit-effr h1{
  color:#e5631b;
}
.tit-title h5{
text-align: center ;
color: #e5631b;
}
.tit-title p{
text-align: center ;
}
.efficient-icon i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: #e5631b;
  padding: 5px;
  width: 50px;         
  height: 50px;           
  border-radius: 50%;    
  border: 1px solid #e5631e; 
}
@media (min-width: 333px) and (max-width: 767.98px) {
  .efficient-title{
    text-align: center;
    justify-content: center;
  }
  .tit-effr h1{
    font-size: 30px;
  }
}
footer{
  background-color: #001427 !important;
  color: #FFF;
border-top-left-radius:30px;
border-top-right-radius:30px;

}
.link-footer a{
  text-decoration: none;
}
footer.footer-custom {
  background: #001427 !important;
  color: #ddd !important;
}

footer.footer-custom a {
  transition: all 0.3s ease !important;
  position: relative !important;
}

footer.footer-custom .link-footer a::after {
  content: "" !important;
  position: absolute !important;
  bottom: -4px !important;
  right: 0 !important;
  width: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #00d4ff, #00ff95) !important;
  transition: width 0.4s ease !important;
}

footer.footer-custom .link-footer a:hover::after {
  width: 100% !important;
}

footer.footer-custom .fab {
  font-size: 20px !important;
  transition: transform 0.3s ease, color 0.3s ease !important;
}

footer.footer-custom .fab:hover {
  transform: scale(1.3) !important;
  color: #00d4ff !important; 
}