/* -----------------------------------------------
   HERO BANNER SLIDER
------------------------------------------------- */

#hero { position: relative; height: 100vh; overflow: hidden; background: #000; }
#hero::after {content: "";position: absolute;inset: 0;pointer-events: none; background: linear-gradient(to right,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.28) 40%, rgba(0,0,0,0.05) 75%,rgba(0,0,0,0) 100%), radial-gradient(ellipse at center,rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 55%,rgba(0,0,0,0.3) 100%);z-index: 9;}
.slide-media {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transform: translate3d(0,0,0) scale(1);transition: transform 1.25s cubic-bezier(.16,.84,.44,1), filter 1s ease, opacity .6s ease;filter: brightness(0.88) contrast(1.02);will-change: transform, filter;}
#hero .swiper-slide-active .slide-media {transform: scale(1.06); filter: brightness(1) contrast(1.04);}
#hero .swiper-slide { opacity: .6; transition: opacity .9s ease; }
#hero .swiper-slide-active { opacity: 1; }
.absolute.inset-y-0.left-0 { z-index: 40; }
.hero-headline { margin: 0; line-height: 1.02; font-family: 'Raleway', sans-serif }
.hero-headline span {display: inline-block;transform: translateY(110%);opacity: 0;filter: blur(6px);transition:transform .78s cubic-bezier(.16,.84,.44,1), opacity .55s ease,filter .6s ease;}
.hero-caption-visible .hero-headline span {transform: translateY(0);opacity: 1;filter: blur(0);}
.hero-subline {opacity: 0;transform: translateY(110%);filter: blur(6px);transition: all .68s ease .04s;}
.hero-caption-visible .hero-subline {opacity: 1;transform: translateY(0);filter: blur(0);}
.cta {opacity: 0;transform: translateY(14px) scale(1);transition: all .6s ease .12s;border-radius: 999px;padding: .65rem 1.2rem;}
.hero-caption-visible .cta {opacity: 1;transform: translateY(0);/*animation: breathe 4.2s ease-in-out infinite;*/}
#hero .swiper-navigation-icon,
#hero .swiper-button-prev::after,
#hero .swiper-button-next::after {display: none !important;}
@keyframes breathe {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(0) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}

.hero-arrow {width: 48px; height: 48px;display:inline-flex; align-items:center; justify-content:center;border-radius:999px; backdrop-filter: blur(18px);background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.08);box-shadow: 0 10px 30px rgba(0,0,0,0.45); transition: background .22s ease, transform .18s ease;}
.hero-arrow:hover { background: rgba(224,56,56,0.5); }
.hero-arrow svg { transition: transform .22s ease; }
.hero-arrow:hover svg { transform: translateX(2px); }

/* progress circle glow */
/* #progress-circle { filter: drop-shadow(0 0 6px rgba(255,255,255,0.6)); } */
#arrow-counter { display:flex; align-items:baseline; gap:.5rem; }
.caption-layer-container .hero-subline span {position: relative;padding: 3px 6px;color: #fff;background: linear-gradient(#EC3723, #EC3723);background-size: 0% 100%;background-repeat: no-repeat;background-position: left center;transition:background-size 1s cubic-bezier(.2,.9,.2,1);}
#hero.hero-caption-visible
.caption-layer-container .hero-subline span {background-size: 100% 100%;transition-delay: 0.4s;}
#hero:not(.hero-caption-visible)
.caption-layer-container .hero-subline span {transition-delay: 0ms;}

.myMarquee .swiper-wrapper { transition-timing-function: linear !important;}

/* -----------------------------------------------
   Voices of Trust
------------------------------------------------- */
.testimonialSwiper .swiper-slide {opacity: 0.35; filter: blur(4px);transform: scale(0.80);transition: all 0.45s ease;}
.testimonialSwiper .swiper-slide .quote-icn{transition: opacity 0.35s ease; opacity: 0;}
.testimonialSwiper .swiper-slide-active .quote-icn,
.testimonialSwiper .swiper-slide.is-active .quote-icn{opacity: 1;}
.testimonialSwiper .swiper-slide-active,
.testimonialSwiper .swiper-slide.is-active { opacity: 1 !important; filter: blur(0) !important;transform: scale(1.10) !important;}
.testimonialSwiper .swiper-slide-prev,
.testimonialSwiper .swiper-slide-next {opacity: 0.65;filter: blur(2px);transform: scale(0.93);}
.testimonialSwiper,
.swiper-area {overflow: visible !important;}


/* -----------------------------------------------
   Our Impact
------------------------------------------------- */
.counter-odometer {display: inline-flex;align-items: baseline;gap: 0ch;font-variant-numeric: tabular-nums;line-height: 1;overflow: hidden;}
.odometer-digit {overflow: hidden;display: inline-block;vertical-align: bottom;height: 1em;width: 1ch;text-align: center;font-family: inherit;font-weight: inherit;font-size: inherit;}
.odometer-column {display: block;transform: translateY(0);will-change: transform; overflow: hidden;}
.odometer-digit-line {display: block;height: 1em;line-height: 1em;box-sizing: border-box;}
.counter-suffix {display: inline-block;margin-left: 0.35ch;font-family: inherit;font-size: inherit;line-height: 1;}
.odometer-comma {display: inline-block; width: 0.4em; text-align: center;font-weight: inherit;vertical-align: bottom;}

/* -----------------------------------------------
   Our Verticals
------------------------------------------------- */
#bigPreview {transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);opacity: 1;transform: scale(1);}
#bigPreview.fade-animate {opacity: 0;transform: scale(1.05);}
.logo-item.active {filter: grayscale(0) !important;opacity: 1 !important;transform: scale(1);}

.stack-overlay{position:absolute; height:calc(100vw); background:rgba(255,255, 255, 0.9);background: linear-gradient(90deg,rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.85) 55%, rgba(255, 255, 255, 1) 100%); top:-10vw; max-width:100%; right:0; left:inherit;}



/* -----------------------------------------------
   LATEST AT ABET
------------------------------------------------- */
.latestSwiper .swiper-slide {transition:transform 0.6s cubic-bezier(.2, .8, .2, 1), opacity 0.6s cubic-bezier(.2, .8, .2, 1), filter 0.6s cubic-bezier(.2, .8, .2, 1);transform-origin: center center;will-change: transform, opacity, filter;}
.latestSwiper {overflow: visible;}
.latestSwiper .swiper-slide img.slide-img {width: 100%;height: auto;border-radius: 16px;transition: inherit;box-shadow: 0 20px 40px rgba(0,0,0,0.12);}
.slide-center {transform: scale(1) translateY(0) rotate(0deg) !important;opacity: 1;filter: blur(0);z-index: 50;}
.slide-center .caption-latest {opacity: 1;transition: opacity .9s ease;}
.caption-latest {opacity: 0;}
.slide-center img {transform: scale(1);}
.slide-left {transform: scale(0.45) translateX(300px) rotate(0deg) !important;opacity: 0.45;filter: blur(3px);z-index: 30;}
.slide-right {transform: scale(0.45) translateY(-300px) translateX(-300px) rotate(-8deg) !important;opacity: 0.45;filter: blur(3px);z-index: 30;}
.slide-dim {transform: scale(0.60) translateY(40px)  !important;opacity: 0.12;filter: blur(6px);z-index: 10;}
.slide-left .max-w-md,
.slide-right .max-w-md,
.slide-dim .max-w-md {opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}
.slide-center .max-w-md {opacity: 1;}
.swiper-button-prev-custom,
.swiper-button-next-custom {width: 42px;height: 42px;border-radius: 12px;background: #fff;border: 1px solid #EC3723;color: #EC3723;display: flex;align-items: center;justify-content: center;  box-shadow: 0 8px 22px rgba(0,0,0,0.1);transition: 0.3s ease;}
.swiper-button-prev-custom:hover,
.swiper-button-next-custom:hover {transform: scale(1.1);}
.heroSwiper-pill-btn:hover span {color: #EC3723;}

.dark .mv-icon {filter:contrast(0);}
.dark .caption-latest h3, .dark .caption-latest p {color:#fff;}
.dark .counter-caption p, .dark .counter-caption h3 {color:#fff;}
.dark .inner-box-counter img {filter:invert(1);}
.dark .counter-odometer {color: #fff;}

/* .homeourimpact-section {padding-bottom: 80px;} */
/* .homeourverticals-section {padding-top: 30px;} */


.ourverticals-scrollbar .logo-item {--tw-grayscale: grayscale(100%); filter: var(--tw-grayscale,);}

/* .ourverticals-scrollbar .logo-item.active {} */
.mv-content-wrapper p {color: #5D5D5D; font-size: var(--fs-intro) !important;}
.impact-slide .hover-text-p {font-size: 1rem !important;line-height: 21px;}

/* .mv-block,
.svg-animate,
.icon-float {
  will-change: transform, opacity;
  backface-visibility: hidden;
} */

.dark .mv-content-wrapper p, .dark .mv-block h2{color: #fff;}
/* .mission-block .mv-icon {max-width: 145px;} */

.impact-slide .img-disclaimer {
   bottom: auto;
   top: 3px;
   right: 5px;
   font-size: 8px;
   padding: 5px 8px;
}



/* -----------------------------------------------
   RESPONSIVE
------------------------------------------------- */
@media (min-width:1024px) {
   .caption-layer-wrapper {bottom: 80px;top: inherit;}
}
@media screen and (min-width:1280px) and (max-width:1680px) {
   .mv-title span {display: block;}
}

@media (max-width:1280px) {
    .ourverticals-scrollbar .logo-item{max-height: 105px;}
}
   
@media screen and (min-width:1280px) and (max-width:1285px) {
.small-card-wrapper .impactslide-img {min-height: 275px;}
}

@media (max-width:1024px) {
  .absolute.inset-y-0.left-0 { padding-left: 16px; padding-right: 12px; }
}
@media (max-width:992px) {
  .hero-arrow { width:44px; height:44px; }
  .hero-caption-visible .cta { animation: none; }
  .caption-layer-container {padding-left: 0; padding-right: 0;}
  #hero::after {background:linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.45) 45%, rgba(0,0,0,0.25) 75%, rgba(0,0,0,0.15) 100%);}
  #hero {height: 80vh;}
  .impactStories-section .container-impactStories {padding-left:0 !important;padding-right:0 !important;max-width: 100%;}
  .impact-swiper .swiper-slide {transform: scale(0.90);opacity: 0.45;filter: blur(3px); transition: transform 0.6s cubic-bezier(.2, .8, .2, 1), opacity 0.6s cubic-bezier(.2, .8, .2, 1), filter 0.6s cubic-bezier(.2, .8, .2, 1); transform-origin: center center; will-change: transform, opacity, filter;}
  .impact-swiper .swiper-slide-active {transform: scale(1);opacity: 1;filter: blur(0);}
  .slide-left, .slide-right {transform: scale(0.90) rotate(0deg) translateX(0); filter: blur(1px);}
  .slide-dim {transform: scale(0.85);}
  /* .homeourimpact-section {padding-bottom: 40px;} */
   .impactStories-outer {padding-bottom: 5rem;}
        .card-stack-box:nth-child(1) .parallax-stack-img{object-position: 10%;}
   .card-stack-box:nth-child(2) .parallax-stack-img{object-position: 10%;}
   .card-stack-box:nth-child(3) .parallax-stack-img{object-position: 10%;}
}

@media (min-width: 992px) {
  .impactSwiperStories-navigation {display: none;}

}
@media (max-width: 767px) {
    .ourverticals-scrollbar .logo-item{max-height: 80px;}
   #hero {height: 90vh;}
   .latestSwiperWrapper-container .swiper-button-prev-custom, .latestSwiperWrapper-container .swiper-button-next-custom {top:15%;}
   .homevoicestrust-section {margin-top: 40px;}
   .homeourverticals-section {padding-top: 20px;}
   .slide-right {transform: scale(0.85) translateY(0px) translateX(0px) rotate(0deg) !important;}
   .slide-left {transform: scale(0.85) translateX(0px) rotate(0deg) !important;}
   .impactStories-outer {padding-bottom: 5rem;}
   .card-stack-box:nth-child(1) .parallax-stack-img{object-position: 10%;}
   .card-stack-box:nth-child(2) .parallax-stack-img{object-position: 10%;}
   .card-stack-box:nth-child(3) .parallax-stack-img{object-position: 10%;}

.hero-headline {font-size: 2rem;}
.caption-layer-wrapper {bottom: 110px;top: inherit;}

.ourimpact-grid-wrapper .ourimpact-grid:last-child{ grid-column: span 2 / span 2; align-items: center;}
  .hero-arrow { width:35px; height:35px; top: 25px;}
  .hero-arrow img {max-width: 12px;}
  #progress-svg {height: 25px;width: 25px;}
  .hero-subline {display: none;}
  .mv-content-wrapper p {font-size: 1rem !important; line-height: 24px;}
  /* .stack-overlay {background-color: #fff;} */

  .stack-overlay {
    height: calc(100%);
    background: rgba(255, 255, 255, 0.9);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 51%, rgba(255, 255, 255, 0.75) 100%);
    top: 0;
    max-width: 100%;
    right: 0;
    left: inherit;
}
}


@media screen and (min-width: 1025px) 
and (-webkit-min-device-pixel-ratio: 1.25), 
screen and (min-width: 1025px) 
and (min-resolution: 120dpi) {

}


 @media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio:1.5),screen and (min-width:1025px) and (min-resolution:144dpi) { 
   /* .caption-layer-wrapper {top: 5vw;} */
   .caption-layer-wrapper {bottom: 80px;top: inherit;}
   .hero-headline {font-size: 3.125rem;}
   .mv-content-wrapper p {font-size: 1.375rem !important;}
   .impact-slide .text-caption {font-size: 1.125rem;}
  
}