html, body {overflow-x:hidden}
body {background: #27421D; }


.img-box {
  overflow: hidden;
  position: relative;
}

.img-box img {
  will-change: transform;
}

/* Hide scrollbar */
@media  all and (min-width: 1025px) {
.scrollbar-hide::-webkit-scrollbar {display: none;}
.scrollbar-hide {-ms-overflow-style: none;scrollbar-width: none;}
}
/* Default OS scrollbar — no ::-webkit-scrollbar overrides (keeps Lenis + page transition shell as-is). */

.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
------------------------------------------------- */


/* -----------------------------------------------
   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;}
.darkmode-wrap, #themeToggle{ right:50px;}


/* ===============================
   LOGO FOCUS DEPTH LOADER
================================ */


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

@keyframes dropBlurInEnhanced {
  0% {opacity: 0;transform: translateY(-32px);filter: blur(10px);}
  100% {opacity: 1;transform: translateY(0);filter: blur(0);}
}
.title-heading-anim, .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);}
}

/* Global heading fill animation (all viewports) */
@keyframes headingFillIn {
  0% {opacity: 0; transform: translateY(-18px); filter: blur(10px); background-size: 0% 100%;}
  100% {opacity: 1; transform: translateY(0); filter: blur(0); background-size: 100% 100%;}
}
.heading-fill-anim,
.nueStories-title-fill,
.nueStories-heading-fill{
  opacity: 0;
  transform: translateY(-18px);
  filter: blur(10px);
  color: rgba(39, 66, 29, 0.25);
  background-image: linear-gradient(90deg, #27421d 0%, #27421d 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.heading-fill-anim.active,
.nueStories-title-fill.active,
.nueStories-heading-fill.active{
  animation: headingFillIn 1.05s cubic-bezier(.16, .84, .44, 1) forwards;
}
.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;}


/* .nueStories-heading-fill,
.nueStories-title-fill{
  background-repeat: no-repeat;
  background-size: 0% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nueStories-heading-fill.text-theme-primary,
.nueStories-title-fill.text-theme-primary{ 
   color: rgba(39, 66, 29, 0.25); 
  background-image: linear-gradient(90deg, #27421d 0%, #27421d 100%);
}

.nueStories-heading-fill.text-theme-secondary
.nueStories-title-fill.text-theme-secondary{
  color: rgba(192, 255, 169, 0.3) ; 
  background-image: linear-gradient(90deg, #ccdc46 0%, #ccdc46 100%) !important;
} */

@media (max-width:992px) {
.banner-overlay {background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5) 75%, rgba(0, 0, 0, .6) 100%);}
.mob-bot-space-0 {padding-bottom: 0 !important;}
}



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


/* ===============================
   INTRO SECTION
================================ */
.intro-box-right {border-radius: 30px;background: rgba(204, 220, 70, 0.10); height: auto;}
.intro-box-right p {font-weight: 200; font-size: var(--text-h3);line-height: normal;}
.intro-icon-vector {position: absolute; bottom: 0; right: 0;}
.start-intro-inner {margin-bottom: -2vw;}




/**=============================
Heading fill animation
=============================**/
.heading-fill-animation .letters {
  display: inline-block;

  /* base faded color */
  color: #27421D66;

  /* gradient overlay for fill */
  background: linear-gradient(
    to right,
    #27421D 0%,
    #27421D 50%,
    #27421D66 50%
  );

  background-size: 200% 100%;
  background-position: 100% 0;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/**Nue Stories**/
.nueStories-cards{ padding-right:10vw!important; }


/**===========================================
Engineered to perform. Designed to last
===========================================**/

@media all and (max-width:1024px) {
  .text-h1{ font-size:4.5vw;}
  .text-h2 { font-size: 2.5vw;}
  .text-h3 { font-size: 1.75vw;}
  .text-h4 { font-size: 1.5vw;} 
}


@media all and (max-width:992px) {
  .text-h1{ font-size:10vw; line-height: 1.1; }
  .text-h2 { font-size:7vw; line-height: 1.1; }
  .text-h3 { font-size: 5vw; line-height: 1.5; }
  h2.text-h1{ font-size: 8vw;}
  .readmore-btn {font-size: 0.75rem; padding:3vw 5vw; }  
}

@media all and (max-width:640px) {
  .text-h3 { line-height: 1.25; }
}



@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio:1.5),screen and (min-width:1025px) and (min-resolution:144dpi) {
  .readmore-btn {font-size: 0.75rem;}
  .text-p {font-size: 1rem;}
}