html, body {overflow-x:hidden}
.swiper-btn-disabled { opacity: 0.5; cursor: not-allowed;pointer-events: none; filter: grayscale(1);}
.swiper-button-prev-custom,
.swiper-button-next-custom {transition: opacity 0.35s ease;}
/* Hide scrollbar */
.scrollbar-hide::-webkit-scrollbar {display: none;}
.scrollbar-hide {-ms-overflow-style: none;scrollbar-width: none;}
.back-to-top.active {opacity: 1;pointer-events: auto;transform: translateY(0);}
.progress-ring-circle {transition: stroke-dashoffset 0.15s ease-out;}

/* -----------------------------------------------
   Our custom pill Button
------------------------------------------------- */
.custom-pill-btn,
.custom-pill-dots,
.custom-pill-dot,
.custom-pill-arrow {transition: all .35s ease-out; will-change: transform, opacity;}
.custom-pill-btn:hover {transform: translateY(0px);background-color: #fff;}
.custom-pill-btn:hover .custom-pill-dot {opacity: 0;transform: scale(0.3);}
.custom-pill-btn:hover .custom-pill-dots {transform: scale(0.5) rotate(0deg);}
.custom-pill-btn:hover .custom-pill-arrow {opacity: 1;transform: translateX(4px);}
.abetColor-pill-btn:hover span {color: #EC3723;}
.custom-pill-btn {font-size: 1rem;}

.custom-pill-dots {display: none;}
.custom-pill-btn .custom-pill-arrow {opacity: 1;}
.custom-pill-btn .custom-pill-arrow.-translate-x-1\.5 {transform: translateX(6px);}
.custom-pill-btn:hover .custom-pill-arrow.-translate-x-1\.5 {transform: translateX(7px);}
.custom-pill-btn .custom-pill-arrow.-translate-x-2 {transform: translateX(8px);}
.custom-pill-btn:hover .custom-pill-arrow.-translate-x-2 {transform: translateX(9px);}
.custom-pill-btn span {margin-right: 15px;}

.abetColor-pill-btn .custom-pill-arrow path{stroke: #fff;}
.abetColor-pill-btn:hover .custom-pill-arrow path{stroke: #EC3723;}

.white-pill-btn .custom-pill-arrow path{stroke: #fff;}
.white-pill-btn:hover .custom-pill-arrow path{stroke: #EC3723;}


.corner-btn { border-top: 0 solid #fff;border-bottom: 45px solid #EC3723;border-left: 55px solid #fff; border-right: 0 solid #fff; width: 0; height: 0;border-bottom-right-radius: 10px;}
.corner-btn .abat-sm-btn {box-shadow: none; border: none; background-color: transparent; backdrop-filter: none;-webkit-backdrop-filter:none; border-radius:0; padding:0; position: absolute; top: 12px; right: -2px;}
.corner-btn .abat-red-sm-btn .abat-btn-dot {background-color: #fff;}
.corner-btn .corner-btn-inner:hover .abat-arrow path {stroke: #fff !important;}
.vacancies-box:hover .corner-btn .abat-arrow path {stroke: #fff !important;}
.dark .corner-btn {border-bottom-color: #131313;}

.media-release-card .readmore-btn {font-size: 1rem !important;}
.media-load-more-btn, .readmore-toggle {font-size: 1rem !important;}

.impact-story-card-other .img-disclaimer {
  font-size: 8px;
  padding: 2px 6px;
  bottom: 2px;
  right: 2px;
}

.awards-card-hidden,
.awards-card-filter-hidden {
    display: none;
}

.awards-clear-hidden {
    display: none;
}

.awards-clear-visible {
    display: inline-flex;
}

.awards-load-more-hidden {
    display: none;
}

/* -----------------------------------------------
   DARK MODE
------------------------------------------------- */
.dark body {background-color: var(--bg-darkBase);}
.dark p,
.dark .customHeading {color: #fff;}

.dark .title-heading-anim, .dark .text-intro {color:#fff;}
.dark .title-heading-anim span {color: #555;}
.dark .custom-pill-btn {border-color: #fff;color:#fff;}
.dark .custom-pill-btn:hover {color: #131313;;border-color: #131313;}
.dark .custom-pill-dot {background-color:#fff;}
.dark .custom-pill-btn:hover .custom-pill-arrow path{stroke: #131313;}
.dark .abetColor-pill-btn {background-color: #131313;}
.dark .abetColor-pill-btn:hover {background-color: #fff; color:#131313;}
.dark .abetColor-pill-btn:hover span {color: #131313;}
.dark .swiper-button-prev-custom.custom-pill-btn .custom-pill-dot, .dark .swiper-button-next-custom.custom-pill-btn .custom-pill-dot {background-color:#131313}
.dark .whiteondark-pill-btn {border-color: #131313;color:#131313;}
.dark .whiteondark-pill-btn .custom-pill-dot {background-color:#131313;}
.dark .darkonwhite-wrapper p {color:#131313;}
.dark footer video {filter: grayscale(1);}
.dark .progress-ring-circle {stroke: #fff;}
.dark .back-to-top {background-color: rgba(255,255,255,0.07);}
.dark .cursor-dot {background-color: #fff;}
.dark .cursor-ring {border-color: #fff;}
 
.darkmode-wrap, #themeToggle {pointer-events: auto !important;position: relative; z-index: 999999 !important;}

[data-img-caption]::after {
  content: attr(data-img-caption);
  position: absolute;
  bottom: 0;  
  width: auto;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 1);
  color: #fff;
  font-size: 12px;
  text-align: center;
  z-index: 1;
  right: 0;
  opacity: 0.5;
}

/* ===============================
   LOGO FOCUS DEPTH LOADER
================================ */
#logoFocusLoader {position: fixed;inset: 0;background: #0b0b0b; z-index: 100000;pointer-events: none;}
#logoFocusLoader::before {content: "";position: absolute;inset: 0;background: radial-gradient( circle at center, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.04) 25%, rgba(0,0,0,0) 55%);}
.logo-header-wrap img {opacity: 0;}
.logo-focus-clone {position: fixed;opacity: 1;filter: blur(0);transform: scale(1);transform-origin: center;z-index: 100001;pointer-events: none;}
.logo-focus-clone.chromatic {filter: blur(6px) drop-shadow(1px 0 0 rgba(255,0,0,0.25)) drop-shadow(-1px 0 0 rgba(0,120,255,0.25));}




/* .inners-banner-image {filter: blur(0); transform: scale(1.05);  opacity: 1;}
.banner-text {opacity: 0;} */

.inners-banner-image, .inners-banner-video {transform: scale(1.05);filter: blur(12px);opacity: 0.90;}
.banner-text {opacity: 0;transform: translateY(40px);}
.banner-text h1,.banner-text nav {opacity: 0;transform: translateY(30px);}
/* body.loading {overflow: hidden;} */

.intro-vector path,
.intro-vector line,
.intro-vector polyline { fill: none; stroke: #EC3723; stroke-width: 1; opacity: 1;}
.selected-value span {color: #999;}
.selected-value {width: 100%; font-size: var(--fs-p);}
.dark .intro-vector{filter:grayscale(1) invert(1);}
.dark .bginvertwhite{ background-color:#555555;}
.dropdown-options {width: 100%;}
.dark .bginvertwhite span, .dark .bginvertwhite h3, .dark .bginvertwhite p, .dark .bginvertwhite a{color: #fff;}
.dark .bginvertwhite hr {background-color:#f1f1f1;}

.dark .modal-popup-wrapper .inner-modal-popup {background-color: #303030;}
.dark .modal-popup-wrapper .inner-modal-popup h3 {color: #fff !important;}
.modal-scroll::-webkit-scrollbar {width: 6px;}
.modal-scroll::-webkit-scrollbar-thumb {background: #888;border-radius: 10px;}
.modal-scroll {scrollbar-width: thin;scrollbar-color: #888 transparent;}
.box-select .selected-value {background-color: #fff !important; border-radius:10px; border: 1px solid #989898 !important; padding-top: 10px; padding-bottom:10px; font-family:"Raleway", sans-serif; color:#989898 !important; font-size:1.625rem !important;}
.select-box-content {opacity: 0;transform: translateY(20px);transition: opacity 0.45s ease, transform 0.45s ease;pointer-events: none;}
.select-box-content.is-active {opacity: 1;transform: translateY(0);pointer-events: auto;}

.dark .bginvertdark p {color: var(--color-primary);}

.introwrapper-section p, .introwrapper-para p {color: #5D5D5D; font-size: var(--text-intro); font-weight: 300; line-height: 36px;}
.dark .introwrapper-section p, .dark .introwrapper-para p {color: #fff;}
.introwrapper-para h3 {font-size: var(--fs-30); margin-bottom: calc(var(--spacing) * 4);}

.articlesection-content .article-item{transform-origin: top center;}
.bg-beige {background-color: #F3EDD9;}
.dark .bg-beige {background-color: #1a1a1a;} 
.dark .dark-nonbanneroverlay { background: linear-gradient(180deg,#1a1a1a -2.34%,#1a1a1a 95.45%);filter: blur(2px);}
 
.articles-inside-page h2 {font-size: var(--fs-30);margin-bottom: 24px;}
.articles-inside-page .articles-inside-leftcontent h3 {font-size: var(--fs-20);margin-bottom: 15px;}
.articles-inside-page .articles-inside-leftcontent h3 a{font-size: var(--fs-20);}
.dark .articles-inside-page h2, .dark .articles-inside-page .articles-inside-leftcontent h3 {color: #fff;}
.single-figure-wrapper {margin-bottom: 20px;}
.dark .reports-pub-sidebar-item a {color: #fff !important;}

.dark .popup-box-outer .popup-wrapper-inner{background-color: #231F20;}
.dark .popup-box-outer .popup-wrapper-inner h3 {color: #fff;}
.dark .data-close-btn {background-color:rgba(0,0,0,0.5); color: #fff;}
.dark .popup-box-outer .popup-wrapper-inner p, .dark .modal-popup-wrapper .popup-wrapper-inner h4, .dark .modal-popup-wrapper .popup-wrapper-inner h3, .dark .modal-popup-wrapper .popup-wrapper-inner ul li, .dark .modal-popup-wrapper .popup-wrapper-inner ul li a {color: #fff;}

.modal-popup-wrapper .popup-wrapper-inner h3 {font-size: var(--fs-20);margin-bottom: 12px;}
.modal-popup-wrapper .popup-wrapper-inner h4 {font-size: 1.125rem;margin-top: 15px; margin-bottom: 8px;}
.modal-popup-wrapper .popup-wrapper-inner ul li, .modal-popup-wrapper .popup-wrapper-inner ul li a, .modal-popup-wrapper .popup-wrapper-inner p, .popup-box-outer .popup-wrapper-inner p {font-size: 1rem;}
.modal-popup-wrapper .popup-wrapper-inner ul li {margin-bottom: 5px;}
.modal-popup-wrapper .popup-wrapper-inner ul li:last-child {margin-bottom: 0;}
.modal-popup-wrapper .popup-wrapper-inner ul {list-style-type: disc; padding-left: 20px;}
.media-slider-wrapper .swiper-button-disabled {opacity: 0.4;pointer-events: none;}
.popup-wrapper-inner p {font-size: 1rem;}

/* .testimonial-card-inner p {font-size: var(--fs-p);}
.testimonial-card-inner .testimonial-name {font-weight: 700; font-size: var(--fs-p); margin-top: calc(var(--spacing) * 2)} */
/* =====================================
   Testimonial Custom Scrollbar
===================================== */
.testimonial-card-inner {height: 450px; position: relative;padding-bottom: 50px;}
.testimonial-content {scrollbar-width: thin;scrollbar-color: #d4c7a1 transparent;overflow-y: auto;padding-right: calc(var(--spacing) * 3);max-height:280px;position: relative;}
.testimonial-content.has-scroll {-webkit-mask-image: linear-gradient( to bottom, black 0%, black 75%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 0%, black 75%, transparent 100%);padding-bottom: 50px;}
.testimonial-content::-webkit-scrollbar {width: 6px;}
.testimonial-content::-webkit-scrollbar-track {background: transparent;}
.testimonial-content::-webkit-scrollbar-thumb {background: linear-gradient(180deg, #E8DCC0, #cbb88a);border-radius: 20px;  transition: all 0.3s ease;}
.testimonial-content::-webkit-scrollbar-thumb:hover {background: linear-gradient(180deg, #d8c8a2, #bca874);}

.card-bg-one {background-color: #284586;}
.card-bg-two {background-color: #D89E4F;}
.card-bg-three {background: linear-gradient(305deg, #F48120 53.37%, #FFE68A 127.27%);}
.card-bg-four {background-color: #2C035D;}
.card-bg-five {background-color: #424275;}
.card-bg-six {background-color: #2CA5E4;}

.list-ul {list-style-type: disc;padding-left: 20px;}
.list-ul li {font-size: var(--fs-p);margin-bottom: 5px;}
.list-ul li:last-child {margin-bottom: 0;}

.list-ol {list-style-type: decimal;padding-left: 20px;}
.list-ol li {font-size: var(--fs-p);margin-bottom: 5px;}
.list-ol li:last-child {margin-bottom: 0;}

.list-abc {list-style-type: lower-alpha;padding-left: 20px;}
.list-abc li {font-size: var(--fs-p);margin-bottom: 5px;}
.list-abc li:last-child {margin-bottom: 0;}

.dark .list-ul li, .dark .list-ol li, .dark .list-abc li {color: #fff;}
.dark .list-ul li a, .dark .list-ol li a, .dark .list-abc li a{color: #fff;}

.reports-pub-sidebar-item h3{overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.impact-stories-wrapper h3 {margin-bottom: 10px;}

.map-wrapper iframe {pointer-events: none;}
.map-wrapper.active iframe {pointer-events: auto;}
.map-overlay {transition: opacity 0.3s ease;}
.map-wrapper.active .map-overlay {opacity: 0;pointer-events: none;}


.media-release-hidden { display: none !important; }
.impact-story-hidden { display: none !important; }

.readmore-gradient {
    background: linear-gradient(to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.85) 60%,
        rgba(255,255,255,1) 100%);
    transition: opacity 0.3s ease;
}

.readmore-gradient-light {
    background: linear-gradient(to bottom,
        rgba(245,245,245,0) 0%,
        rgba(245,245,245,0.85) 60%,
        rgba(245,245,245,1) 100%);
    transition: opacity 0.3s ease;
}


.dark .readmore-gradient  {
    background: linear-gradient(to bottom,
        rgba(19,19,19,0) 0%,
        rgba(19,19,19,0.85) 60%,
        rgba(19,19,19,1) 100%);
    transition: opacity 0.3s ease;
}
.dark .readmore-gradient-light  {
    background: linear-gradient(to bottom,
        rgba(85,85,85,0) 0%,
        rgba(85,85,85,0.85) 60%,
        rgba(85,85,85,1) 100%);
    transition: opacity 0.3s ease;
}
.dark .readmore-toggle {color: #fff;}

.img-disclaimer {background-color: rgba(0, 0, 0, 0.65);color: #fff; font-size: 0.75rem; position: absolute;bottom: 10px;right: 10px;
padding: 6px 15px; border-radius: 10px;z-index: 1;}
.banner-overlay { background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.8) 0%,      /* Top Dark */
    rgba(0, 0, 0, 0) 25%,      /* Fade to transparent */
    rgba(0, 0, 0, 0) 25%,      /* Keep center transparent */
    rgba(0, 0, 0, 0.8) 100%    /* Bottom Dark */
  );}

.text-agree {font-size: 0.75rem !important;}
.select-box-content .g-recaptcha iframe{width: 100% !important;}
.search_list p {font-size: 1rem;max-width: 85%;}

.general-section h2 {font-size: var(--fs-20); margin-bottom:15px;}
.general-section h3 {font-size: 1.125rem; margin-bottom:15px;}
.general-section ul { margin-bottom:20px;}
.dark .general-section h2, .general-section h3  {color: #fff;}
.hover-link:hover {color: #EC3723;}
.hover-link {transition: all .35s ease-out;}
.dark table td {color: #fff;}

/* scroll container */
/* .coveragesarticlesection-content {max-height: initial;overflow-y: auto;overflow-x: auto;}
.coveragesarticlesection-content thead th {position: sticky;top: 0;z-index: 5;background: #ec3623;}
.coveragesarticlesection-content table {width: 100%;border-collapse: collapse;} */
.coveragesarticlesection-content::-webkit-scrollbar {width: 6px;}
.coveragesarticlesection-content::-webkit-scrollbar-thumb {background: #ec3623;border-radius: 10px;}
.coveragesarticlesection-content::-webkit-scrollbar-track {background: transparent;}

.dark .sitemap-section h2, .dark .sitemap-section ul li, .dark .sitemap-section ul li a {color: #fff;}


.yt-grid {
  overflow: visible;
  position: relative;
}

.yt-card {
  will-change: transform;
  transform-origin: center center;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}

.yt-inner {
  position: relative;
  width: 100%;
}

.yt-inner iframe {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.yt-inner.enlarged {
  height: 100%;
}

.yt-card-title {padding: 0px 10px;}
.dark .yt-card-title {color:#fff;}

/* overlay background */
.yt-overlay-bg {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.yt-overlay-bg.active {
  opacity: 1;
  pointer-events: auto;
}

/* close */
.yt-close {
  backdrop-filter: blur(6px);
  transition: transform 0.2s ease;
}

.yt-close:hover {
  transform: scale(1.1);
}

.youtube-title-grid {background-color: #f3edd9; padding: 20px 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0, 8px, 20px, 6px rgba(0,0,0,0.08); border-radius:8px;}
.no-margin-para p{margin-bottom: 0;}

.feature-caption {background-color: #F3EDD9;padding: 10px 10px; border-radius: 10px; width: 100%; font-size: 0.875rem;}

/* -----------------------------------------------
   RESPONSIVE
------------------------------------------------- */

@media  (min-width:1280px) and (max-width:1365px) {
  .our-initiatives-banner picture .inners-banner-image {object-position: right;}
}
@media (min-width:1920px) {
.social-media-item:nth-child(6) .social-media-links-wrap{margin-top: 178px;}
}
@media (max-width:1680px) {
.social-media-item:nth-child(6) .social-media-links-wrap{margin-top: 178px;}
}
@media (max-width:1440px) {
.social-media-item:nth-child(6) .social-media-links-wrap{margin-top: 165px;}
}
@media (max-width:1366px) {
.social-media-item:nth-child(6) .social-media-links-wrap{margin-top: 140px;}
}
@media (max-width:1024px) {
.social-media-item:nth-child(6) .social-media-links-wrap{margin-top: 140px;}
}
@media (max-width:767px) {
.social-media-item:nth-child(6) .social-media-links-wrap{margin-top: 120px;}
.yt-card-title {padding: 0px 5px;}
}


@media (min-width:993px) {
@keyframes dropBlurInEnhanced {
  0% {opacity: 0;transform: translateY(-32px);filter: blur(10px);}
  100% {opacity: 1;transform: translateY(0);filter: blur(0);}
}
.title-heading-anim {opacity: 0;transform: translateY(-32px);filter: blur(10px);}
.title-heading-anim.active {animation: dropBlurInEnhanced 0.9s cubic-bezier(.16, .84, .44, 1) forwards;}
@keyframes spanGlowBlur {
  0% {opacity: 0;transform: translateY(-22px) scale(0.88);filter: blur(10px) brightness(1.8);}
  45% {opacity: 1;transform: translateY(4px) scale(1.12);filter: blur(2px) brightness(1.3);}
  70% {transform: translateY(0) scale(0.95);filter: blur(1px) brightness(1.1); }
  85% {transform: translateY(0) scale(1.03); filter: blur(0.5px) brightness(1.05);}
  100% {opacity: 1;transform: translateY(0) scale(1);filter: blur(0) brightness(1);}
}
.title-heading-anim span {display: inline-block;opacity: 0;filter: blur(10px) brightness(1.8);}
.title-heading-anim span.active {animation: spanGlowBlur 1.2s cubic-bezier(.16, .84, .44, 1) forwards;}


}


@media (max-width:992px) {
/* .banner-overlay {background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 75%, rgba(0, 0, 0, .6) 100%);} */
.banner-overlay { background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.8) 0%,      /* Top Dark */
    rgba(0, 0, 0, 0) 21%,      /* Fade to transparent */
    rgba(0, 0, 0, 0) 25%,      /* Keep center transparent */
    rgba(0, 0, 0, 0.8) 100%    /* Bottom Dark */
  );}
.mob-bot-space-0 {padding-bottom: 0 !important;}
.search_list p {max-width: 100%;}
}

@media (max-width:767px) {
   .leaders-h3 {font-size: 1.125rem;line-height:1.688rem}
   .leaders-des p{font-size: 0.875rem; line-height: 1.125rem;}
   .img-disclaimer {bottom: 5px; right: 5px; font-size: 0.75rem;padding: 4px 12px;}
   /* .innerbanner-caption-wrap h1 {font-size: 2rem;} */
   .innerbanner-section-wrapper {height: 75vh;}
   .box-select .selected-value {font-size: 1.125rem !important;}
   .testimonial-card-inner {height: auto;}
   .testimonial-content {max-height: max-content;}

   .banner-text nav{flex-wrap:wrap; line-height:1;}
   .coveragesarticlesection-content {max-height: initial; }
.select-box-content .g-recaptcha iframe, .select-box-content .g-recaptcha div{width: 100% !important;}
}


 @media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio:1.5),screen and (min-width:1025px) and (min-resolution:144dpi) { 
   p, .ab-card p {font-size: 1rem !important; line-height:1.35!important;}
   /* .yaersnav-outer {top: 20%;} */
   .introwrapper-section p, .introwrapper-para p {font-size: 1.375rem !important; line-height: 30px;}
.intro-wrapper p, .intro-wrapper-inner p {font-size: 1.375rem !important;}
   .small-introwrapper { min-height: 450px;}
   .innerbanner-section-wrapper .text-h1 {font-size: 3.125rem;}
   .our-initiatives-introwrapper {min-height: 600px;}
   
.list-ul li, .list-ol li, .list-abc li {font-size: 1rem !important; line-height:1.35!important;}
.list-ul li a, .list-ol li a, .list-abc li a, .link-underline{font-size: 1rem !important; line-height:1.35!important;}
.custom-pill-btn {font-size: 1rem !important;}
.caption-layer-wrapper .caption-layer-width { max-width: 42rem;}
}