.ab-slider .swiper-wrapper {padding: 15px 15px;}
.ab-slider .swiper-slide {height: auto;}
.ab-card {height: 100%;background: #fff;border-radius: 10px;padding: 30px 20px 20px 20px; display: flex;flex-direction: column;justify-content: start;transition: all 0.4s ease;
  position: relative;padding-bottom: 100px;}

.ab-slider .swiper-slide-active .ab-card {background: #F3EDD9;color: #fff;transform: scale(1); border-radius: 10px;}
.ab-slider .swiper-slide-active .ab-card h3, .ab-slider .swiper-slide-active .ab-card h4, .ab-slider .swiper-slide-active .ab-card p {color: var(--color-primary);}
.ab-slider .ab-card h3 {display: none;}
/* .ab-slider .ab-card .ab-img img {background-color: #fff; padding: 3px 5px;} */
.ab-slider .ab-card .ab-img {position: absolute; bottom: 20px; left: 20px;}
.ab-slider .ab-card .ab-img  img {max-width:100%; background: transparent; height:auto; padding:0;}
.ab-card h3 {font-size: var(--fs-h3);font-weight: 700;margin-bottom: 8px; font-family: var(--font-body); }
.ab-card h4 {font-size: var(--fs-20);margin-bottom: 12px;}
.ab-card p {font-size: var(--fs-p);}
/* .ab-slider-outer {width: 125%;} */
 /* .ab-slider-outer {padding-bottom: 5rem;} */
.ab-slider {cursor: grab;padding-right: 15px;}
.ab-slider.grabbing {cursor: grabbing;}

.dark .bg-introwrapper {background: #eeeeee!important;}
.dark .drivenpurpose-section .title-heading-anim, .dark .drivenpurpose-section p{color: #231F20;}
.dark .ab-card {background-color: #eeeeee;}
.dark .ab-card p {color: var(--color-primary);}

.milestone-bg {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: opacity 0.6s ease;}
.milestone-bg.active {opacity: 1;}
.milestone {position: absolute;inset: 0;opacity: 0;transform: translateY(20px);transition: opacity 0.5s ease, transform 0.5s ease; pointer-events: none;}
.milestone.active { opacity: 1;transform: translateY(0); pointer-events: auto;}
.year-item {cursor: pointer;white-space: nowrap;transition: color 0.3s ease; color: #fff;}
.year-item.active {color: #EC3623; font-weight: 700; transform: scale(1.2);}
#yearList::-webkit-scrollbar {display: none;}
#yearList {scrollbar-width: none;}
.yearList-warp {text-align: right;padding-right: 30px;}

.milestone-year-big-wrapper {position: absolute;z-index: 1;left:4vw; bottom: 0;}
.milestone-year-big {font-size: clamp(4.5rem, 12vw, 10.25rem); color:rgba(255, 255, 255, 1); font-family: var(--font-body);transition: opacity 0.3s ease;position: relative;z-index: 1; }
.m-content-box {border-radius: 10px;display: flex;flex-direction: column;align-items: center; max-width: 320px;text-align: center; position:relative;flex: 1; max-height: 255px;}
.m-content-box:after {content: ''; position: absolute; bottom:0; left: 50%; border-radius:50%; width: 20px; height: 20px; background-color:#fff; border: 1px solid #EC3623;    transform: translate(-50%, -50%);}
.m-content-box p {color: #fff; font-size: 1rem;}
.dark .mv-icon {filter:contrast(0);}
.mv-content-wrapper p {color: #5D5D5D; font-size: var(--fs-intro) !important;}
.impact-slide .hover-text-p {font-size: 1rem !important;line-height: 21px;}
.year-viewport {overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scroll-behavior: smooth;}
.dark .mv-content-wrapper p, .dark .mv-block h2{color: #fff;}
/* .mission-block .mv-icon {max-width: 145px;} */
.m-content-box-outer {
  /* display: grid;
  grid-auto-flow: column;    
  grid-template-rows: repeat(2, auto);
  grid-auto-columns: 1fr; 
  gap: 16px; */
  /* overflow-x: auto;
  overflow-y: hidden;

  padding-bottom: 14px; 
   -webkit-overflow-scrolling: touch; */
   position: relative;
  height: 100%;
  display:flex;
}
.m-content-box-outer {
  --line-scale: 0;
}

/* .m-content-box-outer::after {content: ''; background-color: #EC3623; width: var(--line-width, 100%); height:1px;  position: absolute; top: 50%; transform: translateY(50%) scaleX(var(--line-scale)); left: 0;z-index: -1;  transform-origin: left;} */
.m-content-box-outer.many-items .timeline-line {width: 200%;}

.timeline-line {position: absolute; top: 50%; left: 0; height: 2px; width: 100%;background: linear-gradient(to right, #EC3623 0%, #EC3623 80%, rgba(236, 54, 35, 0) 100%);transform: translateY(50%) scaleX(0);transform-origin: left; z-index: -1;}

.m-content-box:nth-child(odd) {justify-content: end; padding-bottom: 30px;}
.m-content-box:nth-child(even) { justify-content: start; margin-top: calc(500px - 255px); padding-top: 30px;}
.m-content-box:nth-child(even)::after {top:5px;}
.m-content-box:nth-child(odd)::after {top:calc(100% - 5px );}

.m-content-box:nth-child(odd)::before  {content: '';position: absolute; bottom: 0;left: 50%;transform: translateX(-50%); border-left: 1px dashed #EC3623; width: 1px;height: 35px; }
.m-content-box:nth-child(even)::before {content: '';position: absolute; top: 0;left: 50%;transform: translateX(-50%); border-left: 1px dashed #EC3623; width: 1px;height: 35px;}

#yearList{transition: transform .45s ease;}
.milestones-section {background-color: #3A3637;}
.yaersnav-btn {border-radius: 50%;font-size: 0.875rem;}

.slider-wrapper {position: relative;}
.slider-prev,
.slider-next {position: absolute;top: 50%;transform: translateY(-50%);width: 38px;height: 38px;border-radius: 50%;border: none;background: #e53935;color: #fff;cursor: pointer; z-index: 2;}
.slider-prev { left: -20px; }
.slider-next { right: -20px; }
.m-content-box-outer{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin-top: -5vw;}
.slider-wrapper {height: 100%;}
.m-content-box-outer::-webkit-scrollbar{display:none;}
.slider-prev,
.slider-next{transition: opacity .3s ease, filter .3s ease;}
.slider-disabled{opacity: .4;pointer-events: none;filter: grayscale(100%);}


.m-content-box-outer::-webkit-scrollbar {height: 6px;}
.m-content-box-outer::-webkit-scrollbar-track {background: #eee;}
.m-content-box-outer::-webkit-scrollbar-thumb {background: #EC3723;border-radius: 10px;}

.milestones-bg-cover { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1;}
.milestone-cover-bg { width: 100%;height: 100%; object-fit: cover; object-position: center;}
.dark .milestones-container-main .title-heading-anim {color: #231f20;}
.milestones-container-inner{height: 500px;}
.slider-prev:disabled,
.slider-next:disabled{opacity:0.3;cursor:not-allowed;}
 .slider-wrapper:before { content: ''; height: 100%;position: absolute;  top: 0; right: -25px; width: 60px; background: linear-gradient(
  to left,
  rgba(58,54,55,0.65) 0%,
  rgba(58,54,55,0.55) 15%,
  rgba(58,54,55,0.40) 35%,
  rgba(58,54,55,0.25) 55%,
  rgba(58,54,55,0.12) 75%,
  rgba(58,54,55,0.05) 90%,
  rgba(58,54,55,0) 100%
); z-index: 1; }


/* .m-content-box:nth-child(odd) p{transform: translateY(-90px) scale(.92);}
.m-content-box:nth-child(even) p{ transform: translateY(90px) scale(.92);} */
/* .milestone.active .m-content-box:nth-child(odd):hover p{transform: translateY(-10px) scale(1.04);}
.milestone.active .m-content-box:nth-child(even):hover p{transform: translateY(10px) scale(1.04);} */
.m-content-box:after {  transition: background .3s ease, border .3s ease;}
.milestone.active .m-content-box:hover::after{background-color: #EC3623;border: 1px solid #fff;}
.line {display: block;overflow: hidden;}
.line-inner {display: inline-block;transform: translateY(100%); opacity: 0;}

/* 5 slides visible */
.m-content-box{ flex:0 0 calc((100% - 40px) / 4.2);}

.text-color {color: #EC3623;}


#videoSoundToggle{transition: all .35s cubic-bezier(.22,1,.36,1);}
#videoSoundToggle:hover{transform: scale(1.1);}

.crisp-section .wrapper-title .text-h2 {margin-bottom: 20px;}


/* Tablet → 3 slides */
@media (max-width:1024px){
  .m-content-box{flex:0 0 calc((100% - 40px) / 3);}
  .m-content-box-outer .timeline-line {width: 1000%;}
}

/* Mobile → 2.5 slides */
@media (max-width:640px){
  .m-content-box{flex:0 0 calc((100% - 20px) / 1.5);}
}

@media (max-width: 1023px) {
  .yearList-warp {padding-right: 0;}
  /* .ab-slider .ab-card .ab-img {height: 11vw;width: 25vw;} */
}

@media (min-width: 1024px) {
.ab-slider-outer {position: relative;}
.ab-mobile-arrows {justify-content: space-between; width:100%;}
.ab-mobile-arrows .swiper-button-prev-custom {left: -3vw;}
.ab-mobile-arrows .swiper-button-next-custom {right: -4vw;}
/* .rt-overlay-bg {display: none;} */
/*.m-content-box-outer.few-items-1::after,
 .m-content-box-outer.few-items-2::after, .m-content-box-outer.few-items-3::after, .m-content-box-outer.few-items-4::after{
    content: '';
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translate(0, 50%);
    left: 0;
    z-index: -1;

    background: linear-gradient(
        to right,
        #EC3623 0%,
        #EC3623 80%,
        rgba(236,54,35,0) 100%
    );
} */

.m-content-box-outer.few-items-1 .timeline-line {content: ''; width: 35%;}
.m-content-box-outer.few-items-2 .timeline-line {content: ''; width: 55%;}
.m-content-box-outer.few-items-3 .timeline-line {content: '';width: 100%;}
.m-content-box-outer.few-items-4 .timeline-line {content: '';width: 100%;}
}

@media (min-width: 1920px) {
.m-content-box-outer {margin-top: -2vw;}
}


@media (max-width: 1680px) {
  /* .ab-slider-outer {width: 150%;} */
 
}
@media screen and (min-width: 1601px) and (max-width: 1680px) {
 .drivenpurpose-section {height: 127vh;} 
}

@media (max-width: 1440px) {
  /* .ab-slider-outer {width: 165%;} */
  .milestones-container-main {position: relative;left: 6vw;padding-right: 6vw;}
}

@media (max-width: 1023px) {
  /* .ab-slider-outer {width: 105%;padding-bottom: 5rem;} */
  .ab-mobile-arrows {display: flex;bottom: 0;width: 100%;position: relative;justify-content: center;margin-top: 2vw;}
  .swiper-autoheight .swiper-wrapper {align-items: normal;}
  .year-item {display: inline-flex; padding: 5px 10px;}
  /* Hide scrollbar - Chrome, Safari */
.scrollbarhide::-webkit-scrollbar {display: none;}
.scrollbarhide {-ms-overflow-style: none;}
.scrollbarhide {scrollbar-width: none;}

  .yearList-warp, .yaersnav-outer{background-color: #555;}   
  .milestones-section .wrapper-title {position: relative; z-index: 10;}
  .milestones-section {padding-top: 4rem !important;}
  .year-item.active {color: #fff;font-weight: 700;background-color: #EC3623;}
  .milestones-container-main {left: 0;padding-right: 0;}
  .m-content-box {padding: 18px 12px;}
  .milestones-section {min-height: 100%;}
  /* .rt-overlay-bg {display: block;} */
  .m-content-box p {line-height: 22px;}
  .slider-wrapper:before {right: -20px;}



.m-content-box-outer.few-items-1 .timeline-line {content: ''; width: 75%;}
.m-content-box-outer.few-items-2 .timeline-line {content: ''; width: 300%;}
.m-content-box-outer.few-items-3 .timeline-line {content: '';width: 300%;}
.m-content-box-outer.few-items-4 .timeline-line {content: '';width: 300%;}
.m-content-box-outer.many-items .timeline-line {width: 800%;}

.mobile-years-fixed{
  position: fixed;
  top: 78px;
  left: 0;
  width: 100%;
  z-index: 40;
  background: #555;
  padding: 5px 0;
}

.mobile-years-end{
  position: absolute;
  bottom: 0;
  top: auto;
}
.ab-slider .ab-card .ab-img img {max-width: 85%;}

}


@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25),
       screen and (min-width: 1024px) and (min-resolution: 120dpi) {
  .drivenpurpose-section {min-height: 165vh;}
}
@media (max-width: 767px) {
 /* .ab-slider-outer {padding-bottom: 3rem; padding-top: 2.5rem;} */
   .mv-content-wrapper p {font-size: 1rem !important; line-height: 24px;}
  .milestones-section {min-height: 100%;}
  .milestone-year-big {  position: relative;z-index: 1}
  /* .dark .milestone-year-big {color: #fff;} */
  .m-content-box-outer { margin-top: -5vw;}
  .aboutus-innerbanner {height: 55vh;}

.m-content-box-outer.few-items-1 .timeline-line {content: ''; width: 100%;}
.m-content-box-outer.few-items-2 .timeline-line {content: ''; width: 300%;}
.m-content-box-outer.few-items-3 .timeline-line {content: '';width: 300%;}
.m-content-box-outer.few-items-4 .timeline-line {content: '';width: 300%;}
.m-content-box-outer.many-items .timeline-line {width: 800%;}

}

@media screen and (min-width: 1025px) 
and (-webkit-min-device-pixel-ratio: 1.25), 
screen and (min-width: 1025px) 
and (min-resolution: 120dpi) {
.milestone-year-big { font-size: 7.813rem;}




}

 @media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio:1.5),screen and (min-width:1025px) and (min-resolution:144dpi) {
  .drivenpurpose-section {min-height: 185vh;}
  .driven-inner {max-width: 78%;}
  .crisp-section { height: 100vh !important; padding-bottom: 0;}
 }