/* Light */
   @font-face {
     font-family: "Montserrat";
     src: url("../fonts/Montserrat-Light.woff2") format("woff2"),
       url("../fonts/Montserrat-Light.woff") format("woff");
     font-weight: 300;
     font-style: normal;
     font-display: swap;
   }

   /* Regular */
   @font-face {
     font-family: "Montserrat";
     src: url("../fonts/Montserrat-Regular.woff2") format("woff2"),
       url("../fonts/Montserrat-Regular.woff") format("woff");
     font-weight: 400;
     font-style: normal;
     font-display: swap;
   }

   /* Medium */
   @font-face {
     font-family: "Montserrat";
     src: url("../fonts/Montserrat-Medium.woff2") format("woff2"),
       url("../fonts/Montserrat-Medium.woff") format("woff");
     font-weight: 500;
     font-style: normal;
     font-display: swap;
   }

   /* SemiBold */
   @font-face {
     font-family: "Montserrat";
     src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"),
       url("../fonts/Montserrat-SemiBold.woff") format("woff");
     font-weight: 600;
     font-style: normal;
     font-display: swap;
   }

   /* Bold */
   @font-face {
     font-family: "Montserrat";
     src: url("../fonts/Montserrat-Bold.woff2") format("woff2"),
       url("../fonts/Montserrat-Bold.woff") format("woff");
     font-weight: 700;
     font-style: normal;
     font-display: swap;
   }

   /* ExtraBold */
   @font-face {
     font-family: "Montserrat";
     src: url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"),
       url("../fonts/Montserrat-ExtraBold.woff") format("woff");
     font-weight: 800;
     font-style: normal;
     font-display: swap;
   }

   html,
   body {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     -moz-font-smoothing: antialiased;
     font-smoothing: antialiased;
     height: 100%;
   }

   * {
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     outline: none;
     list-style: none;
     word-wrap: break-word;
   }

   body {
     font-family: "Montserrat";
     font-size: 15px;
     font-weight: 400;
     line-height: 1.75em;
     color: #666;
     overflow-x: hidden !important;
     background-color: #FFFFFF;
   }



   span,
   a,
   a:hover {
     text-decoration: none;
     /* color: inherit; */
   }

   b {
     font-weight: 400;
   }

   input[type="password"]:focus,
   input[type="email"]:focus,
   input[type="text"]:focus,
   input[type="file"]:focus,
   input[type="radio"]:focus,
   input[type="checkbox"]:focus,
   textarea:focus {
     outline: none;
   }

   input[type="password"],
   input[type="email"],
   input[type="text"],
   input[type="file"],
   textarea {
     max-width: 100%;
     margin-bottom: 12px;
     padding: 8px 0;
     height: auto;
     background-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-width: 0 0 1px;
     border-style: solid;
     display: block;
     width: 100%;
     line-height: 1.5em;
     font-size: 16px;
     font-weight: 400;
     color: #666;
     background-image: none;
     border: 1px solid #ddd;
     border-color: ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     padding-left: 25px;
   }

   input:focus,
   textarea:focus {
     border-bottom-width: 1px;
     border-color: #000000;
   }

   input[type="submit"],
   input[type="reset"],
   input[type="button"],
   button {
     text-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     line-height: 1.75em;
     -webkit-transition: background-color 0.15s ease-out;
     transition: background-color 0.15s ease-out;
     background: transparent;
     border: 0px solid transparent;
   }

   input[type="submit"]:hover,
   input[type="reset"]:hover,
   input[type="button"]:hover,
   button:hover {
     border: 0px solid transparent;
   }

   select {
     padding: 10px;
     border-radius: 1px;
   }

   table,
   th,
   tr,
   td {
     border: 1px solid #f8f5f0;
   }

   th,
   tr,
   td {
     padding: 10px;
   }

   input[type="radio"],
   input[type="checkbox"] {
     display: inline;
   }

   input[type="submit"] {
     font-weight: 400;
     text-transform: uppercase;
     background: #011900;
     color: #fff;
     padding: 8px 24px;
     margin: 0;
     position: relative;
     font-size: 15px;
     letter-spacing: 3px;
   }



   ::-webkit-input-placeholder {
     color: #666;
     font-size: 15px;
     font-weight: 400;
   }

   :-moz-placeholder {
     color: #666;
   }

   ::-moz-placeholder {
     color: #666;
     opacity: 1;
   }

   :-ms-input-placeholder {
     color: #666;
   }

   blockquote {
     padding: 45px;
     display: block;
     position: relative;
     background-color: #f8f5f0;
     overflow: hidden;
     margin: 35px 0;
     font-size: 15px;
     font-weight: 400;
     line-height: 1.75em;
     color: #666;
   }

   blockquote p {
     font-family: inherit;
     margin-bottom: 0 !important;
     color: inherit;
     max-width: 650px;
     width: 100%;
     position: relative;
     z-index: 3;
   }

   blockquote:before {
     content: "\e645";
     font-family: "Themify";
     position: absolute;
     right: 40px;
     bottom: 40px;
     font-size: 110px;
     opacity: 0.07;
     line-height: 1;
     color: #222;
   }

   blockquote p {
     margin-bottom: 0;
   }

   blockquote p a {
     color: inherit;
   }

   blockquote cite {
     display: inline-block;
     font-size: 15px;
     position: relative;
     padding-left: 60px;
     border-color: inherit;
     line-height: 1;
     margin-top: 22px;
     font-style: normal;
     color: #011900;
     font-weight: 400;
   }

   blockquote cite:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 5px;
     width: 45px;
     height: 1px;
     border-top: 1px solid;
     border-color: inherit;
     color: #011900;
   }


   .o-hidden {
     overflow: hidden;
   }

   .position-re {
     position: relative;
   }

   .full-width {
     width: 100%;
   }

   .bg-img {
     background-size: cover;
     background-repeat: no-repeat;
   }

   .bg-fixed {
     background-attachment: fixed;
   }

   .bold {
     font-weight: 600;
   }

   :root {
     scroll-behavior: auto;
   }





   /* ======= Kinetic Preloader style ======= */

   .kinetic-preloader {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 999999;
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
   }

   .pl-slices {
     position: absolute;
     top: 0;
     left: -50vw;
     /* bleed edge for angles, increased for mobile portrait */
     width: 200vw;
     height: 100vh;
     display: flex;
     z-index: 10;
   }

   .pl-slice {
     flex: 1;
     margin-right: -5px;
     /* Seal the transparent sub-pixel seam glitch */
     height: 150vh;
     background: #EEEBE2;
     /* Match theme background */
     transform-origin: center;
     transform: translateY(-25vh) skewX(-20deg) scaleX(1.01);
     /* Ensure width covers */
     /* Racing angle */
   }

   .kin-counter-wrap {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 30;
     mix-blend-mode: difference;
     pointer-events: none;
   }

   .kin-counter {
     font-family: "Montserrat";
     font-size: 15vw;
     font-weight: 600;
     background: #3A8E42;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     color: transparent;
     /* Fallback to hide text color */
     margin: 0;
     line-height: 1;
     text-align: center;
   }

   .kin-texts {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
     z-index: 20;
     opacity: 0;
     /* Hidden initially, JS will fade it in */
   }

   .kin-row {
     display: flex;
     white-space: nowrap;
     overflow: hidden;
     width: 100vw;
   }

   .kin-huge-text {
     font-family: "Montserrat";
     font-size: 20vw;
     font-weight: 700;
     color: #023A3B;
     margin: 0;
     line-height: 0.85;
     text-transform: uppercase;
     /* We translate these horizontally via GSAP */
   }

   /* Offset starting positions so they cross each other */
   .kin-row-1 .kin-huge-text {
     transform: translateX(0%);
   }

   .kin-row-2 .kin-huge-text {
     transform: translateX(-20%);
     color: #EEEBE2;
     -webkit-text-stroke: 2px #023A3B;
   }

   .kin-row-3 .kin-huge-text {
     transform: translateX(-40%);
   }

   body.preloader-active {
     overflow: hidden;
   }

   /* .loader span {
    position: absolute;
    width: 55px;
    height: 55px;
    top: -1px;
    left: -1px;
    border: 1px solid transparent;
    border-top: 1px solid #F37021;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
} */

   /* @-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
} */


   .pre-num {
     height: 64px;
     line-height: 64px;
   }


   .section-padding {
     padding: 100px 0;
   }






















   .navbar {
     position: relative;
     left: 0;
     top: 0;
     /* width: 100%; */
     width: auto;
     background: #EDEEEF;
     z-index: 99;
     padding-right: 0;
     padding-left: 0;
     padding-top: 0;
     padding-bottom: 0;
     height: 143px;
     display: flex;
     align-items: center;
     margin: 20px;
     margin-bottom: 0;
     border-radius: 30px 30px 0 0;
   }

   .navbar-toggler-icon {
     background-image: none;
   }

   .navbar .navbar-toggler-icon,
   .navbar .icon-bar {
     color: #fff;
   }

   .custom_nav_container {
     position: relative;
     display: flex;
     align-items: center;
   }

   .desktop-logo-center {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     z-index: 10;
     margin: 0 !important;
   }

   .navbar .navbar-nav .nav-link {
     font-size: 18px;
     font-weight: 600;
     color: #797878;
     margin: 1px;
     -webkit-transition: all 0.4s;
     transition: all 0.4s;
     padding-right: 50px;
     padding-left: 50px;
     line-height: 100%;
     letter-spacing: -0.01em;
   }

   .navbar .navbar-nav .nav-link span {
     position: relative;
   }

   .navbar .navbar-nav .nav-link span::after {
     content: "";
     position: absolute;
     bottom: -4px;
     left: 0;
     width: 0%;
     height: 1px;
     background-color: #3A8E42;
     transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }


   .navbar .navbar-nav .nav-link:hover {
     color: #3A8E42;
   }

   .navbar .navbar-nav .nav-link:hover span::after {
     width: 100%;
   }

   .navbar .navbar-nav .active .nav-link::after {
     color: #3A8E42;
   }


   .navbar .navbar-nav .active .nav-link {
     color: #3A8E42;
     text-transform: capitalize;
     font-weight: 600;
   }

   .navbar .navbar-nav .active i {
     color: #3A8E42;
   }

   .nav-scroll {
     background: #fff;
     padding: 0 0 0 0;
     position: fixed;
     top: -100px;
     left: 0;
     width: 100%;
     -webkit-transition: -webkit-transform 0.5s;
     transition: -webkit-transform 0.5s;
     transition: transform 0.5s;
     transition: transform 0.5s, -webkit-transform 0.5s;
     -webkit-transform: translateY(100px);
     transform: translateY(100px);
     -webkit-box-shadow: 0px 5px 15px rgb(15 36 84 / 5%);
     box-shadow: 0px 5px 15px rgb(15 36 84 / 5%);
     height: 90px;
   }

   .nav-scroll .navbar-toggler-icon,
   .nav-scroll .icon-bar {
     color: #023A3B;
   }

   .nav-scroll .navbar-nav .nav-link {
     color: #222;
   }

   .nav-scroll .navbar-nav .active {
     color: #023A3B !important;
   }

   .nav-scroll .navbar-nav .logo {
     padding: 15px 0;
     color: #fff;
   }

   .nav-scroll .logo-img {
     width: 160px;
   }

   .nav-scroll .logo-img {
     margin-bottom: 0px;
   }


   .logo-wrapper {
     display: flex;
     align-items: center;
     justify-content: center;
   }

   .logo {
     padding: 0;
     display: block;
   }

   .logo-img {
     padding: 0;
     width: 249px;
     text-align: center;
   }

   .dropdown .nav-link i {
     padding-left: 5px;
     font-size: 8px;
     color: rgba(0, 0, 0, 0.7);
   }

   .nav-scroll .dropdown .nav-link i {
     color: #222;
   }

   .nav-scroll .navbar-nav .active i {
     color: #023A3B;
   }

   .navbar .dropdown-menu .dropdown-item {
     padding: 8px 0;
     font-size: 17px;
     font-weight: 400;
     color: #222;
     position: relative;
     -webkit-transition: all 0.4s;
     transition: all 0.4s;
     background-color: transparent;
   }

   .navbar .dropdown-menu .dropdown-item span {
     display: block;
     cursor: pointer;
   }

   .navbar .dropdown-menu .dropdown-item i {
     padding: 13px 0 0 5px;
     font-size: 8px;
     float: right;
   }

   .navbar .dropdown-menu .dropdown:hover>.dropdown-item,
   .navbar .dropdown-menu .dropdown-item.active,
   .navbar .dropdown-menu .dropdown-item:hover {
     color: #023A3B;
   }

   .navbar .dropdown-toggle::after {
     display: none;
   }

   .navbar .dropdown-menu {
     box-shadow: 0 16px 50px rgb(0 0 0 / 7%);
   }

   .navbar .dropdown-menu li {
     border-bottom: 1px solid #f4f4f4;
   }

   .navbar .dropdown-menu li:last-child {
     border-bottom: none;
   }

   .navbar .dropdown-menu .dropdown-menu.pull-left {
     top: 0;
     left: auto;
     right: 100%;
   }

   /* Navbar Media Query */
   @media screen and (min-width: 992px) {
     .navbar .dropdown-menu {
       display: block;
       opacity: 0;
       visibility: hidden;
       -webkit-transform: translateY(20px);
       transform: translateY(20px);
       width: 220px;
       padding: 15px 25px;
       border: 1px solid #f4f4f4;
       border-radius: 8px;
       /* border: 0; */
       background-color: #fff;
       -webkit-transition: all 0.3s;
       transition: all 0.3s;
     }

     .navbar .dropdown-menu .dropdown-menu {
       left: calc(100% + 5px);
       top: -10px;
       right: auto;
       min-width: 190px;
       transform: translateY(0);
     }

     .navbar .dropdown:hover>.dropdown-menu {
       opacity: 1;
       visibility: visible;
       transform: translateY(0);
     }
   }

   @media screen and (max-width: 991px) {
     .navbar {
       padding-left: 0px;
       padding-right: 0px;
       /* background: transparent; */
       padding-top: 0px;
       padding-bottom: 0px;
       height: 100px;
       /* Fixed height for mobile */
     }

     .nav-scroll {
       background: #fff;
     }

     .logo-wrapper {
       float: left;
       padding: 18px 0 18px 20px;
     }

     .nav-scroll .logo-wrapper {
       padding: 0;
       background-color: transparent;
     }

     .nav-scroll .logo-img {
       width: 220px;
     }

     .navbar .logo {
       text-align: left;
       margin-left: 0px;
     }

     .nav-scroll .logo {}

     .logo-img {
       margin-bottom: 0px;
       padding: 0;
       width: 220px;
     }

     .navbar button {
       margin-right: 10px;
       outline: none !important;
       background: transparent;
       /* margin-top: 10px; */
       border: none;
     }

     .navbar button:hover {
       background: transparent;
     }

     .navbar button:active,
     .navbar button:focus,
     .navbar button:hover {
       background: transparent;
       outline: none;
       color: transparent !important;
     }

     .navbar .container {
       max-width: 100%;
       padding: 0;
       background: transparent;
     }

     /* .navbar .nav-link {
    margin: 0px auto !important;
  } */
     .navbar .navbar-nav .nav-link {
       color: #000000;
     }

     .nav-scroll .navbar-collapse .nav-link {
       color: #ffffff !important;
     }

     .nav-scroll .navbar-collapse .active {
       color: #E31E24 !important;
     }

     .navbar .dropdown-menu .dropdown-item {
       padding: 0 15px;
       font-size: 15px;
       line-height: 40px;
     }

     .navbar .dropdown-menu .dropdown-item.dropdown-toggle {
       font-weight: 400;
     }

     .navbar .dropdown-submenu .dropdown-toggle::after {
       right: 15px;
       font-size: 13px;
     }

     .navbar .dropdown-submenu:hover>.dropdown-toggle::after {
       transform: rotate(0deg);
     }

     .navbar .dropdown-submenu .dropdown-toggle.show::after {
       transform: rotate(90deg);
     }

     .navbar .dropdown-menu {
       border: none;
       padding: 0;
       border-radius: 0;
       margin: 0;
       background: #fff;
       box-shadow: none;
     }

     .navbar .dropdown-submenu .dropdown-menu {
       margin: 0;
       padding: 0 0 0 20px;
     }

     .navbar .dropdown-menu li a {
       padding: 0 15px;
     }

     .navbar .navbar-nav .nav-link {
       padding-right: 0px;
       padding-left: 0px;
     }

     .dropdown .nav-link i {
       color: #222;
     }

     .nav-scroll .dropdown .nav-link i {
       color: #222;
     }

     .nav-scroll .dropdown .nav-link.active i {
       color: #E31E24;
     }
   }

   @media screen and (max-width: 991px) {
     .navbar .navbar-collapse {
       position: absolute;
       top: 100%;
       left: 0;
       width: 100%;
       background: #3A8E42;
       z-index: 1000;
       display: block;
       padding: 20px 0;
       border-top: 1px solid rgba(255, 255, 255, 0.2);
       opacity: 0;
       visibility: hidden;
       height: 0;
       transition: all 0.4s ease-in-out;
       overflow-y: auto;
     }

     .navbar-collapse.show {
       opacity: 1;
       visibility: visible;
       height: calc(100vh - 100px) !important;
       min-height: calc(100vh - 100px) !important;
     }

     .navbar .navbar-nav {
       width: 100%;
       padding: 20px 40px;
     }

     .navbar .navbar-nav .nav-item {
       margin: 0;
       width: 100%;
       border-bottom: 1px solid rgba(255, 255, 255, 0.5);
     }

     .navbar .navbar-nav .nav-item:last-child {
       border-bottom: none;
     }

     .navbar .navbar-nav .nav-link {
       display: block;
       padding: 18px 0;
       font-size: 18px;
       font-weight: 500;
       color: #FFFFFF !important;
       border-bottom: none;
       text-transform: uppercase;
       letter-spacing: 1px;
       text-align: left;
       font-family: 'Montserrat', sans-serif;
     }

     .navbar .navbar-nav .nav-active-icon {
       display: none;
     }

     /* Ensure logo and toggler stay on top */
     .logo-wrapper,
     .navbar-toggler {
       position: relative;
       z-index: 1001;
     }
   }

   .navbar-nav li:last-child a {
     padding-right: 0 !important
   }

   .navbar-nav li:first-child a {
     padding-left: 0 !important
   }

   .menu_header_btn .menu_btn img {
     width: 45px;
     height: 22px;
   }






























   .hero-header {
     position: relative;
     height: 100dvh;
     width: 100%;
     overflow: hidden;
   }

   .hero-bg {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
   }

   .hero-bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }

   .hero-overlay {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
   }

   .hero-center-line {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     height: 1px;
     background: #DDDDDD;
     transform: translateY(-50%);
   }

   .hero-content {
     position: absolute;
     top: calc(50% + -41px);
     width: 100%;
     transform: translateY(0);
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     justify-self: center;
   }


   .hero-left {
     width: 40%;
     position: relative;
     padding-top: 30px;
   }

   .hero-left::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 80px;
     height: 3px;
     background: #fff;
   }


   .hero-title {
     color: #FFF;
     font-size: 54px;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
   }

   .hero-right {
     width: 40%;
     display: flex;
     justify-content: flex-end;
     padding-top: 30px;
   }

   .hero-desc {
     max-width: 340px;
     color: #FFF;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
   }







   .product_overlay {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
   }

   .product_overlaaay_main_text {
     position: absolute;
     top: 20%;
     left: 50%;
     transform: translate(-50%, 0%);
   }

   .product_overlaaay_main_text h1 {
     color: #FFF;
     font-size: 84px;
     font-style: normal;
     font-weight: 300;
     line-height: 110%;
     letter-spacing: -0.03em;
     text-align: center;
   }

   .product_overlaaay_main_text h5 {
     color: #FFF;
     font-style: normal;
     font-weight: 600;
     line-height: 130%;
     letter-spacing: -0.03em;
   }


   .product_footer_bottom_overlay {
     position: absolute;
     bottom: 5%;
     left: 50%;
     transform: translate(-50%, 0%);
   }















   @media screen and (max-width: 992px) {

     .mmt-50 {
       margin-top: 50px;
     }

   }




   /* go home */
   .go-back {
     margin-top: 45px;
   }

   .go-back a {
     color: #fff;
     display: inline-block;
     font-size: 15px;
     text-transform: uppercase;
     letter-spacing: 3px;
   }

   .go-back a:hover {
     color: #011900;
   }

   .go-back a span {
     transition: all 0.5s;
   }

   .go-back a span i {
     color: #fff;
     font-size: 12px;
   }

   .go-back a:hover span {
     padding-right: 15px;
   }


   /* ======= toTop Button style ======= */
   .progress-wrap {
     position: fixed;
     bottom: 100px;
     right: 30px;
     height: 45px;
     width: 45px;
     cursor: pointer;
     display: block;
     border-radius: 50px;
     -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
     z-index: 100;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px);
     -webkit-transition: all 400ms linear;
     -o-transition: all 400ms linear;
     transition: all 400ms linear;
     background-color: #011900;
   }

   .progress-wrap.active-progress {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }

   .progress-wrap::after {
     position: absolute;
     font-family: "themify";
     content: "\e648";
     text-align: center;
     line-height: 45px;
     font-size: 12px;
     font-weight: 700;
     color: #323232;
     left: 0;
     top: 0;
     height: 45px;
     width: 45px;
     cursor: pointer;
     display: block;
     z-index: 1;
     -webkit-transition: all 400ms linear;
     -o-transition: all 400ms linear;
     transition: all 400ms linear;
   }

   .progress-wrap svg path {
     fill: none;
   }

   .progress-wrap svg.progress-circle path {
     stroke: rgba(0, 0, 0, 0.2);
     stroke-width: 2;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all 400ms linear;
     -o-transition: all 400ms linear;
     transition: all 400ms linear;
   }

   .progress-wrap {
     -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
   }

   .progress-wrap::after {
     color: #fff;
   }

   .progress-wrap svg.progress-circle path {
     stroke: #011900;
   }



   .lenis.lenis-smooth {
     scroll-behavior: auto;
   }

   .lenis.lenis-smooth [data-lenis-prevent] {
     overscroll-behavior: contain;
   }

   .lenis.lenis-stopped {
     overflow: hidden;
   }

   .lenis.lenis-scrolling iframe {
     pointer-events: none;
   }



   /* ----------------------------------------- */


   /* Make all nav <a> tags handle the sliding text */
   /* .menu-content a, */
   .navbar-nav .nav-link,
   .submenu-list li a,
   .menu_product_link_structure h2,
   .sub_menu_link_area ul li a,
   .footer_quick_links_area ul li a,
   .footer_essentials_links_area ul li a {
     position: relative;
     overflow: hidden;
   }


   .navbar-nav .nav-link::after,
   .submenu-list li a::after,
   .menu_product_link_structure h2:after,
   .sub_menu_link_area ul li a:after,
   .footer_quick_links_area ul li a:after,
   .footer_essentials_links_area ul li a:after {
     content: attr(data-hover);
     position: absolute;
     left: 0;
     top: 100%;
     width: 100%;
     transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
     transform: translateY(0);
     white-space: nowrap;
   }


   .navbar-nav .nav-link span,
   .submenu-list li a span,
   .menu_product_link_structure h2 span,
   .sub_menu_link_area ul li a span,
   .footer_quick_links_area ul li a span,
   .footer_essentials_links_area ul li a span {
     display: inline-block;
     transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
   }


   /* .navbar-nav .nav-link:hover span,
.submenu-list li a:hover span,
.menu_product_link_structure h2:hover span,
.sub_menu_link_area ul li a:hover span,
.footer_quick_links_area ul li a:hover span,
.footer_essentials_links_area ul li a:hover span {
    transform: translateY(-100%);
} */


   .navbar-nav .nav-link:hover::after,
   .submenu-list li a:hover::after,
   .menu_product_link_structure h2:hover::after,
   .sub_menu_link_area ul li a:hover::after,
   .footer_quick_links_area ul li a:hover:after,
   .footer_essentials_links_area ul li a:hover:after {
     transform: translateY(-100%);
   }

   .sub_menu_link_area ul li a,
   .footer_essentials_links_area ul li a {
     display: inline-block;
   }

   .top-container {
     width: 100%;
     display: flex;
     flex-wrap: inherit;
     align-items: center;
     justify-content: space-between;
     padding: 0 20px;
   }

   .menu_extra_search_area ul {
     display: flex;
     padding: 0;
     margin: 0;
     gap: 40px;
   }

   .custom_nav_container {
     padding: 0 100px;
     display: flex;
     flex-wrap: inherit;
     align-items: center;
     justify-content: space-between;
     width: 100%;
     position: relative;
     /* Added for absolute centering */
   }









   .menu-icon {
     width: 30px;
     height: 18px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     cursor: pointer;
     align-items: flex-end;
     /* Align to the right for staggered look */
     position: relative;
   }

   .menu-icon span {
     display: block;
     height: 2px;
     background-color: #797878;
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     transform-origin: center;
   }

   /* Default State: Top and Bottom are shorter */
   .menu-icon span:nth-of-type(1) {
     width: 20px;
   }

   .menu-icon span:nth-of-type(2) {
     width: 30px;
   }

   .menu-icon span:nth-of-type(3) {
     width: 20px;
   }


   /* --- Universal Menu Icon Animation --- */
   .menu-icon.open span:nth-of-type(1) {
     width: 30px;
     transform: translateY(8px) rotate(45deg);
     background-color: #3A8E42;
   }

   .menu-icon.open span:nth-of-type(2) {
     opacity: 0;
     transform: translateX(-10px);
   }

   .menu-icon.open span:nth-of-type(3) {
     width: 30px;
     transform: translateY(-8px) rotate(-45deg);
     background-color: #3A8E42;
   }