body {
  font-family: "Times New Roman", Times, serif;
 background-color: RGB(20, 18, 16);
 color: white;
 text-color:white;
}


    .navcenter{
    gap:5px
  }
  @media (max-width: 1024px) {
  .navcenter {
    margin-left: 0;
    flex-direction: column; 
    gap:0;
  }
   .nav-link {
      color: black !important;
      font-weight: bold;
      font-size: 14px;
    }

  
}

.sub-heading{
    background-color: RGB(20, 18, 16);
}

    .navbar-brand h2 {
      margin: 0;
      font-size: 20px;
      font-weight: bold;
    }
    .navbar-brand span {
      color: #00aedb;
    }
    .navbar-brand p {
      margin: 0;
      font-size: 12px;
      color: #ddd;
      line-height: 1;
    }
    .nav-link {
      font-weight: bold;
      font-size: 14px;
    }

    .btn-custom {
      background-color: #00aedb;
      color: #fff;
      font-weight: bold;
      border-radius: 25px;
      font-size: 13px;
      padding: 8px 20px;
      white-space: nowrap;
      text-decoration: none;
    }
    .btn-custom:hover {
      background-color: #0096c7;
    }
    .whatsapp-button {
      position: fixed;
      bottom: 80px;
      right: 30px;
      background-color: #25D366;
      color: white;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 30px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
      cursor: pointer;
      text-decoration: none;
      z-index: 1000;
    }
    .whatsapp-button:hover {
      background-color: #1ebe57;
    }
   
    @media (max-width: 768px) {
      .whatsapp-button {
        bottom: 100px;
        right: 20px;
      }
    }
      .offcanvas .nav-link {
    padding: 12px 0;
    font-size: 16px;
    border-bottom: 1px solid #eee;
  }
 
.offcanvas-start.custom-width {
  width: 280px;
}








@media (max-width: 991.98px) { 
  .nav-link.dropdown-toggle {
    position: relative;
    padding-right: 1.5rem; 
  }

  .nav-link.dropdown-toggle::after {
    position: absolute;
    right: 1rem; 
    top: 50%;
    transform: translateY(-50%);
  }
  .dropdown-menu{
      border: none;
  }
}


/*Home*/


.card-img-top {
  height: 150px;
  object-fit: scale-down;
}


      .custom-carousel-img {
        height: 500px!important;
      }


      .equal-image {
  height: 200px; 
  object-fit: cover; 
  width: 100%;
}
    .info-box {
      background-color: #e6f2ff;
      padding: 20px;
      border-radius: 10px;
      height: 100%;
    }


     
      .imagefixed {
      position: sticky;
      top: 100px; 
      z-index: 99;
    }
    

    .expertise-card img {
      width: 100px;
      height: auto;
    }
    .expertise-card {
      padding: 20px 10px;
    }
    .expertise-card p {
      font-size: 14px;
      color: #555;
    }
    .card-stat {
      border: 1;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      padding: 20px;
    }
    .card-stat .icon {
      font-size: 30px;
      color: #2c2c2c;
      margin-right: 15px;
    }
    .card-stat .title {
      color: #2c2c2c;
      font-weight: 600;
      margin-bottom: 5px;
    }
    .card-stat .desc {
      color: #444;
      font-size: 14px;
      margin: 0;
    }
    .h-100{
        height: 95%!important;
    }

/*Owl Carousel*/
 .owl-carousel .item {
     border: 1px solid #dcdcdc;
    background: #fff;
    padding: 30px 25px;
    margin: 10px;
    border-radius: 15px;
    box-shadow: 0 10px 10px rgb(0 0 0 / 6%);
    position: relative;
    text-align: center;
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
 

.owl-theme .owl-nav [class*=owl-]{
    border-radius: 30px;
}

  /* Carousel wrapper position */
  .owl-carousel {
    position: relative;
  }

  /* Navigation arrows */
  .owl-nav button.owl-prev,
  .owl-nav button.owl-next {
    position: absolute;
    top: 40%;
    background: red;
    border-radius: 100%!important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 24px;
    color: #164289;
    transition: all 0.3s ease;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
  }

  /* Hover effect */
  .owl-nav button.owl-prev:hover,
  .owl-nav button.owl-next:hover {
    background: #2c2c2c;
    color: white;
  }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    background-color: #2c2c2c !important;
    color: white!important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    /*color: green!important;*/
}
  /* Desktop/tablet arrows outside carousel */
  @media(min-width: 768px) {
    .owl-nav button.owl-prev {
      left: -20px;
    }
    .owl-nav button.owl-next {
      right: -20px;
    }
  }

  /* Mobile arrows smaller & inside carousel */
  @media(max-width: 767.98px) {
    .owl-nav button.owl-prev,
    .owl-nav button.owl-next {
      width: 30px;
      height: 30px;
      font-size: 18px;
      top: 25%;
    }
    .owl-nav button.owl-prev {
      left: -8px;
    }
    .owl-nav button.owl-next {
      right: -5px;
    }
  }

  /* Dots container */
  .owl-dots {
    margin-top: 25px;
    text-align: center;
    overflow: visible;
    padding: 0 20px;
  }

  /* Individual dots */
  .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 8px;
    width: 16px;
    height: 16px;
    background-color: red;
    border-radius: 50%;
    transition: background-color 0.3s ease;
    cursor: pointer;
  }

  /* Active dot */
 
  .owl-theme .owl-dots .owl-dot span{
      display: none!important;
  }

/*Contact Page*/
.address-icon{
    font-size:30px; 
    color:#000;
}