/* Import Custom Fonts */
      @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
      @import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap");

      /* ===== NAVBAR STYLES ===== */
      .navbar-container {
        max-width: 1152px;
        margin: 0 auto;
        padding: 1rem 2rem;
        font-family: "Roboto", sans-serif;
      }
      .highlight-card p,.blog-section p,.brand-description,.brand-description,.service-content p,.cta p {
        font-size: 16px;
      }
      .video_specification li,ul li,p{
        font-size: 16px;
      }
      @media (max-width: 768px) {
        .equal-col{
          margin-top: 0px !important;
        }
        .equal-card-row{
          margin-top: 20px !important;
          margin-bottom: 25px;
        }

        /* .main-dome{
          display: block !important;
        } */
        .doms,.overse-doms{
          max-width: 100% !important;
        }
        .loc-card-mini{
          flex-wrap: wrap;
          justify-content: center;
          height: auto !important;
        }
        .k-loc-card-mini{
          display: grid !important;
        }
        .cta p,.highlight-card p,.blog-section p,.brand-description,.video_specification li,ul li,p{
          font-size: 14px;
        }
        .sub-h{
          font-size: 15px;
        }
        .service-content p,.testimonial-text{
          font-size: 14px;}

        .container {
          padding: 0 20px;
        }
      }
      .video_specification ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .video_specification li {
      position: relative;
      line-height: 1.8rem;
      margin-bottom: 16px;
      padding-left: 35px; /* space for icon */
    }

    .video_specification li i {
      position: absolute;
      left: 0;
      top: 3px; /* vertical align */
      color: #0a0a0a; /* black or dark green as you want */
      font-size: 18px;
    }
    /* .video-banner-wrapper {
    position: relative;
    width: 100%;
    padding-top: 55%;
    overflow: hidden;
    border-radius: 12px;
}

.video-banner-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */
.video-wrapperrr {
    position: relative;
    width: 100%;
    /* height: 600px; */
    padding-top: 56%;
    overflow: hidden;
}

.video-wrapperrr iframe,
.video-wrapperrr .video-poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-banner {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.video-loaded {
    opacity: 1 !important;
}

.video-poster.hide {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}


  /* Dropdown styling */
.dropdown {
  position: relative;
}

.equal-card-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.equal-card-row .equal-col {
  flex: 1 1 calc(33.333% - 1.5rem);
  display: flex;
}

.equal-card-row .equal-card {
  display: flex;
  flex-direction: column;
  /* flex: 1; */
  width: 100%;
}

.ab-page img {
  height: 225px;
  object-fit: cover;
}
.ab-page .card-body ul{
  min-height: 151px;
}
.certificate{
  max-width: 100% !important;
  height: auto !important;
  object-fit: cover;
}

.equal-card-row .equal-card .card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.equal-card-row .equal-card .card-body .btn {
  margin-top: auto; /* button bottom me chala jaye */
}

.equal-card-row .card-body .btn {
  position: absolute;
  bottom: 10px;

}
.equal-card-row .card-body>div{
  margin-top: 25px !important;
}


.india-s .section-full.pb-0.left_image_right_image {
margin-top: 50px;
}
.india-s .video_specification h5{
margin-bottom: 40px;
}
/* India vision Page responsive */
@media (max-width: 576px) {
    .india-s .section-full.pb-0.left_image_right_image {
        margin-top: 20px;
    }
    .video_specification li {
        position: relative;
        line-height: 1.5rem;}
    .india-s .video_specification h5 {
        margin-bottom: 20px;
        font-size: 16px;
    }
  .india-s .video_specification li {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .india-s p{
      font-size: 14px;
    }

}
@media (min-width: 577px) and (max-width: 768px) {
    .india-s .section-full.pb-0.left_image_right_image {
        margin-top: 30px;
    }

    .india-s .video_specification h5 {
        margin-bottom: 25px;
        font-size: 18px;
    }
    .india-s .video_specification li {
          font-size: 16px;
          margin-bottom: 0px;
      }
      .india-s p{
        font-size: 16px;
      }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .india-s .section-full.pb-0.left_image_right_image {
        margin-top: 40px;
    }

    .india-s .video_specification h5 {
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {
  .india-s img{
    width: 100%;
  }

}



@media (max-width: 767px) {
  .k-video-section{
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  .k-video-box{
    margin-bottom: 20px;
  }
  .col-md-3.formobileimg {
text-align: center;
}
}


@media (max-width: 991px) {
  .equal-card-row .equal-col {
    /* flex: 1 1 calc(50% - 1.5rem); */
  }
  .blog-header {

    height:100% !important;


}
  .product-box p{
    min-height:
  }
  .btn-outline-dark {

    font-size: 13px;
}
  .desktop-nav{
    display: none !important;
  }
}
@media (max-width: 767px) {
  .equal-card-row .equal-col {
    flex: 1 1 100%;
  }
  .con-b{
    font-size: 11px;
  }

}
.dropdown-menu {
  display: none;
  position: absolute;
  top: 22px;
  left: 0;
  min-width: 180px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  padding: 10px 0;
  z-index: 999;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-item {
  display: block;
  padding: 10px 18px;
  color: #333;
  text-decoration: none;
  font-size: 15px;
  transition: background 0.3s ease, color 0.3s ease;
}

.dropdown-item:hover {
  background:#405e42;
  color: #fff;
}





  ul li strong {
    color: #007f4e;
  }

      .fs-24{
        font-size: 20px !important;
      }
     .fs-18{
        font-size: 18px !important;

     }

   .info-section .info-box {
  border-color: #dcdcdc !important; /* light gray like the image */
}
.testimonial-nav-button {
        background: rgba(25, 33, 61, 0.4) !important;
      }

.bg-success{
  background-color: #4a6b4f !important;
}
.es-box img{
  height: 300px;
}
.fs-19{
  font-size: 19px !important;
  text-align: center;
}
    .section-title {
      text-align: center;
      font-weight: 700;
      font-size: 28px;
      margin-bottom: 25px;
    }
    .project-box {
      background-color: #C7E2C3;
      border-radius: 10px;
      padding: 20px 25px;
      color: #2F2F2F;
      font-size: 15px;
      height: 100%;
    }
    .project-box h6 {
      color: #406E45;
      font-weight: 700;
      font-size: 16px;
      margin-bottom: 10px;
    }
    .project-box p {
      margin: 0;
      line-height: 1.5;
    }
    .project-boxx {
      background-color: #F7F7F7;
      border-radius: 10px;
      padding: 20px 25px;
      color: #2F2F2F;
      font-size: 15px;
      height: 100%;
    }
    .project-boxx h6 {
      color: #406E45;
      font-weight: 700;
      font-size: 16px;
      margin-bottom: 10px;
    }
    .project-boxx p {
      margin: 0;
      line-height: 1.5;
    }
    .equal-height {
      display: flex;
      flex-direction: column;
      height: 100%;
    }
      .card-gradient {
        background: linear-gradient(180deg, #405e42 0%, #d4b484 100%);
        border-radius: 1.5rem;
        overflow: hidden;
        display: flex;
        flex-direction: column;
      }

      .card-title {
        color: white;
        text-align: center;
        font-size: 1.125rem;
        padding-top: 1rem;
      }

      .card-image-container {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem;
      }

      .card-image-container img {
        max-height: 70%;
        object-fit: contain;
      }

      .large-card {
        height: 350px;
      }

      .small-card {
        height: calc(175px - 0.5rem);
      }

      .right-column {
        height: 350px;
      }

      .air-filter-img {
        width: 85%;
        height: auto;
      }

      .todayaday-img {
        width: 65%;
        height: auto;
        border-radius: 0.5rem;
      }

      .cxp-img {
        width: 55%;
        height: auto;
        border-radius: 0.5rem;
      }

      @media (min-width: 768px) {
        .product-box p{
          font-size: 16px !important;
        }
        .card-title {
          font-size: 1.5rem;
          padding-top: 2rem;
        }

        .large-card {
          height: 500px;
        }

        .small-card {
          height: calc(250px - 0.5rem);
        }

        .right-column {
          height: 500px;
        }

        .small-card .card-title {
          padding-top: 1.5rem;
        }

        .air-filter-img {
          width: auto;
          max-width: 280px;
        }

        .todayaday-img {
          width: auto;
          max-width: 175px;
        }

        .cxp-img {
          width: auto;
          max-width: 150px;
        }
      }


      .sticky-container {
        position: sticky;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        overflow: hidden;
        height: 100vh;
        width: 100%;
      }

      .video-wrapper {
        position: relative;
        overflow: hidden;
        will-change: transform;
      }

      .video-wrapper video {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      /* Team Section */
      /* Team Section */
      .carousel-container {
        max-width: 1920px;
        margin: 0 auto;
        padding: 1rem;
        font-family: "Sora", sans-serif;
      }


      /* exra css */
.two-v.k-portrait-video{
    padding-bottom:0;

}

      .k-portrait-video {
        position: relative;
        width: 100%;
        padding-bottom: 177.78%;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
      }

      .k-video-section {
        display: flex;
      }

      .k-video-box {
        display: flex;
        flex-direction: column;
      }




      .k-portrait-video .vp-video-wrapper,
.k-portrait-video .vp-video,
.k-portrait-video iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.k-portrait-video .vp-centered,
.k-portrait-video .vp-video-container,
.k-portrait-video .vp-preview,
.k-portrait-video .vp-video-wrapper {
  width: 100% !important;
  height: 100% !important;
}

      .k-video-text {
        margin-top: 10px;
        font-size: 16px;
        line-height: 1.5;
      }


      /* end extra css */
      .newsletter-input{
        border: 1px solid !important;
      }
      #sub_add{
        font-weight: normal;
        font-size: 15px;
      }

      .header-title {
        font-size: 1.875rem;
        font-weight: 600;
        color: black;
        margin-bottom: 1rem;
      }

      .header-subtitle {
        font-size: 1rem;
        color: black;
      }

      .carousel-wrapper {
        position: relative;
        padding: 0;
      }

      .carousel-inner {
        overflow: hidden;
        padding: 1rem 0 2.5rem 0;
      }

      .carousel-track {
        display: flex;
        transition: transform 500ms ease-out;
      }

      .team-card {
        flex-shrink: 0;
        cursor: pointer;
        padding: 0;
      }

      .card-inner {
        position: relative;
        transition: transform 300ms;
        transform-origin: center center;
        margin: 0 auto;
      }

      .team-card:hover .card-inner {
        transform: scale(1.03);
      }

      .image-container {
        border-radius: 1rem;
        overflow: hidden;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      }

      .team-image {
        width: 100%;
        height: 320px;
        object-fit: cover;
        /* filter: grayscale(100%);
        transition: filter 300ms; */
        display: block;
      }

      .team-card:hover .team-image {
        filter: grayscale(0%);
      }

      .info-overlay {
        position: absolute;
        bottom: -1.5rem;
        left: 50%;
        transform: translateX(-50%);
        width: 85%;
        z-index: 20;
      }

      .info-content {
        background: #405e42;
        border-radius: 0.75rem;
        text-align: center;
        padding: 0.75rem 1rem;
      }

      .member-name {
        color: white;
        font-size: 1.125rem;
        font-weight: 600;
        margin-bottom: 0.25rem;
      }

      .member-designation {
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.875rem;
        margin: 0;
      }

      /* Navigation Buttons */
      .nav-button {
        background: white;
        border: none;
        border-radius: 50%;
        padding: 0.5rem;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        transition: background-color 200ms;
        z-index: 10;
      }

      .nav-button:not(:disabled):hover {
        background-color: #f3f4f6;
      }

      .nav-button:disabled {
        opacity: 0.3;
        cursor: not-allowed;
      }

      .nav-button svg {
        width: 1.25rem;
        height: 1.25rem;
        color: #374151;
        display: block;
      }

      /* Mobile Navigation - Below Carousel */
      .mobile-nav {
        display: flex;
        justify-content: center;
        gap: 1rem;
        margin-top: 1rem;
      }

      /* Desktop Navigation - Sides */
      .carousel-desktop-nav {
        display: none;
      }

      .progress-dots {
        display: flex;
        justify-content: center;
        gap: 0.5rem;
        margin-top: 1.5rem;
      }

      .dot {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background-color: #d1d5db;
        border: none;
        padding: 0;
        cursor: pointer;
        transition: all 300ms;
      }

      .dot.active {
        width: 40px;
        background-color: #405e42;
      }

      /* Mobile: 1 card per view */
      @media (max-width: 767px) {
        .k-video-section + .k-video-section {
            padding-top: 0 !important;
        }
        .carousel-container {
          padding: 1rem 0.5rem;
        }
        .two-v.k-portrait-video{
            padding-bottom:0;
            height:170px;
        }
        .video_specification h4{
          font-size: 15px;
        }

        .team-card {
          width: calc(100% - 2rem);
          margin: 0 1rem;
        }

        .card-inner {
          max-width: 400px;
        }
      }

      /* Tablet: 2 cards per view */
      @media (min-width: 768px) {
        .carousel-container {
          padding: 1.5rem;
        }

        .header-title {
          font-size: 2.25rem;
        }

        .header-subtitle {
          font-size: 1.125rem;
        }

        .carousel-wrapper {
          padding: 0 3.5rem;
        }

        .carousel-inner {
          padding: 1rem 0 3rem 0;
        }

        .team-card {
          width: calc(50% - 0.75rem);
          margin: 0 0.375rem;
        }

        .image-container {
          border-radius: 1.5rem;
        }

        .info-overlay {
          bottom: -1.75rem;
        }

        .info-content {
          border-radius: 1rem;
          padding: 0.875rem 1.25rem;
        }

        /* Show desktop nav, hide mobile nav */
        .mobile-nav {
          display: none;
        }

        .carousel-desktop-nav {
          display: block;
        }

        .carousel-desktop-nav .nav-button {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
        }

        .carousel-desktop-nav .nav-button.prev {
          left: 0.5rem;
        }

        .carousel-desktop-nav .nav-button.next {
          right: 0.5rem;
        }

        .nav-button {
          padding: 0.625rem;
        }

        .progress-dots {
          margin-top: 2rem;
        }
      }

      /* Desktop: 3 cards per view */
      @media (min-width: 1024px) {
        .carousel-container {
          padding: 2rem;
        }

        .header-title {
          font-size: 3rem;
        }

        .header-subtitle {
          font-size: 1.25rem;
        }

        .carousel-wrapper {
          padding: 0 4rem;
        }

        .carousel-inner {
          padding: 1rem 0 3.5rem 0;
        }

        .team-card {
          width: calc(33.333% - 1.34rem);
          margin: 0 0.67rem;
        }

        .team-image {
          height: 380px;
        }

        .info-overlay {
          bottom: -2rem;
        }

        .info-content {
          padding: 1rem 1.5rem;
        }

        .member-name {
          font-size: 1.25rem;
        }

        .member-designation {
          font-size: 1rem;
        }

        .nav-button {
          padding: 0.75rem;
        }

        .nav-button svg {
          width: 1.5rem;
          height: 1.5rem;
        }

        .progress-dots {
          margin-top: 2.5rem;
        }
      }
      /* Timeline Section */

      .timeline-section {
        padding: 3rem 1rem;
        font-family: "Sora", sans-serif;
        background-color: white;
        overflow-x: hidden;
      }

      .header-title {
        font-size: 1.25rem;
        font-weight: 600;
        color: black;
        margin-bottom: 0.75rem;
      }

      .header-subtitle {
        font-size: 1.25rem;
        color: black;
      }

      .text-center {
        text-align: center;
        margin-bottom: 1.25rem;
      }

      .building-image {
        width: 100%;
        height: 100%; /* Full viewport height on mobile */
        object-fit: contain; /* Shows entire image without cropping */
        border-radius: 0.5rem;
      }

      /* Tablet and Desktop (576px and above) */
      @media (min-width: 576px) {
        .building-image {
          height: 540px; /* Fixed height for larger screens */
          object-fit: cover; /* Crops image to fill container */
        }
        .text-center {
          margin-bottom: 2rem;
        }
      }

      .info-card {
        background-color: #f7f7f7;
        border: 2px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.5rem;
        padding: 1.5rem;
        text-align: center;
        height: 100%;
        display: flex;
        flex-direction: column;
        /* justify-content: center; */
        align-items: center;
      }

      .info-card img {
        width: 48px;
        height: 48px;
        margin-bottom: 0.75rem;
        align-self: center;
      }

      .info-card p {
        font-size: 16px;
        color: #5c5c5c;
        margin-bottom: 0.25rem;
        text-align: center;
      }

      .info-card p:last-child {
        margin-bottom: 0;
      }

      .timeline-item {
        display: flex;
        align-items: stretch;
        margin-bottom: 1rem;
      }

      .year-badge {
        flex-shrink: 0;
        margin-right: 1rem;
        display: flex;
        align-items: center;
      }

      .year-button {
        position: relative;
        cursor: pointer;
        background-color: #405e42;
        color: white;
        border-radius: 60px;
        font-weight: 600;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        width: 120px;
        height: 48px;
        padding: 0 1.25rem;
        overflow: hidden;
        transition: all 0.3s ease;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        border: none;
      }

      .year-button:hover {
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
      }

      .year-text {
        position: relative;
        z-index: 10;
        transition: transform 0.3s ease;
      }

      .year-button:hover .year-text {
        transform: scale(1.05);
      }

      .year-gradient {
        position: absolute;
        inset: 0;
        background: linear-gradient(to right, #047857, #059669);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
      }

      .year-button:hover .year-gradient {
        transform: scaleX(1);
      }

      .timeline-line {
        flex-shrink: 0;
        width: 4px;
        background-color: #405e42;
        border-radius: 9999px;
        height: 78px;
        display: none;
      }

      .description-box {
        flex: 1;
        background-color: white;
        padding: 0.75rem 1rem;
        display: flex;
        align-items: start;
      }

      .description-box p {
        color: black;
        font-size: 0.875rem;
        line-height: 1.6;
        margin: 0;
      }

      /* Animation classes */
      .animate-left {
        opacity: 0;
        transform: translateX(-5rem);
        transition: opacity 0.7s ease-out, transform 0.7s ease-out;
      }

      .animate-right {
        opacity: 0;
        transform: translateX(5rem);
        transition: opacity 0.7s ease-out, transform 0.7s ease-out;
      }

      .animate-visible {
        opacity: 1;
        transform: translateX(0);
      }

      /* Responsive styles */
      @media (min-width: 576px) {
        .year-button {
          width: 158px;
          height: 56px;
          font-size: 1.375rem;
          padding: 0 1.5rem;
        }

        .timeline-line {
          display: block;
        }
      }

      @media (min-width: 768px) {
        .header-title {
          font-size: 1.875rem;
        }

        .description-box p {
          font-size: 1rem;
        }
      }

      @media (min-width: 992px) {
        .header-title {
          font-size: 3rem;
        }

        .timeline-section {
          padding: 3rem 2rem;
        }
      }

      /* Testimonial Carousel Styles - Renamed to avoid conflicts */
      .testimonial-carousel-container {
        /* background: linear-gradient(360deg, #405e42 0%, #d4b484 100%); */
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 3rem 1rem;
        overflow: hidden;
        font-family: "Sora", sans-serif;
      }

      .testimonial-carousel-wrapper {
        width: 100%;
        max-width: 896px;
        margin: 0 auto;
      }

      .testimonial-carousel-header {
        text-align: center;
        margin-bottom: 3rem;
      }

      .testimonial-carousel-title {
        font-size: 3rem;
        font-weight: 600;
        color: black;
        margin-bottom: 1rem;
      }

      .testimonial-carousel-subtitle {
        font-size: 1.25rem;
        color: black;
      }

      .testimonial-wrapper {
        position: relative;
      }

      .testimonial-nav-button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(25, 33, 61, 0.4);
        color: white;
        border: none;
        border-radius: 50%;
        padding: 0.75rem;
        cursor: pointer;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        transition: all 0.3s;
        z-index: 10;
        width: 48px;
        height: 48px;
        display: none;
      }

      .testimonial-nav-button:hover {
        background-color: rgba(25, 33, 61, 0.6);
      }

      .testimonial-nav-button-prev {
        left: -4rem;
      }

      .testimonial-nav-button-next {
        right: -4rem;
      }

      .testimonial-card {
        background-color: rgba(255, 255, 255, 0.15);
        border-radius: 1.5rem;
        padding: 3rem;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
      }

      .testimonial-quote-icon {
        font-size: 2.5rem;
        color: white;
        margin-bottom: 1.5rem;
      }

      .testimonial-text {
        font-size: 1.125rem;
        color: white;
        margin-bottom: 2rem;
        line-height: 1.75;
      }

      .testimonial-author-name {
        font-weight: 700;
        color: white;
        font-size: 1rem;
        margin-bottom: 0.25rem;
      }

      .testimonial-author-title {
        color: white;
        font-weight: 600;
        font-size: 0.875rem;
      }

      .testimonial-mobile-nav {
        display: flex;
        justify-content: center;
        gap: 1rem;
        margin-top: 1.5rem;
      }

      .testimonial-mobile-nav-button {
        background-color: rgba(25, 33, 61, 0.4);
        color: white;
        border: none;
        border-radius: 50%;
        padding: 0.625rem;
        cursor: pointer;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        transition: all 0.3s;
        width: 40px;
        height: 40px;
      }

      .testimonial-mobile-nav-button:hover {
        background-color: rgba(25, 33, 61, 0.6);
      }

      .testimonial-progress-indicators {
        display: flex;
        justify-content: center;
        gap: 0.5rem;
        margin-top: 2rem;
      }

      .testimonial-progress-dot {
        position: relative;
        overflow: hidden;
        height: 8px;
        border-radius: 4px;
        background-color: #ffffff;
        cursor: pointer;
        transition: all 0.3s;
        border: none;
        padding: 0;
      }

      .testimonial-progress-dot.active {
        width: 48px;
      }

      .testimonial-progress-dot:not(.active) {
        width: 8px;
      }

      .testimonial-progress-fill {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #405e42;
        transition: width 0.1s linear;
      }

      @media (min-width: 768px) {

        .testimonial-nav-button {
          display: block;
        }

        .testimonial-mobile-nav {
          display: none;
        }

        .testimonial-card {
          border-radius: 1.875rem;
        }

        .testimonial-carousel-header {
          margin-bottom: 3rem;
        }

        .testimonial-quote-icon {
          font-size: 2.5rem;
          margin-bottom: 1.5rem;
        }

        .testimonial-text {
          margin-bottom: 2rem;
        }

        .testimonial-progress-indicators {
          margin-top: 2rem;
        }
      }

      @media (max-width: 767px) {
        .testimonial-carousel-container {
          padding: 2rem 1rem;
        }

        .testimonial-carousel-header {
          margin-bottom: 2rem;
        }

        .testimonial-carousel-title {
          font-size: 1.875rem;
          margin-bottom: 0.75rem;
        }

        .testimonial-carousel-subtitle {
          font-size: 1rem;
        }

        .testimonial-card {
          padding: 1.5rem;
        }

        .testimonial-quote-icon {
          font-size: 1.5rem;
          margin-bottom: 1rem;
        }

        .testimonial-text {
          font-size: 0.875rem;
          margin-bottom: 1.5rem;
        }

        .testimonial-author-name {
          font-size: 0.875rem;
        }

        .testimonial-author-title {
          font-size: 0.75rem;
        }

        .testimonial-progress-indicators {
          margin-top: 1.5rem;
        }
      }

      @media (min-width: 640px) and (max-width: 767px) {
        .testimonial-carousel-title {
          font-size: 2.25rem;
        }

        .testimonial-carousel-subtitle {
          font-size: 1.125rem;
        }

        .testimonial-card {
          padding: 2rem;
        }

        .testimonial-quote-icon {
          font-size: 1.875rem;
          margin-bottom: 1.25rem;
        }

        .testimonial-text {
          font-size: 1rem;
          margin-bottom: 1.75rem;
        }

        .testimonial-author-name {
          font-size: 1rem;
        }

        .testimonial-author-title {
          font-size: 0.875rem;
        }
      }
      /* Footer Style  */
      .footer-container {
        background-color: #f7f7f7;
        font-family: "Sora", sans-serif;
        padding: 2rem 1rem;
      }

      @media (min-width: 576px) {
        .footer-container {
          padding: 2rem 1.5rem;
        }
      }

      @media (min-width: 768px) {
        .footer-container {
          padding: 2rem 2.5rem;
        }
      }

      @media (min-width: 992px) {
        .footer-container {
          padding: 2rem;
        }

      }

      .footer-link {
        color: #000;
        text-decoration: none;
        display: block;
        margin-bottom: 1rem;
        font-size: 0.875rem;
        transition: color 0.3s ease;
      }

      @media (min-width: 992px) {
        .footer-link {
          margin-bottom: 1.5rem;
        }
      }

      .footer-link:hover {
        color: #6b7280;
      }

      .contact-section h2,
      .newsletter-section h2 {
        font-size: 0.875rem;
        font-weight: 600;
        color: #000;
        margin-bottom: 1rem;
      }

      @media (min-width: 992px) {
        .contact-section h2 {
          margin-bottom: 1rem;
        }
      }

      .contact-info {
        color: #374151;
        font-size: 0.875rem;
        margin-bottom: 0.75rem;
      }

      @media (min-width: 992px) {
        .contact-info {
          margin-bottom: 1rem;
        }
      }

      .head-office {
        margin-top: 1rem;
      }

      @media (min-width: 992px) {
        .head-office {
          margin-top: 1rem;
        }
      }

      .head-office-title {
        font-weight: 600;
        color: #000;
        margin-bottom: 1rem;
      }

      .newsletter-section p {
        color: #000;
        font-size: 0.875rem;
        margin-bottom: 1rem;
      }

      @media (min-width: 992px) {
        .newsletter-section p {
          margin-bottom: 1.5rem;
        }
      }

      .newsletter-input {
        flex: 1;
        padding: 0.5rem 0.75rem;
        background-color: white;
        color: #cccccc;
        font-size: 0.875rem;
        border: none;
        border-radius: 0.25rem 0 0 0.25rem;
      }

      @media (min-width: 992px) {
        .newsletter-input {
          padding: 0.5rem 0.5rem;
        }
      }

      .newsletter-input:focus {
        outline: none;
      }

      .newsletter-input::placeholder {
        color: #cccccc;
      }

      .newsletter-button {
        background-color: #d4b484;
        padding: 0.5rem 1rem;
        border: none;
        border-radius: 0 0.25rem 0.25rem 0;
        transition: background-color 0.3s ease;
        cursor: pointer;
      }

      .newsletter-button:hover {
        background-color: #d4c484;
      }

      .newsletter-button i {
        color: #000;
        font-size: 0.875rem;
      }

      .footer-bottom {
        margin-top: 2rem;
        padding-top: 1.5rem;
        border-top: 1px solid #e5e7eb;
      }

      @media (min-width: 992px) {
        .footer-bottom {
          margin-top: 3rem;
        }
      }

      .copyright {
        color: #000;
        font-size: 0.875rem;
      }

      .social-link {
        color: #000;
        text-decoration: none;
        margin: 0 0.5rem;
        transition: color 0.3s ease;
      }

      .social-link:hover {
        color: #6b7280;
      }

      .social-link i {
        font-size: 1.25rem;
      }

      .nav-section {
        margin-bottom: 1.5rem;
      }

      @media (max-width: 992px) {
        .nav-section {
          margin-bottom: 0;
        }
        .product-box p{
          min-height: 60px;
        }
        .blog-title{
          min-height: 40px;
        }
        .brand-section{
          margin-top:0px !important;
        }
        .navbar-toggler {
        display: block !important;
    }
      }

      .contact-section,
      .newsletter-section {
        margin-bottom: 1.5rem;
      }

      @media (min-width: 992px) {
        .contact-section,
        .newsletter-section {
          margin-bottom: 0;
        }
      }
.info-section h6 {
  width: 180px; /* fixed width so text on right aligns neatly */
  min-width: 160px;
  white-space: nowrap; /* prevent line break in title */
}
.info-section-2 h6 {
  width: 250px; /* fixed width so text on right aligns neatly */
  min-width:230px;
  white-space: nowrap; /* prevent line break in title */
}

.info-section p,
.info-section ul {
  color: #333;
  font-size: 0.95rem;
  line-height: 1.6;
}

.info-section ul {
  padding-left: 1rem;
  margin-bottom: 0;
}

.info-section li {
  margin-bottom: 5px;
}
/* .ab-im{
    height: 660px;
} */
      .logo-img {
        height: 136px;
        width: auto;
      }

      .nav-link {
        font-size: 0.875rem;
        font-weight: 500;
        color: inherit;
        text-decoration: none;
        transition: color 0.3s;
        padding: 0;
        margin: 0 1.25rem;
      }

      .nav-link:hover {
        color: #405e42;
      }

      .nav-link.active {
        color: #405e42;
      }

      .icon-link {
        color: inherit;
        text-decoration: none;
        transition: color 0.3s;
        margin-left: 1rem;
      }

      .icon-link:hover {
        color: #405e42;
      }

      .navbar-toggler {
        border: none;
        padding: 0;
        background: none;
      }

      .navbar-toggler:focus {
        box-shadow: none;
      }

      .mobile-menu {
        margin-top: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-top: 1px solid #3f3f46;
      }

      .mobile-nav-link {
        display: block;
        padding: 0.5rem 0;
        font-size: 0.875rem;
        font-weight: 500;
        color: inherit;
        text-decoration: none;
        transition: color 0.3s;
      }

      .mobile-nav-link:hover {
        color: #405e42;
      }

      .mobile-nav-link.active {
        color: #405e42;
      }

      .mobile-icons {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-top: 1rem;
      }

      .desktop-nav {
        display: flex;
        align-items: center;
      }

      .partner-ecds {
  background-color: #fff;
}

.partner-ecds h2 {
  font-size: 1.8rem;
  color: #000;
}

.partner-ecds ul li {
  line-height: 1.6;
  font-size:18px;
  color: #333;
}
.fs-24{
    font-size: 24px;
}
.mx-750{
    /* max-width: 950px; */
}

.partner-ecds .image-box img {
  width: 100%;
  object-fit: cover;
}

.partner-ecds .badge {
  font-size: 1rem;
  line-height: 1;
}

.partner-ecds .bi-check-circle-fill {
  color: #007f4e; /* green tone matching image */
}

.cards-section .card {
  transition: all 0.3s ease;
  background: #fff;
}

.cards-section .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.cards-section .card-img-top {
  height: 350px;
  object-fit: cover;
}

.cards-section h6 {
  font-size:19px;
  letter-spacing: 0.5px;
}
.card-list li{
    font-size: 16px;
}

.cards-section ul li {
  margin-bottom: 5px;
  color: #333;
}

.cards-section .badge {
  font-size: 1rem;
  line-height: 1;
}

      @media (max-width: 767.98px) {
        .desktop-nav {
          display: none;
        }
        .product-box p{
          min-height:100%;
        }
      }

      @media (min-width: 768px) {
        .navbar-toggler {
          display: none;
        }
        /* .mobile-menu {
          display: none !important;
        } */
      }

      /* ===== HERO SECTION STYLES ===== */
      .hero-section {
        position: relative;
        background-color: white;
        overflow: hidden;
        font-family: "Sora", sans-serif;
      }

      .hero-image {
        width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 0.5rem;
      }

      .mobile-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 1rem 0.5rem;
      }

      .mobile-heading {
        font-size: 1.25rem;
        font-weight: 400;
        color: #405e42;
        line-height: 1.25;
        max-width: 46%;
        text-align: left;
        opacity: 0;
        transform: translateX(2.5rem);
        transition: all 0.7s ease-out 0.1s;
      }

      .mobile-heading.visible {
        opacity: 1;
        transform: translateX(0);
      }

      .mobile-heading-bold {
        display: block;
        font-size: 1.25rem;
        font-weight: 600;
        color: #405e42;
        margin-top: 0.25rem;
        opacity: 0;
        transform: translateX(2.5rem);
        transition: all 0.7s ease-out 0.3s;
      }

      .mobile-heading-bold.visible {
        opacity: 1;
        transform: translateX(0);
      }

      .description {
        color: #6c757d;
        font-size: 0.875rem;
        padding: 0.75rem 0;
        opacity: 0;
        transform: translateY(2.5rem);
        transition: all 0.7s ease-out 0.5s;
      }

      .description.visible {
        opacity: 1;
        transform: translateY(0);
      }

      .button-container {
        display: flex;
        gap: 0.75rem;
        opacity: 0;
        transform: translateY(2.5rem);
        transition: all 0.7s ease-out 0.7s;
      }

      .button-container.visible {
        opacity: 1;
        transform: translateY(0);
      }

      .hero-button {
        position: relative;
        cursor: pointer;
        background-color: #405e42;
        color: white;
        padding: 0.75rem 1.5rem;
        border-radius: 0.25rem;
        font-weight: 600;
        overflow: hidden;
        transition: all 0.3s;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        border: none;
        font-size: 0.875rem;
      }

      .hero-button:hover {
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
      }

      .hero-button span.text {
        position: relative;
        z-index: 10;
        display: inline-block;
        transition: transform 0.3s;
      }

      .hero-button:hover span.text {
        transform: scale(1.05);
      }

      .hero-button span.gradient {
        position: absolute;
        inset: 0;
        background: linear-gradient(to right, #166534, #15803d);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s;
      }

      .hero-button:hover span.gradient {
        transform: scaleX(1);
      }

      /* Desktop styles */
      .desktop-container {
        position: relative;
        width: 100%;
        margin: 0 auto;
      }

      .desktop-image {
        width: 100%;
        height: 500px;
        object-fit: cover;
        border-radius: 0.5rem;
      }

      .desktop-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 1.5rem;
      }

      .desktop-content {
        width: 100%;
        max-width: 48%;
      }

      .desktop-heading {
        font-size: 1.5rem;
        font-weight: 400;
        color: #405e42;
        line-height: 1.25;
        opacity: 0;
        transform: translateX(5rem);
        transition: all 0.7s ease-out 0.1s;
      }

      .desktop-heading.visible {
        opacity: 1;
        transform: translateX(0);
      }

      .desktop-heading-bold {
        display: block;
        font-size: 1.5rem;
        font-weight: 600;
        color: #405e42;
        margin-top: 0.375rem;
        opacity: 0;
        transform: translateX(5rem);
        transition: all 0.7s ease-out 0.3s;
      }

      .desktop-heading-bold.visible {
        opacity: 1;
        transform: translateX(0);
      }

      .desktop-description {
        color: #6c757d;
        font-size: 0.875rem;
        padding: 0.625rem 0;
        opacity: 0;
        transform: translateX(5rem);
        transition: all 0.7s ease-out 0.5s;
      }

      .desktop-description.visible {
        opacity: 1;
        transform: translateX(0);
      }

      .desktop-buttons {
        display: flex;
        gap: 0.625rem;
        opacity: 0;
        transform: translateX(5rem);
        transition: all 0.7s ease-out 0.7s;
      }

      .desktop-buttons.visible {
        opacity: 1;
        transform: translateX(0);
      }

      .desktop-button {
        padding: 0.5rem 1.25rem;
      }

      /* Responsive adjustments */
      @media (min-width: 768px) {
        .desktop-heading {
          font-size: 1.875rem;
        }

        .desktop-heading-bold {
          font-size: 1.875rem;
          margin-top: 0.5rem;
        }

        .desktop-description {
          font-size: 1rem;
          padding: 0.75rem 0;
        }

        .desktop-buttons {
          gap: 0.75rem;
        }

        .desktop-button {
          padding: 0.625rem 1.5rem;
        }
      }

      @media (min-width: 992px) {
        .desktop-image {
          height: auto;
        }

        .desktop-overlay {
          padding: 2rem;
        }

        .desktop-heading {
          font-size: 2.25rem;
        }

        .desktop-heading-bold {
          font-size: 2.25rem;
        }

        .desktop-description {
          font-size: 1.125rem;
          padding: 1rem 0;
        }

        .desktop-buttons {
          gap: 1rem;
        }

        .desktop-button {
          padding: 0.75rem 2rem;
          font-size: 1rem;
        }
      }

      @media (min-width: 1200px) {
        .desktop-heading {
          font-size: 3rem;
        }

        .desktop-heading-bold {
          font-size: 3rem;
        }
      }

      /* ===== BRAND HIGHLIGHTS STYLES ===== */
      .brand-section {
        background-color: white;
        min-height: 100vh;
        padding: 2rem 1rem;
        font-family: "Sora", sans-serif;
      }

      @media (min-width: 992px) {
        .brand-section {
          padding: 2rem;
        }
      }

      .brand-container {
        max-width: 1920px;
        margin: 0 auto;
      }

      .brand-header {
        text-align: center;
        margin-bottom: 3rem;
      }

      .brand-title {
        font-size: 2.5rem;
        font-weight: 600;
        color: black;
        margin-bottom: 1.5rem;
      }

      @media (min-width: 768px) {
        .brand-title {
          font-size: 3rem;
        }
      }

      .brand-description {
        color: black;
        max-width: 56rem;
        margin: 0 auto;
        line-height: 1.75;
      }



      .highlight-card {
        border-radius: 1rem;
        padding: 1rem;
        min-height: 134px;
        color: white;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        /* background: linear-gradient(180deg, #d4b484 0%, #405e42 100%); */
        background: #3f5c42;
        margin-bottom: 1.5rem;
      }

      @media (min-width: 992px) {
        .highlight-card {
          height: 134px;
          width: 380px;
          margin-bottom: 2.5rem;
        }
      }

      .highlight-card h3 {
        font-size: 1.125rem;
        font-weight: 700;
        margin-bottom: 0.75rem;
      }

      .highlight-card p {
        /* font-size: 0.875rem; */
        line-height: 1.75;
        opacity: 0.95;
      }

      .video-container {
        position: relative;
        z-index: 10;
      }

      .video-wrapper {
        border-radius: 1rem;
        padding: 10px;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        background: linear-gradient(
          180deg,
          rgba(212, 180, 132, 0.7) 0%,
          rgba(64, 94, 66, 0.7) 100%
        );
      }

      .video-wrapper video {
        width: 100%;
        height: 584px;
        object-fit: cover;
        border-radius: 0.75rem;
      }

      .left-column {
        display: none;
      }

      .right-column {
        display: none;
      }

      @media (min-width: 992px) {
        .left-column {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
        }

        .right-column {
          display: flex;
          flex-direction: column;
          align-items: flex-end;
        }

        .mobile-cards {
          display: none;
        }
      }

      @media (max-width: 991px) {
        .desktop-columns {
          display: none;
        }
      }

      /* Category */
      .container {
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 40px;
        font-family: "Sora", sans-serif;
      }

      /* Sticky wrapper for entire services section */
      .services-wrapper {
        position: relative;
        min-height: 100vh;
      }

      .services-header {
        padding: 40px 0;
        border-bottom: 1px solid #e5e5e5;
        background-color: #fff;
        position: sticky;
        top: 0;
        z-index: 100;
      }

      .services-label {
        color: #000;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        display: flex;
        align-items: center;
      }

      .services-label::before {
        content: "";
        width: 8px;
        height: 8px;
        background-color: #ff5722;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
      }

      .service-item {
        display: grid;
        grid-template-columns: 80px 1fr 1fr;
        gap: 60px;
        padding: 40px 0;
        border-bottom: 1px solid #e5e5e5;
        background-color: #fff;
        position: sticky;
        top: 0;
      }

      .service-number {
        font-size: 18px;
        color: #666;
        font-weight: 700;
        align-self: start;
        padding-top: 10px;
      }

      .service-content {
        align-self: start;
      }

      .service-content h2 {
        font-size: 40px;
        font-family: "Inter", sans-serif;
        font-weight: 700;
        margin-bottom: 30px;
        text-transform: uppercase;
        letter-spacing: -1px;
        position: relative;
      }

      /* Stroke text effect */
      /* Stroke text effect - only for desktop */
      .stroke-text {
        color: #000;
      }

      @media (min-width: 1025px) {
        .stroke-text {
          background: linear-gradient(
            to right,
            #000 0%,
            #000 0%,
            transparent 0%,
            transparent 100%
          );
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          background-clip: text;
          -webkit-text-stroke: 1px #ccc;
          color: transparent;
        }
      }

      .service-content p,.testimonial-text{

        line-height: 1.8;
        color: #666;
        margin-bottom: 35px;
        max-width: 500px;
        font-weight: 600;
      }

      /* Custom Button Styles */
      .services-button {
        display: inline-flex;
        align-items: center;
        font-family: "Sora", sans-serif;
        text-decoration: none;
        font-weight: 600;
        font-size: 18px;
        color: white;
        transition: transform 0.2s ease-in-out;
      }

      .button-text {
        background-color: #ff5722;
        padding: 14px 25px 14px 30px;
        border-radius: 70px 70px 70px 70px;
        display: block;
        transition: all 0.3s ease-in-out;
      }

      .button-icon {
        background-color: #ff5722;
        width: 52px;
        height: 52px;
        border-radius: 70%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: -10px;
        z-index: -1;
        transition: all 0.3s ease-in-out;
      }

      .button-icon svg {
        width: 24px;
        height: 24px;
        transition: transform 0.3s ease-in-out;
      }

      /* Hover effects */
      .services-button:hover .button-text {
        border-radius: 50px;
        margin-right: 15px;
      }

      .services-button:hover .button-icon {
        margin-left: 0;
        z-index: 1;
        border-radius: 50%;
      }

      .services-button:hover .button-icon svg {
        transform: rotate(45deg);
      }

      .service-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 0px;
      }

      .service-tag {
        padding: 10px 16px;
        background-color: transparent;
        border: 1px solid #ddd;
        border-radius: 20px;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        cursor: pointer;
        transition: all 0.3s ease;
        display: inline-flex;
        align-items: center;
        gap: 0;
        position: relative;
        color: #333;
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
        text-align: flex-start;
        max-width: 100%;
      }

      .service-tag:hover {
        background-color: #ff5722;
        border-color: #ff5722;
        color: white;
        gap: 8px;
        padding-right: 20px;
      }

      .service-tag svg {
        width: 0;
        height: 10px;
        opacity: 0;
        transition: all 0.3s ease;
      }

      .service-tag:hover svg {
        opacity: 1;
        width: 10px;
      }

      .service-tag.force-break {
        display: block;
        width: 100%;
      }
      .service-image {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .service-image img {
        width: 100%;
        height: auto;
        max-width: 450px;
        object-fit: contain;
      }


      @media (max-width: 992px) {
          .service-image img {
              max-width: 100%;
          }
      }
      /* Media queries for responsive behavior */
      @media (max-width: 1200px) {
        .container {
          padding: 0 20px;
        }

        .service-item {
          grid-template-columns: 60px 1fr 1fr;
          gap: 40px;
        }

        .service-content h2 {
          font-size: 42px;
        }
      }

      /* Replace the existing @media queries with these updated versions */

      /* Replace the existing @media queries with these updated versions */

      @media (max-width: 1024px) {
        /* For tablets and mobile - normal scroll behavior */
        .services-header {
          position: static;
          padding: 30px 0;
        }

        .service-item {
          position: static;
          grid-template-columns: 1fr;
          gap: 30px;
          padding: 50px 0;
        }

        .service-content h2 {
          font-size: 36px;
        }

        .service-image {
          padding: 30px 0; /* Same padding top and bottom */
        }

        .service-number {
          align-self: auto;
          padding-top: 4px;
        }

        /* Make button icon visible on mobile/tablet */
        .button-icon {
          margin-left: -8px;
          z-index: 1;
        }

        .button-icon svg {
          stroke: white; /* Ensure SVG stroke is visible */
        }
      }

      @media (max-width: 768px) {
        .two-v.k-portrait-video{
            padding-bottom:0;
            height:170px;
        }

.section-full h2{
  font-size: 16px;
}
        .service-item {
          padding: 0px 0;
          gap: 25px;
        }
        .equal-card-row .equal-card img {
    height: 185px;
    object-fit: cover;
    width: 100%;
}

        .service-content h2,.brand-title,h3,.header-title {
          font-size: 18px !important;
        }

        .service-image {
          padding: 25px 0; /* Consistent padding for smaller screens */
        }
      }
      /* Video Shrink Section */
      .video-section {
        position: relative;
        height: 200vh;
        margin-top: 50px;
      }
      @media (max-width: 1024px) {
        .video-section {
          margin-top: 0px;
        }
        .sticky-container-video {

    height: 85vh !important;
    width: 100%;
}
      }

      .sticky-container-video {
        position: sticky;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        overflow: hidden;
        height: 100vh;
        width: 100%;
      }

      .video-wrapper-shrink {
        position: relative;
        overflow: hidden;
        will-change: transform;
      }

      .video-wrapper-shrink video {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      /* Testimonial Section */

      /* new css */

      .carousel-container {
  text-align: center;
  padding: 50px 20px;
  position: relative;
}



.header-title {
  font-size: 2rem;
  font-weight: bold;
}

.header-subtitle {
  color: #666;
  font-size: 1rem;
}

/* Team Card */
.team-card {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  transition: transform 0.3s ease-in-out;
}

.team-card:hover {
  transform: translateY(-5px);
}

.image-container {
  position: relative;
}

.team-image {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
}

.info-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(transparent, rgba(0,0,0,0.7));
  padding: 20px;
  color: #fff;
  text-align: left;
}

.member-name {
  font-size: 1.2rem;
  font-weight: bold;
}

.member-designation {
  font-size: 1rem;
  color: #ccc;
}

/* Navigation Buttons */
.owl-nav button {
  position: absolute;
  top: 40%;
  background: #fff;
  border: none;
  border-radius: 50%;
  padding: 8px 12px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  transition: 0.3s;
}

.owl-nav button:hover {
  background: #000;
  color: #fff;
}

#teamCarousel .owl-nav .owl-prev {
  left: -40px;
  width: 30px;
  height: 30px;
  border-radius: 50%
}

#teamCarousel .owl-nav .owl-next {
  right: -40px;
  width: 30px;
  height: 30px;
  border-radius: 50%
}

/* Dots */
.owl-dots {
  margin-top: 15px;
}

.owl-dot span {
  width: 12px;
  height: 12px;
  background: #ccc !important;
  border-radius: 50%;
}

.owl-dot.active span {
  background: #000 !important;
}

@media (max-width: 768px) {
  .team-image {
    height: 220px;
  }
  .owl-nav {
    display: none;
  }
}




      .nav-button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(25, 33, 61, 0.4);
        color: white;
        border: none;
        border-radius: 50%;
        padding: 0.75rem;
        cursor: pointer;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        transition: all 0.3s;
        z-index: 10;
        width: 48px;
        height: 48px;
        display: none;
      }

      .nav-button:hover {
        background-color: rgba(25, 33, 61, 0.6);
      }

      .nav-button-prev {
        left: -4rem;
      }

      .nav-button-next {
        right: -4rem;
      }

      .testimonial-card {
        background-color: rgba(255, 255, 255, 0.15);
        border-radius: 1.5rem;
        padding: 3rem;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
      }

      .quote-icon {
        font-size: 2.5rem;
        color: white;
        margin-bottom: 1.5rem;
      }

      .testimonial-text {
        font-size: 1.125rem;
        color: white;
        margin-bottom: 2rem;
        line-height: 1.75;
      }

      .author-name {
        font-weight: 700;
        color: white;
        font-size: 1rem;
        margin-bottom: 0.25rem;
      }

      .author-title {
        color: white;
        font-weight: 600;
        font-size: 0.875rem;
      }

      .mobile-nav {
        display: flex;
        justify-content: center;
        gap: 1rem;
        margin-top: 1.5rem;
      }

      .mobile-nav-button {
        background-color: rgba(25, 33, 61, 0.4);
        color: white;
        border: none;
        border-radius: 50%;
        padding: 0.625rem;
        cursor: pointer;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        transition: all 0.3s;
        width: 40px;
        height: 40px;
      }

      .mobile-nav-button:hover {
        background-color: rgba(25, 33, 61, 0.6);
      }

      .progress-indicators {
        display: flex;
        justify-content: center;
        gap: 0.5rem;
        margin-top: 2rem;
      }

      .progress-dot {
        position: relative;
        overflow: hidden;
        height: 8px;
        border-radius: 4px;
        background-color: #ffffff;
        cursor: pointer;
        transition: all 0.3s;
        border: none;
        padding: 0;
      }

      .progress-dot.active {
        width: 48px;
      }

      .progress-dot:not(.active) {
        width: 8px;
      }

      .progress-fill {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #405e42;
        transition: width 0.1s linear;
      }

      @media (min-width: 768px) {
        .nav-button {
          display: block;
        }

        .mobile-nav {
          display: none;
        }

        .testimonial-card {
          border-radius: 1.875rem;
        }

        .carousel-header {
          margin-bottom: 3rem;
        }

        .quote-icon {
          font-size: 2.5rem;
          margin-bottom: 1.5rem;
        }

        .testimonial-text {
          margin-bottom: 2rem;
        }

        .progress-indicators {
          margin-top: 2rem;
        }
      }

      @media (max-width: 767px) {
        .carousel-container {
          padding: 2rem 1rem;
        }

        .carousel-header {
          margin-bottom: 2rem;
        }

        .carousel-title {
          font-size: 1.875rem;
          margin-bottom: 0.75rem;
        }

        .carousel-subtitle {
          font-size: 1rem;
        }

        .testimonial-card {
          padding: 1.5rem;
        }

        .quote-icon {
          font-size: 1.5rem;
          margin-bottom: 1rem;
        }

        .testimonial-text {
          font-size: 0.875rem;
          margin-bottom: 1.5rem;
        }

        .author-name {
          font-size: 0.875rem;
        }

        .author-title {
          font-size: 0.75rem;
        }

        .progress-indicators {
          margin-top: 1.5rem;
        }
      }

      @media (min-width: 640px) and (max-width: 767px) {
        .carousel-title {
          font-size: 2.25rem;
        }

        .carousel-subtitle {
          font-size: 1.125rem;
        }

        .testimonial-card {
          padding: 2rem;
        }

        .quote-icon {
          font-size: 1.875rem;
          margin-bottom: 1.25rem;
        }

        .testimonial-text {
          font-size: 1rem;
          margin-bottom: 1.75rem;
        }

        .author-name {
          font-size: 1rem;
        }

        .author-title {
          font-size: 0.875rem;
        }
      }

      /* ===== FOOTER STYLES ===== */
      .footer-container {
        background-color: #f7f7f7;
        font-family: "Sora", sans-serif;
        padding: 2rem 1rem;
      }

      @media (min-width: 576px) {
        .footer-container {
          padding: 2rem 1.5rem;
        }
      }

      @media (min-width: 768px) {
        .footer-container {
          padding: 2rem 2.5rem;
        }

      }

      @media (min-width: 992px) {
        .footer-container {
          padding: 2rem;
        }

      }

      .footer-link {
        color: #000;
        text-decoration: none;
        display: block;
        margin-bottom: 1rem;
        font-size: 0.875rem;
        transition: color 0.3s ease;
      }

      @media (min-width: 992px) {
        .footer-link {
          margin-bottom: 1.5rem;
        }
      }

      .footer-link:hover {
        color: #6b7280;
      }

      .contact-section h2,
      .newsletter-section h2 {
        font-size: 0.875rem;
        font-weight: 600;
        color: #000;
        margin-bottom: 1rem;
      }

      @media (min-width: 992px) {
        .contact-section h2 {
          margin-bottom: 1rem;
        }
      }

      .contact-info {
        color: #374151;
        font-size: 0.875rem;
        margin-bottom: 0.75rem;
      }

      @media (min-width: 992px) {
        .contact-info {
          margin-bottom: 1rem;
        }
      }

      .head-office {
        margin-top: 1rem;
      }

      @media (min-width: 992px) {
        .head-office {
          margin-top: 1rem;
        }
      }

      .head-office-title {
        font-weight: 600;
        color: #000;
        margin-bottom: 1rem;
      }

      .newsletter-section p {
        color: #000;
        font-size: 0.875rem;
        margin-bottom: 1rem;
      }

      @media (min-width: 992px) {
        .newsletter-section p {
          margin-bottom: 1.5rem;
        }
      }

      .newsletter-input {
        flex: 1;
        padding: 0.5rem 0.75rem;
        background-color: white;
        color: #cccccc;
        font-size: 0.875rem;
        border: none;
        border-radius: 0.25rem 0 0 0.25rem;
      }

      @media (min-width: 992px) {
        .newsletter-input {
          padding: 0.5rem 0.5rem;
        }
      }

      .newsletter-input:focus {
        outline: none;
      }

      .newsletter-input::placeholder {
        color: #cccccc;
      }

      .newsletter-button {
        background-color: #d4b484;
        padding: 0.5rem 1rem;
        border: none;
        border-radius: 0 0.25rem 0.25rem 0;
        transition: background-color 0.3s ease;
        cursor: pointer;
      }

      .newsletter-button:hover {
        background-color: #d4c484;
      }

      .newsletter-button i {
        color: #000;
        font-size: 0.875rem;
      }

      .footer-bottom {
        margin-top: 2rem;
        padding-top: 1.5rem;
        border-top: 1px solid #e5e7eb;
      }

      @media (min-width: 992px) {
        .footer-bottom {
          margin-top: 3rem;
        }
      }

      .copyright {
        color: #000;
        font-size: 0.875rem;
      }

      .social-link {
        color: #000;
        text-decoration: none;
        margin: 0 0.5rem;
        transition: color 0.3s ease;
      }

      .social-link:hover {
        color: #6b7280;
      }

      .social-link i {
        font-size: 1.25rem;
      }

      .nav-section {
        margin-bottom: 1.5rem;
      }

      @media (min-width: 992px) {
        .nav-section {
          margin-bottom: 0;
        }
      }

      .contact-section,
      .newsletter-section {
        margin-bottom: 1.5rem;
      }

      @media (min-width: 992px) {
        .contact-section,
        .newsletter-section {
          margin-bottom: 0;
        }
      }







      /* .leader-section .row {
  border: 1px solid #dcdcdc;
  background-color: #fff;
} */

.leader-section img {
  height: 100%;
  object-fit: cover;
  border-right: 1px solid #eee;
}

.leader-section .img-arrow {
  position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(50%);
    width: 0;
    height: 0;
    rotate: 180deg;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #ffffff;
    z-index: 2;
}

.leader-section .social-icons a {
  text-decoration: none;
  transition: color 0.3s ease;
  background: #000000;
padding: 10px;
border-radius: 5px;
color: white!important;
}

.leader-section .social-icons a:hover {
  color: #0d6efd;
}

@media (max-width: 767px) {
  .leader-section .img-arrow {
    display: none; /* Hide arrow on mobile */
  }
}

/* .founder-section .row {
  border: 1px solid #dcdcdc;
  background-color: #fff;
} */

.founder-section img {
  height: 100%;
  object-fit: cover;
}

.founder-section .bg-success {
  background-color: #4a6b4f !important; /* deep green tone */
}

.founder-section .text-content {
  position: relative;
  z-index: 2;
}

.founder-section .left-arrow,
.founder-section .right-arrow,.founder-section .left-arrow-g {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  z-index: 1;
}

.founder-section .left-arrow {
  left: -15px;
  border-right: 15px solid #4a6b4f;
}

.founder-section .social-icons a {
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.founder-section .social-icons a:hover {
  opacity: 0.8;
}

@media (max-width: 767px) {
  .founder-section .left-arrow,
  .founder-section .right-arrow {
    display: none;
  }
}


/* Bullet Lists */
.custom-list {
  list-style-type: disc;
  padding-left: 20px;
  margin-bottom: 20px;
}
.custom-list li {
  margin-bottom: 6px;
  line-height: 1.6;
}

/* Blue Link List */
.custom-links {
  list-style-type: disc;
  padding-left: 20px;
}
.custom-links li {
  margin-bottom: 5px;
}
.custom-links a {
  color: #007bff;
  text-decoration: none;
}
.custom-links a:hover {
  text-decoration: underline;
}
.bg-g{
  background: #405E42;

}

  /* About Hero Section Styles  */
      .hero-section {
        font-family: "Sora", sans-serif;
        position: relative;
        background-color: #ffffff;
        overflow: hidden;
      }

      .hero-image-container {
        position: relative;
        width: 100%;
        margin: 0 auto;
      }

      .hero-image {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 0.5rem;
        display: block;
      }

      .hero-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0.75rem;
      }

      .hero-content {
        width: 100%;
        max-width: 520px;
      }

      .hero-title {
        font-size: 1.25rem;
        font-weight: 400;
        color: #405E42;
        line-height: 1.25;
        transition: all 0.7s ease-out;
        transition-delay: 0.1s;
      }
      .hero-content p{
         color: #405E42;
         font-size: 18px;
         font-weight: 400;
      }

      .hero-title.visible {
        transform: translateX(0);
        opacity: 1;
      }

      /* Responsive font sizes */
      @media (min-width: 576px) {
        .hero-overlay {
          padding: 1rem;
        }
        .hero-title {
          font-size: 1.5rem;
        }
      }

      @media (min-width: 768px) {
        .hero-overlay {
          padding: 1.5rem;
        }
        .hero-title {
          font-size: 1.875rem;
        }
      }

      @media (min-width: 992px) {
        .hero-overlay {
          padding: 2rem;
        }
        .hero-title {
          font-size: 3.625rem;
        }
      }

.contact-box {
  border-radius: 10px;
background-image:url('img/con-bg.png');
  color: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  background-size: cover;
  height: 86%;
}

.icon-box {
  background-color: white;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}
.bor-bb{
   border-bottom: 1px solid #FFFFFF4D;
   padding-bottom: 20px;
}
.form-control, .form-select {
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 14px;
}
.form-control:focus, .form-select:focus {
  border-color: #000;
  box-shadow: none;
}

.btn-dark {
  border-radius: 5px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

@media (max-width: 767px) {

  .hero-content p {

      font-size: 12px;
      font-weight: 400;
  }
  .d-flex {
    /* flex-direction: column !important; */
    align-items: center !important;
  }
  .icon-box {
    margin-bottom: 10px;
  }
}
.market-section {
  background-color: #f8f9f8;
}

.zone-box {
  background-color: #fff;
  border-radius: 6px;
  padding: 10px 15px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  font-weight: 500;
}

.zone-text {
  color: #666;
  font-size: 14px;
}

/* Center dotted line */
.connector-line {
  border-top: 2px dotted #88c2a3;
  height: 2px;
}

.connector-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #88c2a3;
  box-shadow: 0 0 0 4px #f8f9f8;
}

/* Buttons */
.btn-outline-dark {
  border: 1px solid #000;
  color: #000;
  background: transparent;
}
.btn-outline-dark:hover {
  background-color: #000;
  color: #fff;
}

@media (max-width: 767px) {
  .connector-line,
  .connector-dot {
    display: none;
  }
  .zone-box {
    text-align: left;
  }
}





      .vision-mission {
  background-color: #fff;
}

.vision-mission .image-box img {
  width: 100%;
  height: 100%;
}

.vision-mission .info-card {
  background-color: #c6e3c3; /* light green background */
  border: none;
  transition: all 0.3s ease;
}

.vision-mission .info-card:hover {
  background-color: #a5d69c;
  transform: translateY(-3px);
}

.vision-mission h6 {
  color: #000;
  margin-top: 1rem;
}

/* .vision-mission ul {
  padding-left: 1rem;
} */

.vision-mission .badge {
  font-size: 1rem;
  line-height: 1;
}


      .logo-img {
        height: 136px;
        width: auto;
      }

      .nav-link {
        font-size: 0.875rem;
        font-weight: 500;
        color: inherit;
        text-decoration: none;
        transition: color 0.3s;
        padding: 0;
        margin: 0 1.25rem;
      }

      .nav-link:hover {
        color: #405e42;
      }

      .nav-link.active {
        color: #405e42;
      }

      .icon-link {
        color: inherit;
        text-decoration: none;
        transition: color 0.3s;
        margin-left: 1rem;
      }

      .icon-link:hover {
        color: #405e42;
      }

      .navbar-toggler {
        border: none;
        padding: 0;
        background: none;
      }

      .navbar-toggler:focus {
        box-shadow: none;
      }

      .mobile-menu {
        margin-top: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-top: 1px solid #3f3f46;
      }

      .mobile-nav-link {
        display: block;
        padding: 0.5rem 0;
        font-size: 0.875rem;
        font-weight: 500;
        color: inherit;
        text-decoration: none;
        transition: color 0.3s;
      }

      .mobile-nav-link:hover {
        color: #405e42;
      }

      .mobile-nav-link.active {
        color: #405e42;
      }

      .mobile-icons {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-top: 1rem;
      }

      .desktop-nav {
        display: flex;
        align-items: center;
      }

      @media (max-width: 767.98px) {
        .desktop-nav {
          display: none !important;
        }
        .video_specification li,ul li{
          font-size: 14px;
        }
      }

      @media (min-width: 768px) {
        .navbar-toggler {
          display: none;
        }

        /* .mobile-menu {
          display: none !important;
        } */
      }
      /* About Hero Section Styles  */
      .hero-section {
        font-family: "Sora", sans-serif;
        position: relative;
        background-color: #ffffff;
        overflow: hidden;
      }

      .hero-image-container {
        position: relative;
        width: 100%;
        margin: 0 auto;
      }

      .hero-image {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 0.5rem;
        display: block;
      }

      .hero-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0.75rem;
      }

      .hero-content {
        width: 100%;
        max-width: 520px;
      }



      .hero-title.visible {
        transform: translateX(0);
        opacity: 1;
      }

            @media (max-width: 992px) {

              .hero-content {
          width: 100%;
          max-width:274px;
      }
    }
      /* Responsive font sizes */
      @media (max-width: 576px) {
        .hero-overlay {
          padding: 1rem;
        }
        .hero-content {
          width: 100%;
          max-width:140px;
        }
        .hero-title {
          font-size: 15px;
        }
      }

      @media (min-width: 768px) {
        .hero-overlay {
          padding: 1.5rem;
        }

        .hero-title {
          font-size: 1.875rem;
        }
      }

      @media (min-width: 992px) {
        .hero-overlay {
          padding: 2rem;
        }

        .hero-title {
          font-size: 3.625rem;
        }
      }

      /* ECDS Landing Page */
      .main-container {
        background-color: white;
        padding: 2rem;
        font-family: "Sora", sans-serif;
      }

      .content-wrapper {
        max-width: 1920px;
        margin: 0 auto;
      }

      .text-content p {
        color: black;
        font-size: 1rem;
        line-height: 1.625;
        margin-bottom: 1.5rem;
      }

      .card-gradient {
        background: linear-gradient(180deg, #405e42 0%, #d4b484 100%);
        border-radius: 1.5rem;
        overflow: hidden;
        display: flex;
        flex-direction: column;
      }

      .card-title {
        color: white;
        text-align: center;
        font-size: 1.125rem;
        padding-top: 1rem;
      }

      .card-image-container {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem;
      }

      .card-image-container img {
        max-height: 70%;
        object-fit: contain;
      }

      .large-card {
        height: 350px;
      }

      .small-card {
        height: calc(175px - 0.5rem);
      }

      .right-column {
        height: 350px;
      }

      .air-filter-img {
        width: 85%;
        height: auto;
      }

      .todayaday-img {
        width: 65%;
        height: auto;
        border-radius: 0.5rem;
      }

      .cxp-img {
        width: 55%;
        height: auto;
        border-radius: 0.5rem;
      }

      @media (min-width: 768px) {
        .card-title {
          font-size: 1.5rem;
          padding-top: 2rem;
        }

        .large-card {
          height: 500px;
        }

        .small-card {
          height: calc(250px - 0.5rem);
        }

        .right-column {
          height: 500px;
        }

        .small-card .card-title {
          padding-top: 1.5rem;
        }

        .air-filter-img {
          width: auto;
          max-width: 280px;
        }

        .todayaday-img {
          width: auto;
          max-width: 175px;
        }

        .cxp-img {
          width: auto;
          max-width: 150px;
        }
      }

      .sticky-container {
        position: sticky;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        overflow: hidden;
        height: 100vh;
        width: 100%;
      }

      .video-wrapper {
        position: relative;
        overflow: hidden;
        will-change: transform;
      }

      .video-wrapper video {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      /* Team Section */
      /* Team Section */
      .carousel-container {
        max-width: 1920px;
        margin: 0 auto;
        padding: 1rem;
        font-family: "Sora", sans-serif;
      }

      .header-section {
        text-align: center;
        margin-bottom: 1.5rem;
        text-align: center;
        margin-bottom: 1rem;
        margin-top: 50px !important;
      }

      .header-title {
        font-size: 1.875rem;
        font-weight: 600;
        color: black;
        margin-bottom: 1rem;
      }

      .header-subtitle {
        font-size: 1rem;
        color: black;
      }

      .carousel-wrapper {
        position: relative;
        padding: 0;
      }

      .carousel-inner {
        overflow: hidden;
        padding: 1rem 0 2.5rem 0;
      }

      .carousel-track {
        display: flex;
        transition: transform 500ms ease-out;
      }

      .team-card {
        flex-shrink: 0;
        cursor: pointer;
        padding: 0;
      }

      .card-inner {
        position: relative;
        transition: transform 300ms;
        transform-origin: center center;
        margin: 0 auto;
      }

      .team-card:hover .card-inner {
        transform: scale(1.03);
      }

      .image-container {
        border-radius: 1rem;
        overflow: hidden;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      }

      .team-image {
        width: 100%;
        height: 320px;
        object-fit: cover;
        /* filter: grayscale(100%);
        transition: filter 300ms; */
        display: block;
      }


      .team-card:hover .team-image {
        filter: grayscale(0%);
      }

      .info-overlay {
        position: absolute;
        bottom: -1.5rem;
        left: 50%;
        transform: translateX(-50%);
        width: 85%;
        z-index: 20;
      }

      .info-content {
        background:#405e42;
        border-radius: 0.75rem;
        text-align: center;
        padding: 0.75rem 1rem;
      }

      .member-name {
        color: white;
        font-size: 1.125rem;
        font-weight: 600;
        margin-bottom: 0.25rem;
      }

      .member-designation {
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.875rem;
        margin: 0;
      }

      /* Navigation Buttons */
      .nav-button {
        background: white;
        border: none;
        border-radius: 50%;
        padding: 0.5rem;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        transition: background-color 200ms;
        z-index: 10;
      }

      .nav-button:not(:disabled):hover {
        background-color: #f3f4f6;
      }

      .nav-button:disabled {
        opacity: 0.3;
        cursor: not-allowed;
      }

      .nav-button svg {
        width: 1.25rem;
        height: 1.25rem;
        color: #374151;
        display: block;
      }

      /* Mobile Navigation - Below Carousel */
      .mobile-nav {
        display: flex;
        justify-content: center;
        gap: 1rem;
        margin-top: 1rem;
      }

      /* Desktop Navigation - Sides */
      .carousel-desktop-nav {
        display: none;
      }

      .progress-dots {
        display: flex;
        justify-content: center;
        gap: 0.5rem;
        margin-top: 1.5rem;
      }

      .dot {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background-color: #d1d5db;
        border: none;
        padding: 0;
        cursor: pointer;
        transition: all 300ms;
      }

      .dot.active {
        width: 40px;
        background-color: #405e42;
      }

@media (max-width: 992px) {
  .btn-dark {
    font-size: 13px;
  }
}
      /* Mobile: 1 card per view */
      @media (max-width: 767px) {
        .carousel-container {
          padding: 1rem 0.5rem;
        }
        .header-section {

     margin-bottom: 0rem;
     margin-top: 30px !important;
 }
 .btn-dark {
   font-size: 14px;
   padding: 10px !important;
 }
        .team-card {
          width: calc(100% - 2rem);
          margin: 0 1rem;
        }

        .card-inner {
          max-width: 400px;
        }
      }

      /* Tablet: 2 cards per view */
      @media (min-width: 768px) {
        .carousel-container {
          padding: 1.5rem;
        }

        .header-title {
          font-size: 3rem;
        }

        .header-subtitle {
          font-size: 1.125rem;
        }

        .carousel-wrapper {
          padding: 0 3.5rem;
        }

        .carousel-inner {
          padding: 1rem 0 3rem 0;
        }

        .team-card {
          width: calc(50% - 0.75rem);
          margin: 0 0.375rem;
        }

        .image-container {
          border-radius: 1.5rem;
        }

        .info-overlay {
          bottom: -1.75rem;
        }

        .info-content {
          border-radius: 1rem;
          padding: 0.875rem 1.25rem;
        }

        /* Show desktop nav, hide mobile nav */
        .mobile-nav {
          display: none;
        }

        .carousel-desktop-nav {
          display: block;
        }

        .carousel-desktop-nav .nav-button {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
        }

        .carousel-desktop-nav .nav-button.prev {
          left: 0.5rem;
        }

        .carousel-desktop-nav .nav-button.next {
          right: 0.5rem;
        }

        .nav-button {
          padding: 0.625rem;
        }

        .progress-dots {
          margin-top: 2rem;
        }
      }

      /* Desktop: 3 cards per view */
      @media (min-width: 1024px) {
        .carousel-container {
          padding: 2rem;
        }

        .header-title {
          font-size: 3rem;
        }

        .header-subtitle {
          font-size: 1.25rem;
        }

        .carousel-wrapper {
          padding: 0 4rem;
        }

        .carousel-inner {
          padding: 1rem 0 3.5rem 0;
        }

        .team-card {
          width: calc(33.333% - 1.34rem);
          margin: 0 0.67rem;
        }

        .team-image {
          height: 380px;
        }

        .info-overlay {
          bottom: -2rem;
        }

        .info-content {
          padding: 1rem 0.5rem;
        }

        .member-name {
          font-size: 17px;
        }

        .member-designation {
          font-size: 1rem;
        }

        .nav-button {
          padding: 0.75rem;
        }

        .nav-button svg {
          width: 1.5rem;
          height: 1.5rem;
        }

        .progress-dots {
          margin-top: 2.5rem;
        }
      }
      /* Timeline Section */

      .timeline-section {
        padding: 3rem 1rem;
        font-family: "Sora", sans-serif;
        background-color: white;
        overflow-x: hidden;
      }

      .header-title {
        /* font-size: 1.25rem; */
        font-weight: 600;
        color: black;
        margin-bottom: 0.75rem;
      }

      .header-subtitle {
        font-size: 1.25rem;
        color: black;
      }

      .text-center {
        text-align: center;
        margin-bottom: 1.25rem;
      }

      .building-image {
        width: 100%;
        height: 100%; /* Full viewport height on mobile */
        object-fit: contain; /* Shows entire image without cropping */
        border-radius: 0.5rem;
      }

      /* Tablet and Desktop (576px and above) */
      @media (min-width: 576px) {
        .building-image {
          height: 540px; /* Fixed height for larger screens */
          object-fit: cover; /* Crops image to fill container */
        }
        .text-center {
          margin-bottom: 2rem;
        }
      }

      .info-card {
        background-color: #f7f7f7;
        border: 2px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.5rem;
        padding: 1.5rem;
        text-align: center;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
      }

      .info-card img {
        width: 80px;
        height: 80px;
        margin-bottom: 0.75rem;
        align-self: center;
      }

      .info-card p {
        font-size: 16px;
        color: #5c5c5c;
        margin-bottom: 0.25rem;
        text-align: center;
      }
      @media (max-width:768px) {
          .info-box{
            flex-wrap: wrap;
          }
        .info-card p {
    font-size: 12px !important;
  }
}
      .info-card p:last-child {
        margin-bottom: 0;
      }

      .timeline-item {
        display: flex;
        align-items: stretch;
        margin-bottom: 1rem;
      }

      .year-badge {
        flex-shrink: 0;
        margin-right: 1rem;
        display: flex;
        align-items: center;
      }

      .year-button {
        position: relative;
        cursor: pointer;
        background-color: #405e42;
        color: white;
        border-radius: 60px;
        font-weight: 600;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        width: 120px;
        height: 48px;
        padding: 0 1.25rem;
        overflow: hidden;
        transition: all 0.3s ease;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        border: none;
      }

      .year-button:hover {
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
      }

      .year-text {
        position: relative;
        z-index: 10;
        transition: transform 0.3s ease;
      }

      .year-button:hover .year-text {
        transform: scale(1.05);
      }

      .year-gradient {
        position: absolute;
        inset: 0;
        background: linear-gradient(to right, #047857, #059669);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
      }

      .year-button:hover .year-gradient {
        transform: scaleX(1);
      }

      .timeline-line {
        flex-shrink: 0;
        width: 4px;
        background-color: #405e42;
        border-radius: 9999px;
        height: 78px;
        display: none;
      }

      .description-box {
        flex: 1;
        background-color: #f7f7f7;
        padding: 0.75rem 1rem;
        display: flex;
        align-items: start;
      }

      .description-box p {
        color: black;
        font-size: 0.875rem;
        line-height: 1.6;
        margin: 0;
      }

      /* Animation classes */
      .animate-left {
        opacity: 0;
        transform: translateX(-5rem);
        transition: opacity 0.7s ease-out, transform 0.7s ease-out;
      }

      .animate-right {
        opacity: 0;
        transform: translateX(5rem);
        transition: opacity 0.7s ease-out, transform 0.7s ease-out;
      }

      .animate-visible {
        opacity: 1;
        transform: translateX(0);
      }

      /* Responsive styles */
      @media (min-width: 576px) {
        .year-button {
          width: 158px;
          height: 56px;
          font-size: 1.375rem;
          padding: 0 1.5rem;
        }
        .info-card p {
    font-size: 12px !important;
  }

        .timeline-line {
          display: block;
        }
      }
      @media (min-width: 768px) and (max-width: 851px) {
          .mobile-left{
              margin-left: 50px;
          }
      }

      @media (min-width: 768px) {
        /* .header-title {
          font-size: 1.875rem;
        } */

        .description-box p {
          font-size: 1rem;
        }
      }

      @media (min-width: 992px) {
        .header-title p {
          font-size: 3rem;
        }

        .timeline-section {
          padding: 3rem 2rem;
        }
      }

      /* Testimonial Carousel Styles - Renamed to avoid conflicts */
      .testimonial-carousel-container {
        background: linear-gradient(360deg, #405e42 0%, #d4b484 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 3rem 1rem;
        overflow: hidden;
        font-family: "Sora", sans-serif;
      }

      .testimonial-carousel-wrapper {
        width: 100%;
        max-width: 896px;
        margin: 0 auto;
      }

      .testimonial-carousel-header {
        text-align: center;
        margin-bottom: 3rem;
      }

      .testimonial-carousel-title {
        font-size: 3rem;
        font-weight: 600;
        color: black;
        margin-bottom: 1rem;
      }

      .testimonial-carousel-subtitle {
        font-size: 1.25rem;
        color: black;
      }

      .testimonial-wrapper {
        position: relative;
      }

      .testimonial-nav-button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(25, 33, 61, 0.4);
        color: white;
        border: none;
        border-radius: 50%;
        padding: 0.75rem;
        cursor: pointer;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        transition: all 0.3s;
        z-index: 10;
        width: 48px;
        height: 48px;
        display: none;
      }

      .testimonial-nav-button:hover {
        background-color: rgba(25, 33, 61, 0.6);
      }

      .testimonial-nav-button-prev {
        left: -4rem;
      }

      .testimonial-nav-button-next {
        right: -4rem;
      }

      .testimonial-card {
        background-color:#405e42;
        border: 10px solid #638f66;
        border-radius: 1.5rem;
        padding: 3rem;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
      }
      .tes-im{
        height: 180px;
        width: 160px;
        border-radius: 8px;
      }

      .testimonial-quote-icon {
        font-size: 2.5rem;
        color: white;
        margin-bottom: 1.5rem;
      }

      .testimonial-text {
        font-size: 1.125rem;
        color: white;
        margin-bottom: 2rem;
        line-height: 1.75;
      }

      .testimonial-author-name {
        font-weight: 700;
        color: white;
        font-size: 1rem;
        margin-bottom: 0.25rem;
      }

      .testimonial-author-title {
        color: white;
        font-weight: 600;
        font-size: 0.875rem;
      }

      .testimonial-mobile-nav {
        display: flex;
        justify-content: center;
        gap: 1rem;
        margin-top: 1.5rem;
      }

      .testimonial-mobile-nav-button {
        background-color: rgba(25, 33, 61, 0.4);
        color: white;
        border: none;
        border-radius: 50%;
        padding: 0.625rem;
        cursor: pointer;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        transition: all 0.3s;
        width: 40px;
        height: 40px;
      }

      .testimonial-mobile-nav-button:hover {
        background-color: rgba(25, 33, 61, 0.6);
      }

      .testimonial-progress-indicators {
        display: flex;
        justify-content: center;
        gap: 0.5rem;
        margin-top: 2rem;
      }

      .testimonial-progress-dot {
        position: relative;
        overflow: hidden;
        height: 8px;
        border-radius: 4px;
        background-color: #ffffff;
        cursor: pointer;
        transition: all 0.3s;
        border: none;
        padding: 0;
      }

      .testimonial-progress-dot.active {
        width: 48px;
      }

      .testimonial-progress-dot:not(.active) {
        width: 8px;
      }

      .testimonial-progress-fill {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #405e42;
        transition: width 0.1s linear;
      }

      @media (min-width: 768px) {
        .testimonial-nav-button {
          display: block;
        }

        .testimonial-mobile-nav {
          display: none;
        }

        .testimonial-card {
          border-radius: 1.875rem;
        }

        .testimonial-carousel-header {
          margin-bottom: 3rem;
        }

        .testimonial-quote-icon {
          font-size: 2.5rem;
          margin-bottom: 1.5rem;
        }

        .testimonial-text {
          margin-bottom: 2rem;
        }

        .testimonial-progress-indicators {
          margin-top: 2rem;
        }
      }

      @media (max-width: 767px) {
        .testimonial-carousel-container {
          padding: 2rem 1rem;
        }

        .testimonial-carousel-header {
          margin-bottom: 2rem;
        }

        .testimonial-carousel-title {
          font-size: 1.875rem;
          margin-bottom: 0.75rem;
        }

        .testimonial-carousel-subtitle {
          font-size: 1rem;
        }

        .testimonial-card {
          padding: 1.5rem;
        }

        .testimonial-quote-icon {
          font-size: 1.5rem;
          margin-bottom: 1rem;
        }

        .testimonial-text {
          font-size: 0.875rem;
          margin-bottom: 1.5rem;
        }

        .testimonial-author-name {
          font-size: 0.875rem;
        }

        .testimonial-author-title {
          font-size: 0.75rem;
        }

        .testimonial-progress-indicators {
          margin-top: 1.5rem;
        }
      }

      @media (min-width: 640px) and (max-width: 767px) {
        .testimonial-carousel-title {
          font-size: 2.25rem;
        }

        .testimonial-carousel-subtitle {
          font-size: 1.125rem;
        }

        .testimonial-card {
          padding: 2rem;
        }

        .testimonial-quote-icon {
          font-size: 1.875rem;
          margin-bottom: 1.25rem;
        }

        .testimonial-text {
          font-size: 1rem;
          margin-bottom: 1.75rem;
        }

        .testimonial-author-name {
          font-size: 1rem;
        }

        .testimonial-author-title {
          font-size: 0.875rem;
        }
      }
      /* Footer Style  */
      .footer-container {
        background-color: #f7f7f7;
        font-family: "Sora", sans-serif;
        padding: 2rem 1rem;
      }

      @media (min-width: 576px) {
        .footer-container {
          padding: 2rem 1.5rem;
        }
      }

      @media (min-width: 768px) {
        .footer-container {
          padding: 2rem 2.5rem;
        }
      }

      @media (min-width: 992px) {
        .footer-container {
          padding: 2rem;
        }
      }

      .footer-link {
        color: #000;
        text-decoration: none;
        display: block;
        margin-bottom: 1rem;
        font-size: 0.875rem;
        transition: color 0.3s ease;
      }

      @media (min-width: 992px) {
        .footer-link {
          margin-bottom:8px;
        }
      }

      .footer-link:hover {
        color: #6b7280;
      }

      .contact-section h2,
      .newsletter-section h2 {
        font-size: 0.875rem;
        font-weight: 600;
        color: #000;
        margin-bottom: 1rem;
      }

      @media (min-width: 992px) {
        .contact-section h2 {
          margin-bottom: 1rem;
        }
      }

      .contact-info {
        color:black;
        font-size: 0.875rem;
        margin-bottom: 0.75rem;
      }

      @media (min-width: 992px) {
        .contact-info {
          margin-bottom: 1rem;
        }
      }

      .head-office {
        margin-top: 1rem;
      }

      @media (min-width: 992px) {
        .head-office {
          margin-top: 1rem;
        }
      }

      .head-office-title {
        font-weight: 600;
        color: #000;
        margin-bottom: 1rem;
      }

      .newsletter-section p {
        color: #000;
        font-size: 0.875rem;
        margin-bottom: 1rem;
      }

      @media (min-width: 992px) {
        .newsletter-section p {
          margin-bottom: 1.5rem;
        }
      }

      .newsletter-input {
        flex: 1;
        padding: 0.5rem 0.75rem;
        background-color: white;
        color: #cccccc;
        font-size: 0.875rem;
        border: none;
        border-radius: 0.25rem 0 0 0.25rem;
      }

      @media (min-width: 992px) {
        .newsletter-input {
          padding: 0.5rem 0.5rem;
        }
      }

      .newsletter-input:focus {
        outline: none;
      }

      .newsletter-input::placeholder {
        color: #cccccc;
      }

      .newsletter-button {
        background-color: #d4b484;
        padding: 0.5rem 1rem;
        border: none;
        border-radius: 0 0.25rem 0.25rem 0;
        transition: background-color 0.3s ease;
        cursor: pointer;
      }

      .newsletter-button:hover {
        background-color: #d4c484;
      }

      .newsletter-button i {
        color: #000;
        font-size: 0.875rem;
      }

      .footer-bottom {
        margin-top: 2rem;
        padding-top: 1.5rem;
        border-top: 1px solid #e5e7eb;
      }

      @media (min-width: 992px) {
        .footer-bottom {
          margin-top: 3rem;
        }
      }

      .copyright {
        color: #000;
        font-size: 0.875rem;
      }

      .social-link {
        color: #000;
        text-decoration: none;
        margin: 0 0.5rem;
        transition: color 0.3s ease;
      }

      .social-link:hover {
        color: #6b7280;
      }

      .social-link i {
        font-size: 1.25rem;
      }

      .nav-section {
        margin-bottom: 1.5rem;
      }

      @media (min-width: 992px) {
        .nav-section {
          margin-bottom: 0;
        }
      }

      .contact-section,
      .newsletter-section {
        margin-bottom: 1.5rem;
      }

      @media (min-width: 992px) {
        .contact-section,
        .newsletter-section {
          margin-bottom: 0;
        }

      }

.todayaday-section {
  background-color: #fff;
}

.logo-img {
  max-width: 260px;
}

.todayaday-link {
  color: #0077cc;
}

.todayaday-link:hover {
  text-decoration: underline;
}

.today-logo{
  width: 300px;
  height: auto;
}

.text-muted {
  color: #444 !important;
}

.body-care-section {
  background: #fff;
}

.body-care-section img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.body-care-section img:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.body-care-section .btn {
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.body-care-section .btn-dark:hover {
  background-color: #000;
  transform: translateY(-2px);
}

.body-care-section .btn-outline-dark {
  color: #000;
  border-color: #000;
}

.body-care-section .btn-outline-dark:hover {
  background-color: #000;
  color: #fff;
}
.product-box img {

    object-fit: cover;
    aspect-ratio: 1 / 0.7;
}
.product-box p{
  font-size: 19px;
  font-weight: 600;
  color: #405E42;
  margin-top: 20px !important;
  margin-bottom: 0px;
  text-align: center;
  margin: auto;
  /* min-height: 70px; */

}
.product-box{
background: white;
    padding-bottom: 30px;
    border: 1px solid #F2F2F2;

}


/* CTA Section */
.cta {
  background-color: #3e5d45;
  background-image:url('img/call-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0px;
  padding: 80px 40px;
}
.cta-text{
  max-width: 500px;
}
/* Text styling */
.cta h2 {
  font-size: 2rem;
  color: #ffffff;
}

.cta p {
  color: #e0e0e0;
}

/* Buttons */
.cta .btn {
  border-radius: 6px;
  transition: all 0.3s ease;
}

.cta .btn:hover {
  background-color: #f0f0f0;
  color: #2e2e2e;
}
.fs-18{
  font-size: 18px;
}





.table th,
.table td {
  border: 1px solid #d3d3d3 !important;
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
}

.table th {
  background-color: #f8f9fa;
  font-weight: 600;
}

.table td:first-child {
  width: 40px;
  text-align: center;
}

.drone-section img {
  border-radius: 10px;
  box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
  height: 550px;
}



.spec-box {
  border-width: 1px 1px 1px 4px; /* No commas */
  border-style: solid;
  border-color: #405E42B2;
  border-radius: 10px;
  padding: 18px 20px;
  background-color: #f9fdfd;
}


.spec-box h5 {
  font-size: 1.05rem;
  font-weight: 600;
  color: #1b1b1b;
}

.spec-box ul {
  margin-top: 10px;
  margin-bottom: 0;
}

.spec-box ul li {
  font-size: 14px;
  margin-bottom: 4px;
}



.vision-section h4 {
  color: #000;
}

.vision-section ol li,
.vision-section ul li,
.vision-section p {
  font-size: 15px;
  line-height: 1.6;
}

.small-logo {
  max-height: 60px;
  width: auto;
}
.in-bgg-box{
  background: #11115B;
  padding:7px;
  margin-top: 10px;

}
.in-bgg-box p{
  text-align: left;
  font-size: 16px;
}



    .vision-section h6 {
      font-weight: 600;
      color: #222;
    }
    .vision-section .highlight {
      font-weight: 600;
      color: green;
    }
    .img-box img {
      width: 100%;
      border-radius: 6px;
      border: 1px solid #ddd;
    }
    /* .vedio iframe{
      height:700px !important;
      width:1000px;


    } */
    @media (max-width: 767px) {
      .vision-section {
        padding: 25px 20px;
      }
      .contact-section, .newsletter-section {
    margin-bottom: 0px;
}
      /* iframe{
        height: 100% !important;
        width: 100% !important;

      } */
      .product-box p {
    font-size: 12px;
    font-weight: 600;}

    .btn-outline-dark {

    font-size: 14px;
    padding: 10px !important;}

    }
    .cta {
    padding:40px 40px;
}
.cta .btn {

    font-size: 13px;
}


    .profile-section {
      padding: 60px 0;
      background: #f8f9fa;
    }

    .profile-card {
      overflow: hidden;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      transition: all 0.3s ease;
      background: #fff;
    }
    .profile-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    }

    .profile-img img {
      width: 100%;
      height: 440px;
      object-fit: cover;
    }

    .profile-content {
      padding: 25px;
    }

    .profile-name {
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 4px;
    }

    .profile-title {
      font-weight: 500;
      color: #555;
      margin-bottom: 15px;
    }

    .profile-desc {
      font-size: 14px;
      color: #444;
      line-height: 1.6;
      margin-bottom: 15px;
    }

    .profile-social a {
      color: #000;
      font-size: 18px;
      margin-right: 12px;
      transition: color 0.3s ease;
    }

    .profile-social a:hover {
      color: #0077b5;
    }

    /* background shades to match screenshot */
    .bg-gray { background-color: #f1f1f1; }
    .bg-green { background-color: #dce8d6; }
    .bg-lightgray { background-color: #e9e9e9; }

    @media (max-width: 767px) {
      .profile-img img {
        height: 250px;
      }
      .dic p{
        text-align: justify;
      }
    }



    .blog-section {
      padding: 40px 0;
    }

    .section-title {
      text-align: center;
      font-weight: 700;
      font-size: 30px;
      margin-bottom: 40px;
      color: #2f2f2f;
    }

    .blog-card {
      background-color: #fff;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 2px 10px rgba(0,0,0,0.08);
      transition: all 0.3s ease;
      height: 100%;
    }

    .blog-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    }

    .blog-card img {
      width: 100%;
      height: 260px;
      object-fit: cover;
    }

    .blog-content {
      padding: 20px;
    }

    .blog-date {
      font-size: 14px;
      color: #6c757d;
      margin-bottom: 5px;
    }

    .blog-title {
      font-weight: 700;
      font-size: 18px;
      margin-bottom: 10px;
      color: #1c1c1c;
      /* min-height: 40px; */
    }

    .blog-text {
      color: #555;
      font-size: 15px;
      margin-bottom: 15px;
    }

    .read-btn {
      background-color: #4c7a4a;
      color: #fff;
      font-size: 14px;
      padding: 8px 18px;
      text-decoration: none;
      transition: 0.3s;
    }

    .read-btn:hover {
      background-color: #365b35;
      color: #fff;
    }

   body {
      background-color: #fff;
      font-family: 'Poppins', sans-serif;
      color: #333;
    }

    .blog-header {
      position: relative;
      height: 400px;
      overflow: hidden;
      /* border-radius: 0 0 20px 20px; */
    }

    .blog-header img {
      width: 100%;
      /* height: 100%; */
      object-fit: cover;
      filter: brightness(0.75);
    }
    .blog_detail{
      margin-top: 0px !important;
    }
    .blog_detail p{
      text-align: justify !important;
    }

    .blog-header .overlay-text {
      position: absolute;
      bottom: 150px;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      color: #fff;
      width: 90%;
    }

    .overlay-text h1 {
      font-size: 36px;
      font-weight: 700;
      margin-bottom: 10px;
    }

    .overlay-text p {
      font-size: 15px;
      opacity: 0.9;
    }

    .blog-content {
    background-color: #fff;
    border-radius: 0px;
    padding: 20px;
    /* margin-top: -31px; */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

    .blog-content h2 {
      font-size: 26px;
      font-weight: 700;
      margin-top: 25px;
    }

    .blog-content p {
      font-size: 16px;
      line-height: 1.8;
      color: #555;
      /* margin-bottom: 20px; */
    }

    .back-btn {
      background-color: #4c7a4a;
      color: #fff;
      border-radius: 30px;
      padding: 8px 20px;
      text-decoration: none;
      transition: 0.3s;
    }

    .back-btn:hover {
      background-color: #365b35;
      color: #fff;
    }

    .share-btn {
      color: #4c7a4a;
      font-weight: 600;
      text-decoration: none;
      margin-left: 10px;
    }

    .share-btn:hover {
      text-decoration: underline;
    }
    @media (max-width: 992px) {

      .blog-section {
  padding: 20px 0;
  margin-top: 40px;
  }
iframe{
  width: 900px;
  height: 400px;
}
  .email{
    width: 70% !important;
  }
  .logo-img {
    height: 62px;
    width: auto;
}
}
    @media (max-width: 767px) {
      .overlay-text h1 {
        font-size: 24px;
      }
      iframe{
        height: 200px;
      }
      .blog-title {
          font-weight: 700;
          font-size: 16px;
          min-height: 100%;

        }
        .blog-date {
          margin-bottom: 10px !important;
        }
      .blog-header {
    position: relative;
    height: 100%;

}
      .email{
        width: 100% !important;
      }
      .info-card img {
    width: 35px;
    height: 35px;

}
      .blog-content {
        padding: 25px;
        margin-top:0px;
      }
      .logo-img {
    max-width: 100px;
    height: 78px;
}

    }

    /* 1st, 4th, 5th gray */
  .team-card-team .bio:nth-child(6n+1),
  .team-card-team .bio:nth-child(6n+4),
  .team-card-team .bio:nth-child(6n+5) {
    background: #F2F2F2;
    color: #111;
  }

  /* 2nd, 3rd, 6th green */
  .team-card-team .bio:nth-child(6n+2),
  .team-card-team .bio:nth-child(6n+3),
  .team-card-team .bio:nth-child(6n+6) {
    background: #0F5A47;
    color: #fff;
  }

  .team-card-team .bio:nth-child(6n+1) .social-icons a,
  .team-card-team .bio:nth-child(6n+4) .social-icons a,
  .team-card-team .bio:nth-child(6n+5) .social-icons a{
    color: white !important;
background: black;
padding: 10px;
border-radius: 5px;
    }
    .team-card-team .bio:nth-child(6n+2) .social-icons a,
    .team-card-team .bio:nth-child(6n+3) .social-icons a,
    .team-card-team .bio:nth-child(6n+6) .social-icons a{
      color: white !important;
  background: black;
  padding: 10px;
  border-radius: 5px;
  }
 .bio:nth-child(odd) .left-arrow-g {
    left: -15px;
    border-right: 15px solid gray;
  }

.bio:nth-child(even) .left-arrow-g {
    left: -15px;
    border-right: 15px solid #0F5A47;
  }
  .team-three .col-t:nth-child(odd) .profile-card {
      background-color:#0F5A47;/* Green */
      color: #fff;
  }
  .team-three .col-t:nth-child(even) .profile-card {
      background-color: #F0F0F0; /* Grey */
      color: #000;
  }

.team-three .col-t:nth-child(even) .profile-card .profile-name,
.team-three .col-t:nth-child(even) .profile-card .profile-title,
.team-three .col-t:nth-child(even) .profile-card .profile-desc {
  color: #000;
}
.profile-content .profile-title{
  color: #fff;
}

.team-three .col-t:nth-child(2) .social-icons a {
  color: #fff !important;
}


  .founder-section .right-arrow {
    right: -15px;
    border-left: 15px solid #4a6b4f;
  }

.service-tags ul li{
  list-style: none;
}
.service-tags ul li p a{
  text-decoration: none;
  color: black;
}
.service-tags ul li p{
  padding: 10px 16px;
  margin-left: 10px;
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 20px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.3s
ease;
    display: inline-flex;
    align-items: center;
    gap: 0;
    position: relative;
    color: #333;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: flex-start;
    max-width: 100%;
}
.service-tags ul li p:hover{
  background: #ff5722;
  color: white;
}
.service-tags ul{
  display: flex;
  flex-wrap: wrap;
  padding-left: 0px;
  margin-left: -10px;
}
.profile-card:nth-child(3) {
  background-color: #4CAF50 !important;
  color: #fff;
}

.list-group-flush li {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    position: relative;
    display: block;
    padding: 4px 0;
    margin-bottom: -1px;
}

. list-group-flush ul { border-top: 0;}


  @media (max-width: 767px){
  .service-tags ul li p {
    margin: 7px;

    font-size: 12px;}
    .phn-col{
      flex: 0 0 auto;
    width:100%;
    }
    .brand-section{
      margin-top:0px !important;
    }
    .blog-section {
      padding: 20px 0;
  }
}

.loc-card-mini {
    /* display: flex; */
    /* align-items: center; */
    gap: 10px;
    background:#C7E2C3;;
    border: 1px solid #C7E2C3;
    padding: 12px 15px;
    border-radius: 10px;
    transition: 0.25s ease;
    font-size: 15px;
    height: 124px;
}
.doms{
  max-width: 70%;
}
.main-dome{
  display: flex;
  align-items: center;
  justify-content: center;
}
.overse{
  text-align: -webkit-center;;
}
.overse-doms{
  max-width: 70%;
}
.k-loc-card-mini {
    /* display: flex;
    align-items: center; */
    gap: 10px;
    background:#C7E2C3;;
    border: 1px solid #C7E2C3;
    padding: 12px 15px;
    border-radius: 10px;
    transition: 0.25s ease;
    font-size: 15px;
}
.k-loc-card-mini p{
  margin-bottom: 0px;
}

.loc-card-mini span{
  font-weight: bold;
}
.k-loc-card-mini p{
  font-weight: bold;
}
.loc-card-mini i {
    color: #1e8b4d;
    font-size: 18px;
}
.k-loc-card-mini i{
  color: #1e8b4d;
  font-size: 18px;
}



/* Floating Icons */
.social-float {
    position: fixed;
    right: 0;
    top: 45%;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.float-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px 0 0 12px;
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}

/* Facebook Blue */
.fb-btn {
    background: #1877F2;
}
.fb-btn:hover {
    background: #0f65d9;
}

/* Instagram Gradient */
.insta-btn {
    background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
}
.insta-btn:hover {
    opacity: 0.9;
}

/* Compact Panel */
.mini-panel {
    position: fixed;
    right: -320px;
    top: 40%;
    z-index: 10001;
    transition: 0.3s ease;
}

.mini-panel.open {
    right: 0;
}

/* Inner box same as screenshot style */
.mini-panel-inner {
    background: #fff;
    /* border: 2px solid #d67a63; */
    border-radius: 10px 0 0 10px;
    padding: 18px 25px;
    width: 280px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.mini-panel-inner ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mini-panel-inner li {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
}

.mini-panel-inner a {
    text-decoration: none;
    color: #333;
}
.service-tags ul li p a:hover{
  color: white !important;
}

.mini-panel-inner a:hover {
    cursor: pointer;
}

.close-small {
    float: right;
    font-size: 22px;
    cursor: pointer;
}