:root {
  --icon-tick: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3.00024" width="18" height="18" rx="9" fill="%2325442D"/><path d="M7.99988 13L10.2671 14.8893C10.6773 15.2312 11.2836 15.1904 11.6444 14.7968L16.4999 9.5" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>');
  --icon-tick-white: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3.00024" width="18" height="18" rx="9" fill="white"/><path d="M7.99988 13L10.2671 14.8893C10.6773 15.2312 11.2836 15.1904 11.6444 14.7968L16.4999 9.5" stroke="%2325442D" stroke-width="2" stroke-linecap="round"/></svg>');
  --icon-tick-primary: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9927 3.52178C15.9927 3.52178 13.4339 4.37472 10.4486 7.7865C7.6765 10.8784 7.03679 12.1578 5.97061 13.8637C5.86399 13.7571 4.26472 10.6652 0 8.42621L2.23898 6.29385C2.23898 6.29385 4.26472 7.67988 5.65076 10.2387C5.65076 10.2387 9.16916 4.80119 15.9927 2.13574V3.52178Z" fill="%236B57FF"/></svg>');
  --icon-tick-gray: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.33301 8.00002L6.66634 11.3334L13.333 4.66669" stroke="black" stroke-opacity="0.7" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  --icon-close: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/></svg>');
  --icon-close-white: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/></svg>');
  --icon-circle-arrow: url('data:image/svg+xml,<svg width="21" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x=".75" y="-.75" width="18.5" height="18.5" rx="9.25" transform="matrix(1 0 0 -1 .93 18.5)" stroke="%23000" stroke-width="1.5"/><path d="M7.6 11.25l3.33-3.33 3.33 3.33" stroke="%23000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  --icon-chevron-right: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5l7 7l-7 7" /></svg>');
  --icon-arrow-left: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><g fill="%23fff" fill-rule="evenodd" clip-rule="evenodd"><path d="M2.461 12a.75.75 0 0 1 .75-.75l17.79.012a.75.75 0 1 1-.002 1.5L3.21 12.75a.75.75 0 0 1-.749-.75"/><path d="M10.517 4.47a.75.75 0 0 1 .001 1.06L4.06 12l6.458 6.47a.75.75 0 0 1-1.061 1.06l-6.988-7a.75.75 0 0 1 0-1.06l6.988-7a.75.75 0 0 1 1.06 0"/></g></svg>');
  --icon-arrow-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="%23fff" fill-rule="evenodd" d="M13.483 4.47a.75.75 0 0 1 1.06 0l6.988 7a.75.75 0 0 1 0 1.06l-6.988 7a.75.75 0 0 1-1.061-1.06l5.709-5.719L3 12.762a.75.75 0 0 1-.002-1.5l16.194-.01l-5.711-5.722a.75.75 0 0 1 0-1.06" clip-rule="evenodd"/></svg>');
}

.fs-6 {
  font-size: 1.125rem !important;
}

@media screen and (min-width: 768px) {
  .h1-md {
    font-size: 2.875rem;
  }
  .h2-md {
    font-size: 2.5rem;
  }
  .h3-md {
    font-size: 2rem;
  }
  .h4-md {
    font-size: 1.5rem;
  }
  .h5-md {
    font-size: 1.25rem;
  }
  .fs-md-1 {
    font-size: 3.5rem !important;
  }
  .fs-md-2 {
    font-size: 2.5rem !important;
  }
  .fs-md-3 {
    font-size: 2rem !important;
  }
  .fs-md-4 {
    font-size: 1.5rem !important;
  }
  .fs-md-5 {
    font-size: 1.25rem !important;
  }
  .fs-md-6 {
    font-size: 1.125rem !important;
  }
  .small-md {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 992px) {
  .h1-lg {
    font-size: 2.875rem;
  }
  .h2-lg {
    font-size: 2.5rem;
  }
  .h3-lg {
    font-size: 2rem;
  }
  .h4-lg {
    font-size: 1.5rem;
  }
  .h5-lg {
    font-size: 1.25rem;
  }
  .fs-lg-1 {
    font-size: 3.5rem !important;
  }
  .fs-lg-2 {
    font-size: 2.5rem !important;
  }
  .fs-lg-3 {
    font-size: 2rem !important;
  }
  .fs-lg-4 {
    font-size: 1.5rem !important;
  }
  .fs-lg-5 {
    font-size: 1.25rem !important;
  }
  .fs-lg-6 {
    font-size: 1.125rem !important;
  }
  .small-lg {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1280px) {
  .h1-xl {
    font-size: 2.875rem;
  }
  .h2-xl {
    font-size: 2.5rem;
  }
  .h3-xl {
    font-size: 2rem;
  }
  .h4-xl {
    font-size: 1.5rem;
  }
  .h5-xl {
    font-size: 1.25rem;
  }
  .fs-xl-1 {
    font-size: 3.5rem !important;
  }
  .fs-xl-2 {
    font-size: 2.5rem !important;
  }
  .fs-xl-3 {
    font-size: 2rem !important;
  }
  .fs-xl-4 {
    font-size: 1.5rem !important;
  }
  .fs-xl-5 {
    font-size: 1.25rem !important;
  }
  .fs-xl-6 {
    font-size: 1.125rem !important;
  }
  .small-xl {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1400px) {
  .h1-xxl {
    font-size: 2.875rem;
  }
  .h2-xxl {
    font-size: 2.5rem;
  }
  .h3-xxl {
    font-size: 2rem;
  }
  .h4-xxl {
    font-size: 1.5rem;
  }
  .h5-xxl {
    font-size: 1.25rem;
  }
  .fs-xxl-1 {
    font-size: 3.5rem !important;
  }
  .fs-xxl-2 {
    font-size: 2.5rem !important;
  }
  .fs-xxl-3 {
    font-size: 2rem !important;
  }
  .fs-xxl-4 {
    font-size: 1.5rem !important;
  }
  .fs-xxl-5 {
    font-size: 1.25rem !important;
  }
  .fs-xxl-6 {
    font-size: 1.125rem !important;
  }
  .small-xxl {
    font-size: 0.875rem;
  }
}
.bg-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.bg-position-top {
  background-position: center top;
}

.bg-position-bottom {
  background-position: center bottom;
}

.bg-position-start {
  background-position: left center;
}

.bg-position-end {
  background-position: right center;
}

@media screen and (min-width: 992px) {
  .bg-mobile {
    background: none !important;
  }
}

.bg-gradient-linear {
  background-image: linear-gradient(180deg, rgb(245, 255, 217) 0%, rgb(220, 255, 217) 50%, rgb(255, 255, 255) 100%);
}

.bg-gradient-linear-2 {
  background-image: linear-gradient(90deg, rgb(253, 255, 230) 0%, rgb(231, 255, 213) 100%);
}

.bg-gradient-linear-3 {
  background-image: linear-gradient(90deg, rgb(239, 246, 255) 0%, rgb(236, 255, 242) 100%);
}

.bg-gradient-linear-4 {
  background-image: linear-gradient(90deg, rgb(255, 236, 241) 0%, rgb(255, 253, 239) 100%);
}

.border-gradient {
  position: relative;
  z-index: 1;
  background-color: transparent;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  --border-radius: 100px;
}
.border-gradient::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(29, 144, 74, 0.5), rgba(208, 154, 8, 0.5));
  width: 100%;
  height: 100%;
  padding: 1px 2px;
  border-radius: var(--border-radius);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.border-secondary-2 {
  border-color: #1D904A !important;
}

.text-secondary-2 {
  color: #1D904A;
}

.bg-secondary-2 {
  --bs-secondary-rgb: 29, 144, 74;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1));
}

.text-gradient {
  padding: 0 2px;
  background: linear-gradient(90deg, #1D904A 0%, #FFC423 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.max-width-1400 {
  max-width: 1400px;
}

.max-width-1200 {
  max-width: 1200px;
}

.max-width-1000 {
  max-width: 1000px;
}

.max-width-900 {
  max-width: 900px;
}

.max-width-800 {
  max-width: 800px;
}

.max-width-700 {
  max-width: 700px;
}

.max-width-600 {
  max-width: 600px;
}

.max-width-500 {
  max-width: 500px;
}

.max-width-400 {
  max-width: 400px;
}

.max-width-50 {
  max-width: 50%;
}

.text-shadow {
  --bg-color:rgba(255,255,255,.8);
  background: var(--bg-color);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: transparent;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.13);
}

.ul-tick,
.ul-tick-white,
.ul-tick-primary,
.ul-tick-2 {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ul-tick > li,
.ul-tick-white > li,
.ul-tick-primary > li,
.ul-tick-2 > li {
  padding-left: 24px;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}
.ul-tick > li::before,
.ul-tick-white > li::before,
.ul-tick-primary > li::before,
.ul-tick-2 > li::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--icon-tick);
}

.ul-tick-white > li::before {
  background-image: var(--icon-tick-white);
}

.ul-tick-primary > li::before {
  background-image: var(--icon-tick-primary);
}

.ul-tick-2 > li::before {
  background-image: var(--icon-tick-gray);
}

.video-wrap {
  position: relative;
  z-index: 1;
}
.video-wrap .video-tags {
  position: absolute;
  z-index: 2;
  top: 24px;
  left: 24px;
  padding: 5px 18px;
  color: #fff;
  background-color: transparent;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  --border-radius: 8px;
  border-radius: var(--border-radius);
}
.video-wrap .video-tags::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 80%);
  width: 100%;
  height: 100%;
  padding: 1px 2px;
  border-radius: var(--border-radius);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.video-wrap .video-btn {
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  background-color: rgba(0, 0, 0, 0.15);
  background-blend-mode: overlay;
  border-radius: 999px;
  padding: 0 0 0 4px;
  z-index: 9;
  transition: all 0.3s linear;
}
.video-wrap .video-btn:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.plans-item .item {
  position: relative;
  background: linear-gradient(140deg, rgba(231, 255, 237, 0.8) 0%, rgb(255, 255, 255) 80%);
  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  --border-radius: 24px;
  border-radius: var(--border-radius);
  padding: 42px 24px 24px;
  margin: 10px 0;
  height: 100%;
}
@media screen and (min-width: 1600px) {
  .plans-item .item {
    padding: 42px 32px 32px;
  }
}
.plans-item .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(160deg, rgb(146, 217, 150) 0%, rgba(255, 255, 255, 0) 60%);
  width: 100%;
  height: 100%;
  padding: 1px;
  border-radius: var(--border-radius);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.plans-item .tags {
  position: absolute;
  z-index: 3;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  border-radius: 100px;
  font-size: 14px;
  font-weight: bold;
  background: linear-gradient(180deg, rgb(255, 242, 0) 0%, rgb(255, 210, 11) 100%);
  padding: 8px 32px;
  white-space: nowrap;
}
.plans-item .btn {
  display: block;
  border: solid 1px rgb(191, 191, 191);
  background-color: #fff;
  border-radius: 12px;
  line-height: 56px;
}
.plans-item .btn:hover {
  background-color: rgb(226, 246, 234);
  border-color: transparent;
}
.plans-item .hot {
  box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.5);
  background: linear-gradient(140deg, #78e089 0%, #ddec3f 60%, #599f5c 100%);
}
.plans-item .hot .btn {
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.15);
  border: 0;
}
.plans-item .hot .btn:hover {
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.swiper-wrapper {
  transition-timing-function: linear;
}
.swiper-wrapper .swiper-slide {
  transition-timing-function: linear;
  backface-visibility: hidden;
}

.swiper-viewauto {
  position: relative;
  z-index: 1;
}
.swiper-viewauto::before, .swiper-viewauto::after {
  display: block;
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  height: 100%;
  width: 25%;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.swiper-viewauto::before {
  left: 0;
}
.swiper-viewauto::after {
  right: 0;
  background: linear-gradient(130deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.swiper-viewauto .swiper-slide {
  display: inline-block;
  width: auto;
}

.swiper-banner {
  position: relative;
  z-index: 1;
}
.swiper-banner::before, .swiper-banner::after {
  display: block;
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  height: 100%;
  width: 20%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.swiper-banner::before {
  left: 0;
}
.swiper-banner::after {
  right: 0;
  background: linear-gradient(130deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
}
.swiper-banner .item {
  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.15);
  background: #fff;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  --border-radius: 24px;
  border-radius: var(--border-radius);
  padding: 32px;
  margin: 10px 0;
}
.swiper-banner .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(160deg, rgb(146, 217, 150) 0%, rgba(255, 255, 255, 0) 60%);
  width: 100%;
  height: 100%;
  padding: 1px;
  border-radius: var(--border-radius);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.swiper-box {
  position: relative;
  z-index: 1;
}
.swiper-box::before, .swiper-box::after {
  display: block;
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  height: 100%;
  width: 20%;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.swiper-box::before {
  left: 0;
}
.swiper-box::after {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.swiper-group2 {
  direction: rtl;
}

.picGroup1,
.picGroup2 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 12px 0;
}
.picGroup1 .swiper-slide,
.picGroup2 .swiper-slide {
  width: auto;
}
.picGroup1 a,
.picGroup2 a {
  display: inline-block;
  border: solid 1px #4A4A4A;
  border-radius: 100px;
  background-color: #fff;
  color: #4A4A4A;
  padding: 0.5rem 1.5rem;
  margin: 0 10px;
  transition: all 0.3s linear;
}
.picGroup1 a:hover,
.picGroup2 a:hover {
  color: #fff;
  background-color: #1D904A;
  text-decoration: none;
  border-color: #1D904A;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
}

.group-item-box .item {
  height: 100%;
  box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  padding: 24px 24px 16px 24px;
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  .group-item-box .item {
    padding: 32px 32px 24px 32px;
  }
}
.group-item-box .title {
  font-size: 16px;
}
.group-item-box .swiper {
  margin: 24px 0;
}
.group-item-box .swiper-group2 {
  text-align: left;
}
.group-item-box .swiper-slide {
  max-width: 320px;
  padding: 0 12px;
}
@media screen and (min-width: 992px) {
  .group-item-box .swiper-slide {
    max-width: 420px;
  }
}

.nav-tab-v1 {
  overflow-x: auto;
  position: relative;
  z-index: 1;
  margin: 0 -0.75rem;
  padding: 0 0.75rem;
  text-align: center;
}
.nav-tab-v1:after {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0) 100%);
}
.nav-tab-v1 .nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: end;
  justify-content: start;
}
@media screen and (min-width: 992px) {
  .nav-tab-v1 .nav {
    justify-content: center;
  }
}
.nav-tab-v1 span {
  display: inline-block;
  padding: 0.5rem 0;
  margin: 0 3%;
  border-bottom: solid 3px transparent;
  cursor: pointer;
  white-space: nowrap;
  color: #7A7A7A;
}
.nav-tab-v1 span:hover {
  color: #1D904A;
}
.nav-tab-v1 span.active {
  color: #1D904A;
  border-color: #1D904A;
}

.logoicons-list .item {
  margin-bottom: 24px;
}
.logoicons-list .box {
  display: block;
  text-decoration: none;
  color: #000;
  height: 100%;
  text-align: center;
  padding: 24px;
  margin: 0 16px;
  background-color: #fff;
  border: solid 1px #d2d2d2;
  transition: all 0.3s linear;
  position: relative;
  z-index: 1;
  --border-radius: 24px;
  border-radius: var(--border-radius);
}
@media screen and (min-width: 992px) {
  .logoicons-list .box {
    margin: 0;
  }
}
@media screen and (min-width: 1400px) {
  .logoicons-list .box {
    padding: 32px 32px 24px 32px;
  }
}
.logoicons-list .box .title {
  padding: 16px 0;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .logoicons-list .box .title {
    font-size: 18px;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1400px) {
  .logoicons-list .box .title {
    padding: 16px 24px;
  }
}
.logoicons-list .box:hover {
  border: 0;
  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.15);
  background: linear-gradient(180deg, rgb(245, 255, 239) 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.logoicons-list .box:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(29, 144, 74, 0.5), rgba(208, 154, 8, 0.5));
  width: 100%;
  height: 100%;
  padding: 2px;
  border-radius: var(--border-radius);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.tooltip .tooltip-inner {
  background-color: #fff;
  border-color: #fff;
  color: #1a1a1a;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: #fff;
}

.page-path {
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  .page-path {
    font-size: 16px;
  }
}

.table-grid {
  display: flex;
}
.table-grid .border-gradient {
  --border-radius: 0;
  background-color: var(--bg-color);
}
.table-grid .border-gradient::before {
  padding: 0 3px;
}
.table-grid tr:nth-of-type(1) .border-gradient {
  --border-radius: 16px 16px 0 0;
}
@media screen and (min-width: 992px) {
  .table-grid tr:nth-of-type(1) .border-gradient {
    --border-radius: 24px 24px 0 0;
  }
}
.table-grid tr:nth-of-type(1) .border-gradient::before {
  padding: 3px 3px 0 3px;
}
.table-grid tr:nth-last-of-type(1) .border-gradient {
  --border-radius: 0 0 16px 16px;
}
@media screen and (min-width: 992px) {
  .table-grid tr:nth-last-of-type(1) .border-gradient {
    --border-radius: 0 0 24px 24px;
  }
}
.table-grid tr:nth-last-of-type(1) .border-gradient::before {
  padding: 0 3px 3px 3px;
}
.table-grid .head {
  font-size: 18px;
  line-height: 1.2;
  position: relative;
}
@media screen and (min-width: 992px) {
  .table-grid .head {
    font-size: 20px;
    position: sticky;
    top: 0;
    z-index: 5;
  }
}
.table-grid table {
  font-size: 16px;
  line-height: 1.2;
}
@media screen and (min-width: 992px) {
  .table-grid table {
    font-size: 18px;
  }
}
.table-grid table th,
.table-grid table td {
  padding: 0 12px;
  height: 84px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .table-grid table th,
  .table-grid table td {
    height: 90px;
  }
}
@media screen and (min-width: 1280px) {
  .table-grid table th,
  .table-grid table td {
    padding: 8px 24px;
  }
}
.table-grid table th {
  height: 90px;
}
.table-grid .table-first {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  width: 40%;
  min-width: 160px;
  box-shadow: 10px 0 10px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 992px) {
  .table-grid .table-first {
    box-shadow: 3px 0 10px rgba(0, 0, 0, 0);
  }
}
.table-grid .table-first th,
.table-grid .table-first td {
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .table-grid .table-first th,
  .table-grid .table-first td {
    text-align: left;
  }
}
.table-grid .table-first .head th {
  border-radius: 24px 0 0 0;
  overflow: hidden;
}
.table-grid .table-cont {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow-x: auto;
}
@media screen and (min-width: 992px) {
  .table-grid .table-cont {
    overflow-x: inherit;
  }
}
.table-grid .table-cont .head th:last-child {
  border-radius: 0 24px 0 0;
  overflow: hidden;
}

.btm-module .h3 {
  font-size: 26px;
}
@media screen and (min-width: 992px) {
  .btm-module .h3 {
    font-size: 32px;
  }
}

.store-sale-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 0;
  margin: 24px 0 0 0;
}
@media screen and (max-width: 560px) {
  .store-sale-wrap {
    margin: 0 0 24px;
  }
}
.store-sale-wrap .store-sale-box {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  border: solid 1px rgba(170, 91, 255, 0.15);
  background: linear-gradient(270deg, rgba(166, 255, 0, 0.3) -2.55%, rgba(255, 198, 108, 0.3) 105.84%);
  color: #000;
}
@media screen and (max-width: 560px) {
  .store-sale-wrap .store-sale-box {
    gap: 0;
  }
}
.store-sale-wrap .store-sale-box .btn-close {
  display: none;
}
.store-sale-wrap .store-sale-box .ps {
  opacity: 0.5;
  font-size: 12px;
  font-weight: normal;
}
@media screen and (max-width: 400px) {
  .store-sale-wrap .store-sale-box .ps {
    font-size: 10px;
  }
}
.store-sale-wrap .store-sale-box .name {
  font-weight: 700;
  padding: 0 0 4px 0;
  line-height: 1.2;
}
.store-sale-wrap .store-sale-box .name span {
  display: inline-block;
}
.store-sale-wrap .store-sale-box .name strong {
  font-size: 1.75rem;
  line-height: 1.75rem;
  font-weight: 900;
}
@media screen and (max-width: 400px) {
  .store-sale-wrap .store-sale-box .name strong {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 560px) {
  .store-sale-wrap .store-sale-box .sale-icon {
    max-width: 35%;
  }
  .store-sale-wrap .store-sale-box .sale-icon img {
    height: auto;
    max-width: 100%;
  }
}
.store-sale-wrap .store-sale-box .countdown-box {
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  text-wrap: inherit;
  white-space: nowrap;
  gap: 6px;
}
.store-sale-wrap .store-sale-box .countdown-box .time-box {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media screen and (max-width: 560px) {
  .store-sale-wrap .store-sale-box .countdown-box .time-box {
    gap: 3px;
  }
}
.store-sale-wrap .store-sale-box .countdown-box .time-box .time-cont {
  display: inline-block;
  font-weight: bold;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 2px 3px;
  text-wrap: inherit;
  white-space: nowrap;
}
@media screen and (max-width: 560px) {
  .store-sale-wrap .store-sale-box .countdown-box .time-box .time-cont {
    padding: 0 3px;
  }
}
.store-sale-wrap .store-sale-box .countdown-box .time-box .time-cont span {
  display: inline-block;
  min-width: 18px;
  text-align: center;
}
.store-sale-wrap .store-sale-box .countdown-box .time-box .time-cont:last-child {
  gap: 0;
}
.store-sale-wrap .store-sale-box .countdown-box .time-box .time-cont:last-child .ms {
  min-width: 28px;
}
.store-sale-wrap .store-sale-box .copy-content-wrap {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  z-index: 1;
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .store-sale-wrap .store-sale-box .copy-content-wrap {
    margin-bottom: 20px;
  }
}
.store-sale-wrap .store-sale-box .copy-link {
  position: absolute;
  z-index: 1;
  top: 100%;
  width: 100%;
  font-size: 10px;
  color: #fff;
  text-align: center;
  padding-top: 4px;
}
.store-sale-wrap .store-sale-box .copy-link a {
  color: #000;
  opacity: 0.5;
  text-decoration: underline;
}
.store-sale-wrap .store-sale-box .copy-link .copy-link-info {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  padding: 8px;
  position: absolute;
  z-index: 2;
  top: -5px;
  left: 120%;
  width: 300px;
  display: none;
  transition: all 0.3s linear;
  text-align: start;
  font-size: 12px;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  color: #fff;
}
.store-sale-wrap .store-sale-box .copy-link .copy-link-info::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px transparent;
  border-right: solid 5px rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 8px;
  left: -10px;
}
.store-sale-wrap .store-sale-box .copy-link a:hover {
  position: relative;
  opacity: 1;
}
.store-sale-wrap .store-sale-box .copy-link a:hover .copy-link-info {
  display: block;
}
.store-sale-wrap .store-sale-box .copy-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  padding: 4px 6px;
}
.store-sale-wrap .store-sale-box .copy-content span {
  display: inline-block;
  padding: 4px 12px;
  opacity: 0.5;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
}
@media screen and (max-width: 400px) {
  .store-sale-wrap .store-sale-box .copy-content span {
    font-size: 0.75rem;
  }
}
.store-sale-wrap .store-sale-box .copy-content .copy-btn {
  display: inline-block;
  background-color: var(--bs-secondary);
  color: #fff;
  border-radius: 100px;
  padding: 4px 16px;
  white-space: nowrap;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.3s linear;
}
@media screen and (max-width: 400px) {
  .store-sale-wrap .store-sale-box .copy-content .copy-btn {
    font-size: 0.75rem;
  }
}
.store-sale-wrap .store-sale-box .copy-content .copy-btn:hover:not(.disabled) {
  background-color: var(--bs-primary);
  color: #000;
}
.store-sale-wrap .store-sale-box .copy-content .copy-btn.disabled {
  cursor: default;
}
@media screen and (max-width: 992px) {
  .store-sale-wrap .store-sale-box .copy-link a {
    position: initial;
  }
  .store-sale-wrap .store-sale-box .copy-link .copy-link-info {
    top: auto;
    bottom: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    width: 220px;
  }
  .store-sale-wrap .store-sale-box .copy-link .copy-link-info::after {
    border: solid 5px transparent;
    border-top: solid 5px rgba(0, 0, 0, 0.8);
    top: auto;
    left: 50%;
    bottom: -9px;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 560px) {
  .store-sale-wrap .store-sale-box {
    position: relative;
    z-index: 1;
    width: 100%;
  }
  .store-sale-wrap .store-sale-box .countdown-box {
    font-size: 12px;
  }
  .store-sale-wrap .store-sale-box .copy-content {
    font-size: 14px;
  }
  .store-sale-wrap .store-sale-box .copy-content span {
    padding: 4px 8px;
  }
  .store-sale-wrap .store-sale-box .copy-content .copy-btn {
    padding: 4px 12px;
  }
}
.store-sale-wrap.position-fixed {
  left: 0;
  bottom: 0;
  z-index: 20;
  width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 560px) {
  .store-sale-wrap.position-fixed {
    width: 100%;
    padding: 4px 8px;
  }
}
.store-sale-wrap.position-fixed .copy-link a {
  position: initial;
}
.store-sale-wrap.position-fixed .copy-link .copy-link-info {
  top: auto;
  bottom: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
}
.store-sale-wrap.position-fixed .copy-link .copy-link-info::after {
  border: solid 5px transparent;
  border-top: solid 5px rgba(0, 0, 0, 0.5);
  top: auto;
  left: 50%;
  bottom: -9px;
  transform: translateX(-50%);
}
.store-sale-wrap.position-fixed .store-sale-box {
  -webkit-backdrop-filter: blur(32px);
          backdrop-filter: blur(32px);
}
.store-sale-wrap.position-fixed .store-sale-box .btn-close {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  padding: 2px;
  cursor: pointer;
  opacity: 0.5;
}
.store-sale-wrap.position-fixed .store-sale-box .btn-close::after {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.store-sale-wrap.position-fixed .store-sale-box .btn-close.close-white:after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/></svg>');
}
.store-sale-wrap.position-fixed .store-sale-box .btn-close:hover {
  opacity: 0.8;
}

.animate-scale-loop {
  animation: animate-scale 2s infinite ease-in-out;
  transition: all 0.3s;
}

@keyframes animate-scale {
  0% {
    transform: scale(0.8);
  }
  30% {
    transform: scale(1);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
.animate-scale-rotate-loop {
  animation: animate-scale-rotate 3s infinite ease-in-out;
  transition: all 0.3s;
}

@keyframes animate-scale-rotate {
  0% {
    transform: scale(0.5) rotate(0deg);
  }
  10% {
    transform: scale(1) rotate(360deg);
  }
  90% {
    transform: scale(1) rotate(360deg);
  }
  100% {
    transform: scale(0.5) rotate(720deg);
  }
}/*# sourceMappingURL=global.css.map */