@font-face {
    font-family: gotham-book;
    src: url('../fonts/Gotham-Book.woff') format('woff'),url('../fonts/Gotham-Book.woff2') format('woff2'),url('../fonts/Gotham-Book.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: gotham-black;
    src: url('../fonts/Gotham-Black.woff') format('woff'),url('../fonts/Gotham-Black.woff2') format('woff2'),url('../fonts/Gotham-Black.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: gotham-bold;
    src: url('../fonts/Gotham-Bold_1.woff') format('woff'),url('../fonts/Gotham-Bold_1.woff2') format('woff2'),url('../fonts/Gotham-Bold_1.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: gotham-light;
    src: url('../fonts/Gotham-Light.woff') format('woff'),url('../fonts/Gotham-Light.woff2') format('woff2'),url('../fonts/Gotham-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: gotham-medium;
    src: url('../fonts/Gotham-Medium.woff') format('woff'),url('../fonts/Gotham-Medium.woff2') format('woff2'),url('../fonts/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
  }
  
  
   
  body {
    line-height: 1.5;
    font-family: "gotham-book", sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  
  p {
    font-family: "gotham-book", sans-serif;
      color: #000;
    font-size: 16px;
  }
  
  h1, h2, h3, h4, h5, h6 {
     font-family: "gotham-medium", sans-serif;
  }


/* .d-none{
  display: none;
} */

.container-scroll {
    display: flex;
    height: 70vh; /* Full viewport height */
    overflow: hidden; /* Prevent body scroll, container handles layout */
     /* scroll-snap-align: start; */
}

  /* for slide on page scroll/ */
  .slide::after{
    content: "";
    background-color: #757575;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    opacity: 0.3;
    z-index: 1;
  }
 .left-panel {
    /* width: 250px; */
    padding: 20px;
    background-color: var(--background-color);
    position: sticky; 
    top: 0; 
    height: 70vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.left-panel .section-title {
    color: #fff;
    font-size: 45px;
        border-bottom: 2px solid #fff;
}

.subt{
    text-align: left;
    color: var(--md-text-secondary);
}
.left-panel p.subt{
    color: #fff;
}
.indicator-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-content: end;
    flex-wrap: wrap;
}

.indicator-point {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #ccc;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 3px solid transparent;
}

.indicator-point.active {
    background-color: var(--primary-color);
    transform: scale(1.1);
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.5);
    border-color: #fff;
}

/* --- Right Panel (Scrollable Content) --- */
.right-panel {
  z-index: 1;
    flex-grow: 1;
    overflow-y: scroll; /* We must keep 'scroll' for functionality */
    /* scroll-behavior: auto; No smooth scrolling via CSS */
    scroll-snap-type: y mandatory; /* Ensures full slide snap */
    /* ----- HIDE SCROLLBAR STYLES ----- */

     /* Hide scrollbar for Chrome, Safari and Opera (WebKit browsers) */
    &::-webkit-scrollbar {
        display: none;
        width: 0 !important; /* Ensures no scrollbar width is reserved */
    }

    /* Hide scrollbar for IE and Edge */
    -ms-overflow-style: none; 

    /* Hide scrollbar for Firefox */
    scrollbar-width: none;  
}

/* .content-section {
    min-height: 100vh; 
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-bottom: 1px solid #ddd;
} */

  .content-section {
    min-height: 70vh;
    scroll-snap-align: start; /* 👈 This is missing in your current code */
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
        border-radius: 0.625rem;
    background: #ddffee1c;
    color: #fff;
    backdrop-filter: blur(3px);
    margin-bottom: 20px;
    /* border-bottom: 1px solid #ddd; */
}

/* #section1 { background-color: #e6f0ff; }
#section2 { background-color: #ffe6f0; }
#section3 { background-color: #f0ffe6; }
#section4 { background-color: #e6fffa; }
#section5 { background-color: #fffbe6; } */

.dot-slide{
      position: absolute;
    right: -16px;
    top: 50%;
    transform: translate(1%, -50%);

}

.subt{
        font-size: 18px;
}

/* for transformation slider */
#news-slider{
    /* margin-top: 80px; */
}
.post-slide{
    background: #fff;
    margin: 20px 15px 2px;
    border-radius: 15px;
    padding-top: 1px;
    box-shadow: 0px 14px 22px -9px #bbcbd8;
}
.post-slide .post-img{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: -12px 15px 8px 15px;
    margin-left: -10px;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1,1);
    transition:transform 0.2s linear;
}
.post-slide:hover .post-img img{
    transform: scale(1.1,1.1);
}
.post-slide .over-layer{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    opacity:0;
    background: linear-gradient(-45deg, rgba(6,190,244,0.75) 0%, rgba(45,112,253,0.6) 100%);
    transition:all 0.50s linear;
}
.post-slide:hover .over-layer{
    opacity:1;
    text-decoration:none;
}
.post-slide .over-layer i{
    position: relative;
    top:45%;
    text-align:center;
    display: block;
    color:#fff;
    font-size:25px;
}
.post-slide .post-content{
    background:#fff;
    padding: 2px 20px 40px;
    border-radius: 15px;
}
.post-slide .post-title a{
    font-size:20px;
    /* font-weight:bold; */
    color:#8ec13f;
    display: inline-block;
    text-transform:none;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    text-decoration: none;
    color:#036738;
}

.post-slide .post-title a{
    text-decoration: none;
}
.post-slide .post-description{
    line-height:21px;
    color:#808080;
    margin: bottom 19px;
    font-size: 14px;
}
.post-slide .post-date{
    color:#a9a9a9;
    font-size: 14px;
}
.post-slide .post-date i{
    font-size:20px;
    margin-right:8px;
    color: #CFDACE;
}
.post-slide .read-more{
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: #2196F3;
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px #1376c5;
    border-radius: 25px;
    text-transform: uppercase;
}
.post-slide .read-more:hover{
    background: #3498db;
    text-decoration:none;
    color:#fff;
}
.owl-controls .owl-buttons{
    text-align:center;
    margin-top:20px;
}
.owl-controls .owl-buttons .owl-prev{
    background: #fff;
    position: absolute;
    /* top:-13%;
    left:15px; */
    top: 50%;
    left: -60px;

    padding: 0 18px 0 15px;
    border-radius: 50px;
    box-shadow: 3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next{
    background: #fff;
    position: absolute;
    /* top:-13%;
    right: 15px; */
        top: 50%;
    right: -60px;

    padding: 0 15px 0 18px;
    border-radius: 50px;
    box-shadow: -3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after{
    content:"\f104";
    font-family: FontAwesome;
    color: #333;
    font-size:30px;
}
.owl-controls .owl-buttons .owl-next:after{
    content:"\f105";
}
@media only screen and (max-width:1280px) {
    .post-slide .post-content{
        padding: 0px 15px 10px 15px;
    }
}

/* 1. Ensure the individual slide container uses vertical flexbox */
.post-slide {
    display: flex;
    flex-direction: column;
    /* Important: This allows the slide to stretch to the height of the tallest Owl item */
    /*height: 100%; */
}

/* 2. Ensure the content area takes up the remaining vertical space */
.post-content {
    /* Use flex-grow to push the content to the bottom of the card and manage height */
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
    min-height: 255px;
}

/* 3. Ensure the description area uses all available space within the content box */
.post-content p.post-description {
    flex-grow: 1;
    /* Optional: If text might overflow, add padding or margin adjustments here */
}

#video-slider .post-slide{
    box-shadow: none
}


/* Ensure the image container is positioned relatively for the absolute overlay */
#video-slider .post-img {
    position: relative;
    overflow: hidden; /* Hide anything that might spill outside */
}

/* Style the overlay container */
#video-slider .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Optional: semi-transparent dark overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity 0.3s ease;
}

/* Make the play icon large and visible */
#video-slider .video-overlay .fa-play-circle {
    font-size: 4rem; /* Adjust size as needed */
    color: #8ec13f;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* Optional Hover effect */
#video-slider .post-slide:hover .video-overlay {
    opacity: 0.9;
}
#video-slider .post-slide:hover .fa-play-circle {
    transform: scale(1.1);
}

/* slider for leadership */
#vision-quote-slider .blockquote {
    border-left: 5px solid #086839; /* Example primary color */
    padding-left: 20px;
    margin: 0;
    font-style: italic;
    border-radius: 0.625rem;
}

#vision-quote-slider .blockquote p.lead {
    font-size: 1.25rem;
    line-height: 1.8;
}

/* Ensure the image column and text column match height */
/* The combination of .row.align-items-stretch and h-100/w-100 on inner divs handles this */
.material-card {
    /* Assuming material-card provides padding and maybe a light background */
    background: #fff; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Make designation stand out */
.designation {
  /* display: inline-block;
  font-weight: 600;
  color: #0d6efd; /* Bootstrap primary blue */
  /* background: rgba(13, 110, 253, 0.1);
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.9rem; */ 
  font-weight: 500;
    font-size: 28px;
    line-height: 48px;
    color: #036738;
}

/* Improve blockquote look */
.blockquote {
  border-left: 4px solid #086839;
  padding-left: 1rem;
  font-style: italic;
}

.blockquote-right {
    border-right: 4px solid #086839;
    padding-right: 1rem;
    /*font-style: italic;*/
    text-align: right;

}
.blockquote-vaishali{
    font-style:italic;
}

.blockquote-left {
    border-left: 4px solid #086839;
    padding-left: 1rem;
    /*font-style: italic;*/
    text-align: left;

}
/* Ensure equal height for image + text */
.vision-slide {
  min-height: 350px;
}
/*.vision-img {*/
/*  min-height: 350px;*/
/*}*/
.fy15-vision-img {
        height: 380px;
    object-fit: cover;
    object-position: center;
    max-width: 80%;
    margin: 9%;
    width: 100%;
}

.fy15-HWGT_Cicn .md-icon .material-icons{
font-size: 80px;
    border: 2px solid #73bf44;
    color: #73bf44;
    border-radius: 53px;
        height: 100px;
    width: 100px;
    padding: 7px;
}
.fy15-HWGT_Cicn{
    padding: 20px;
    min-height: 310px;
    z-index: 1;
     transition: all 0.5s ease-in-out;
}
.fy15-HWGT_BgImg{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-radius: 10px;
        opacity: 0;
    background-size: cover;
}
#fy15-HowWeGetThere_carousel .post-slide .fy15-HWGT_BgImg{
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
#fy15-HowWeGetThere_carousel .post-slide h4{
    color: #73bf44;
}
#fy15-HowWeGetThere_carousel .post-slide .voice-quote{
    color: #000;
    opacity: 0.7;
}
#fy15-HowWeGetThere_carousel .post-slide  .fy15-HWGT_Cicn .md-icon .material-icons {
    font-size: 80px;
    border: 2px solid #73bf44;
    color: #73bf44;
}
.fy15-HWGT_Cicn .md-icon{
    padding: 20px;
}
#fy15-wwmth{
    background: #73bf44;
}
#fy15-wwmth h2{
    font-size: 35px;
    color: #fff;
}
#fy15-wwmth p{
    color: #fff;
}
#fy15-wwmth .col-sm-4{
        border-right: 5px solid #fff;
}


/* for trusted voices */
/* Trusted Voices Section */
/* Trusted Voices Styling */
#trustedVoices .voice-slide {
  background: #fff;
  margin: 20px 15px;
  border-radius: 15px;
  padding: 20px;
  /* box-shadow: 0px 14px 22px -9px #bbcbd8; */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}
#trustedVoices .voice-slide:hover {
  transform: translateY(-5px);
  /* box-shadow: 0px 18px 28px -10px rgba(0,0,0,0.15); */
}

/* Image styling */
#trustedVoices .voice-img {
  /* position: relative;
  overflow: hidden;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: -40px auto 15px auto;
  border: 4px solid #8ec13f; */
  position: relative;
    overflow: hidden;
    border-radius: 10px;
        margin: -12px 0px 8px 15px;
    margin-left: -33px;

}
#trustedVoices .voice-img img {
  width: 100%;
  height: 180px;
  object-fit: contain;
  transform: scale(1,1);
  transition: transform 0.3s linear;
}
#trustedVoices .voice-slide:hover .voice-img img {
  transform: scale(1.1,1.1);
}

/* Content */
#trustedVoices .voice-content {
  padding: 10px 15px 0px;
}
#trustedVoices .voice-quote {
  font-style: italic;
  color: #555;
  line-height: 1.6;
  margin-bottom: 20px;
}
#trustedVoices .voice-name {
  font-weight: bold;
  color: #086839; /* dark green */
  text-transform: uppercase;
  font-size: 0.9rem;
}
#trustedVoices .voice-designation {
  color: #8ec13f; /* light green */
  font-size: 0.85rem;
  font-weight: 600;
}



/* award page */
/* Awards Section */
#awards {
  background: linear-gradient(135deg, #f9fff9 0%, #f0fdf4 100%);
}

/* Award Card */
#awards .award-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#awards .award-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

/* Image */
#awards .award-img img {
  width: 100%;
  height: 200px;
  object-fit: contain;
  transition: transform 0.4s ease;
}
#awards .award-card:hover .award-img img {
  transform: scale(1.05);
}

/* Content */
#awards .award-body {
  padding: 1.5rem;
}
#awards .award-title {
  font-size: 1rem;
  font-weight: 600;
  color: #086839; /* dark green */
  margin-bottom: 0.5rem;
}
#awards .award-text {
  font-size: 0.9rem;
  color: #555;
}

/* Button */
 .award-btn {
  background: #086839;
  color: #fff;
  border-radius: 30px;
  padding: 0.75rem 2rem;
  transition: background 0.3s ease;
}
 .award-btn:hover {
  background: #8ec13f;
  color: #fff;
}

.downloads-section .card-body {
    font-size: 1rem;
}

.downloads-section .card {
    border-radius: 0.75rem;
    border: 1px solid #e5e5e5;
    transition: box-shadow 0.2s;
    background: #fff;
}

.downloads-section .btn-outline-secondary {
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}


/* slider css slick */
@media (min-width: 992px) {
  .slider,
.slide {
    height: 80vh;
  }
}
.slide {
  position: relative;
}

.slide .slide__img {
  width: 100%;
  height: auto;
  overflow: hidden;
}

@media (min-width: 992px) {
  .slide .slide__img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
.slide .slide__img img {
  max-width: 100%;
  height: auto;
  opacity: 1 !important;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  transition: all 1s ease;
}

.slide .slide__content {
  position: absolute;
  top: 50%;
  left: 34%;
  transform: translate(-50%, -50%);
  z-index: 99;
}

.slide .slide__content--headings {
  text-align: center;
  color: #fff;
}

.slide .slide__content--headings h2 {
  font-size: 4.5rem;
  margin: 10px 0;
}

.slide .slide__content--headings .animated {
  transition: all 0.5s ease;
}

.slider [data-animation-in] {
  opacity: 0;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s;
}

.slick-dotted .slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.simple-dots .slick-dots li {
  width: 20px;
  height: 20px;
}

.simple-dots .slick-dots li button {
  border-radius: 50%;
  background-color: white;
  opacity: 0.25;
  width: 20px;
  height: 20px;
}

.simple-dots .slick-dots li button:hover,
.simple-dots .slick-dots li button:focus {
  opacity: 1;
}

.simple-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}

.stick-dots .slick-dots li {
  height: 3px;
  width: 50px;
}

.stick-dots .slick-dots li button {
  position: relative;
  background-color: white;
  opacity: 0.25;
  width: 50px;
  height: 3px;
  padding: 0;
}

.stick-dots .slick-dots li button:hover,
.stick-dots .slick-dots li button:focus {
  opacity: 1;
}

.stick-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}

.stick-dots .slick-dots li.slick-active button:hover,
.stick-dots .slick-dots li.slick-active button:focus {
  opacity: 1;
}

/* /////////// IMAGE ZOOM /////////// */
@-webkit-keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.zoomInImage {
  -webkit-animation-name: zoomInImage;
  animation-name: zoomInImage;
}

@-webkit-keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.zoomOutImage {
  -webkit-animation-name: zoomOutImage;
  animation-name: zoomOutImage;
}

.float-stamp{
  position: relative;
  margin-top: 32px;
  z-index: 2;
}

 .yearstamp{
  width: 320px;
  
}


/* navsticky */
.kit-nav {
    z-index: 99 !important;
}

 .nav-link {
    color: #8EC13F;
}
.kit-nav .nav-link{
  font-weight: 700;
}

 .nav-link.active{
    color: #086839;
}

/* map  */
.fy2425-national-serive-list{
    display: flex;
    gap: 8px;
    color: #58595B;
    font-family: Gotham;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    align-items: center;
}
.fy2425-national-map-wrap{
    position: relative;
    max-width: 840px;
    margin: 0 auto 10px;
}
.fy2425-map-service p{
    margin: 0;
}
.fy2425-map-service h4{
    color: #76BA43;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px; 
    margin:4px 0 0;
}
.fy2425-map-service h5{
    color: #036738;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px; 
    margin:6px 0 0;
}
.fy2425-map-service{
    position: absolute;
    z-index: 1;
    text-align: left;
}
.fy2425-map-service p{
    margin: 0 0 4px;
    line-height: 22px;
}
.fy2425-map-service h4{
    font-size: 16px;
    line-height: 22px;
    margin: 0;
}
.fy2425-service-1{
    top: 148px;
    right: 240px;
}
.fy2425-service-2{
    top: 246px;
    right: 282px;
}
.fy2425-service-3{
    top: 306px;
    left: -152px;
}
.fy2425-service-4{
    top: 453px;
    left: -106px;
}
.fy2425-service-5{
    top: 487px;
    right: 100px;
}
.fy2425-service-6{
    top: 605px;
    left: -86px;
}
.fy2425-service-7{
    top: 632px;
    right: 260px;
}
.fy2425-service-8{
    top: 747px;
    right: 240px;
}
.fy2425-service-9{
    bottom: 80px;
    left: -36px;
}
.fy2425-service-10{
    bottom: -10px;
    right: 325px;
}

.fy2425-national-map{
    position: relative;
}
.fy2425-national-icon{
    position: absolute;
    z-index: 2;
    max-width: 32px;
}


.fy2425-national-global-map-section {
        padding: 60px 0;
    }
    .fy2425-founder-slider-row{
        gap: 40px;
        padding: 70px 24px 50px;
    }
    .fy2425-decarboni-sation-section {
        padding: 60px 0;
    }
    .fy2425-scope-list-info p{
        font-size: 16px;
        line-height: 22px;
    }


    .fy2425-wrapper a:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    color: #F37B44;
}
.fy2425-wrapper button {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.fy2425-wrapper img {
    max-width: 100%;
    height: auto;
}
.fy2425-wrapper h1, .fy2425-wrapper h2, .fy2425-wrapper h3, .fy2425-wrapper h4, .fy2425-wrapper h5, .fy2425-wrapper h6 {
   font-family: 'Gotham';
    color: #036738;
    font-weight: 900;
    margin-bottom: 15px;
    word-break: break-word;
    text-transform: none;
}

.fy2425-wrapper p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Gotham';
    color: #58595B;
    margin-bottom: 20px;
}
.fy2425-wrapper .fy2425-btn {
    padding: 17px 16px;
    font-size: 16px;
    font-weight: 500;
    border: 0;
    border-radius: 12px;
    font-family: 'Gotham';
    text-transform: none;
    display: inline-block;
    text-decoration: none;
    line-height: 100%;
    text-align: center;
}
.fy2425-wrapper .fy2425-btn.fy2425-btn-icon{
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: fit-content;
    padding: 15px 20px;
}
.fy2425-wrapper .fy2425-btn.fy2425-btn-icon img{
    display: block;
}

.fy2425-wrapper .fy2425-btn-primary:focus,
.fy2425-wrapper .fy2425-btn-primary {
    color: #fff;
    background: #76BA43;
    box-shadow: 0px 3.89px 9.72px 0px #76BA4380;
}

.fy2425-wrapper .fy2425-btn-primary:not(:disabled):not(.disabled).active, 
.fy2425-wrapper .fy2425-btn-primary:not(:disabled):not(.disabled):active, 
.fy2425-wrapper .fy2425-btn-primary:hover {
    background: #036738;
    color: #fff;
    border-color: transparent;
    background: linear-gradient(90deg, #76BA43 0%, #036738 100%);
    box-shadow:none;
}

.fy2425-wrapper .fy2425-h1{
    font-size: 40px;
    line-height: 48px;
    font-weight: 900;
    margin: 0 0 16px 0;
    background: linear-gradient(180deg, #76BA43 9.03%, #036738 93.06%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.fy2425-wrapper .fy2425-h2{
    font-weight: 500;
    font-size: 36px;   
    line-height: 48px;
    color: #036738;
}

.fy2425-icon-1{
    top: 207px;
    left: 302px;
}
.fy2425-icon-2{
    top: 328px;
    left: 111px;
}
.fy2425-icon-3{
    top: 328px;
    left: 146px;
}
.fy2425-icon-4{
    top: 328px;
    left: 183px;
}
.fy2425-icon-5{
    top: 404px;
    left: 65px;
}
.fy2425-icon-6{
    top: 404px;
    left: 101px;
}
.fy2425-icon-7{
    top: 438px;
    left: 65px;
}
.fy2425-icon-8{
    top: 438px;
    left: 101px;
}
.fy2425-icon-9{
    top: 430px;
    left: 232px;
}
.fy2425-icon-10{
    top: 430px;
    left: 268px;
}
.fy2425-icon-11{
    top: 545px;
    left: 159px;
}
.fy2425-icon-12{
    top: 545px;
    left: 195px;
}
.fy2425-icon-13{
    bottom: 299px;
    left: 292px;
}
.fy2425-icon-14{
    bottom: 224px;
    left: 260px;
}
.fy2425-icon-15{
    bottom: 224px;
    left: 293px;
}
.fy2425-icon-16{
    bottom: 210px;
    left: 170px;
}
.fy2425-icon-17{
    bottom: 210px;
    left: 204px;
}
.fy2425-icon-18{
    bottom: 80px;
    left: 269px;
}

.fy2425-border-line{
    position: absolute;
    height: 20px;
    top: -25px;
}
.fy2425-border-line span{
    width: 5px;
    height: 5px;
    background: #58595B;
    border-radius: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: -2px;
}
.fy2425-border-line:before{
    content: '';
    height: 1px;
    width: 1px;
    border-top: 1.26px dashed #58595B;
    display: block;
    position: absolute;
    top: 0;
}
.fy2425-border-line:after{
    content: '';
    height: 20px;
    width: 1px;
    border-left: 1.26px dashed #58595B;
    display: block;
}
.fy2425-service-1 .fy2425-border-line{
    left: 45px;
}


.fy2425-service-1 .fy2425-border-line{
    left: 45px;
}
.fy2425-service-1 .fy2425-border-line:before{
    width: 268px;
    right: 0;
}
.fy2425-service-1 .fy2425-border-line span:before{
    content: '';
    height: 130px;
    width: 1px;
    border-left: 1.26px dashed #58595B;
    display: block;
    position: absolute;
    top: -15px;
    left: -265px;
}
.fy2425-service-2 .fy2425-border-line{
    left: 30px;
}
.fy2425-service-2 .fy2425-border-line:before{
    width: 144px;
    right: 0;
}
.fy2425-service-3 .fy2425-border-line{
    left: 40px;
}
.fy2425-service-3 .fy2425-border-line:before{
    width: 264px;
    left: 0;
}
.fy2425-service-4 .fy2425-border-line{
    left: 30px;
}
.fy2425-service-4 .fy2425-border-line:before{
    width: 144px;
    left: 0;
}
.fy2425-service-5 .fy2425-border-line{
    left: 30px;
}
.fy2425-service-5 .fy2425-border-line:before{
    width: 344px;
    right: 0;
}
.fy2425-service-6 .fy2425-border-line{
    left: 30px;
}
.fy2425-service-6 .fy2425-border-line:before{
    width: 214px;
    left: 0;
}
.fy2425-service-7 .fy2425-border-line{
    left: 30px;
}
.fy2425-service-7 .fy2425-border-line:before{
    width: 194px;
    right: 0;
}
.fy2425-service-8 .fy2425-border-line{
    left: 30px;
}
.fy2425-service-8 .fy2425-border-line:before{
    width: 194px;
    right: 0;
}
.fy2425-service-9 .fy2425-border-line{
    left: 30px;
}
.fy2425-service-9 .fy2425-border-line:before{
    width: 214px;
    left: 0;
}
.fy2425-service-10 .fy2425-border-line{
    left: 30px;
}
.fy2425-service-10 .fy2425-border-line:before{
    width: 164px;
    right: 0;
}
.fy2425-map-bottom-service{
    max-width: 222px;
    position: absolute;
    bottom: -6px;
    right: -150px;
    width: 100%;
    display: flex;
    gap: 32px;
    flex-direction: column;
    align-items: self-start;
    justify-content: left;
    text-align: left;
}
.fy2425-bottom-service p{
    margin: 0 0 4px;
    line-height: 22px;
}
.fy2425-bottom-service h4{
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: #76BA43;
    font-weight: 500;
}
.fy2425-bottom-service .fy2425-national-serive-list{
    margin-top: 6px;
}
.fy2425-bottom-service .fy2425-national-serive-list img{
    max-width: 28px;
}
.fy2425-bottom-service .fy2425-national-serive-list span{
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: #76BA43;
    font-weight: 500;
}
.fy2425-committed-total h4,
.fy2425-committed-total .fy2425-national-serive-list span{
    color: #036738;
}
.fy2425-national-total h4,
.fy2425-national-total .fy2425-national-serive-list span{
    color: #58595B;
}


.fy2425-national-service{
  position: absolute;
}
.fy2425-total-tags{
    margin: 0;
    max-width: 190px;
    font-size: 16px;
    line-height: 22px;
    color: #58595B;
    position: absolute;
    top: 45px;
    right: -70px;
}
.fy2425-total-tags div{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}
.fy2425-total-tags span{
    border-radius: 0;
    width: 16px;
    height: 16px;
    display: block;
    flex-shrink: 0;
    background: #76BA43;
}
.fy2425-total-tags .fy2425-total-committed span{
    background: #036738;
}

.owl-nav{
  float: right;
}

#testimonial.owl-carousel .owl-stage {
     height: 100%;
     display: flex;
    /*flex-direction: column; */
}
#testimonial .post-slide {
    display: flex;
    flex-direction: column;
    height: 95%;
}
.fy15-my-grid { background-image: 
  url("../img/Timeline%20(1).webp"),
  linear-gradient(rgba(249, 255, 249, 0.7), rgba(240, 253, 244, 0.7));
 
background-position: top center; background-size: cover; background-repeat: no-repeat; }


.fy15-my-grid .overlay { 
    position: absolute; /* sits on top of background */ 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    /*background-color: rgba(255, 255, 255, 0);  semi-transparent layer */ 
    backdrop-filter: blur(0px); /* blur whatever is behind */ 
    -webkit-backdrop-filter: blur(0px); /* Safari support */ 
    border-radius: 12px; /* optional: rounded corners */ 
}

.f15-bg-glass{
    background: #ffffff82;
    padding: 12px 10px 1px 10px;
    backdrop-filter: blur(2px);
    border-radius: 13px;
}


#news-slider  .owl-stage {
    display: flex;
  }
 #news-slider .owl-item {
    display: flex;
    flex: 1 0 auto;
  }

.secondary-button-down {
    position: absolute;
    top: 16px;
    width: 40px;
    height: 40px;
    right: 16px;
    max-width: 190px;
}
.site-img-card {
    position: relative;
}

.secondary-button {
    background-color: #73bf44;
}

.secondary-button,.work-with-us-btn a {
    border-radius: 50px;
    text-transform: uppercase
}

.fa-download.pfadown {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #fff;
}

.site-img-card .temp1 .position-relative {
    height: 100%;
}
.box-shadow-outline {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease-in-out;
}
.site-img-card .temp1 {
    height: 350px;
}

/* #fy15-junoon-drives .owl-item { max-height: 500px; } 
#fy15-junoon-drives .owl-item img { max-height: 500px; object-fit: cover;} keeps aspect ratio while filling */


.fy15-clouser{
    font-size: 20px;
    text-align: center;
    margin-top: 48px;
    font-family: 'gotham-book';
    font-style: normal;
}