/**
 * Part of earth project.
 *
 * @copyright  Copyright (C) 2018 {ORGANIZATION}. All rights reserved.
 * @license    GNU General Public License version 2 or later;
 */
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-weight: 600;
  line-height: 150%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 600;
  line-height: 180%;
}

.btn-primary:hover {
  color: #FFC40C;
  background-color: #242424;
}

.btn-dark {
  color: #FFC40C;
}

.btn-dark:hover {
  background-color: #FFC40C;
  border-color: white;
  color: #242424;
}

.btn-outline-dark:hover {
  background-color: #FFC40C;
  border-color: #FFC40C;
  color: #242424;
}

.btn-link {
  color: #242424;
}

.btn-link:hover {
  color: #FFC40C;
}

.btn-circle {
  width: 48px;
  height: 48px;
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  background: #FFC40C;
}

.btn-circle:hover {
  background: #FFD75C;
}

.form-control {
  border-radius: 48px;
}

.form-control:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(255, 196, 12, 0.25);
  box-shadow: 0 0 0 0 rgba(255, 196, 12, 0.25);
}

.form-control::-webkit-input-placeholder {
  color: #C7C7C7;
}

.form-control::-moz-placeholder {
  color: #C7C7C7;
}

.form-control:-ms-input-placeholder {
  color: #C7C7C7;
}

.form-control::-ms-input-placeholder {
  color: #C7C7C7;
}

.form-control::placeholder {
  color: #C7C7C7;
}

@media (max-width: 991.98px) {
  .form-control {
    padding: 16px;
  }
}
textarea.form-control {
  border-radius: 24px;
}

.c-accordion .accordion-item {
  padding: 20px 60px;
  border: 1px solid white;
  border-radius: 24px;
  overflow: hidden;
  background: rgba(223, 223, 223, 0.2);
}

@media (max-width: 991.98px) {
  .c-accordion .accordion-item {
    padding: 20px 40px;
  }
}
.c-accordion .accordion-button {
  font-size: 20px;
  font-weight: 600;
  line-height: 36px;
  padding: 0 !important;
  background: transparent;
  backdrop-filter: blur(10px);
  --bs-accordion-btn-icon-width: 16px;
}

.c-accordion .accordion-button:focus {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.c-accordion .accordion-button:not(.collapsed) {
  color: #242424;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.c-accordion .accordion-button:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23616161' d='M432 256c0 13.3-10.7 24-24 24L40 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l368 0c13.3 0 24 10.7 24 24z'/%3e%3c/svg%3e") !important;
}

.c-accordion .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23616161' d='M248 72c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 160L40 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l160 0 0 160c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160 160 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-160 0 0-160z'/%3e%3c/svg%3e") !important;
}

.c-accordion .accordion-body {
  padding: 10px 0 0 !important;
  background: transparent;
}

.c-mouse-track__sm {
  -webkit-transition: -webkit-transform 0.5s linear;
  transition: -webkit-transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transform: translate3d(calc(var(--mouseX) * 6), calc(var(--mouseY) * 3), 0);
  transform: translate3d(calc(var(--mouseX) * 6), calc(var(--mouseY) * 3), 0);
}

.c-mouse-track__lg {
  -webkit-transition: -webkit-transform 0.5s linear;
  transition: -webkit-transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transform: translate3d(calc(var(--mouseX) * 4.5), calc(var(--mouseY) * 2), 0);
  transform: translate3d(calc(var(--mouseX) * 4.5), calc(var(--mouseY) * 2), 0);
}

body {
  background-color: #FAFAFA;
  /* Add smooth scrolling */
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

html {
  /* Add smooth scrolling */
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

[uni-cloak] * {
  pointer-events: none;
}

@media (max-width: 767.98px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    --bs-gutter-x: 32px;
  }
}
@media (max-width: 767.98px) {
  .navbar-brand img {
    width: 52px;
  }
}
.container-fluid-left {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
  margin-left: 0;
  padding-left: 0;
}

.container-fluid-left .row {
  margin-left: 0;
}

.container-fluid-left .col, .container-fluid-left .col-1, .container-fluid-left .col-2, .container-fluid-left .col-3, .container-fluid-left .col-4, .container-fluid-left .col-5, .container-fluid-left .col-6, .container-fluid-left .col-7, .container-fluid-left .col-8, .container-fluid-left .col-9, .container-fluid-left .col-10, .container-fluid-left .col-11, .container-fluid-left .col-12, .container-fluid-left .col-auto, .container-fluid-left .col-lg, .container-fluid-left .col-lg-1, .container-fluid-left .col-lg-2, .container-fluid-left .col-lg-3, .container-fluid-left .col-lg-4, .container-fluid-left .col-lg-5, .container-fluid-left .col-lg-6, .container-fluid-left .col-lg-7, .container-fluid-left .col-lg-8, .container-fluid-left .col-lg-9, .container-fluid-left .col-lg-10, .container-fluid-left .col-lg-11, .container-fluid-left .col-lg-12, .container-fluid-left .col-lg-auto, .container-fluid-left .col-md, .container-fluid-left .col-md-1, .container-fluid-left .col-md-2, .container-fluid-left .col-md-3, .container-fluid-left .col-md-4, .container-fluid-left .col-md-5, .container-fluid-left .col-md-6, .container-fluid-left .col-md-7, .container-fluid-left .col-md-8, .container-fluid-left .col-md-9, .container-fluid-left .col-md-10, .container-fluid-left .col-md-11, .container-fluid-left .col-md-12, .container-fluid-left .col-md-auto, .container-fluid-left .col-sm, .container-fluid-left .col-sm-1, .container-fluid-left .col-sm-2, .container-fluid-left .col-sm-3, .container-fluid-left .col-sm-4, .container-fluid-left .col-sm-5, .container-fluid-left .col-sm-6, .container-fluid-left .col-sm-7, .container-fluid-left .col-sm-8, .container-fluid-left .col-sm-9, .container-fluid-left .col-sm-10, .container-fluid-left .col-sm-11, .container-fluid-left .col-sm-12, .container-fluid-left .col-sm-auto, .container-fluid-left .col-xl, .container-fluid-left .col-xl-1, .container-fluid-left .col-xl-2, .container-fluid-left .col-xl-3, .container-fluid-left .col-xl-4, .container-fluid-left .col-xl-5, .container-fluid-left .col-xl-6, .container-fluid-left .col-xl-7, .container-fluid-left .col-xl-8, .container-fluid-left .col-xl-9, .container-fluid-left .col-xl-10, .container-fluid-left .col-xl-11, .container-fluid-left .col-xl-12, .container-fluid-left .col-xl-auto {
  padding-left: 0;
}

@media (min-width: 576px) {
  .container-fluid-left {
    max-width: calc(100% - (100% - 540px) / 2);
  }
}
@media (min-width: 768px) {
  .container-fluid-left {
    max-width: calc(100% - (100% - 720px) / 2);
  }
}
@media (min-width: 992px) {
  .container-fluid-left {
    max-width: calc(100% - (100% - 960px) / 2);
  }
}
@media (min-width: 1200px) {
  .container-fluid-left {
    max-width: calc(100% - (100% - 1140px) / 2);
  }
}
@media (min-width: 1400px) {
  .container-fluid-left {
    max-width: calc(100% - (100% - 1320px) / 2);
  }
}
.container-fluid-right {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
  margin-right: 0;
  padding-right: 0;
}

.container-fluid-right .row {
  margin-right: 0;
}

.container-fluid-right .col, .container-fluid-right .col-1, .container-fluid-right .col-2, .container-fluid-right .col-3, .container-fluid-right .col-4, .container-fluid-right .col-5, .container-fluid-right .col-6, .container-fluid-right .col-7, .container-fluid-right .col-8, .container-fluid-right .col-9, .container-fluid-right .col-10, .container-fluid-right .col-11, .container-fluid-right .col-12, .container-fluid-right .col-auto, .container-fluid-right .col-lg, .container-fluid-right .col-lg-1, .container-fluid-right .col-lg-2, .container-fluid-right .col-lg-3, .container-fluid-right .col-lg-4, .container-fluid-right .col-lg-5, .container-fluid-right .col-lg-6, .container-fluid-right .col-lg-7, .container-fluid-right .col-lg-8, .container-fluid-right .col-lg-9, .container-fluid-right .col-lg-10, .container-fluid-right .col-lg-11, .container-fluid-right .col-lg-12, .container-fluid-right .col-lg-auto, .container-fluid-right .col-md, .container-fluid-right .col-md-1, .container-fluid-right .col-md-2, .container-fluid-right .col-md-3, .container-fluid-right .col-md-4, .container-fluid-right .col-md-5, .container-fluid-right .col-md-6, .container-fluid-right .col-md-7, .container-fluid-right .col-md-8, .container-fluid-right .col-md-9, .container-fluid-right .col-md-10, .container-fluid-right .col-md-11, .container-fluid-right .col-md-12, .container-fluid-right .col-md-auto, .container-fluid-right .col-sm, .container-fluid-right .col-sm-1, .container-fluid-right .col-sm-2, .container-fluid-right .col-sm-3, .container-fluid-right .col-sm-4, .container-fluid-right .col-sm-5, .container-fluid-right .col-sm-6, .container-fluid-right .col-sm-7, .container-fluid-right .col-sm-8, .container-fluid-right .col-sm-9, .container-fluid-right .col-sm-10, .container-fluid-right .col-sm-11, .container-fluid-right .col-sm-12, .container-fluid-right .col-sm-auto, .container-fluid-right .col-xl, .container-fluid-right .col-xl-1, .container-fluid-right .col-xl-2, .container-fluid-right .col-xl-3, .container-fluid-right .col-xl-4, .container-fluid-right .col-xl-5, .container-fluid-right .col-xl-6, .container-fluid-right .col-xl-7, .container-fluid-right .col-xl-8, .container-fluid-right .col-xl-9, .container-fluid-right .col-xl-10, .container-fluid-right .col-xl-11, .container-fluid-right .col-xl-12, .container-fluid-right .col-xl-auto {
  padding-right: 0;
}

@media (min-width: 576px) {
  .container-fluid-right {
    max-width: calc(100% - (100% - 540px) / 2);
  }
}
@media (min-width: 768px) {
  .container-fluid-right {
    max-width: calc(100% - (100% - 720px) / 2);
  }
}
@media (min-width: 992px) {
  .container-fluid-right {
    max-width: calc(100% - (100% - 960px) / 2);
  }
}
@media (min-width: 1200px) {
  .container-fluid-right {
    max-width: calc(100% - (100% - 1140px) / 2);
  }
}
@media (min-width: 1400px) {
  .container-fluid-right {
    max-width: calc(100% - (100% - 1320px) / 2);
  }
}
.l-main-header .navbar {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.l-main-header .c-header-deco {
  border-radius: 350px;
  opacity: 0.5;
  background: radial-gradient(50% 50% at 50% 50%, #FFD75C 0%, rgba(255, 215, 92, 0) 100%);
  position: absolute;
  width: 350px;
  height: 337px;
  pointer-events: none;
  z-index: -1;
}

@media (min-width: 992px) {
  .l-main-header .c-header-deco {
    display: none;
  }
}
.l-main-header .c-header-deco--1 {
  right: -100px;
  top: -124px;
}

.l-main-header .c-header-deco--2 {
  left: -140px;
  bottom: -103px;
}

@media (max-width: 991.98px) {
  .l-main-header .navbar-wrapper {
    width: 100%;
  }
}
.l-main-header .h-scroll-white {
  background-color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 991.98px) {
  .l-main-header .h-scroll-white {
    backdrop-filter: blur(10px);
  }
}
.l-main-header .h-hide {
  margin-top: -122px;
}

@media (max-width: 991.98px) {
  .l-main-header .h-hide {
    margin-top: -80px;
  }
}
@media (max-width: 991.98px) {
  .l-main-header .container {
    --bs-gutter-x: 0;
    max-width: unset;
  }
}
.l-main-header .navbar-nav {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px 0 0;
  gap: 12px;
}

@media (min-width: 992px) {
  .l-main-header .navbar-nav {
    padding: 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.7);
  }
}
.l-main-header .nav-link {
  color: #242424;
  padding: 8px 20px !important;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  font-weight: 500;
  line-height: 32px;
  border-radius: 999px;
}

@media (max-width: 991.98px) {
  .l-main-header .nav-link {
    border-radius: unset;
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .l-main-header .nav-link.active, .l-main-header .nav-link:hover {
    background: #FFC40C;
  }
}
@media (max-width: 991.98px) {
  .l-main-header .nav-offcanvas {
    height: 100dvh;
  }

  .l-main-header .nav-item {
    padding: 4px 32px;
  }

  .l-main-header .sub-item {
    padding: 4px 48px;
  }

  .l-main-header .sub-item .nav-link {
    padding: 0 20px !important;
    font-size: 16px;
  }
}
.l-main-header .navbar-nav li:hover > ul.dropdown-menu {
  display: block;
}

.l-main-header .dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.l-main-header .dropdown-toggle::after {
  display: none;
}

.l-main-header .dropdown-menu {
  border-top: 24px solid transparent;
  background: transparent;
  border-color: transparent;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
}

.l-main-header .dropdown-menu:after {
  position: absolute;
  content: "";
  background-color: white;
  border-radius: 32px;
  padding: 0 8px;
  width: calc(100% + 18px);
  height: 100%;
  bottom: 0;
  z-index: -1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.l-main-header .dropdown-menu .dropdown-item {
  border-radius: 999px;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.7);
  min-width: 160px;
  backdrop-filter: blur(10px);
  padding: 8px 20px;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #242424;
  font-weight: 500;
  line-height: 32px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.l-main-header .dropdown-menu .dropdown-item:last-child {
  margin-top: 12px;
}

.l-main-header .dropdown-menu .dropdown-item.active, .l-main-header .dropdown-menu .dropdown-item:hover {
  color: #242424;
  background: #FFEDB4;
}

.l-main-header .navbar-toggler:focus {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.l-main-header .c-toggler-icon {
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-main-header .c-toggler-icon svg {
  width: 26px;
  height: 20px;
}

.l-main-header .offcanvas {
  width: 100%;
  top: 0px !important;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
}

@media (min-width: 992px) {
  .l-main-header .offcanvas {
    display: none;
  }
}
.l-main-header .offcanvas-backdrop {
  display: none;
}

.l-main-footer {
  background-color: white;
  padding: 40px 0;
}

@media (max-width: 991.98px) {
  .l-main-footer {
    padding: 20px 0;
  }
}
.l-faq {
  padding-bottom: 240px;
}

@media (max-width: 991.98px) {
  .l-faq {
    padding-bottom: 80px;
  }
}
.l-home {
  position: relative;
  overflow: hidden;
}

.l-home .l-banner {
  max-height: 100vh;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  /* Add these properties for smoother pinning */
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /* Add smooth pin section transitions */
  transform-style: preserve-3d;
  perspective: 100px;
}

.l-home .l-banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/new-image/hero-bg.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
@media (max-width: 992px) {
  .l-home .l-banner:before {
    display: none !important;
  }
}

.l-home .l-banner.scroll::before {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  /* Smooth transitions for all banner elements during pin */
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  /* Prevent layout shifts during pin */
  transform: scale(0.95);
}

/*@media (max-width: 991.98px) {*/
/*  .l-home .l-banner {*/
/*    max-height: 800px;*/
/*  }*/
/*}*/
.l-home .l-banner__title {
  position: absolute;
  top: 25%;
  /* Add smooth transitions */
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  will-change: transform, opacity;
}

@media (max-width: 991.98px) {
  .l-home .l-banner__title {
    position: relative;
    top: 120px;
  }
}
.l-home .l-banner__border {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
  /* Add smooth transitions */
  will-change: transform, opacity;
}

@media (max-width: 991.98px) {
  .l-home .l-banner__border {
    bottom: -5%;
    -webkit-transform: translateX(-50%) scale(0.85);
    -ms-transform: translateX(-50%) scale(0.85);
    transform: translateX(-50%) scale(0.85);
  }
}
.l-home .l-banner__border.scroll {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.25);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.25);
  transform: translateX(-50%) translateY(-50%) scale(1.25);
  opacity: 0;
  /* Smooth transform transitions */
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.l-home .l-banner__border img {
  width: 390px;
}

@media (min-width: 1400px) {
  .l-home .l-banner__border img {
    min-width: 500px;
  }
}
.l-home .l-banner__item {
  position: absolute;
  bottom: -20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: poop 0.35s cubic-bezier(0, 0, 0.2, 1) 0.5s forwards;
  animation: poop 0.35s cubic-bezier(0, 0, 0.2, 1) 0.5s forwards;
  /* Add smooth transitions */
  will-change: transform;
}

@media (max-width: 991.98px) {
  .l-home .l-banner__item {
    -webkit-transform: translateX(-50%) scale(0.85);
    -ms-transform: translateX(-50%) scale(0.85);
    transform: translateX(-50%) scale(0.85);
  }
}
.l-home .l-banner__item.scroll {
  -webkit-animation: unset;
  animation: unset;
}

.l-home .l-banner__item img {
  max-width: 390px;
}

@media (max-width: 991.98px) {
  .l-home .l-banner__item img {
    max-width: 330px;
    margin-bottom: -30px;
  }
}
@-webkit-keyframes poop {
  0% {
    bottom: -20%;
  }
  100% {
    bottom: 30%;
  }
}
@keyframes poop {
  0% {
    bottom: -20%;
  }
  100% {
    bottom: 10%;
  }
}
.l-home .l-banner__white-bg {
  z-index: 3;
  width: 420px;
  height: 200px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #FAFAFA;
  /*clip-path: inset(0% 0% 0% 0% round 5% 5% 0 0);*/
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
  opacity: 0;
  /* Add smooth transitions */
  will-change: transform, opacity, width, height;
}

.l-home .l-banner__white-bg.scroll {
  width: 100dvw;
  height: 150dvh;
  opacity: 1;
  /* Smooth opacity transitions */
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.l-home .l-more-than-cash-mobile {
  padding-top: 160px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

@media (max-width: 991.98px) {
  .l-home .l-more-than-cash-mobile {
    padding-top: 80px;
  }
}
.l-home .l-more-than-cash-mobile__box {
  top: 50%;
  z-index: 3;
  left: -80px;
}

.l-home .l-more-than-cash-desktop {
  /*padding-top: 160px;*/
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
  margin-top: 0;
  /* Reduced from 200px to remove blank space */
  opacity: 0;
  -webkit-transform: scale(0.2);
  -ms-transform: scale(0.2);
  transform: scale(0.2);
  /* Add smooth transitions */
  will-change: transform, opacity;
  /* Ensure smooth scaling during pin animation */
  transform-origin: center center;
  -webkit-transform-origin: center center;
}

.l-home .l-more-than-cash-desktop.scroll {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  position: relative;
  z-index: 5;
}

@media (max-width: 991.98px) {
  .l-home .l-more-than-cash-desktop {
    padding-top: 80px;
  }
}
.l-home .l-more-than-cash-desktop__box {
  top: 50%;
  z-index: 3;
  left: -80px;
}

.l-home .l-expand-impact {
  padding: 240px 0;
}

@media (max-width: 991.98px) {
  .l-home .l-expand-impact {
    padding: 80px 0;
  }
}
.l-home .l-expand-impact .c-impact-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: 24px;
}

.l-home .l-reinventing-benefits {
  overflow: hidden;
  padding-bottom: 64px;
  padding-top: 16px;
  /* tighter */
}

.l-home .l-reinventing-benefits .c-benefit-card {
  border-radius: 24px;
  border: 1px solid white;
  background: rgba(223, 223, 223, 0.2);
  backdrop-filter: blur(10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1399.98px) {
  .l-home .l-reinventing-benefits .c-benefit-card {
    padding: 40px 20px 0 20px;
  }
}
@media (min-width: 1200px) {
  .l-home .l-reinventing-benefits .c-benefit-card {
    min-height: 560px;
  }
}
.l-home .l-reinventing-benefits .c-benefit-card__row {
  --bs-gutter-x: 120px;
  --bs-gutter-y: 40px;
}

.l-home .l-reinventing-benefits .c-benefit-card video {
  mix-blend-mode: luminosity;
}

.l-home .l-reinventing-benefits .c-benefit-card--1 {
  padding: 0px 60px;
}

@media (max-width: 1399.98px) {
  .l-home .l-reinventing-benefits .c-benefit-card--1 {
    padding: 40px 20px 0 20px;
  }
}
.l-home .l-reinventing-benefits .c-benefit-card__img {
  right: -40%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.l-home .l-reinventing-benefits .c-benefit-card--2 {
  overflow: hidden;
}

.l-home .l-reinventing-benefits .c-benefit-card--3 {
  padding: 77px 0 0 60px;
}

@media (max-width: 1199.98px) {
  .l-home .l-reinventing-benefits .c-benefit-card--3 {
    padding: 40px 20px 0 20px;
  }
}
.l-home .l-join-us {
  padding: 160px 0;
  position: relative;
}

@media (max-width: 991.98px) {
  .l-home .l-join-us {
    padding-top: 75px;
    padding-bottom: 40px;
  }
}
.l-home .l-join-us__deco {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.l-home .l-join-us__deco img {
  width: 100%;
}

.l-home .c-deco-bg {
  pointer-events: none;
  z-index: -1;
  mix-blend-mode: multiply;
  position: absolute;
  border-radius: 887px;
  opacity: 0.5;
  background: radial-gradient(50% 50% at 50% 50%, #FFD75C 0%, rgba(255, 215, 92, 0) 100%);
}

.l-home .c-deco-bg--home {
  width: 915px;
  height: 915px;
  z-index: 1;
  top: -500px;
  right: -25%;
}

@media (max-width: 991.98px) {
  .l-home .c-deco-bg--home {
    width: 341.2px;
    height: 328.4px;
    top: -90px;
    right: 50%;
  }
}
.l-home .c-deco-bg--cash {
  width: 887px;
  height: 854px;
  z-index: 3;
  top: -20px;
  left: -25%;
}

@media (max-width: 991.98px) {
  .l-home .c-deco-bg--cash {
    top: 11%;
    left: 45%;
    width: 354px;
    height: 341px;
  }
}
.l-home .c-deco-bg--impact {
  width: 845px;
  height: 574px;
  z-index: 0;
  top: 12%;
  right: -33%;
}

@media (max-width: 991.98px) {
  .l-home .c-deco-bg--impact {
    top: 29%;
    right: -26%;
    width: 338px;
    height: 229px;
  }
}
.l-home .c-deco-bg--benefit {
  width: 700px;
  height: 1000px;
  top: 24%;
  left: -28%;
}

@media (max-width: 991.98px) {
  .l-home .c-deco-bg--benefit {
    top: 46%;
    left: -63%;
    width: 370px;
    height: 321px;
  }
}
.l-home .c-deco-bg--merchants {
  width: 842px;
  height: 819px;
  top: 46%;
  right: -26%;
}

@media (min-width: 992px) {
  .l-home .c-mobilg-blank {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.l-home .c-gift-animation {
  position: relative;
}

.l-home .c-gift-animation__gift {
  position: absolute;
  top: 15%;
  right: 3%;
  -webkit-animation: gift-poop 4.5s ease-out infinite;
  animation: gift-poop 4.5s ease-out infinite;
}

@media (max-width: 991.98px) {
  .l-home .c-gift-animation__gift {
    width: 45%;
  }
}
.l-home .c-gift-animation__msg-yellow {
  position: absolute;
  bottom: 22%;
  right: 0;
  -webkit-animation: msg-yellow-poop 4.5s ease-out infinite;
  animation: msg-yellow-poop 4.5s ease-out infinite;
}

@media (max-width: 991.98px) {
  .l-home .c-gift-animation__msg-yellow {
    width: 50%;
  }
}
.l-home .c-gift-animation__msg-black {
  position: absolute;
  bottom: 10%;
  right: 35%;
  -webkit-animation: msg-black-poop 4.5s ease-out infinite;
  animation: msg-black-poop 4.5s ease-out infinite;
}

@media (max-width: 991.98px) {
  .l-home .c-gift-animation__msg-black {
    width: 35%;
  }
}
@-webkit-keyframes gift-poop {
  0%, 15% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  20%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes gift-poop {
  0%, 15% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  20%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes msg-yellow-poop {
  0%, 25% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  30%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes msg-yellow-poop {
  0%, 25% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  30%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes msg-black-poop {
  0%, 35% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  40%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes msg-black-poop {
  0%, 35% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  40%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.l-about {
  position: relative;
  overflow: hidden;
}

.l-about .l-banner {
  position: relative;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.l-about .l-banner.show {
  opacity: 1;
}

.l-about .l-banner__title {
  letter-spacing: 2px;
}

.l-about .l-banner:after {
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(41%, rgba(1, 1, 1, 0.57)), to(#020202));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(1, 1, 1, 0.57) 41%, #020202 100%);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.5;
  pointer-events: none;
}

.l-about .l-expand-impact {
  padding: 240px 0;
}

@media (max-width: 991.98px) {
  .l-about .l-expand-impact {
    padding: 80px 0;
  }
}
.l-about .l-expand-impact .c-impact-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 600;
  font-size: 24px;
}

.l-about .l-expand-impact .c-impact-item img {
  min-height: 263px;
}

.l-about .l-team__row {
  --bs-gutter-x: 5rem;
  position: relative;
  z-index: 1;
}

@media (max-width: 991.98px) {
  .l-about .l-team__earth {
    opacity: 0.5;
  }
}
.l-about .l-data-security {
  padding: 240px 0;
}

@media (max-width: 991.98px) {
  .l-about .l-data-security {
    padding: 80px 0;
  }
}
.l-about .l-data-security .c-float-img {
  -webkit-animation: float 2s ease-in-out infinite;
  animation: float 2s ease-in-out infinite;
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(-48px);
    transform: translateY(-48px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-48px);
    transform: translateY(-48px);
  }
}
@keyframes float {
  0% {
    -webkit-transform: translateY(-48px);
    transform: translateY(-48px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-48px);
    transform: translateY(-48px);
  }
}
.l-about .l-feedback {
  padding-bottom: 160px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 991.98px) {
  .l-about .l-feedback {
    padding-bottom: 60px;
  }
}
.l-about .l-feedback .c-feedback-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-size: 18px;
  font-weight: 600;
  line-height: 180%;
  padding: 40px 48px;
  color: #616161;
  border-radius: 24px;
  border: 1px solid white;
  background: rgba(223, 223, 223, 0.2);
  backdrop-filter: blur(10px);
  position: relative;
  z-index: 1;
}

.l-about .l-feedback__deco {
  position: absolute;
  bottom: -30%;
  width: 100%;
}

.l-about .l-feedback__deco img {
  width: 100%;
}

@media (max-width: 991.98px) {
  .l-about .l-feedback__deco {
    bottom: 0;
  }
}
.l-about .c-deco-bg {
  pointer-events: none;
  z-index: -1;
  mix-blend-mode: multiply;
  position: absolute;
  border-radius: 887px;
  opacity: 0.5;
  background: radial-gradient(50% 50% at 50% 50%, #FFD75C 0%, rgba(255, 215, 92, 0) 100%);
}

.l-about .c-deco-bg--mission {
  width: 853px;
  height: 821px;
  z-index: -1;
  top: 600px;
  right: -15%;
}

@media (max-width: 991.98px) {
  .l-about .c-deco-bg--mission {
    width: 341.2px;
    height: 328.4px;
    top: 0;
    right: -30%;
    z-index: 3;
  }
}
.l-about .c-deco-bg--team {
  width: 816px;
  height: 803px;
  top: 1600px;
  left: -25%;
}

@media (max-width: 991.98px) {
  .l-about .c-deco-bg--team {
    width: 354px;
    height: 341px;
    top: 1600px;
    left: -45%;
  }
}
.l-about .c-deco-bg--security {
  width: 816px;
  height: 803px;
  top: 2800px;
  right: -20%;
}

@media (max-width: 991.98px) {
  .l-about .c-deco-bg--security {
    width: 338px;
    height: 229px;
    top: 2700px;
    right: -20%;
  }
}
@media (min-width: 992px) {
  /*.l-special-store .l-banner, .l-special-brand .l-banner {*/
  /*  min-height: 600px;*/
  /*  display: -webkit-box;*/
  /*  display: -ms-flexbox;*/
  /*  display: flex;*/
  /*  -webkit-box-align: center;*/
  /*      -ms-flex-align: center;*/
  /*          align-items: center;*/
  /*}*/
}
.l-special-store .l-how, .l-special-brand .l-how {
  padding-top: 240px;
}

@media (max-width: 991.98px) {
  .l-special-store .l-how, .l-special-brand .l-how {
    padding-top: 120px;
  }
}
.l-special-store .l-how__wrapper, .l-special-brand .l-how__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 160px;
}

@media (max-width: 991.98px) {
  .l-special-store .l-how__wrapper, .l-special-brand .l-how__wrapper {
    gap: 40px;
  }
}
.l-special-store .l-how__wrapper .c-how-title, .l-special-brand .l-how__wrapper .c-how-title {
  padding: 0 40px 20px;
}

.l-special-store .l-how__wrapper .c-how-title__number, .l-special-brand .l-how__wrapper .c-how-title__number {
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  border-radius: 999px;
  width: 48px;
  height: 48px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #242424;
  color: white;
}

@media (max-width: 991.98px) {
  .l-special-store .l-how__wrapper .c-how-title__number, .l-special-brand .l-how__wrapper .c-how-title__number {
    width: 32px;
    height: 32px;
    font-size: 20px;
    margin-bottom: 8px;
  }
}
.l-special-store .l-how__wrapper .c-how-title__number.active, .l-special-brand .l-how__wrapper .c-how-title__number.active {
  background: #FFC40C;
  color: #242424;
}

.l-special-store .l-register, .l-special-brand .l-register {
  padding: 240px 0;
}

@media (max-width: 991.98px) {
  .l-special-store .l-register, .l-special-brand .l-register {
    padding: 80px 0;
  }
}
.l-special-store .l-register__card, .l-special-brand .l-register__card {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 128px 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
}

.l-special-store .l-register__card.store, .l-special-brand .l-register__card.store {
  background-image: url("../images/front/special/store-bg.png");
}

.l-special-store .l-register__card.brand, .l-special-brand .l-register__card.brand {
  background-image: url("../images/front/special/brand-bg.png");
}

.l-special-store .c-deco-bg, .l-special-brand .c-deco-bg {
  pointer-events: none;
  z-index: -1;
  mix-blend-mode: multiply;
  position: absolute;
  border-radius: 887px;
  opacity: 0.5;
  background: radial-gradient(50% 50% at 50% 50%, #FFD75C 0%, rgba(255, 215, 92, 0) 100%);
}

.l-special-store .c-deco-bg--top, .l-special-brand .c-deco-bg--top {
  width: 816px;
  height: 803px;
  top: -300px;
  left: -20%;
}

@media (max-width: 991.98px) {
  .l-special-store .c-deco-bg--top, .l-special-brand .c-deco-bg--top {
    width: 338px;
    height: 229px;
    top: -50px;
    left: -40%;
    z-index: 1;
  }
}
.l-special-store .c-deco-bg--banner, .l-special-brand .c-deco-bg--banner {
  width: 853px;
  height: 821px;
  z-index: 1;
  top: 600px;
  right: -15%;
}

@media (max-width: 991.98px) {
  .l-special-store .c-deco-bg--banner, .l-special-brand .c-deco-bg--banner {
    width: 341.2px;
    height: 328.4px;
    top: 800px;
    right: -25%;
  }
}
.l-special-store .c-deco-bg--how, .l-special-brand .c-deco-bg--how {
  width: 816px;
  height: 803px;
  top: 2000px;
  left: -25%;
}

@media (max-width: 991.98px) {
  .l-special-store .c-deco-bg--how, .l-special-brand .c-deco-bg--how {
    width: 354px;
    height: 341px;
    top: 2000px;
    left: -45%;
  }
}
.l-special-store .c-deco-bg--register, .l-special-brand .c-deco-bg--register {
  width: 816px;
  height: 803px;
  top: 3300px;
  right: -20%;
}

@media (max-width: 991.98px) {
  .l-special-store .c-deco-bg--register, .l-special-brand .c-deco-bg--register {
    width: 338px;
    height: 229px;
    top: 3500px;
    right: -20%;
  }
}
.l-special-store .c-scroll-bg, .l-special-brand .c-scroll-bg {
  position: absolute;
  z-index: -1;
  top: 26%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.l-committee {
  padding-top: 160px;
  position: relative;
  overflow: hidden;
}

.l-committee .l-banner__deco {
  left: 8px;
  top: -48px;
}

.l-committee .l-banner__msg {
  left: 16px;
  top: 20px;
}

@media (max-width: 991.98px) {
  .l-committee {
    padding-top: 80px;
  }

  .l-committee .l-banner img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.l-committee .l-about {
  padding: 240px 0;
}

@media (max-width: 991.98px) {
  .l-committee .l-about {
    padding: 80px 0;
  }
}
.l-committee .l-faq {
  padding-bottom: 120px;
}

.l-committee .l-benefits, .l-committee .l-gifts {
  padding: 120px 0;
}

@media (max-width: 991.98px) {
  .l-committee .l-benefits, .l-committee .l-gifts {
    padding: 40px 0;
  }

  .l-committee .l-benefits .btn, .l-committee .l-gifts .btn {
    width: 100%;
  }
}
.l-committee .l-more-than-cash {
  position: relative;
  padding-bottom: 240px;
}

@media (max-width: 991.98px) {
  .l-committee .l-more-than-cash {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.l-committee .c-deco-bg {
  pointer-events: none;
  z-index: -1;
  mix-blend-mode: multiply;
  position: absolute;
  border-radius: 887px;
  opacity: 0.5;
  background: radial-gradient(50% 50% at 50% 50%, #FFD75C 0%, rgba(255, 215, 92, 0) 100%);
}

.l-committee .c-deco-bg--top {
  width: 816px;
  height: 803px;
  top: -300px;
  left: -20%;
}

@media (max-width: 991.98px) {
  .l-committee .c-deco-bg--top {
    width: 338px;
    height: 229px;
    top: -50px;
    left: -40%;
    z-index: 1;
  }
}
.l-committee .c-deco-bg--banner {
  width: 853px;
  height: 821px;
  z-index: 1;
  top: 200px;
  right: -15%;
}

@media (max-width: 991.98px) {
  .l-committee .c-deco-bg--banner {
    width: 341.2px;
    height: 328.4px;
    right: -25%;
  }
}
.l-committee .c-deco-bg--how {
  width: 816px;
  height: 803px;
  top: 1000px;
  left: -25%;
}

@media (max-width: 991.98px) {
  .l-committee .c-deco-bg--how {
    width: 354px;
    height: 341px;
    top: 1200px;
    left: -45%;
  }
}
.l-committee .c-deco-bg--register {
  width: 816px;
  height: 803px;
  top: 2200px;
  right: -20%;
}

@media (max-width: 991.98px) {
  .l-committee .c-deco-bg--register {
    width: 338px;
    height: 229px;
    top: 2100px;
    right: -20%;
  }
}
.l-committee .c-deco-bg--cash {
  width: 816px;
  height: 803px;
  top: 3200px;
  left: -15%;
}

@media (max-width: 991.98px) {
  .l-committee .c-deco-bg--cash {
    width: 338px;
    height: 229px;
    top: 3800px;
    left: -25%;
  }
}
.l-committee .c-about-swiper {
  position: relative;
}

.l-committee .c-about-swiper .swiper-pagination {
  --swiper-theme-color: #FFC40C;
  --swiper-pagination-bullet-size: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative !important;
  left: 190px;
}

@media (max-width: 991.98px) {
  .l-committee .c-about-swiper .swiper-pagination {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.l-committee .c-about-swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 20px !important;
  height: 20px !important;
}

.l-committee .c-about-swiper .swiper-slide {
  width: auto !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

@media (max-width: 991.98px) {
  .l-committee .c-about-swiper .swiper-slide {
    width: 100% !important;
  }
}
.l-committee .c-about-swiper__deco {
  width: 86px;
  z-index: -1;
  top: -15%;
  left: 20px;
}

.l-special-shop {
  padding-top: 160px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 991.98px) {
  .l-special-shop {
    padding-top: 80px;
  }
}
.l-special-shop .l-banner {
  padding-bottom: 80px;
}

@media (max-width: 991.98px) {
  .l-special-shop .l-banner {
    padding-top: 32px;
  }
}
.l-special-shop .l-banner__sub-banner-img {
  left: -10%;
  bottom: -10%;
}

.l-special-shop .l-service-swiper, .l-special-shop .l-expand-market, .l-special-shop .l-faq {
  padding: 120px 0;
}

@media (max-width: 991.98px) {
  .l-special-shop .l-service-swiper, .l-special-shop .l-expand-market, .l-special-shop .l-faq {
    padding: 80px 0;
  }
}
.l-special-shop .l-feature, .l-special-shop .l-service-plan {
  padding: 120px 0;
  background-image: url("../images/front/special-shop/shop-yellow-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 991.98px) {
  .l-special-shop .l-feature, .l-special-shop .l-service-plan {
    padding: 80px 0;
  }
}
.l-special-shop .l-service-plan__animation {
  position: relative;
}

.l-special-shop .l-service-plan__msg {
  left: 5%;
  top: 48px;
  z-index: 3;
}

@media (max-width: 991.98px) {
  .l-special-shop .l-service-plan__msg {
    left: unset;
    top: 32%;
  }
}
.l-special-shop .l-service-plan__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 24px;
  border: 1px solid #F5F5F5;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  margin-top: -70px;
  width: calc(100% - 60px);
}

@media (min-width: 992px) {
  .l-special-shop .l-service-plan__progress {
    width: 100%;
    margin-left: -28px;
    margin-top: 70px;
    max-width: 280px;
  }
}
.l-special-shop .l-service-plan .c-service-item-border {
  background: #DFDFDF;
  width: 1px;
  height: 100%;
  margin: 0 20px;
}

.l-special-shop .l-service-plan .c-progress-bar {
  margin-top: -24px;
}

.l-special-shop .l-service-plan .c-progress-bar svg {
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
}

@media (max-width: 991.98px) {
  .l-special-shop .l-service-plan .c-progress-bar {
    margin-top: -54px;
    margin-bottom: -24px;
  }

  .l-special-shop .l-service-plan .c-progress-bar svg {
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }
}
.l-special-shop .l-service-plan .c-progress-bar .progressbar-text {
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  position: relative;
  left: calc(50% - 6px) !important;
  top: calc(50% - 26px) !important;
  color: #242424 !important;
}

.l-special-shop .l-service-plan .c-progress-bar .progressbar-text:after {
  content: "%";
  font-size: 20px;
  font-weight: 600;
  line-height: 36px;
  color: #242424;
  position: absolute;
  right: -16px;
  bottom: 4px;
}

.l-special-shop .l-service-swiper .c-mobile-camera {
  top: 26px;
  z-index: 2;
}

.l-special-shop .l-expand-card .c-expand-card {
  min-width: 200px;
  padding: 12px;
  backdrop-filter: blur(10px);
  border-radius: 12px;
  border: 1px solid #F5F5F5;
  background: rgba(255, 255, 255, 0.7);
}

@media (max-width: 991.98px) {
  .l-special-shop .l-expand-card .c-expand-card {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.l-special-shop .l-expand-card .c-expand-card hr {
  color: white;
  opacity: 1;
}

.l-special-shop .l-expand-card .c-expand-card__price {
  width: 4px;
  height: 25px;
  border-radius: 999px;
  background: #FFC40C;
}

.l-special-shop .l-expand-card.left {
  left: -15%;
  bottom: 20%;
}

.l-special-shop .l-expand-card.bottom {
  bottom: -10%;
  left: 20%;
}

.l-special-shop .l-expand-card.right {
  right: -10%;
  bottom: 20%;
}

.l-special-shop .l-about-store {
  background: #242424;
  padding: 100px 0;
}

@media (max-width: 991.98px) {
  .l-special-shop .l-about-store {
    padding: 40px 0;
  }

  .l-special-shop .l-about-store .btn {
    width: 100%;
  }
}
.l-special-shop .c-deco-bg {
  pointer-events: none;
  z-index: -1;
  mix-blend-mode: multiply;
  position: absolute;
  border-radius: 887px;
  opacity: 0.5;
  background: radial-gradient(50% 50% at 50% 50%, #FFD75C 0%, rgba(255, 215, 92, 0) 100%);
}

.l-special-shop .c-deco-bg--top {
  width: 816px;
  height: 803px;
  top: -300px;
  left: -20%;
}

@media (max-width: 991.98px) {
  .l-special-shop .c-deco-bg--top {
    width: 338px;
    height: 229px;
    top: -50px;
    left: -40%;
    z-index: 1;
  }
}
.l-special-shop .c-deco-bg--banner {
  width: 853px;
  height: 821px;
  z-index: 1;
  top: 600px;
  right: -15%;
}

@media (max-width: 991.98px) {
  .l-special-shop .c-deco-bg--banner {
    width: 341.2px;
    height: 328.4px;
    top: 800px;
    right: -25%;
  }
}
.l-special-shop .c-deco-bg--how {
  width: 816px;
  height: 803px;
  top: 2000px;
  left: -25%;
}

@media (max-width: 991.98px) {
  .l-special-shop .c-deco-bg--how {
    width: 354px;
    height: 341px;
    top: 2000px;
    left: -45%;
  }
}
.l-special-shop .c-deco-bg--register {
  width: 816px;
  height: 803px;
  top: 3300px;
  right: -20%;
}

@media (max-width: 991.98px) {
  .l-special-shop .c-deco-bg--register {
    width: 338px;
    height: 229px;
    top: 3500px;
    right: -20%;
  }
}
/*# sourceMappingURL=main.css.map*/
/* Smooth pin section transitions */
.l-home .l-banner {
  /* Ensure smooth pinning */
  transform-style: preserve-3d;
  perspective: 1000px;
}

/* Smooth transitions for all banner elements during pin */
.l-home .l-banner * {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Prevent layout shifts during pin */
.l-home .l-banner.scroll {
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  /* small spacing below pin */
  margin-bottom: 8px;
}

/* Smooth opacity transitions */
.l-home .l-banner__white-bg,
.l-home .l-banner__border,
.l-home .l-banner__item {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Ensure smooth scaling */
.l-home .l-banner__white-bg.scroll {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Smooth transform transitions */
.l-home .l-banner__border.scroll,
.l-home .l-banner__item.scroll {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Ensure smooth transition to benefits section */
.l-reinventing-benefits.l-reinventing-benefits-new {
  position: relative;
  z-index: 5;
  /* Add smooth entrance */
  -webkit-animation: fadeInUp 0.8s ease-out;
  animation: fadeInUp 0.8s ease-out;
  /* Add controlled spacing to prevent overlap */
  margin-top: 4px;
  /* tighter */
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* Smooth transform transitions */
.l-home .l-banner__border.scroll,
.l-home .l-banner__item.scroll {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Enhanced scaling for more-than-cash-desktop section */
.l-home .l-more-than-cash-desktop {
  /* Smooth scaling animation */
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  /* Ensure proper scaling behavior */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  /* Optimize for animations */
  will-change: transform, opacity, margin-top;
  /* Initial state for smooth scaling */
  transform-origin: center center;
  -webkit-transform-origin: center center;
  /* Ensure smooth scaling during pin */
  pointer-events: none;
  /* Prevent interaction during animation */
  /* Add controlled spacing to prevent overlap */
  margin-bottom: 0;
}

/* Enable interaction after animation */
.l-home .l-more-than-cash-desktop.scroll {
  pointer-events: auto;
  animation: scaleInUp 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes scaleInUp {
  from {
    opacity: 0;
    transform: scale(0.2) translateY(50px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
/* Smooth scaling animation for non-pinned state */
.l-home .l-more-than-cash-desktop:not(.scroll) {
  /* Ensure smooth transition back to initial state */
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Optimize the scaling animation */
.l-home .l-more-than-cash-desktop img {
  /* Ensure images scale smoothly */
  transition: transform 0.3s ease-out;
  will-change: transform;
}

/* Smooth transition for all child elements */
.l-home .l-more-than-cash-desktop * {
  transition: all 0.3s ease-out;
}

/*# sourceMappingURL=main.css.map */