/* boostrap*/
/* boostrap*/
/* boostrap*/
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/BTAbsinotte-Thin.woff2") format("woff2"), url("../../fonts/BT-Absinotte/BTAbsinotte-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/BTAbsinotte-ThinItalic.woff2") format("woff2"), url("../../fonts/BT-Absinotte/BTAbsinotte-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/BTAbsinotte-ExtraLight.woff2") format("woff2"), url("../../fonts/BT-Absinotte/BTAbsinotte-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/BTAbsinotte-ExtraLightItalic.woff2") format("woff2"), url("../../fonts/BT-Absinotte/BTAbsinotte-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/BTAbsinotte-Light.woff2") format("woff2"), url("../../fonts/BT-Absinotte/BTAbsinotte-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/BTAbsinotte-LightItalic.woff2") format("woff2"), url("../../fonts/BT-Absinotte/BTAbsinotte-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/BTAbsinotte-Regular.woff2") format("woff2"), url("../../fonts/BT-Absinotte/BTAbsinotte-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/BTAbsinotte-Medium.woff2") format("woff2"), url("../../fonts/BT-Absinotte/BTAbsinotte-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/BTAbsinotte-MediumItalic.woff2") format("woff2"), url("../../fonts/BT-Absinotte/BTAbsinotte-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/BTAbsinotte-SemiBold.woff2") format("woff2"), url("../../fonts/BT-Absinotte/BTAbsinotte-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/BTAbsinotte-SemiBoldItalic.woff2") format("woff2"), url("../../fonts/BT-Absinotte/BTAbsinotte-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/BTAbsinotte-Bold.woff2") format("woff2"), url("../../fonts/BT-Absinotte/BTAbsinotte-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/BTAbsinotte-BoldItalic.woff2") format("woff2"), url("../../fonts/BT-Absinotte/BTAbsinotte-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/VinFat/BTAbsinotteVF.woff2") format("woff2-variations"), url("../../fonts/BT-Absinotte/VinFat/BTAbsinotteVF.woff") format("woff-variations");
  font-weight: 80 99;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "BT Absinotte";
  src: url("../../fonts/BT-Absinotte/VinFat/BTAbsinotteItalicVF.woff2") format("woff2-variations"), url("../../fonts/BT-Absinotte/VinFat/BTAbsinotteItalicVF.woff") format("woff-variations");
  font-weight: 80 99;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "BT Absinotte vr";
  src: url("../../fonts/BT-Absinotte/VinFat/BTAbsinotteVF.woff2") format("woff2-variations"), url("../../fonts/BT-Absinotte/VinFat/BTAbsinotteVF.woff") format("woff-variations");
  font-weight: 80 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "BT Absinotte vr";
  src: url("../../fonts/BT-Absinotte/VinFat/BTAbsinotteItalicVF.woff2") format("woff2-variations"), url("../../fonts/BT-Absinotte/VinFat/BTAbsinotteItalicVF.woff") format("woff-variations");
  font-weight: 80 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "BT Grotesk";
  src: url("../../fonts/BT-Grotesk/BTGrotesk-Regular.woff2") format("woff2"), url("../../fonts/BT-Grotesk/BTGrotesk-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BT Grotesk";
  src: url("../../fonts/BT-Grotesk/BTGrotesk-Medium.woff2") format("woff2"), url("../../fonts/BT-Grotesk/BTGrotesk-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BT Grotesk";
  src: url("../../fonts/BT-Grotesk/BTGrotesk-SemiBold.woff2") format("woff2"), url("../../fonts/BT-Grotesk/BTGrotesk-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BT Grotesk";
  src: url("../../fonts/BT-Grotesk/BTGrotesk-Bold.woff2") format("woff2"), url("../../fonts/BT-Grotesk/BTGrotesk-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BT Beau Sans";
  src: url("../../fonts/BT-BeauSans/BT-BeauSans-Bold.woff2") format("woff2"), url("../../fonts/BT-BeauSans/BT-BeauSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BT Rollerball";
  src: url("../../fonts/BT-Rollerball/BT-Rollerball.woff2") format("woff2"), url("../../fonts/BT-Rollerball/BT-Rollerball.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@media (max-width: 429px) {
  html {
    font-size: 3.7vw;
  }
}
@media (min-width: 450px) and (max-width: 767px) {
  html {
    font-size: 3.2vw;
  }
}
@media (min-width: 768px) and (max-width: 1259px) {
  html {
    font-size: 0.81vw;
  }
}
@media (min-width: 1260px) and (max-width: 1919px) {
  html {
    font-size: 0.82vw;
  }
}
@media (min-width: 2000px) {
  html {
    font-size: 0.8vw;
  }
}

main {
  overflow: clip;
}

.page-wrapper {
  overflow: clip;
}

[data-aos=fade-up] {
  transform: translate3d(0, 40vh, 0);
}

main {
  background-color: #1a3324;
}

.btAbsinotte-main {
  width: 100%;
  font-family: "BT Absinotte", sans-serif;
  color: #e8e0d4;
  background-color: #1a3324;
}
.btAbsinotte-main h1,
.btAbsinotte-main h2,
.btAbsinotte-main h3,
.btAbsinotte-main h4,
.btAbsinotte-main h5,
.btAbsinotte-main h6 {
  font-family: "BT Absinotte", sans-serif;
  color: #e8e0d4;
}
.btAbsinotte-main .img-wrap {
  width: 100%;
  height: 100%;
}
.btAbsinotte-main .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.btAbsinotte-main .container {
  max-width: 100%;
  padding: 0 1.125rem;
}
@media (min-width: 768px) {
  .btAbsinotte-main .container {
    padding: 0 3.75rem;
  }
}
.btAbsinotte-main .container--2 {
  max-width: 100%;
  padding: 0 1.125rem;
}
@media (min-width: 768px) {
  .btAbsinotte-main .container--2 {
    padding: 0 3.75rem;
  }
}
.btAbsinotte-main .row {
  margin-left: -0.4375rem;
  margin-right: -0.4375rem;
}
.btAbsinotte-main .row [class*=col-] {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}
@media (min-width: 768px) {
  .btAbsinotte-main .row {
    margin-left: -0.4375rem;
    margin-right: -0.4375rem;
  }
  .btAbsinotte-main .row [class*=col-] {
    padding-left: 0.4375rem;
    padding-right: 0.4375rem;
  }
}
@media (min-width: 1260px) {
  .btAbsinotte-main .row {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .btAbsinotte-main .row [class*=col-] {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
.btAbsinotte-main .row--0 {
  margin-left: 0;
  margin-right: 0;
}
.btAbsinotte-main .row--0 [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}

.title-box .title {
  color: var(--01, #e8e0d4);
  font-family: "BT Grotesk";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  opacity: 0.5;
}
.title-box .para {
  margin-top: 0.9375rem;
  color: var(--01, #e8e0d4);
  font-family: "BT Grotesk";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
.title-box .para-infor {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5.0625rem;
}
.title-box .para-infor .line {
  margin-bottom: 1.125rem;
}
.title-box .para-infor__box {
  width: 50%;
}
.title-box .para-infor__box small {
  color: var(--01, #e8e0d4);
  font-family: "BT Grotesk";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  opacity: 0.5;
}
.title-box .para-infor__box p {
  color: var(--01, #e8e0d4);
  font-family: "BT Grotesk";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.title-box .para-infor__box a {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .title-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 42%;
  }
  .title-box .title {
    color: var(--01, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    opacity: 1;
  }
  .title-box .para {
    margin-top: 0;
    color: var(--01, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 33px */
  }
  .title-box .para-infor {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 8.25rem;
  }
  .title-box .para-infor .line {
    margin-bottom: 1.6875rem;
  }
  .title-box .para-infor__box {
    width: auto;
    padding-right: 2.5rem;
  }
  .title-box .para-infor__box small {
    color: var(--01, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.035rem;
    opacity: 0.5;
  }
  .title-box .para-infor__box p {
    color: var(--01, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.03rem;
  }
  .title-box .para-infor__box a {
    text-decoration: underline;
  }
}

.line {
  width: 100%;
  height: 1px;
  background-color: #e8e0d4;
  opacity: 0.5;
}

.m-switch input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
}
.m-switch label {
  cursor: pointer;
  text-indent: -9999px;
  width: 2.5875rem;
  height: 1.25rem;
  background: transparent;
  display: block;
  border-radius: 99999px;
  position: relative;
  margin-bottom: 0 !important;
  border: 1px solid #e8e0d4;
}
.m-switch label:after {
  content: "";
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-127%, -49%);
  width: 0.84375rem;
  height: 0.84375rem;
  background: #003d1b;
  outline: 1px solid #e8e0d4;
  border-radius: 100%;
  transition: all 0.3s ease;
}
.m-switch input:checked + label:after {
  top: 49%;
  left: 50%;
  transform: translate(27%, -49%);
}
.m-switch input:checked + label {
  background: #e8e0d4;
}
.m-switch input:checked + label::after {
  background: #1a3324;
}
.m-switch label:active:after {
  width: 0.75rem;
}
@media (min-width: 768px) {
  .m-switch label {
    width: 3.9375rem;
    height: 1.89rem;
    background: transparent;
    display: block;
    position: relative;
    margin-bottom: 0 !important;
    border: 1px solid #e8e0d4;
  }
  .m-switch label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 49%;
    transform: translate(-123%, -49%);
    width: 1.27875rem;
    height: 1.27875rem;
    background: transparent;
    border-radius: 100%;
    transition: 0.3s;
  }
  .m-switch input:checked + label:after {
    left: 50%;
    top: 49%;
    transform: translate(25%, -47%);
  }
  .m-switch input:checked + label {
    background: #e8e0d4;
  }
  .m-switch label:active:after {
    width: 1.8125rem;
  }
}

.item-group .item-weight {
  position: relative;
  display: flex;
  align-items: stretch;
}
.item-group .item-weight select {
  border: none;
  color: #435646;
  font-family: "BT Grotesk";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 137%; /* 17.81px */
  background: transparent;
  padding-left: 0.865rem;
  padding-right: 0.865rem;
  margin-right: 8%;
}
.item-group .item-weight select option {
  color: #435646;
  border: 10%;
}
.item-group .item-weight::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #435646;
  border-radius: 0.25rem;
  opacity: 0.1;
  pointer-events: none;
}
.item-group .item-weight .btn-weight {
  display: none;
}
.item-group .item-range {
  position: relative;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0 0.6875rem;
  height: 100%;
}
.item-group .item-range::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #435646;
  border-radius: 0.25rem;
  opacity: 0.1;
  box-shadow: none;
}
.item-group .item-range small {
  color: var(--5, #435646);
  text-align: center;
  font-family: "BT Grotesk";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 137%;
  min-width: 2.4375rem;
  text-align: end;
}
.item-group .item-range .font-size {
  color: #435646;
  text-align: right;
  font-family: "BT Grotesk";
  font-size: 0.5471875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 12.258px */
}
.item-group .item-range input {
  flex-grow: 1;
  width: 7.0625rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 1px;
  background: #435646;
  cursor: pointer;
  outline: none;
}
.item-group .item-range input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 0.9375rem;
  height: 0.9375rem;
  background-color: #e8e0d4;
  border-radius: 50%;
  border: 1px solid #435646;
  transition: 0.2s ease-in-out;
  box-shadow: none;
}
.item-group .item-range input::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  width: 0.9375rem;
  height: 0.9375rem;
  background-color: #435646;
  outline: 1px solid #e8e0d4;
  border-radius: 50%;
  border: none;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  opacity: 0.8;
}
@media (min-width: 768px) {
  .item-group .item-range {
    margin-bottom: 0;
  }
  .item-group .item-range span {
    font-size: 1.125rem;
    margin-right: 1.25rem;
  }
}
.item-group .item-filter {
  margin-bottom: 0;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  align-items: stretch;
}
.item-group .item-filter .row {
  align-items: center;
}
.item-group .text-ct {
  margin-top: 1.25rem;
}
.item-group .item-text {
  font-family: "BT Absinotte", sans-serif;
  font-size: 6.875rem;
  line-height: 120%;
  color: #003d1b;
  letter-spacing: -0.0925rem;
  margin-left: 0.6875rem;
}
.item-group .item-text:focus {
  outline: none;
}
@media (min-width: 768px) {
  .item-group .item-weight {
    pointer-events: auto;
  }
  .item-group .item-weight select {
    pointer-events: auto;
    border: none;
    color: #435646;
    font-family: "BT Grotesk";
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 137%; /* 17.81px */
    background: transparent;
    padding-left: 1.125rem;
    padding-right: 3.125rem;
    margin-right: -18%;
  }
  .item-group .item-weight select option {
    color: #435646;
    border: 10%;
  }
  .item-group .item-weight .btn-weight {
    display: block;
    flex-shrink: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(175%, -45%);
    content: " ";
    width: 18%;
    aspect-ratio: 1/1;
    background-image: url("../../img/BT-AsinotteV2/arrow-select.svg");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
  }
  .item-group .item-range {
    display: flex;
    align-items: center;
    gap: 1.125rem;
    padding: 0 1.5rem;
    height: 100%;
  }
  .item-group .item-range::after {
    background-color: transparent;
  }
  .item-group .item-range small {
    color: var(--5, #435646);
    text-align: center;
    font-family: "BT Grotesk";
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 137%;
    min-width: 2.625rem;
  }
  .item-group .item-range .font-size {
    opacity: 1;
    margin-right: 0;
    white-space: nowrap;
    color: #435646;
    font-family: "BT Grotesk";
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }
  .item-group .item-range input {
    flex-grow: 1;
    width: 15rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 1px;
    background: #435646;
    cursor: pointer;
    outline: none;
  }
  .item-group .item-range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 0.75rem;
    height: 0.75rem;
    background-color: #e8e0d4;
    border: 1px solid #435646;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
  }
  .item-group .item-range input::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    height: 1.25rem;
    width: 1.25rem;
    background-color: #e8e0d4;
    border: 1px solid #435646;
    border-radius: 50%;
    border: none;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
  .item-group .item-filter {
    margin-bottom: 0;
    gap: 13rem;
  }
  .item-group .item-filter .row {
    align-items: center;
    justify-content: space-between;
  }
  .item-group .item-filter .item-filter-left {
    width: 24%;
  }
  .item-group .item-filter .item-filter-right {
    width: 63.4%;
    display: flex;
    justify-content: space-between;
  }
  .item-group .text-ct {
    margin-top: 4.25rem;
  }
  .item-group .item-text {
    font-family: "BT Absinotte", sans-serif;
    font-size: 16.75rem;
    letter-spacing: -0.25rem;
    line-height: 100%;
    color: #003d1b;
    text-transform: uppercase;
  }
  .item-group .item-text:focus {
    outline: none;
  }
}

.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: #afe901;
  padding-top: 0.425625rem;
  padding-bottom: 0.631875rem;
}
.marquee .marquee-ct {
  display: inline-block;
  animation: marquee 5s linear infinite;
}
.marquee .marquee-ct span {
  color: var(--4, #00ad27);
  font-family: "BT Oateria";
  font-size: 2.029125rem;
  font-style: italic;
  font-weight: 900;
  line-height: 95%; /* 30.843px */
  text-transform: uppercase;
  margin-right: 1.599375rem;
}
@media (min-width: 768px) {
  .marquee {
    padding-top: 1.625rem;
    padding-bottom: 2.4375rem;
  }
  .marquee .marquee-ct span {
    color: var(--4, #00ad27);
    font-family: "BT Oateria";
    font-size: 7.75rem;
    font-style: italic;
    font-weight: 900;
    line-height: 95%;
    text-transform: uppercase;
    margin-right: 6.25rem;
  }
}

.marquee--2 {
  background: #ffd900;
}
.marquee--2 .marquee-ct span {
  color: #003d1b;
}

.marquee--3 {
  background: #003d1b;
}
.marquee--3 .marquee-ct span {
  color: #afe901;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-40%);
  }
}
.liga-on {
  font-feature-settings: "liga" on, "dlig" on;
}

.video-cont {
  border-radius: 0.75rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video-cont video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {
  .img-box {
    display: flex;
  }
  .img-box .img-box-item {
    width: 50%;
  }
}

.font-range {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.font-range .font-range__wrap {
  margin-top: 3.1875rem;
}
.font-range .font-range__content {
  color: var(--01, #e8e0d4);
  text-align: center;
  font-family: "BT Absinotte vr", sans-serif;
  font-size: 4.6875rem;
  font-style: normal;
  font-variation-settings: "wght" 250;
  line-height: 120%; /* 90px */
  letter-spacing: -0.046875rem;
}
.font-range .font-range__control {
  margin-top: 5.753125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.font-range .font-range__slider {
  display: flex;
  align-items: center;
}
.font-range .font-range__slider p {
  margin-bottom: 0;
  color: var(--01, #e8e0d4);
  font-family: "BT Absinotte";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 15.4px */
}
.font-range .font-range__slider input {
  margin-left: 0.755rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 1px;
  background: #e8e0d4;
}
.font-range .font-range__slider input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 0.8125rem;
  height: 0.8125rem;
  background-color: #20402d;
  border-radius: 50%;
  border: 1px solid #e8e0d4;
  transition: 0.2s ease-in-out;
}
.font-range .font-range__slider input::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  height: 1.25rem;
  width: 1.25rem;
  background-color: #d9d9d9;
  border-radius: 50%;
  border: none;
  -moz-transition: 0.2s ease-in-out;
  transition: 0;
}
.font-range .font-range__switch {
  display: flex;
  align-items: center;
  gap: 0.2875rem;
  margin-left: 1.1925rem;
}
.font-range .font-range__switch p {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .font-range .font-range__wrap {
    margin-top: 2.5rem;
  }
  .font-range .font-range__content {
    color: var(--01, #e8e0d4);
    text-align: center;
    font-family: "BT Absinotte vr", sans-serif;
    font-size: 13.125rem;
    font-style: normal;
    font-variation-settings: "wght" 250;
    line-height: 110%; /* 90px */
    letter-spacing: -0.046875rem;
  }
  .font-range .font-range__control {
    margin-top: 7.25rem;
  }
  .font-range .font-range__slider {
    display: flex;
    align-items: center;
  }
  .font-range .font-range__slider p {
    margin-bottom: 0;
    color: var(--01, #e8e0d4);
    font-family: "BT Absinotte";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
  }
  .font-range .font-range__slider input {
    width: 40.625rem;
    margin-left: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 1px;
    background: #e8e0d4;
  }
  .font-range .font-range__slider input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #20402d;
    border-radius: 50%;
    border: 1px solid #e8e0d4;
    transition: 0.2s ease-in-out;
  }
  .font-range .font-range__slider input::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #d9d9d9;
    border-radius: 50%;
    border: none;
    -moz-transition: 0.2s ease-in-out;
    transition: 0;
  }
  .font-range .font-range__switch {
    display: flex;
    align-items: center;
    gap: 0.2875rem;
    margin-left: 1.1925rem;
  }
  .font-range .font-range__switch p {
    margin-bottom: 0;
  }
}

.page-content {
  overflow: clip;
}

.absin-hero .absin-hero__wrap {
  position: relative;
  width: 100%;
  height: 100lvh;
  overflow: hidden;
}
.absin-hero .absin-hero__bg {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 0;
}
.absin-hero .absin-hero__bg::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transform: translate(0%, -50%);
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 430/250;
  background: linear-gradient(360deg, rgba(3, 2, 2, 0) 0%, #030202 93.51%);
}
.absin-hero .absin-bg-txt {
  color: #e8e0d4;
  text-align: center;
  font-feature-settings: "ss02" on;
  font-family: "BT Absinotte";
  font-size: 3.75rem;
  font-style: normal;
  font-variation-settings: "wght" 158;
  line-height: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
.absin-hero .absin-bg-txt.top {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transform: translate(-50%, -224%);
  transform: translate(-50%, -94%);
}
.absin-hero .absin-bg-txt.bottom {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, 117%);
  transform: translate(-50%, -25%);
}
.absin-hero .absin-hero__ct {
  width: 100%;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  position: absolute;
  bottom: 0;
  z-index: 3;
}
.absin-hero .absin-hero__ct::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transform: translate(-50%, 0%);
  content: " ";
  top: auto;
  bottom: 0;
  width: 100%;
  aspect-ratio: 430/649;
  background: linear-gradient(180deg, rgba(3, 2, 2, 0) 0%, #030202 93.51%);
}
.absin-hero .heading {
  position: relative;
  color: #e8e0d4;
  text-align: center;
  font-family: "BT Absinotte vr";
  font-size: 6.25rem;
  font-style: normal;
  font-variation-settings: "wght" 158;
  line-height: 100%; /* 100px */
  text-transform: uppercase;
  margin-bottom: 2.5rem;
  font-feature-settings: "dlig" 1, "ss02" 1;
}
.absin-hero .heading small {
  position: absolute;
  top: 7%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
}
.absin-hero .heading small span {
  color: #e8e0d4;
  text-align: right;
  font-variant-numeric: ordinal;
  font-feature-settings: "dlig" on;
  font-family: "BT Absinotte vr";
  font-size: 1.125rem;
  font-style: normal;
  font-variation-settings: "wght" 158;
  line-height: 100%; /* 18px */
  text-transform: none;
}
.absin-hero .heading .heading .word {
  display: inline-block;
  white-space: nowrap;
}
.absin-hero .heading .heading .char {
  display: inline-block;
  color: transparent;
  text-shadow: 0 0 0px whitesmoke;
  will-change: transform, opacity, text-shadow, filter;
  backface-visibility: hidden;
  transform-origin: 50% 50%;
}
.absin-hero .heading .heading-sub--1,
.absin-hero .heading .heading-sub--2 {
  color: transparent;
}
@media (min-width: 768px) {
  .absin-hero .absin-hero__wrap {
    height: 100lvh;
  }
  .absin-hero .absin-hero__bg {
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .absin-hero .absin-hero__bg::before {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transform: translate(0%, -50%);
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 430/250;
    background: linear-gradient(360deg, rgba(3, 2, 2, 0) 0%, #030202 93.51%);
  }
  .absin-hero .video-cont {
    z-index: 6;
  }
  .absin-hero .absin-bg-txt {
    color: #e8e0d4;
    text-align: center;
    font-feature-settings: "ss02" on;
    font-family: "BT Absinotte";
    font-size: 6.25rem;
    font-style: normal;
    font-variation-settings: "wght" 158;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .absin-hero .absin-bg-txt.top {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    transform: translate(-197%, -50%);
  }
  .absin-hero .absin-bg-txt.bottom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transform: translate(90%, -50%);
  }
  .absin-hero .absin-hero__ct {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 0;
  }
  .absin-hero .absin-hero__ct::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transform: translate(-50%, 0%);
    content: " ";
    top: auto;
    bottom: 0;
    width: 100%;
    aspect-ratio: 1920/748;
    background: linear-gradient(180deg, rgba(3, 2, 2, 0) 0%, #030202 93.51%);
  }
  .absin-hero .heading {
    position: relative;
    color: #e8e0d4;
    text-align: center;
    font-family: "BT Absinotte vr";
    font-feature-settings: "dlig" 1, "ss02" 1;
    font-size: 16.875rem;
    font-style: normal;
    font-variation-settings: "wght" 158;
    line-height: normal; /* 100px */
    text-transform: uppercase;
    margin-bottom: -0.75rem;
  }
  .absin-hero .heading small {
    position: absolute;
    top: -55%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, 0);
    display: block;
    justify-content: unset;
  }
  .absin-hero .heading small span {
    filter: blur(0px);
    color: #e8e0d4;
    text-align: right;
    font-variant-numeric: ordinal;
    font-feature-settings: "dlig" on;
    font-family: "BT Absinotte vr";
    font-size: 2.5rem;
    font-style: normal;
    font-variation-settings: "wght" 158;
    line-height: 100%; /* 18px */
  }
  .absin-hero .heading .heading-title {
    filter: blur(0px);
  }
  .absin-hero .heading-sub--1,
  .absin-hero .heading-sub--2,
  .absin-hero .heading-title--1,
  .absin-hero .heading-title--2 {
    color: transparent;
  }
}

.absin-concept {
  position: relative;
}
.absin-concept::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  aspect-ratio: 430/200;
  background: linear-gradient(360deg, rgba(26, 51, 36, 0) 42%, #010000 105%);
}
.absin-concept .absin-concept__wrap {
  position: relative;
  z-index: 1;
  padding-top: 7.4375rem;
}
.absin-concept .absin-concept__wrap .para {
  letter-spacing: 0.00625rem;
}
@media (min-width: 768px) {
  .absin-concept::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    aspect-ratio: 1920/589;
    background: linear-gradient(360deg, rgba(26, 51, 36, 0) 42%, #010000 103%);
  }
  .absin-concept .absin-concept__wrap .para {
    letter-spacing: 0;
  }
}

.concept_hover {
  margin-top: 6.044375rem;
}
.concept_hover .hover_item {
  position: relative;
}
.concept_hover .hover_item + .hover_item {
  margin-top: 2.816875rem;
}
.concept_hover .hover_item p {
  color: var(--01, #e8e0d4);
  text-align: center;
  font-family: "BT Absinotte";
  font-size: 4.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 74.8px */
  text-transform: uppercase;
  position: relative;
  margin-bottom: 0;
}
.concept_hover .hover_item small {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(895%, 49%);
  color: var(--01, #e8e0d4);
  font-family: "BT Absinotte vr";
  font-size: 1.125rem;
  font-style: normal;
  font-variation-settings: "wght" 158;
  line-height: 110%; /* 19.8px */
  text-transform: uppercase;
}
.concept_hover .hover_item .img-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-7%, -71%);
  width: 57.6%;
  height: auto;
  aspect-ratio: 180/108;
}
.concept_hover .hover_item--2 small {
  transform: translate(854%, -145%);
}
.concept_hover .hover_item--2 .img-wrap {
  z-index: 2;
  transform: translate(-106%, 0%);
}
.concept_hover .hover_item--3 small {
  transform: translate(1080%, 46%);
}
.concept_hover .hover_item--3 .img-wrap {
  transform: translate(3%, 35%);
  width: 50.252%;
  height: auto;
  aspect-ratio: 180/108;
}
@media (min-width: 768px) {
  .concept_hover {
    margin-top: 14.0625rem;
  }
  .concept_hover .hover_item {
    position: relative;
  }
  .concept_hover .hover_item + .hover_item {
    margin-top: 2.816875rem;
  }
  .concept_hover .hover_item p {
    color: var(--01, #e8e0d4);
    text-align: center;
    font-family: "BT Absinotte";
    font-size: 12.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 74.8px */
    text-transform: uppercase;
    position: relative;
  }
  .concept_hover .hover_item small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(1714%, -128%);
    color: var(--01, #e8e0d4);
    font-family: "BT Absinotte vr";
    font-size: 3.75rem;
    font-style: normal;
    font-variation-settings: "wght" 200;
    line-height: 110%; /* 19.8px */
    text-transform: uppercase;
  }
  .concept_hover .hover_item .img-wrap {
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(96%, -1%);
    width: 26.8%;
    height: auto;
    aspect-ratio: 450/270;
  }
  .concept_hover .hover_item .img-wrap img {
    opacity: 0;
    transform: scale(0.6);
    transform-origin: center;
    transition: all 0.3s ease;
  }
  .concept_hover .hover_item:hover .img-wrap img {
    opacity: 1;
    transform: scale(1);
    transform-origin: center;
    transition: all 0.3s ease;
  }
  .concept_hover .hover_item--2 small {
    transform: translate(716%, -133%);
  }
  .concept_hover .hover_item--2 .img-wrap {
    z-index: 2;
    transform: translate(-141%, -52%);
  }
  .concept_hover .hover_item--3 small {
    transform: translate(1631%, -132%);
  }
  .concept_hover .hover_item--3 .img-wrap {
    transform: translate(-3%, -8%);
  }
}

.concept_dash {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 5.625rem;
}
.concept_dash .dash {
  width: 0.25rem;
}
.concept_dash .dash-center {
  width: 100%;
  aspect-ratio: 394/300;
}
.concept_dash .dash-center .img-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.concept_dash .dash-center .img-wrap img {
  display: none !important;
}
.concept_dash .dash-center .img-wrap canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
@media (min-width: 768px) {
  .concept_dash {
    margin-top: 15.625rem;
    padding: 0 6.1875rem;
  }
  .concept_dash .dash {
    width: 0.5rem;
    aspect-ratio: 8/128;
  }
  .concept_dash .dash-center {
    width: 100%;
    aspect-ratio: 1602/844;
  }
}

.absin-basic {
  padding-top: 4.6875rem;
}
.absin-basic .basic__wrap {
  padding-bottom: 4.256875rem;
}
.absin-basic .basic__wrap .title-box {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .absin-basic {
    padding-top: 12.125rem;
  }
  .absin-basic .basic__wrap {
    padding-bottom: 9.4375rem;
  }
}

.basic-dessert {
  position: relative;
}
.basic-dessert::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 430/162;
  z-index: 1;
  background: linear-gradient(360deg, rgba(26, 51, 36, 0) 0%, var(--Color03, #1a3324) 100%);
}
.basic-dessert::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 430/119;
  z-index: 2;
  background: linear-gradient(180deg, rgba(15, 4, 2, 0) 0%, #0f0402 100%);
}
@media (min-width: 768px) {
  .basic-dessert::before {
    aspect-ratio: 1920/614;
  }
  .basic-dessert::after {
    aspect-ratio: 1920/353;
  }
}

.basic-speciment {
  background: linear-gradient(180deg, #080200 0%, #1a3324 100%);
  padding-bottom: 1.1875rem;
}
.basic-speciment .speciment-wrap {
  background-color: #e8e0d4;
  padding: 0 1.125rem;
  padding-top: 1.75rem;
  padding-bottom: 2rem;
  border-radius: 0.625rem;
}
.basic-speciment .item-group + .item-group {
  margin-top: 2.125rem;
}
.basic-speciment .row {
  margin-top: 2.125rem;
}
.basic-speciment .item-group--2 .item-text {
  font-family: "BT Absinotte", sans-serif;
  font-size: 5.375rem;
  line-height: 120%;
  color: #003d1b;
  letter-spacing: 0;
  text-transform: none;
}
.basic-speciment .item-group--2 .item-text:focus {
  outline: none;
}
.basic-speciment .item-group--3 .item-text {
  font-family: "BT Absinotte", sans-serif;
  font-size: 2.4375rem;
  line-height: 110%;
  color: #003d1b;
  letter-spacing: 0;
  text-transform: none;
}
.basic-speciment .item-group--3 .item-text:focus {
  outline: none;
}
.basic-speciment .item-group--4 {
  display: none;
}
.basic-speciment .item-group--4 .item-text {
  font-family: "BT Absinotte", sans-serif;
  font-size: 5.375rem;
  line-height: 120%;
  color: #003d1b;
}
.basic-speciment .item-group--4 .item-text:focus {
  outline: none;
}
.basic-speciment .item-group--5 .item-text {
  font-family: "BT Absinotte", sans-serif;
  font-size: 1.5625rem;
  line-height: 120%;
  color: #003d1b;
  letter-spacing: 0;
  text-transform: none;
}
.basic-speciment .item-group--5 .item-text:focus {
  outline: none;
}
@media (min-width: 768px) {
  .basic-speciment {
    padding-bottom: 4.3125rem;
  }
  .basic-speciment .speciment-wrap {
    background-color: #e8e0d4;
    padding: 0 3.75rem;
    padding-top: 4.4375rem;
    padding-bottom: 5.125rem;
    border-radius: 1.25rem;
  }
  .basic-speciment .item-group + .item-group {
    margin-top: 5.4375rem;
  }
  .basic-speciment .row {
    margin-top: 4.25rem;
  }
  .basic-speciment .item-group--2 .item-text {
    font-family: "BT Absinotte", sans-serif;
    font-size: 10rem;
    line-height: 120%;
    color: #003d1b;
    letter-spacing: 0;
    text-transform: none;
  }
  .basic-speciment .item-group--2 .item-text:focus {
    outline: none;
  }
  .basic-speciment .item-group--3 .text-ct,
  .basic-speciment .item-group--3 .row {
    margin-top: 2.0625rem;
  }
  .basic-speciment .item-group--3 .item-text {
    font-family: "BT Absinotte", sans-serif;
    font-size: 4.6875rem;
    line-height: 110%;
    color: #003d1b;
    text-transform: none;
  }
  .basic-speciment .item-group--3 .item-text:focus {
    outline: none;
  }
  .basic-speciment .item-group--4 {
    padding-right: 1.6875rem;
    display: block;
  }
  .basic-speciment .item-group--4 .text-ct,
  .basic-speciment .item-group--4 .row {
    margin-top: 2.375rem;
  }
  .basic-speciment .item-group--4 .item-filter {
    flex-direction: column;
    gap: 1.125rem;
  }
  .basic-speciment .item-group--4 .item-filter .item-filter-left {
    width: 36%;
  }
  .basic-speciment .item-group--4 .item-filter .item-range {
    padding: 0;
  }
  .basic-speciment .item-group--4 .item-filter .item-range + .item-range {
    padding-left: 2.5rem;
  }
  .basic-speciment .item-group--4 .item-filter .item-range input {
    width: 9.8125rem;
  }
  .basic-speciment .item-group--4 .item-text {
    font-family: "BT Absinotte", sans-serif;
    font-size: 1.875rem;
    line-height: 129%;
    color: #003d1b;
    letter-spacing: 0;
    text-transform: none;
  }
  .basic-speciment .item-group--4 .item-text:focus {
    outline: none;
  }
  .basic-speciment .item-group--5 {
    padding-left: 1.6875rem;
  }
  .basic-speciment .item-group--5 .text-ct,
  .basic-speciment .item-group--5 .row {
    margin-top: 2.375rem;
  }
  .basic-speciment .item-group--5 .item-filter {
    flex-direction: column;
    gap: 1.125rem;
  }
  .basic-speciment .item-group--5 .item-filter .item-filter-left {
    width: 36%;
  }
  .basic-speciment .item-group--5 .item-filter .item-range {
    padding: 0;
  }
  .basic-speciment .item-group--5 .item-filter .item-range + .item-range {
    padding-left: 2.5rem;
  }
  .basic-speciment .item-group--5 .item-filter .item-range input {
    width: 9.8125rem;
  }
  .basic-speciment .item-group--5 .item-text {
    font-family: "BT Absinotte", sans-serif;
    font-size: 1.875rem;
    line-height: 120%;
    color: #003d1b;
    letter-spacing: 0;
    text-transform: none;
  }
  .basic-speciment .item-group--5 .item-text:focus {
    outline: none;
  }
}

.basic-parat {
  padding-top: 1.505625rem;
  padding-bottom: 0.75rem;
  background: linear-gradient(180deg, #1a3324 0%, #0d1a18 100%);
}
.basic-parat .parat-big {
  overflow: hidden;
  color: var(--01, #e8e0d4);
  text-align: center;
  font-family: "BT Absinotte";
  display: flex;
  flex-wrap: wrap;
  gap: 1.1875rem;
}
.basic-parat .parat-big p {
  margin-bottom: 0;
}
.basic-parat .parat-big .big1 {
  font-size: 12.6091875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 242.096px */
  letter-spacing: -0.1260625rem;
  text-transform: uppercase;
}
.basic-parat .parat-big .big2 {
  margin-top: -10%;
  vertical-align: top;
  font-size: 5.625rem;
  font-style: italic;
  font-weight: 500;
  line-height: 120%; /* 108px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 0.3125rem;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.basic-parat .parat-big .big3 {
  margin-top: -14%;
  font-size: 10.625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 204px */
  letter-spacing: -0.10625rem;
  text-transform: uppercase;
}
.basic-parat .parat-curve {
  display: flex;
  justify-content: center;
  margin-top: 4.375rem;
  position: relative;
}
.basic-parat .parat-curve::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, 25%);
  content: "";
  width: 2.16875rem;
  aspect-ratio: 1/1;
  border: 1px solid #e8e0d4;
  border-radius: 100%;
}
.basic-parat .parat-curve svg {
  overflow: visible;
  width: 50%;
}
.basic-parat .parat-curve .parat-curve-ct {
  fill: #e8e0d4;
}
.basic-parat .parat-curve #curve-mb {
  font-size: 1.6875rem;
  color: #e8e0d4;
}
.basic-parat .parat-nor {
  margin-top: 2.625rem;
}
.basic-parat .parat-nor p {
  overflow: hidden;
  color: var(--01, #e8e0d4);
  text-align: center;
  font-family: "BT Absinotte";
  font-size: 2.4884375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 47.778px */
  letter-spacing: -0.024875rem;
  text-transform: uppercase;
  margin-bottom: 0;
}
.basic-parat .parat-line {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2.344375rem;
}
.basic-parat .parat-line .line-d {
  width: 1px;
  height: 9.625rem;
}
.basic-parat .parat-line .line-h {
  width: 100%;
  height: 1.5px;
}
.basic-parat .parat-line .line-h .img-wrap {
  line-height: 0;
  font-size: 0;
}
.basic-parat .parat-line .line-h svg {
  vertical-align: top;
}
@media (min-width: 768px) {
  .basic-parat {
    padding-top: 6.0625rem;
    padding-bottom: 0.1875rem;
    background: linear-gradient(180deg, #1a3324 0%, #0d1a18 100%);
  }
  .basic-parat .parat-big {
    margin: 0 -1.25rem;
    justify-content: center;
    color: var(--01, #e8e0d4);
    text-align: center;
    font-family: "BT Absinotte";
    display: flex;
    flex-wrap: wrap;
    gap: 1.5625rem;
  }
  .basic-parat .parat-big p {
    margin-bottom: 0;
  }
  .basic-parat .parat-big .big1 {
    font-size: 26.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 242.096px */
    letter-spacing: -0.26875rem;
    text-transform: uppercase;
  }
  .basic-parat .parat-big .big2 {
    margin-top: 2%;
    vertical-align: top;
    font-size: 13.125rem;
    font-style: italic;
    font-weight: 500;
    line-height: 120%; /* 108px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 0.6875rem;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .basic-parat .parat-big .big3 {
    margin-top: 0%;
    font-size: 26.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 204px */
    letter-spacing: -0.26875rem;
    text-transform: uppercase;
  }
  .basic-parat .parat-curve {
    display: flex;
    justify-content: center;
    margin-top: 9.375rem;
    position: relative;
  }
  .basic-parat .parat-curve::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(-50%, 25%);
    content: "";
    width: 3.75rem;
    aspect-ratio: 1/1;
    border: 1px solid #e8e0d4;
    border-radius: 100%;
  }
  .basic-parat .parat-curve svg {
    overflow: visible;
    width: 22.5rem;
  }
  .basic-parat .parat-curve .parat-curve-ct {
    fill: #e8e0d4;
  }
  .basic-parat .parat-curve #curve-mb {
    font-size: 1.6875rem;
    color: #e8e0d4;
  }
  .basic-parat .parat-nor {
    margin-top: 4.5rem;
  }
  .basic-parat .parat-nor p {
    color: var(--01, #e8e0d4);
    text-align: center;
    font-family: "BT Absinotte";
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 47.778px */
    letter-spacing: -0.04375rem;
    text-transform: uppercase;
    margin-bottom: 0.125rem;
  }
  .basic-parat .parat-line {
    margin-top: 3.3125rem;
  }
  .basic-parat .parat-line .line-d {
    width: 2px;
    height: 21.6875rem;
  }
  .basic-parat .parat-line .line-h {
    width: 100%;
    height: 1.5px;
  }
  .basic-parat .parat-line .line-h .img-wrap {
    line-height: 0;
    font-size: 0;
  }
}

.basic-slide {
  background: var(--04, #0d1a18);
  padding-bottom: 1.125rem;
}
.basic-slide .bar-top {
  color: var(--01, #e8e0d4);
  font-family: "BT Absinotte";
  font-size: 8.1728125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 143.841px */
  text-transform: uppercase;
}
.basic-slide .bar-top p {
  margin-bottom: 0;
}
.basic-slide .bar-top .top-small {
  margin-top: -2%;
  display: flex;
  justify-content: space-between;
}
.basic-slide .bar-top .top-small small {
  color: var(--01, #e8e0d4);
  font-family: "BT Grotesk";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 12px */
  text-transform: uppercase;
}
.basic-slide .bar-top .top-small small:last-of-type {
  text-align: right;
}
.basic-slide .bar-cr svg {
  overflow: visible;
}
.basic-slide .bar-cr .bg {
  fill: none;
  stroke: #e8e0d4;
  stroke-width: 0.37px;
  opacity: 0.5;
}
.basic-slide .bar-cr .bar {
  fill: none;
  stroke-width: 0.5px;
  stroke: #e8e0d4;
  stroke-dasharray: 78.54 235.62;
  stroke-dashoffset: 78.54;
  transform-origin: center center;
  transition: transform 1200ms cubic-bezier(0.25, 1, 0.5, 1);
}
.basic-slide .bar-bot {
  color: var(--01, #e8e0d4);
  text-align: center;
  font-family: "BT Absinotte";
  font-size: 3.5290625rem;
  font-style: normal;
  font-weight: 110;
  line-height: 110%;
  text-transform: uppercase;
  padding-top: 1.34375rem;
  padding-bottom: 1.28125rem;
}
.basic-slide .slide-swi {
  padding-top: 1.125rem;
}
.basic-slide .slide-img {
  padding-top: 1.125rem;
}
@media (min-width: 768px) {
  .basic-slide {
    padding-bottom: 4.0625rem;
  }
  .basic-slide .slide__wrap {
    display: flex;
    gap: 3.375rem;
    justify-content: space-between;
  }
  .basic-slide .slide-bar,
  .basic-slide .slide-swi {
    width: 47.55%;
  }
  .basic-slide .slide-swi {
    padding-top: 1.5625rem;
    padding-bottom: 0;
  }
  .basic-slide .slide-swi .swiper {
    height: 100%;
  }
  .basic-slide .slide-swi .swi-img {
    height: 100%;
    overflow: hidden;
  }
  .basic-slide .slide__wrap {
    height: 100lvh;
    padding-bottom: 4.0625rem;
    padding-top: 2.5rem;
  }
  .basic-slide .slide-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
  .basic-slide .bar-top {
    color: var(--01, #e8e0d4);
    font-family: "BT Absinotte";
    font-size: 18.8164375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    text-transform: uppercase;
  }
  .basic-slide .bar-top p {
    margin-bottom: 0;
  }
  .basic-slide .bar-top .top-small {
    margin-top: -1.5%;
    display: flex;
    justify-content: space-between;
  }
  .basic-slide .bar-top .top-small small {
    color: var(--01, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 12px */
    text-transform: uppercase;
  }
  .basic-slide .bar-top .top-small small:last-of-type {
    text-align: right;
  }
  .basic-slide .bar-cr {
    display: flex;
    justify-content: center;
    align-self: center;
    height: 46.15%;
    margin-top: -3%;
    aspect-ratio: 1/1;
  }
  .basic-slide .bar-cr svg {
    overflow: visible;
    width: 100%;
  }
  .basic-slide .bar-cr .bg {
    fill: none;
    stroke: #e8e0d4;
    stroke-width: 0.37px;
    opacity: 0.5;
  }
  .basic-slide .bar-cr .bar {
    fill: none;
    stroke-width: 0.5px;
    stroke: #e8e0d4;
    stroke-dasharray: 78.54 235.62;
    stroke-dashoffset: 78.54;
    transform-origin: center center;
  }
  .basic-slide .bar-bot {
    width: 100%;
    color: var(--01, #e8e0d4);
    text-align: center;
    font-family: "BT Absinotte";
    font-size: 3.5290625rem;
    font-style: normal;
    font-weight: 110;
    line-height: 110%;
    text-transform: uppercase;
    padding-top: 1.8125rem;
    padding-bottom: 0.5625rem;
  }
  .basic-slide .bar-bot svg {
    width: 100%;
  }
  .basic-slide .slide-img {
    padding-top: 3.875rem;
  }
}
@media (min-width: 768px) and (min-height: 600px) and (max-height: 858px) {
  .basic-slide {
    padding-bottom: 3rem;
  }
  .basic-slide .slide__wrap {
    display: flex;
    gap: 3.375rem;
    justify-content: space-between;
  }
  .basic-slide .slide-bar,
  .basic-slide .slide-swi {
    width: 47.55%;
  }
  .basic-slide .slide-swi {
    padding-top: 2.4375rem;
    padding-bottom: 0;
  }
  .basic-slide .slide-swi .swiper {
    height: 100%;
  }
  .basic-slide .slide-swi .swi-img {
    height: 100%;
    overflow: hidden;
  }
  .basic-slide .slide__wrap {
    height: 100lvh;
    padding-top: 0.3125rem;
    padding-bottom: 3rem;
  }
  .basic-slide .slide-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
  .basic-slide .bar-top {
    color: var(--01, #e8e0d4);
    font-family: "BT Absinotte";
    font-size: 18.8164375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    text-transform: uppercase;
  }
  .basic-slide .bar-top p {
    margin-bottom: 0;
  }
  .basic-slide .bar-top .top-small {
    margin-top: -1%;
    display: flex;
    justify-content: space-between;
  }
  .basic-slide .bar-top .top-small small {
    color: var(--01, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 12px */
    text-transform: uppercase;
  }
  .basic-slide .bar-top .top-small small:last-of-type {
    text-align: right;
  }
  .basic-slide .bar-cr {
    display: flex;
    justify-content: center;
    align-self: center;
    height: 37.73%;
    margin-top: -4%;
    aspect-ratio: 1/1;
  }
  .basic-slide .bar-cr svg {
    overflow: visible;
    width: 100%;
  }
  .basic-slide .bar-cr .bg {
    fill: none;
    stroke: #e8e0d4;
    stroke-width: 0.37px;
    opacity: 0.5;
  }
  .basic-slide .bar-cr .bar {
    fill: none;
    stroke-width: 0.5px;
    stroke: #e8e0d4;
    stroke-dasharray: 78.54 235.62;
    stroke-dashoffset: 78.54;
    transform-origin: center center;
  }
  .basic-slide .bar-bot {
    width: 100%;
    color: var(--01, #e8e0d4);
    text-align: center;
    font-family: "BT Absinotte";
    font-size: 3.5290625rem;
    font-style: normal;
    font-weight: 110;
    line-height: 110%;
    text-transform: uppercase;
    padding-top: 0.875rem;
    padding-bottom: 0.5625rem;
  }
  .basic-slide .bar-bot svg {
    width: 100%;
  }
  .basic-slide .slide-img {
    padding-top: 3.875rem;
  }
}

.basic-marquee {
  background: linear-gradient(180deg, #0d1a18 1%, #1a3324 42%);
}
.basic-marquee .marquee__wrap {
  padding-top: 1.83rem;
  padding-bottom: 0.78875rem;
}
.basic-marquee .marquee-group {
  display: flex;
  gap: 0.5rem;
  width: max-content;
  flex-wrap: nowrap;
}
.basic-marquee .marquee-line {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.basic-marquee p {
  color: var(--01, #e8e0d4);
  font-family: "BT Absinotte";
  font-size: 3.5625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 68.4px */
  text-transform: uppercase;
  margin-bottom: 0;
}
.basic-marquee .img1 {
  width: 5.4125rem;
  aspect-ratio: 86.6/47;
  margin-left: 0.533125rem;
  margin-right: 0.4375rem;
  height: auto;
}
.basic-marquee .img2 {
  width: 3.5rem;
  aspect-ratio: 56/47.5;
  margin-right: 0.519375rem;
  height: auto;
}
.basic-marquee .img3 {
  width: 2.98125rem;
  aspect-ratio: 47.7/47.5;
  margin-left: 0.72875rem;
  height: auto;
}
.basic-marquee .img4 {
  width: 3.2125rem;
  aspect-ratio: 51.4/47.5;
  margin-right: 0.601875rem;
  margin-left: 0.54125rem;
  height: auto;
}
.basic-marquee .img5 {
  width: 6.5625rem;
  aspect-ratio: 105/47.5;
  margin-right: 0.80625rem;
  margin-left: 0.68rem;
  height: auto;
}
.basic-marquee .marquee-img {
  width: 100%;
  aspect-ratio: 430/460;
}
@media (min-width: 768px) {
  .basic-marquee .marquee__wrap {
    padding-top: 7.3125rem;
    padding-bottom: 2.75rem;
  }
  .basic-marquee .marquee-group {
    display: flex;
    gap: 0.5625rem;
    width: max-content;
    flex-wrap: nowrap;
  }
  .basic-marquee .marquee-line {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
  .basic-marquee p {
    color: var(--01, #e8e0d4);
    font-family: "BT Absinotte";
    font-size: 16.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 68.4px */
    text-transform: uppercase;
    margin-bottom: 0;
  }
  .basic-marquee .img1 {
    width: 24.75rem;
    aspect-ratio: 396/217;
    margin-left: 39;
    margin-right: 2rem;
    height: auto;
  }
  .basic-marquee .img2 {
    width: 16rem;
    aspect-ratio: 256/217;
    margin-right: 2.375rem;
    height: auto;
  }
  .basic-marquee .img3 {
    width: 13.625rem;
    aspect-ratio: 218/217;
    margin-left: 3.5625rem;
    height: auto;
  }
  .basic-marquee .img4 {
    width: 14.6875rem;
    aspect-ratio: 235/217;
    margin-left: 2.6875rem;
    margin-right: 2.75rem;
    height: auto;
  }
  .basic-marquee .img5 {
    width: 29.875rem;
    aspect-ratio: 478/217;
    margin-right: 3.6875rem;
    margin-left: 3.25rem;
    height: auto;
  }
  .basic-marquee .marquee-img {
    width: 100%;
    aspect-ratio: 1920/1100;
  }
}

.basic-number .number-left {
  background-color: #0d2014;
  padding-top: 2.155625rem;
  padding-bottom: 1.8575rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.basic-number .number-left .left-ct.top {
  color: var(--01, #e8e0d4);
  text-align: center;
  font-family: "BT Absinotte vr";
  font-size: 11.1979375rem;
  font-style: normal;
  line-height: 100%; /* 179.167px */
  text-transform: uppercase;
}
.basic-number .number-left .left-ct.bot {
  color: var(--01, #e8e0d4);
  text-align: center;
  font-family: "BT Absinotte vr";
  font-size: 17.35675rem;
  font-style: normal;
  line-height: 100%; /* 277.708px */
}
.basic-number .number-left .item-group {
  width: 80%;
  margin-top: 1.578125rem;
  margin-bottom: 0.28rem;
}
.basic-number .number-left .item-group input {
  width: 100%;
  background: #e8e0d4;
}
.basic-number .number-left .item-group input::-webkit-slider-thumb {
  width: 0.61625rem;
  height: 0.61625rem;
  border: none;
}
.basic-number .number-left small {
  color: rgba(232, 224, 212, 0.9);
  text-align: center;
  font-family: "BT Grotesk";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 13px */
}
.basic-number .number-left .number-left__img {
  margin-top: 1.6875rem;
  margin-bottom: 1.8125rem;
  width: 23rem;
  aspect-ratio: 368/400;
}
@media (min-width: 768px) {
  .basic-number .number-wrap {
    display: flex;
  }
  .basic-number .number-left,
  .basic-number .number-right {
    width: 50%;
  }
  .basic-number .number-left {
    background-color: #0d2014;
    padding-top: 2.155625rem;
    padding-bottom: 1.8575rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .basic-number .number-left .left-ct.top {
    color: var(--01, #e8e0d4);
    text-align: center;
    font-family: "BT Absinotte vr";
    font-size: 25rem;
    font-style: normal;
    line-height: 100%; /* 179.167px */
    text-transform: uppercase;
  }
  .basic-number .number-left .left-ct.bot {
    color: var(--01, #e8e0d4);
    text-align: center;
    font-family: "BT Absinotte vr";
    font-size: 38.75rem;
    font-style: normal;
    line-height: 100%; /* 277.708px */
  }
  .basic-number .number-left .item-group {
    width: 80%;
    margin-top: 1.578125rem;
    margin-bottom: 0.28rem;
  }
  .basic-number .number-left .item-group input {
    width: 100%;
    background: #e8e0d4;
  }
  .basic-number .number-left .item-group input::-webkit-slider-thumb {
    width: 0.61625rem;
    height: 0.61625rem;
    border: none;
  }
  .basic-number .number-left small {
    color: rgba(232, 224, 212, 0.9);
    text-align: center;
    font-family: "BT Grotesk";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
  }
  .basic-number .number-left .number-left__img {
    margin-top: 6.5625rem;
    margin-bottom: 7.0625rem;
    width: 42.5rem;
    aspect-ratio: 680/739;
  }
}

.basic-cloche {
  cursor: url("../../img/BT-AsinotteV2/hand.png") 0 0, pointer;
}
.basic-cloche .cloche-wrap {
  padding-top: 3.8325rem;
  padding-bottom: 1.5625rem;
  margin-bottom: 0;
  color: #e8e0d4;
  text-align: center;
  font-family: "BT Absinotte";
  font-size: 2.8125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
.basic-cloche .cloche-wrap small {
  position: relative;
  padding-right: 0.25rem;
  padding-left: 0.625rem;
  color: #b28d56;
  text-align: center;
  font-family: "BT Absinotte";
  font-size: 2.395625rem;
  font-style: normal;
  text-decoration: underline;
  text-decoration-thickness: 0.125rem;
  font-weight: 500;
  line-height: 130%; /* 49.829px */
}
.basic-cloche .cloche-wrap small .nap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.basic-cloche .cloche-wrap small .top {
  z-index: 2;
  width: 114%;
  transform: translate(-50%, -61%) rotate(0deg);
}
.basic-cloche .cloche-wrap small .bot {
  z-index: -1;
  width: 131%;
  transform: translate(-52%, -39%) rotate(0deg);
}
.basic-cloche .cloche-wrap .small--1 {
  padding-right: 1rem;
  padding-left: 0;
}
.basic-cloche .cloche-wrap .small--1 .top {
  z-index: 2;
  width: 117%;
  transform: translate(-65%, -61%) rotate(0deg);
}
.basic-cloche .cloche-wrap .small--1 .bot {
  z-index: -1;
  width: 136%;
  transform: translate(-64%, -40%) rotate(0deg);
}
.basic-cloche .cloche-wrap .small--3 {
  padding-right: 0.875rem;
  padding-left: 0.625rem;
}
.basic-cloche .cloche-wrap .small--3 .top {
  z-index: 2;
  width: 103%;
  transform: translate(-57%, -61%) rotate(0deg);
}
.basic-cloche .cloche-wrap .small--3 .bot {
  z-index: -1;
  width: 118%;
  transform: translate(-58%, -39%) rotate(0deg);
}
.basic-cloche .cloche-wrap .small--4 {
  padding-right: 0.625rem;
  padding-left: 0;
}
.basic-cloche .cloche-wrap .small--4 .top {
  z-index: 2;
  width: 146%;
  transform: translate(-63%, -63%) rotate(0deg);
}
.basic-cloche .cloche-wrap .small--4 .bot {
  z-index: -1;
  width: 168%;
  transform: translate(-62%, -39%) rotate(0deg);
}
.basic-cloche .cloche-wrap .small--5 {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
.basic-cloche .cloche-wrap .small--5 .top {
  z-index: 2;
  width: 96%;
  transform: translate(-52%, -63%) rotate(0deg);
}
.basic-cloche .cloche-wrap .small--5 .bot {
  z-index: -1;
  width: 110%;
  transform: translate(-53%, -40%) rotate(0deg);
}
.basic-cloche .cloche-wrap .small--6 {
  padding-right: 1.375rem;
  padding-left: 1.25rem;
}
.basic-cloche .cloche-wrap .small--6 .top {
  z-index: 2;
  width: 87%;
  transform: translate(-49%, -62%) rotate(0deg);
}
.basic-cloche .cloche-wrap .small--6 .bot {
  z-index: -1;
  width: 100%;
  transform: translate(-51%, -39%) rotate(0deg);
}
.basic-cloche .cloche-infor {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2.1675rem;
}
.basic-cloche .cloche-infor p {
  padding-bottom: 0;
  color: var(--01, #e8e0d4);
  font-family: "BT Grotesk";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
}
@media (min-width: 768px) {
  .basic-cloche .cloche-wrap {
    padding-top: 11.4375rem;
    padding-bottom: 4.4375rem;
    margin-bottom: 0;
    color: #e8e0d4;
    text-align: center;
    font-family: "BT Absinotte";
    font-size: 6.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }
  .basic-cloche .cloche-wrap small {
    color: #b28d56;
    padding-right: 0;
    padding-left: 2.8125rem;
    text-align: center;
    font-family: "BT Absinotte";
    font-size: 6.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 130px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 0.3125rem;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .basic-cloche .cloche-wrap small .top {
    width: 116%;
    transform: translate(-42%, -56%) rotate(0deg);
  }
  .basic-cloche .cloche-wrap small .bot {
    width: 135%;
    transform: translate(-45%, -33%) rotate(0deg);
  }
  .basic-cloche .cloche-wrap .small--1 {
    padding-right: 2.5rem;
    padding-left: 0;
  }
  .basic-cloche .cloche-wrap .small--1 .top {
    z-index: 2;
    width: 127%;
    transform: translate(-63%, -57%) rotate(0deg);
  }
  .basic-cloche .cloche-wrap .small--1 .bot {
    z-index: -1;
    width: 148%;
    transform: translate(-62%, -34%) rotate(0deg);
  }
  .basic-cloche .cloche-wrap .small--3 {
    padding-right: 3.125rem;
    padding-left: 0.625rem;
  }
  .basic-cloche .cloche-wrap .small--3 .top {
    z-index: 2;
    width: 111%;
    transform: translate(-64%, -58%) rotate(0deg);
  }
  .basic-cloche .cloche-wrap .small--3 .bot {
    z-index: -1;
    width: 129%;
    transform: translate(-63%, -35%) rotate(0deg);
  }
  .basic-cloche .cloche-wrap .small--4 {
    padding-right: 2.0625rem;
    padding-left: 2.5625rem;
  }
  .basic-cloche .cloche-wrap .small--4 .top {
    z-index: 2;
    width: 112%;
    transform: translate(-49%, -58%) rotate(0deg);
  }
  .basic-cloche .cloche-wrap .small--4 .bot {
    z-index: -1;
    width: 127%;
    transform: translate(-50%, -34%) rotate(0deg);
  }
  .basic-cloche .cloche-wrap .small--5 {
    padding-right: 3rem;
    padding-left: 3.125rem;
  }
  .basic-cloche .cloche-wrap .small--5 .top {
    z-index: 2;
    width: 105%;
    transform: translate(-53%, -59%) rotate(0deg);
  }
  .basic-cloche .cloche-wrap .small--5 .bot {
    z-index: -1;
    width: 117%;
    transform: translate(-54%, -33%) rotate(0deg);
  }
  .basic-cloche .cloche-wrap .small--6 {
    padding-right: 3.125rem;
    padding-left: 2.5rem;
  }
  .basic-cloche .cloche-wrap .small--6 .top {
    z-index: 2;
    width: 103%;
    transform: translate(-54%, -59%) rotate(0deg);
  }
  .basic-cloche .cloche-wrap .small--6 .bot {
    z-index: -1;
    width: 116%;
    transform: translate(-55%, -33%) rotate(0deg);
  }
  .basic-cloche .cloche-infor {
    margin: 0 -3.75rem;
    padding-top: 9.375rem;
  }
  .basic-cloche .cloche-infor p {
    font-size: 1.25rem;
  }
}

.basic-blend {
  background-color: #e8e0d4;
}
.basic-blend #stroke-text {
  pointer-events: none;
}
.basic-blend #blend-cr {
  pointer-events: none;
}
.basic-blend .blend-char {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 430/483.75;
}
.basic-blend .blend-char p {
  color: var(--X3, #11291a);
  text-align: center;
  font-family: "BT Absinotte";
  font-size: 25.1953125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 0;
}
.basic-blend .blend-dot {
  background-color: #20402d;
  position: relative;
}
.basic-blend .blend-dot .blend-cursor {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 34.375rem;
  aspect-ratio: 1/1;
  pointer-events: none;
  background-color: #20402d;
  border-radius: 100%;
  z-index: 4;
}
.basic-blend .blend-dot #stroke-text {
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .basic-blend .blend__wrap {
    display: flex;
  }
  .basic-blend .blend-char,
  .basic-blend .blend-dot {
    width: 50%;
  }
  .basic-blend .blend-char {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 960/1080;
  }
  .basic-blend .blend-char p {
    color: var(--X3, #11291a);
    text-align: center;
    font-family: "BT Absinotte";
    font-size: 56.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  .basic-blend .blend-dot {
    background-color: #20402d;
    position: relative;
  }
  .basic-blend .blend-dot .blend-cursor {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 34.375rem;
    aspect-ratio: 1/1;
    pointer-events: none;
    background-color: #20402d;
    border-radius: 100%;
    z-index: 4;
  }
  .basic-blend .blend-dot #stroke-text {
    position: relative;
    z-index: 10;
  }
}

.basic-char .char__wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 430/461;
  padding-top: 1.76125rem;
}
.basic-char .char-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.basic-char .char-ct {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.basic-char .char-ct .char {
  color: var(--01, #e8e0d4);
  font-family: "BT Absinotte";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 42px */
  text-transform: uppercase;
}
.basic-char .char-ct .char-slide {
  color: var(--01, #e8e0d4);
  text-align: center;
  font-family: "BT Absinotte";
  font-size: 1.8725rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 29.96px */
  letter-spacing: -0.3px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
.basic-char .char-ct .char-slide p {
  margin-bottom: 0;
}
.basic-char .char-ct .char-slide-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13.375rem;
  height: 5.25rem;
  border: 1px solid #d9d9d9;
  border-radius: 100%;
  overflow: hidden;
}
.basic-char .char-ct .charact {
  position: relative;
}
.basic-char .char-ct .charact .char-text {
  color: transparent;
}
.basic-char .char-ct .charact .char-run {
  mask-image: linear-gradient(to bottom, transparent 32%, black 43%, black 63%, transparent 67%);
  overflow: hidden;
  height: 5.75rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.basic-char .char-ct .charact .char-run ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.basic-char .char-ct .charact .char-run li {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .basic-char .char__wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1920/1460;
    padding-top: 7.5rem;
  }
  .basic-char .char-ct .char {
    color: var(--01, #e8e0d4);
    font-family: "BT Absinotte";
    font-size: 2.1875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 42px */
    text-transform: uppercase;
  }
  .basic-char .char-ct .left {
    display: flex;
    align-items: center;
  }
  .basic-char .char-ct .char-slide-wrap {
    margin-right: 6.5rem;
    width: 55.8125rem;
    height: 21.625rem;
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    overflow: hidden;
  }
  .basic-char .char-ct .char-slide {
    color: var(--01, #e8e0d4);
    text-align: center;
    font-family: "BT Absinotte";
    font-size: 7.1875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 29.96px */
    letter-spacing: -0.071875rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .basic-char .char-ct .char-slide p {
    margin-bottom: 0;
  }
  .basic-char .char-ct .charact {
    position: relative;
  }
  .basic-char .char-ct .charact .char-text {
    color: transparent;
  }
  .basic-char .char-ct .charact .char-run {
    height: 14.875rem;
    height: 21.624375rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .basic-char .char-ct .charact .char-run ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .basic-char .char-ct .charact .char-run li {
    display: flex;
    justify-content: center;
  }
}

.basic-fomu {
  background: linear-gradient(180deg, #11291a 0%, #1a3324 100%);
}
.basic-fomu p {
  margin-bottom: 0;
}
.basic-fomu .fomu-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.basic-fomu .fomu-btn .fomu-btn__sw {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.basic-fomu .fomu-btn p {
  color: var(--01, #e8e0d4);
  font-family: "BT Grotesk";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 13px */
}
.basic-fomu .fomu-wrap {
  padding-top: 1.145rem;
  padding-bottom: 2.9175rem;
}
.basic-fomu .fomu-ct-list {
  padding-top: 0.9375rem;
}
.basic-fomu .fomu-ct-list .fomu-ct-item {
  display: flex;
  align-items: flex-start;
  gap: 1.059375rem;
  position: relative;
  z-index: 3;
  padding-top: 0.875rem;
  padding-bottom: 1.1875rem;
}
.basic-fomu .fomu-ct-list .fomu-ct-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #e8e0d4;
}
.basic-fomu .fomu-ct-list .fomu-ct-item::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: " ";
  width: 0%;
  height: 100%;
  background-color: #91764d;
  z-index: -1;
  transition: all 0.4s ease;
}
.basic-fomu .fomu-ct-list .fomu-ct-item:hover::after {
  width: 110%;
  transition: all 0.4s ease;
}
.basic-fomu .fomu-ct-list .fomu-ct-item:hover .item-num {
  color: #91764d;
}
.basic-fomu .fomu-ct-list .fomu-ct-item * {
  pointer-events: none;
}
.basic-fomu .fomu-ct-list .fomu-ct-item:last-of-type .item-ct {
  letter-spacing: -0.35px;
}
.basic-fomu .fomu-ct-list .item-num {
  margin-top: 0.75rem;
  color: #1a3324;
  text-align: center;
  font-variant-numeric: ordinal;
  font-feature-settings: "dlig" on, "ss01" on, "ss02" on;
  font-family: "BT Absinotte";
  font-size: 2.094375rem;
  font-weight: 500;
  line-height: 130%; /* 110.5px */
  letter-spacing: -0.053125rem;
  text-transform: uppercase;
  position: relative;
  z-index: 3;
  min-width: 1.47875rem;
}
.basic-fomu .fomu-ct-list .item-num::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 1.47875rem;
  height: 3.20375rem;
  background-color: #e8e0d4;
  z-index: -1;
  border-radius: 100%;
}
.basic-fomu .fomu-ct-list .item-ct {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: var(--01, #e8e0d4);
  font-size: 3.4375rem;
  line-height: 110%; /* 60.5px */
  text-transform: uppercase;
  position: relative;
}
.basic-fomu .fomu-ct-list .item-ct small {
  display: none;
}
.basic-fomu .fomu-ct-list .item-ct .nor {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s ease;
  opacity: 0;
}
.basic-fomu .fomu-ct-list .item-ct .hov {
  opacity: 1;
}
.basic-fomu .fomu-ct-list .item-ct .nor {
  opacity: 0;
}
@media (min-width: 768px) {
  .basic-fomu .fomu-wrap {
    padding-top: 5.375rem;
    padding-bottom: 8.6875rem;
  }
  .basic-fomu .fomu-btn .fomu-btn__sw {
    gap: 0.625rem;
  }
  .basic-fomu .fomu-btn p {
    color: var(--01, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
  }
  .basic-fomu .fomu-ct-list .fomu-ct-item {
    display: flex;
    align-items: center;
    gap: 2.625rem;
    position: relative;
    z-index: 3;
    padding-top: 0.3125rem;
    padding-bottom: 0.625rem;
  }
  .basic-fomu .fomu-ct-list .fomu-ct-item::after {
    content: " ";
    width: 0%;
    height: 100%;
    background-color: #91764d;
    z-index: -1;
    transition: all 0.4s ease;
  }
  .basic-fomu .fomu-ct-list .fomu-ct-item:hover::after {
    width: 107%;
    transition: all 0.4s ease;
  }
  .basic-fomu .fomu-ct-list .fomu-ct-item:hover .item-ct .nor {
    opacity: 0;
    transition: all 0.4s ease;
  }
  .basic-fomu .fomu-ct-list .fomu-ct-item:hover .item-ct .hov {
    opacity: 1;
    transition: all 0.4s ease;
  }
  .basic-fomu .fomu-ct-list .item-num {
    margin-top: 0;
    color: #1a3324;
    text-align: center;
    font-variant-numeric: ordinal;
    font-feature-settings: "dlig" on, "ss01" on, "ss02" on;
    font-family: "BT Absinotte";
    font-size: 5.3125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 110.5px */
    letter-spacing: -0.053125rem;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    min-width: 3.75rem;
  }
  .basic-fomu .fomu-ct-list .item-num::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 3.75rem;
    height: 8.125rem;
    background-color: #e8e0d4;
    z-index: -1;
    border-radius: 100%;
  }
  .basic-fomu .fomu-ct-list .item-ct {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: var(--01, #e8e0d4);
    font-size: 10rem;
    font-style: normal;
    line-height: 130%; /* 60.5px */
    text-transform: uppercase;
    position: relative;
  }
  .basic-fomu .fomu-ct-list .item-ct p {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .basic-fomu .fomu-ct-list .item-ct small {
    margin-top: 0.8125rem;
    align-self: flex-start;
    display: block;
    color: var(--01, #e8e0d4);
    text-align: right;
    font-family: "BT Grotesk";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    text-transform: none;
  }
  .basic-fomu .fomu-ct-list .item-ct .nor {
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease;
  }
  .basic-fomu .fomu-ct-list .item-ct .nor {
    opacity: 1;
  }
  .basic-fomu .fomu-ct-list .item-ct .hov {
    opacity: 0;
  }
}

.feature {
  background-color: #051a11;
}
.feature-slide {
  padding-bottom: 2.1875rem;
}
.feature-slide .slide-wrap {
  padding-top: 6.25rem;
}
.feature-slide .slide-wrap .title {
  margin-bottom: 0;
}
.feature-slide .slide-aim .aim-wrap {
  padding-top: 0.875rem;
}
.feature-slide .slide-aim .aim-control {
  height: 1px;
  width: 100%;
  position: relative;
}
.feature-slide .slide-aim .aim-control .aim-line {
  height: 1px;
  width: 100%;
  background-color: #e8e0d4;
  opacity: 0.4;
}
.feature-slide .slide-aim .aim-control .aim-prog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: 100%;
  transform-origin: left;
  height: 100%;
  background-color: #e8e0d4;
  z-index: 3;
}
.feature-slide .slide-aim .aim-top {
  position: relative;
}
.feature-slide .slide-aim .aim-ct-btn {
  position: absolute;
  top: 0;
  transform: translateY(68%);
  right: 0;
  z-index: 100;
}
.feature-slide .slide-aim .aim-ct-btn svg {
  overflow: visible;
}
.feature-slide .slide-aim .aim-ct {
  display: flex;
  flex-wrap: nowrap;
}
.feature-slide .slide-aim .aim-ct .aim-ct-item {
  cursor: pointer;
  padding-top: 0.875rem;
  flex-shrink: 0;
  width: 100%;
}
.feature-slide .slide-aim .aim-ct .aim-ct-item + .aim-ct-item {
  margin-left: 2.25rem;
}
.feature-slide .slide-aim .aim-ct .aim-ct-item p {
  margin-bottom: 0;
}
.feature-slide .aim-element {
  position: relative;
}
.feature-slide .aim-element svg {
  overflow: visible;
  width: 43.75rem;
  aspect-ratio: 700/340.9;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.feature-slide .aim-element .lottie-thuc {
  width: 100%;
  height: 100%;
}
.feature-slide .aim-element #lottieThuc {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.feature-slide .aim-element .lottie-thuc svg {
  width: 100%;
  height: 100%;
  display: block;
}
.feature-slide .aim-element #svgMobile {
  position: absolute;
  top: 16%;
  left: -0.5%;
  width: 91.8%;
  height: 100%;
  opacity: 0;
}
@media (min-width: 768px) {
  .feature-slide {
    padding-bottom: 3.125rem;
  }
  .feature-slide .slide-aim {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .feature-slide .slide-aim .aim-wrap {
    padding-top: 0.875rem;
    display: flex;
    width: 100%;
    align-items: flex-end;
  }
  .feature-slide .slide-aim .aim-top {
    position: relative;
    width: 19.17%;
    flex-shrink: 0;
  }
  .feature-slide .slide-aim .aim-ct {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    margin-bottom: 6.8125rem;
  }
  .feature-slide .slide-aim .aim-ct .aim-ct-item {
    padding-top: 0.875rem;
    flex-shrink: 0;
    width: 100%;
    opacity: 0.5;
  }
  .feature-slide .slide-aim .aim-ct .aim-ct-item + .aim-ct-item {
    margin-left: 0;
    margin-top: 3rem;
    padding-top: 2.5625rem;
    border-top: 1px solid #e8e0d4;
  }
  .feature-slide .slide-aim .aim-ct .aim-ct-item h3 {
    color: var(--01, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
  }
  .feature-slide .slide-aim .aim-ct .aim-ct-item p {
    color: var(--01, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
  .feature-slide .slide-aim .aim-ct .aim-ct-item.active {
    opacity: 1;
  }
  .feature-slide .aim-element {
    margin-top: -11.0625rem;
    padding-left: 14.46875rem;
    overflow: hidden;
  }
  .feature-slide .aim-element svg {
    overflow: visible;
    width: 121.6875rem;
    aspect-ratio: 1947/1030;
  }
}

.feature-vid {
  padding-top: 1.375rem;
  padding-bottom: 1.32rem;
}
.feature-vid .vid-wrap {
  pointer-events: none;
  width: 100%;
  aspect-ratio: 394/788.88;
  border-radius: 0.54375rem;
  overflow: hidden;
}
.feature-vid .vid-wrap iframe {
  width: 100%;
  height: 100% !important;
}
@media (min-width: 768px) {
  .feature-vid {
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
  }
  .feature-vid .vid-wrap {
    width: 100%;
    aspect-ratio: 1800/900;
    background-color: rgba(255, 0, 0, 0.221);
    border-radius: 1.25rem;
  }
}

.feature-stuff {
  background: linear-gradient(180deg, #051a11 0%, #20402d 53%);
}
.feature-stuff .stuff-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2.523125rem;
  padding-bottom: 2.54375rem;
}
.feature-stuff p {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--01, #e8e0d4);
  text-align: center;
  font-family: "BT Absinotte";
  font-size: 4.5573125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 72.917px */
  text-transform: uppercase;
}
.feature-stuff .sub-text {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--01, #e8e0d4);
  text-align: center;
  font-family: "BT Absinotte";
  font-size: 4.5573125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 72.917px */
  text-transform: uppercase;
}
.feature-stuff .stuff {
  display: flex;
  transform-origin: "center";
}
.feature-stuff .stuff img {
  vertical-align: super;
}
.feature-stuff .stuff-1 {
  width: 2.523125rem;
  aspect-ratio: 40.37/63.54;
}
.feature-stuff .stuff-2 {
  width: 5.6875rem;
  aspect-ratio: 91/51;
}
.feature-stuff .stuff-3 {
  width: 2.875rem;
  aspect-ratio: 46/62;
}
.feature-stuff .stuff-4 {
  width: 3.81875rem;
  aspect-ratio: 61.1/72.7;
}
@media (min-width: 768px) {
  .feature-stuff .stuff-wrap {
    padding-top: 9.6875rem;
    padding-bottom: 9.6875rem;
  }
  .feature-stuff p {
    font-size: 17.5rem;
    margin-bottom: 0;
  }
  .feature-stuff .sub-text {
    font-size: 17.5rem;
    margin-bottom: 0;
  }
  .feature-stuff .stuff-1 {
    width: 9.6875rem;
    aspect-ratio: 155/244;
  }
  .feature-stuff .stuff-2 {
    width: 21.8125rem;
    aspect-ratio: 349/196;
  }
  .feature-stuff .stuff-3 {
    width: 11.125rem;
    aspect-ratio: 178/239;
  }
  .feature-stuff .stuff-4 {
    width: 14.6875rem;
    aspect-ratio: 235/279;
  }
}

.styltic-set {
  position: relative;
}
.styltic-set .set-bg {
  background: linear-gradient(180deg, #06231c 0%, #20402d 100%);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.styltic-set .set-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  content: "";
  width: 100%;
  aspect-ratio: 430/158;
  background: linear-gradient(180deg, #06231c 0%, rgba(32, 64, 45, 0) 100%);
}
.styltic-set .set-bg::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
  width: 100%;
  aspect-ratio: 430/158;
  background: linear-gradient(0deg, #06231c 0%, rgba(32, 64, 45, 0) 100%);
}
.styltic-set .set-bg .img-wrap {
  mix-blend-mode: soft-light;
}
.styltic-set .set-wrap {
  position: relative;
  z-index: 3;
  padding-top: 2.260625rem;
  padding-bottom: 4.96875rem;
  padding-left: 1.125rem;
}
.styltic-set .set .set-left .set-title {
  margin-top: 1.926875rem;
  margin-bottom: 2.03875rem;
  display: inline-block;
  color: var(--01, #e8e0d4);
  font-family: "BT Grotesk";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 94%; /* 9.4px */
  letter-spacing: 0.2px;
  text-transform: uppercase;
  padding: 0.5625rem 1.125rem;
  border: 1px solid #e8e0d4;
  border-radius: 100%;
}
.styltic-set .set .set-right {
  width: 100%;
}
.styltic-set .set .set-right .set-right-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: ".  h1 . " ".  .  h2" ".  h4 h5" "h6 .  . " ".  h7 h8";
}
.styltic-set .set .set-right .set-item-wrap {
  perspective: 1000px;
  transition: transform 1s ease;
}
.styltic-set .set .set-right .set-item-wrap:hover .set-item {
  transform: rotateY(180deg);
  transition: transform 1s ease;
  cursor: pointer;
  border: 1px solid #1a3324;
}
.styltic-set .set .set-right .set-item-wrap * {
  pointer-events: none;
}
.styltic-set .set .set-right .set-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  transform-style: preserve-3d;
  border: 1px solid #e8e0d4;
  transform-style: preserve-3d;
  transition: transform 1s ease;
}
.styltic-set .set .set-right .set-item.none-bottom {
  border-bottom: 1px solid #e8e0d4;
}
.styltic-set .set .set-right .set-item.none-right {
  border-right: 1px solid #e8e0d4;
}
.styltic-set .set .set-right .set-item.decender p {
  margin-top: -38%;
}
.styltic-set .set .set-right .set-item .set-item-front,
.styltic-set .set .set-right .set-item .set-item-back {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styltic-set .set .set-right .set-item .set-item-back {
  background-color: #e8e0d4;
  transform: rotateY(180deg);
  color: #1a3324;
}
.styltic-set .set .set-right .set-item .set-item-back small {
  color: #e8e0d4;
}
.styltic-set .set .set-right .set-item .set-item-back small::after {
  background-color: #1a3324;
  z-index: -1;
}
.styltic-set .set .set-right .set-item .set-item-back p {
  color: #1a3324;
  font-feature-settings: "ss01" on, "ss02" on;
}
.styltic-set .set .set-right .set-item small {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0.66rem;
  margin-top: 0.7175rem;
  color: var(--01, #e8e0d4);
  text-align: center;
  font-family: "BT Grotesk";
  font-size: 0.3585rem;
  font-style: normal;
  font-weight: 400;
  line-height: 94%; /* 5.392px */
  letter-spacing: 0.115px;
  text-transform: uppercase;
}
.styltic-set .set .set-right .set-item small::after {
  content: "";
  width: 0.9125rem;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 44%;
  z-index: 1;
  border: 0.5px solid #e8e0d4;
  border-radius: 100%;
}
.styltic-set .set .set-right .set-item p {
  color: var(--01, #e8e0d4);
  text-align: center;
  font-family: "BT Absinotte";
  font-size: 7.170625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 0;
}
.styltic-set .set .set-right .set-item-wrap--1 {
  grid-area: h1;
}
.styltic-set .set .set-right .set-item-wrap--2 {
  grid-area: h2;
}
.styltic-set .set .set-right .set-item-wrap--3 {
  grid-area: h3;
}
.styltic-set .set .set-right .set-item-wrap--3 p {
  margin-top: -14%;
}
.styltic-set .set .set-right .set-item-wrap--4 {
  grid-area: h4;
}
.styltic-set .set .set-right .set-item-wrap--5 {
  grid-area: h5;
}
.styltic-set .set .set-right .set-item-wrap--6 {
  grid-area: h6;
  margin-left: 0;
}
.styltic-set .set .set-right .set-item-wrap--7 {
  grid-area: h7;
}
.styltic-set .set .set-right .set-item-wrap--8 {
  grid-area: h8;
}
.styltic-set .set--2 .set-left .set-title {
  margin-top: 4.23875rem;
  margin-bottom: 1.66375rem;
}
.styltic-set .set--2 .set-right .set-right-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "h1 h2 . " ".  .  h3" "h4 h5 . ";
}
.styltic-set .set--2 .set-right .set-item .set-item-back small {
  color: #e8e0d4;
}
.styltic-set .set--2 .set-right .set-item .set-item-back small::after {
  background-color: #1a3324;
  z-index: -1;
}
.styltic-set .set--2 .set-right .set-item .set-item-back p {
  font-feature-settings: "ss01" on, "ss02" on;
  color: #1a3324;
}
.styltic-set .set--2 .set-right .set-item p {
  color: var(--01, #e8e0d4);
  text-align: center;
  font-family: "BT Absinotte";
  font-size: 6.9714375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 111.543px */
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .styltic-set .set-bg::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    content: "";
    width: 100%;
    aspect-ratio: 1920/708;
    background: linear-gradient(180deg, #06231c 0%, rgba(32, 64, 45, 0) 100%);
  }
  .styltic-set .set-bg::after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: "";
    width: 100%;
    aspect-ratio: 1920/708;
    background: linear-gradient(0deg, #06231c 0%, rgba(32, 64, 45, 0) 100%);
  }
  .styltic-set .set-wrap {
    padding-top: 10.125rem;
    padding-bottom: 7.3125rem;
    padding-left: 3.75rem;
  }
  .styltic-set .set {
    display: flex;
    justify-content: space-between;
  }
  .styltic-set .set .set-left .set-title {
    margin-top: 2.625rem;
    margin-bottom: 2.03875rem;
    display: inline-block;
    color: var(--01, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 94%; /* 9.4px */
    letter-spacing: 0.2px;
    text-transform: uppercase;
    padding: 1rem 2.3125rem;
    border: 1px solid #e8e0d4;
    border-radius: 100%;
  }
  .styltic-set .set .set-right {
    width: 73.875rem;
  }
  .styltic-set .set .set-right .set-right-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "h1 h2 h3" ".  h4 h5" "h6 .  . " ".  h7 h8";
  }
  .styltic-set .set .set-right .set-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 1/1;
    border: 1px solid #e8e0d4;
    transform-style: preserve-3d;
    transition: transform 1s ease;
  }
  .styltic-set .set .set-right .set-item.none-bottom {
    border-bottom: 1px solid #e8e0d4;
  }
  .styltic-set .set .set-right .set-item.none-right {
    border-right: 1px solid #e8e0d4;
  }
  .styltic-set .set .set-right .set-item.decender p {
    margin-top: -38%;
  }
  .styltic-set .set .set-right .set-item.style--2 .set-item-back p {
    font-style: italic;
  }
  .styltic-set .set .set-right .set-item:hover {
    transform: rotateY(180deg);
    transition: transform 1s ease;
    cursor: pointer;
    border: 1px solid #1a3324;
  }
  .styltic-set .set .set-right .set-item .set-item-front,
  .styltic-set .set .set-right .set-item .set-item-back {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .styltic-set .set .set-right .set-item .set-item-back {
    background-color: #e8e0d4;
    transform: rotateY(180deg);
    color: #1a3324;
  }
  .styltic-set .set .set-right .set-item .set-item-back small {
    color: #e8e0d4;
  }
  .styltic-set .set .set-right .set-item .set-item-back small::after {
    background-color: #1a3324;
    z-index: -1;
  }
  .styltic-set .set .set-right .set-item .set-item-back p {
    color: #1a3324;
    font-feature-settings: "ss01" on, "ss02" on;
  }
  .styltic-set .set .set-right .set-item small {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 2.125rem;
    margin-left: 2.25rem;
    color: var(--01, #e8e0d4);
    text-align: center;
    font-family: "BT Grotesk";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 94%; /* 5.392px */
    letter-spacing: 0.115px;
    text-transform: uppercase;
  }
  .styltic-set .set .set-right .set-item small::after {
    content: "";
    width: 2.875rem;
    aspect-ratio: 1/1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 44%;
    z-index: 1;
    border: 0.5px solid #e8e0d4;
    border-radius: 100%;
  }
  .styltic-set .set .set-right .set-item p {
    color: var(--01, #e8e0d4);
    text-align: center;
    font-family: "BT Absinotte";
    font-size: 22.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 0;
  }
  .styltic-set .set .set-right .set-item--1 {
    grid-area: h1;
  }
  .styltic-set .set .set-right .set-item--2 {
    grid-area: h2;
  }
  .styltic-set .set .set-right .set-item--3 {
    grid-area: h3;
  }
  .styltic-set .set .set-right .set-item--4 {
    grid-area: h4;
  }
  .styltic-set .set .set-right .set-item--5 {
    grid-area: h5;
  }
  .styltic-set .set .set-right .set-item--6 {
    grid-area: h6;
    margin-left: 0;
  }
  .styltic-set .set .set-right .set-item--7 {
    grid-area: h7;
  }
  .styltic-set .set .set-right .set-item--8 {
    grid-area: h8;
  }
  .styltic-set .set--2 {
    margin-top: 11.070625rem;
  }
  .styltic-set .set--2 .set-left .set-title {
    margin-top: 0;
  }
  .styltic-set .set--2 .set-right .set-right-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "h1 h2 ." ".  .  h3" "h4 h5 .";
  }
  .styltic-set .set--2 .set-right .set-item .set-item-back small {
    color: #e8e0d4;
  }
  .styltic-set .set--2 .set-right .set-item .set-item-back small::after {
    background-color: #1a3324;
    z-index: -1;
  }
  .styltic-set .set--2 .set-right .set-item .set-item-back p {
    font-feature-settings: "ss01" on, "ss02" on;
    color: #1a3324;
  }
  .styltic-set .set--2 .set-right .set-item p {
    color: var(--01, #e8e0d4);
    text-align: center;
    font-family: "BT Absinotte";
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 111.543px */
    text-transform: uppercase;
  }
}

.styltic-compare {
  position: relative;
  z-index: 3;
  padding-top: 3px;
  margin-top: -3px;
  background: linear-gradient(180deg, #06231c 0%, #20402d 100%);
}
.styltic-compare .compare-wrap {
  padding-top: 1.4rem;
  padding-bottom: 2.19125rem;
}
.styltic-compare .compare-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.styltic-compare .compare-top p {
  margin-bottom: 0;
  color: var(--01, #e8e0d4);
  font-family: "BT Grotesk";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 94%; /* 13.16px */
  letter-spacing: 0.28px;
  text-transform: uppercase;
}
.styltic-compare .compare-slider {
  position: relative;
  margin-left: -0.5625rem;
  margin-right: -0.5625rem;
  cursor: ew-resize;
  margin-top: 1.475rem;
}
.styltic-compare .compare-inner p {
  text-align: center;
  margin-bottom: 0;
  color: var(--01, #e8e0d4);
  text-align: center;
  font-feature-settings: "liga" off, "calt" off;
  font-family: "BT Absinotte";
  font-size: 4.1169375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.styltic-compare .compare-inner p span {
  color: #b28d56;
}
.styltic-compare .compare-inner p:first-child {
  font-size: 5.29325rem;
}
.styltic-compare .compare-inner p:nth-of-type(2) {
  margin-top: 0.246875rem;
}
.styltic-compare .compare-inner p:nth-of-type(3) {
  margin-top: 0.574375rem;
}
.styltic-compare .compare-inner.off {
  clip-path: inset(0% 50% 0% 0%);
}
.styltic-compare .compare-inner.on {
  clip-path: inset(0% 0% 0% 50%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.styltic-compare .compare-inner.on p {
  font-feature-settings: "dlig" on, "liga" on, "calt" on;
}
.styltic-compare .compare-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 1px;
  background-color: #e8e0d4;
  z-index: 5;
}
.styltic-compare .compare-bar .thumb {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.25rem;
  aspect-ratio: 1/1;
  border: 1px solid #e8e0d4;
  background-color: #1a3324;
  border-radius: 100%;
}
@media (min-width: 768px) {
  .styltic-compare .compare-wrap {
    padding-top: 6.25rem;
    padding-bottom: 9.58375rem;
  }
  .styltic-compare .compare-top p {
    margin-bottom: 0;
    color: var(--01, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 94%; /* 13.16px */
    letter-spacing: 0.32px;
    text-transform: uppercase;
  }
  .styltic-compare .compare-slider {
    position: relative;
    margin-left: -1.125rem;
    margin-right: -1.125rem;
    cursor: ew-resize;
    margin-top: 2.999375rem;
  }
  .styltic-compare .compare-inner p {
    text-align: center;
    margin-bottom: 0;
    color: var(--01, #e8e0d4);
    text-align: center;
    font-feature-settings: "liga" off, "calt" off;
    font-family: "BT Absinotte";
    font-size: 18.3825rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
  }
  .styltic-compare .compare-inner p span {
    color: #b28d56;
  }
  .styltic-compare .compare-inner p:first-child {
    font-size: 23.635rem;
  }
  .styltic-compare .compare-inner p:nth-of-type(2) {
    margin-top: 1.120625rem;
  }
  .styltic-compare .compare-inner p:nth-of-type(3) {
    margin-top: 2.79625rem;
  }
  .styltic-compare .compare-inner.off {
    clip-path: inset(0% 50% 0% 0%);
    margin: 0 -1.25rem;
  }
  .styltic-compare .compare-inner.on {
    clip-path: inset(0% 0% 0% 50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
  }
  .styltic-compare .compare-inner.on p {
    font-feature-settings: "dlig" on, "liga" on, "calt" on;
  }
  .styltic-compare .compare-bar {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 1px;
    background-color: #e8e0d4;
    z-index: 5;
  }
  .styltic-compare .compare-bar .thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3.75rem;
    aspect-ratio: 1/1;
    border: 1px solid #e8e0d4;
    background-color: #1a3324;
    border-radius: 100%;
  }
}

.stylic-charac {
  cursor: url("../../img/BT-AsinotteV2/tro-hand.png"), pointer;
}
.stylic-charac .charac-tag {
  color: var(--01, #e8e0d4);
  text-align: center;
  font-family: "BT Grotesk";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 94%; /* 9.4px */
  letter-spacing: 0.2px;
  text-transform: uppercase;
  padding: 0.75rem 1.5625rem;
  border-radius: 100%;
  border: 1px solid #e8e0d4;
}
.stylic-charac .characBox {
  background-color: #11291a;
  width: 100%;
  aspect-ratio: 430/484;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 7.1875rem;
}
.stylic-charac .charac-content {
  margin-top: 0.265625rem;
}
.stylic-charac .charac-content .charac {
  pointer-events: none;
  text-align: center;
  color: var(--01, #e8e0d4);
  text-align: center;
  font-variant-numeric: ordinal;
  font-feature-settings: "liga" off;
  font-family: "BT Absinotte";
  font-size: 3.4375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 106%;
}
.stylic-charac .charac-content .charac.ita {
  margin-top: 0.3125rem;
  color: #91764d;
  font-style: italic;
}
.stylic-charac .charac-content .charac.nor {
  position: relative;
}
.stylic-charac .charac-content .charac.nor .charac-hand {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(312%, 70%);
  width: 6.911875rem;
  aspect-ratio: 110.59/78.22;
}
.stylic-charac .charac-content .charac.nor .charac-hand .img-wrap {
  height: auto;
}
.stylic-charac .charac-content .charac span {
  display: inline-block;
  pointer-events: auto;
}
.stylic-charac .characBox.group {
  padding-bottom: 6.5625rem;
}
.stylic-charac .characBox.show {
  background-color: #91764d;
  padding-bottom: 11.25rem;
}
.stylic-charac .characBox.show .charac-textCt {
  color: var(--01, #e8e0d4);
  text-align: center;
  font-variant-numeric: ordinal;
  font-feature-settings: "dlig" on, "ss01" on, "ss02" on;
  font-family: "BT Absinotte";
  font-size: 22.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 360px */
}
@media (min-width: 768px) {
  .stylic-charac .charac-wrap {
    display: flex;
  }
  .stylic-charac .charac-tag {
    color: var(--01, #e8e0d4);
    text-align: center;
    font-family: "BT Grotesk";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 94%; /* 9.4px */
    letter-spacing: 0.32px;
    text-transform: uppercase;
    padding: 1.0625rem 1.875rem;
    border-radius: 100%;
    border: 1px solid #e8e0d4;
  }
  .stylic-charac .characBox {
    aspect-ratio: 960/1080;
  }
  .stylic-charac .charac-content {
    margin-top: 1.4375rem;
  }
  .stylic-charac .charac-content .charac {
    pointer-events: none;
    text-align: center;
    color: var(--01, #e8e0d4);
    text-align: center;
    font-variant-numeric: ordinal;
    font-feature-settings: "liga" off;
    font-family: "BT Absinotte";
    font-size: 7.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 106%;
  }
  .stylic-charac .charac-content .charac.ita {
    margin-top: 1.5625rem;
    color: #91764d;
    font-style: italic;
  }
  .stylic-charac .charac-content .charac span {
    pointer-events: auto;
  }
  .stylic-charac .characBox.show .charac-textCt {
    font-size: 45rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 360px */
  }
}

.stylic-img {
  padding-top: 1.5rem;
  padding-bottom: 1.8125rem;
}
@media (min-width: 768px) {
  .stylic-img {
    padding-top: 6.6875rem;
    padding-bottom: 6.625rem;
  }
}

.stylic-option {
  cursor: url("../../img/BT-AsinotteV2/tro-hand.png"), pointer;
}
.stylic-option .option-wrap {
  padding-top: 2.9375rem;
  padding-bottom: 3.3125rem;
}
.stylic-option p {
  margin-bottom: 0.625rem;
  position: relative;
  z-index: 0;
  text-align: center;
  color: var(--01, #e8e0d4);
  font-feature-settings: "dlig" on, "ss01" on, "ss02" on;
  font-family: "BT Absinotte";
  font-size: 4.0625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
}
.stylic-option p:hover {
  cursor: url("../../img/BT-AsinotteV2/tro-hand.png"), pointer;
  z-index: 10;
}
.stylic-option p.larger {
  margin: 0 -0.75rem;
}
.stylic-option span {
  color: #b28d56;
}
.stylic-option .option-item {
  cursor: pointer;
  display: inline-block;
  position: relative;
  z-index: 0;
}
.stylic-option .option-item:hover {
  cursor: url("../../img/BT-AsinotteV2/tro-hand.png"), pointer;
  z-index: 10;
}
.stylic-option .option-item .option-box {
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  display: flex;
  transform: translate(10%, 24%);
}
.stylic-option .option-item .option-box .option {
  width: 3.125rem;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--01, #e8e0d4);
  text-align: center;
  font-feature-settings: "ss01" on, "ss02" on;
  font-family: "BT Absinotte";
  font-size: 1.77725rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 28.436px */
  text-transform: uppercase;
  background-color: #1a3324;
  border: 0.5px solid #e8e0d4;
}
.stylic-option .option-item .option-box .option.s {
  font-feature-settings: "dlig" on, "ss01" on, "ss02" on;
}
.stylic-option .option-item .option-box .option:hover {
  background-color: #274f37;
}
.stylic-option .option-item .option-box:hover {
  cursor: url("../../img/BT-AsinotteV2/tro-hand.png"), pointer;
  opacity: 1;
  transition: opacity 0.3s ease;
  z-index: 100;
}
.stylic-option .option-item .option-box.offset-right {
  transform: translate(-110%, 24%);
}
@media (min-width: 768px) {
  .stylic-option .option-wrap {
    padding-top: 6.6875rem;
    padding-bottom: 8.639375rem;
  }
  .stylic-option p {
    margin-bottom: 1.175rem;
    font-size: 10.625rem;
    font-style: normal;
  }
  .stylic-option .option-item .option-box {
    transform: translate(12%, 33%);
  }
  .stylic-option .option-item .option-box .option {
    width: 9.375rem;
    font-size: 5.33175rem;
    border: 0.5px solid #e8e0d4;
  }
  .stylic-option .option-item .option-box.offset-right {
    transform: translate(12%, 33%);
  }
}

.stylic-parallax {
  background: linear-gradient(180deg, #193825 0%, #1f4930 100%);
}
.stylic-parallax .parallax-wrap {
  padding-top: 5.375rem;
  padding-bottom: 6.260625rem;
  position: relative;
  display: flex;
  flex-direction: column;
}
.stylic-parallax .parallax-main {
  margin: 0 2.3125rem;
}
.stylic-parallax .parallax-main .img-wrap {
  box-shadow: 1.25rem 1.5rem 1.5rem 0 rgba(0, 0, 0, 0.15);
}
.stylic-parallax .parallax-item .img-wrap {
  box-shadow: 0.625rem 1.25rem 1.25rem 0 rgba(0, 0, 0, 0.15);
}
.stylic-parallax .parallax-item--1 {
  margin-top: 2.51625rem;
  width: 15.625rem;
}
.stylic-parallax .parallax-item--2 {
  margin-top: 2.5rem;
  width: 15.625rem;
  align-self: flex-end;
}
.stylic-parallax .parallax-item--3 {
  margin-top: -10.5%;
  width: 13.75rem;
}
.stylic-parallax .parallax-item--4 {
  margin-top: 4.0625rem;
  width: 18.75rem;
  align-self: center;
}
@media (min-width: 768px) {
  .stylic-parallax .parallax-wrap {
    margin: 0 1.5625rem;
    padding-top: 17.0625rem;
    padding-bottom: 11.0625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  .stylic-parallax .parallax-main {
    margin: 0;
    width: 43.75rem;
    aspect-ratio: 700/850;
    align-self: center;
    justify-self: center;
  }
  .stylic-parallax .parallax-item--1 {
    align-self: start;
    margin-top: 16.5%;
    width: 28.75rem;
  }
  .stylic-parallax .parallax-item--2 {
    margin-top: -13%;
    width: 28.75rem;
    align-self: flex-end;
  }
  .stylic-parallax .parallax-item--3 {
    align-self: start;
    margin-top: 6%;
    width: 28.75rem;
  }
  .stylic-parallax .parallax-item--4 {
    margin-top: -14%;
    width: 28.75rem;
    align-self: flex-end;
  }
}

.absinV2-hethong {
  margin-top: -0.125rem;
  padding-top: 3.375rem;
  background-color: #1f4930;
  padding-bottom: 1.14875rem;
}
.absinV2-hethong .title-box {
  padding-bottom: 1.4625rem;
}
.absinV2-hethong .title-box span {
  z-index: 2;
  color: #ffffff;
}
.absinV2-hethong .title-box span::after {
  z-index: -1;
}
.absinV2-hethong .item-left {
  background-color: #1f4930;
  z-index: 2;
}
.absinV2-hethong .item-left::after {
  content: " ";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: -10%;
  background-color: #1f4930;
  z-index: -1;
}
.absinV2-hethong .item-left__select {
  cursor: pointer;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 3;
  padding: 0.625rem;
  margin-bottom: 0.5775rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
}
.absinV2-hethong .item-left__select select {
  position: absolute;
  top: 50%;
  transform: translateY(-44%);
  height: 100%;
  cursor: pointer;
  display: block;
  border: none;
  color: #e8e0d4;
  font-family: "BT Beau Sans" !important;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 17.81px */
  appearance: none;
  background: transparent;
  height: 0.875rem;
  border-radius: 0.25rem;
}
.absinV2-hethong .item-left__select select option {
  color: #1a3324;
  border: 10%;
}
.absinV2-hethong .item-left__select .btn-weight {
  pointer-events: none;
  display: block;
  flex-shrink: 0;
  content: " ";
  width: 8%;
  aspect-ratio: 10/6;
  background-image: url(../../img/BT-AsinotteV2/arrow-select-2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  z-index: 3;
}
.absinV2-hethong .item-left__select::after {
  pointer-events: none;
  content: "";
  border-bottom: 1px solid #e8e0d4;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -26%);
}
.absinV2-hethong .item-left__select .item-left__group {
  width: 100%;
}
.absinV2-hethong .item-left__select .item-left__group .item-left-text {
  opacity: 0;
  color: var(--01, #e8e0d4);
  font-family: "BT Grotesk";
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
}
.absinV2-hethong .item-left__inner {
  margin-top: 2rem;
}
.absinV2-hethong .item-left__inner svg {
  overflow: visible;
  pointer-events: none;
}
.absinV2-hethong .item-left__inner svg #cap-height,
.absinV2-hethong .item-left__inner svg #x-height,
.absinV2-hethong .item-left__inner svg #baseline,
.absinV2-hethong .item-left__inner svg #descender {
  color: rgba(0, 61, 27, 0.6);
  font-family: "BT Grotesk";
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 175.111%; /* 175.111% */
  text-transform: uppercase;
}
.absinV2-hethong .item-left__inner svg #A {
  font-size: 553.18px;
}
.absinV2-hethong .item-right {
  padding-top: 3.125rem;
  padding-bottom: 3.823125rem;
}
.absinV2-hethong .item-right h4 {
  color: var(--5, #e8e0d4);
  font-family: "BT Grotesk" !important;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 126.485%; /*  */
  position: relative;
}
.absinV2-hethong .item-right h4::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, 0%);
  content: "";
  border-bottom: 1px solid #e8e0d4;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.absinV2-hethong .item-right__lists {
  position: relative;
  display: flex;
}
.absinV2-hethong .item-right__lists .f-item.liga-and-alter {
  font-feature-settings: "dlig" on;
}
.absinV2-hethong .item-right__lists .f-item.liga-and-alter .f-item-list + .f-item-list {
  font-feature-settings: "ss01" on, "ss02" on;
}
.absinV2-hethong .item-right__lists .f-item.liga-and-alter .alter {
  font-feature-settings: "calt" on, "ss01" on, "ss02" on;
}
.absinV2-hethong .item-right__lists .f-item__label {
  color: var(--5, #e8e0d4);
  font-family: "BT Grotesk";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 147.566%; /* 147.566% */
  padding: 0.625rem 0.9375rem;
  border-radius: 0.25rem;
  background: rgba(232, 224, 212, 0.1);
  transition: all 0.3s ease;
}
.absinV2-hethong .item-right__lists .f-item-list {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #aab48c;
  border-left: 1px solid #aab48c;
}
.absinV2-hethong .item-right__lists .f-item-list .f-btn {
  position: relative;
  width: 16.6666666667%;
  cursor: pointer;
}
.absinV2-hethong .item-right__lists .f-item-list .f-btn:after {
  content: "";
  display: block;
  padding-top: 100%;
  border-right: 1px solid #aab48c;
  border-bottom: 1px solid #aab48c;
}
.absinV2-hethong .item-right__lists .f-item-list .f-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  right: auto;
  color: #e8e0d4;
  text-align: center;
  font-size: 2.6875rem;
  font-weight: inherit;
  line-height: 1;
  margin-bottom: -8%;
}
.absinV2-hethong .item-right__lists .f-item-list .f-btn span.char {
  top: 50%;
}
.absinV2-hethong .item-right__lists .f-item-list .f-btn.current {
  background-color: #e8e0d4;
}
.absinV2-hethong .item-right__lists .f-item-list .f-btn.current span {
  color: #1a3324;
}
.absinV2-hethong .item-right__lists .f-item-list--alt .f-btn {
  font-feature-settings: "ss01" on;
}
.absinV2-hethong .item-right__lists .f-item-list + .f-item-list {
  margin-top: 1.875rem;
}
.absinV2-hethong .item-right__lists input {
  display: none;
}
.absinV2-hethong .item-right__lists .tabs-wrap {
  width: 100%;
}
.absinV2-hethong .item-right__lists .tabs-wrap .tabs-title {
  position: relative;
  border-bottom: 1px solid #e8e0d4;
}
.absinV2-hethong .item-right__lists .tabs-wrap .tabs-title .tabs-title-wrap {
  padding-top: 0.54rem;
  padding-bottom: 0.54rem;
  padding-right: 8%;
  display: flex;
  flex-shrink: 0;
  gap: 0.729375rem;
  align-items: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: 100%;
  scrollbar-width: none;
}
.absinV2-hethong .item-right__lists .tabs-wrap .tabs-title label {
  margin: 0;
}
.absinV2-hethong .item-right__lists .tabs-wrap .tabs-title h3 {
  cursor: pointer;
  white-space: nowrap;
  color: var(--5, #e8e0d4);
  font-family: "BT Grotesk";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 147.566%; /* 147.566% */
  margin-bottom: 0;
}
.absinV2-hethong .item-right__lists .tabs-wrap .tabs-title input[type=radio]:checked + label h3 {
  background-color: #e8e0d4;
  color: #1f4930;
  font-weight: 700 !important;
}
.absinV2-hethong .item-right__lists .tabs-wrap .tabs-content {
  width: 100%;
  padding-top: 1.666875rem;
}
.absinV2-hethong .item-right__lists .tabs-wrap .arrow-icon {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 0.375rem;
  aspect-ratio: 6/10;
  right: 2%;
  transform: translateY(-59%);
  vertical-align: initial;
}
.absinV2-hethong .item-right__lists .tabs-wrap .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-72%, -50%);
  width: 667%;
  height: 182%;
  background: linear-gradient(270deg, #1f4930 50%, rgba(31, 73, 48, 0) 100%);
  z-index: -1;
}
.absinV2-hethong .item-right__lists .tabs-wrap .f-item {
  pointer-events: none;
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .absinV2-hethong {
    padding-top: 16.5625rem;
    padding-bottom: 9.8125rem;
  }
  .absinV2-hethong .title-box {
    padding-bottom: 5.3125rem;
  }
  .absinV2-hethong .title-box span {
    z-index: 2;
    color: #ffffff;
  }
  .absinV2-hethong .title-box span::after {
    z-index: -1;
  }
  .absinV2-hethong .item-left {
    z-index: 10;
  }
  .absinV2-hethong .item-left::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -10%;
    z-index: -1;
  }
  .absinV2-hethong .item-left__select {
    position: relative;
    display: flex;
    z-index: 3;
    padding: 0.9375rem 1.5625rem;
    margin-bottom: 1.125rem;
  }
  .absinV2-hethong .item-left__select select {
    border: none;
    font-family: "BT Beau Sans" !important;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    appearance: none;
    background: transparent;
    height: 2rem;
  }
  .absinV2-hethong .item-left__select select option {
    border: 10%;
  }
  .absinV2-hethong .item-left__select .btn-weight {
    pointer-events: none;
    display: block;
    flex-shrink: 0;
    content: " ";
    width: 3%;
    aspect-ratio: 13/8;
    background-image: url(../../img/BT-AsinotteV2/arrow-select-2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.875rem;
    z-index: 3;
  }
  .absinV2-hethong .item-left__select::after {
    transform: translate(-50%, -10%);
  }
  .absinV2-hethong .item-left__select .item-left__group {
    width: 100%;
  }
  .absinV2-hethong .item-left__select .item-left__group .item-left-text {
    opacity: 0;
    color: var(--01, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 16px */
  }
  .absinV2-hethong .item-left__inner {
    margin-top: 4.125rem;
  }
  .absinV2-hethong .item-left__inner svg {
    overflow: visible;
    pointer-events: none;
  }
  .absinV2-hethong .item-left__inner svg #cap-height,
  .absinV2-hethong .item-left__inner svg #x-height,
  .absinV2-hethong .item-left__inner svg #baseline,
  .absinV2-hethong .item-left__inner svg #descender {
    color: rgba(0, 61, 27, 0.6);
    font-family: "BT Grotesk";
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 333.333%; /* 175.111% */
    text-transform: uppercase;
  }
  .absinV2-hethong .item-left__inner svg #A {
    font-size: 553.18px;
  }
  .absinV2-hethong .item-right {
    padding-top: 0;
  }
  .absinV2-hethong .item-right h4 {
    color: var(--5, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /*  */
  }
  .absinV2-hethong .item-right h4::after {
    transform: translate(-50%, -47%);
  }
  .absinV2-hethong .item-right__lists {
    position: relative;
    display: flex;
  }
  .absinV2-hethong .item-right__lists .f-item__label {
    color: var(--5, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 235.294%; /* 147.566% */
  }
  .absinV2-hethong .item-right__lists .f-item-list {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #aab48c;
    border-left: 1px solid #aab48c;
  }
  .absinV2-hethong .item-right__lists .f-item-list .f-btn {
    position: relative;
    width: 10%;
    cursor: pointer;
  }
  .absinV2-hethong .item-right__lists .f-item-list .f-btn:after {
    content: "";
    display: block;
    padding-top: 100%;
    border-right: 1px solid #aab48c;
    border-bottom: 1px solid #aab48c;
  }
  .absinV2-hethong .item-right__lists .f-item-list .f-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    right: auto;
    color: #e8e0d4;
    text-align: center;
    font-size: 3.048875rem;
    font-weight: inherit;
    line-height: 222.222%;
    margin-bottom: -8%;
  }
  .absinV2-hethong .item-right__lists .f-item-list .f-btn span.char {
    top: 50%;
  }
  .absinV2-hethong .item-right__lists .f-item-list .f-btn.current {
    background-color: #e8e0d4;
  }
  .absinV2-hethong .item-right__lists .f-item-list .f-btn.current span {
    color: #1a3324;
  }
  .absinV2-hethong .item-right__lists .f-item-list + .f-item-list {
    margin-top: 2.641875rem;
  }
  .absinV2-hethong .item-right__lists input {
    display: none;
  }
  .absinV2-hethong .item-right__lists .tabs-wrap {
    width: 100%;
  }
  .absinV2-hethong .item-right__lists .tabs-wrap .tabs-title {
    position: relative;
  }
  .absinV2-hethong .item-right__lists .tabs-wrap .tabs-title .tabs-title-wrap {
    padding-top: 0;
    padding-bottom: 1.125rem;
    padding-right: 0;
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
    scrollbar-width: none;
  }
  .absinV2-hethong .item-right__lists .tabs-wrap .tabs-title label {
    margin: 0;
  }
  .absinV2-hethong .item-right__lists .tabs-wrap .tabs-title h3 {
    white-space: nowrap;
    color: var(--5, #e8e0d4);
    font-family: "BT Grotesk";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 147.566% */
    margin-bottom: 0;
    padding: 0.9375rem 1.25rem;
  }
  .absinV2-hethong .item-right__lists .tabs-wrap .tabs-title input[type=radio]:checked + label h3 {
    font-weight: 700;
  }
  .absinV2-hethong .item-right__lists .tabs-wrap .tabs-content {
    width: 100%;
  }
  .absinV2-hethong .item-right__lists .tabs-wrap .arrow-icon {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 0.375rem;
    aspect-ratio: 6/10;
    right: 2%;
    transform: translateY(-50%);
    vertical-align: initial;
  }
  .absinV2-hethong .item-right__lists .tabs-wrap .f-item {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.3s ease;
  }
}

.buy-sun {
  background: linear-gradient(180deg, #1f4930 0%, #11291a 100%);
  position: relative;
  z-index: 10;
  padding-top: 0.1875rem;
  margin-top: -0.1875rem;
}
.buy-sun .sun-path {
  width: 127%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.buy-sun .sun-wrap {
  padding-top: 0.886875rem;
  padding-bottom: 0.875rem;
}
.buy-sun .sun-title {
  color: #e8e0d4;
  text-align: center;
  font-feature-settings: "dlig" on, "ss01" on, "ss02" on;
  font-family: "BT Absinotte";
  font-size: 3.3125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 53px */
}
.buy-sun .sun-cta {
  padding-top: 2.45rem;
  padding-bottom: 3.038125rem;
  position: relative;
  display: flex;
  justify-content: center;
}
.buy-sun .sun-cta .sun-glass-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -90%);
}
.buy-sun .sun-cta a {
  z-index: 3;
}
.buy-sun .sun-cta .sun-glass {
  color: #e8e0d4;
  text-align: center;
  font-family: "BT Absinotte";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 20px */
  text-transform: uppercase;
  padding: 0.833125rem 1.854375rem;
  border-radius: 100%;
  cursor: pointer;
}
.buy-sun .sun-cta .sun-glass::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 100%;
  height: 100%;
  height: 91%;
  border-radius: 100%;
  transition: all 0.3s ease;
  filter: url(#glass-ab);
  backdrop-filter: blur(0.009px);
  z-index: -1;
}
.buy-sun .sun-cta .sun-glass svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.buy-sun .sun-cta .img-wrap {
  width: 9.375rem;
  height: auto;
  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .buy-sun .sun-path {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .buy-sun .sun-wrap {
    padding-top: 6.75rem;
    padding-bottom: 6.75rem;
  }
  .buy-sun .sun-title {
    font-size: 12.5rem;
  }
  .buy-sun .sun-cta {
    padding-top: 8.5625rem;
    padding-bottom: 8.1875rem;
  }
  .buy-sun .sun-cta .sun-glass-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(-50%, -80%);
  }
  .buy-sun .sun-cta .sun-glass {
    color: #e8e0d4;
    text-align: center;
    font-family: "BT Absinotte";
    font-size: 3.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 20px */
    text-transform: uppercase;
    z-index: 3;
    padding: 2.125rem 5.5rem;
    border-radius: 100%;
    cursor: pointer;
  }
  .buy-sun .sun-cta .sun-glass::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 100%;
    transition: all 0.3s ease;
    filter: url(#glass-ab);
    backdrop-filter: blur(0.009px);
    z-index: -1;
  }
  .buy-sun .sun-cta .img-wrap {
    width: 28.125rem;
    height: auto;
    aspect-ratio: 1/1;
    transform-origin: "center";
  }
}

.chan-trang {
  padding-top: 5.0625rem;
  background-color: #11291a;
}
.chan-trang .chan-trang-wrap {
  text-align: center;
}
.chan-trang .chan-trang-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.chan-trang .chan-trang-logo svg {
  width: 8.38875rem;
  aspect-ratio: 134.22/31.85;
}
.chan-trang .chan-trang-logo svg path {
  fill: #e8e0d4;
}
.chan-trang .chan-trang-logo .logo-img {
  margin-top: 2.5rem;
  width: 12.5rem;
  aspect-ratio: 200/280;
}
.chan-trang .chan-trang-mem-wrap {
  padding-top: 4.375rem;
  padding-left: 1.125rem;
  padding-right: 0.6875rem;
}
.chan-trang .chan-trang-mems {
  gap: 5.276875rem;
}
.chan-trang .chan-trang-mems .mem-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.chan-trang .chan-trang-mems .mem {
  display: flex;
  align-items: center;
}
.chan-trang .chan-trang-mems .mem small {
  min-width: 6.6875rem;
  margin-right: 6.3125rem;
  color: rgba(232, 224, 212, 0.6);
  text-align: left;
  font-family: "BT Grotesk";
  font-size: 0.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 193.427%; /* 171.429% */
  text-transform: uppercase;
}
.chan-trang .chan-trang-mems .mem p {
  color: rgba(232, 224, 212, 0.8);
  text-align: left;
  font-family: "BT Grotesk";
  font-size: 0.671125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 120% */
  margin-bottom: 0;
}
.chan-trang .chan-trang-mems .mem p + p {
  margin-top: 0.295rem;
}
.chan-trang .chan-trang-mems .mem + .mem {
  margin-top: 1.871875rem;
}
.chan-trang .chan-trang-mems + .chan-trang-mems {
  border-top: 1px solid rgba(232, 224, 212, 0.3);
  margin-top: 1.258125rem;
  padding-top: 1.4925rem;
}
.chan-trang .chan-trang-member-cop {
  margin-top: 4.3825rem;
}
.chan-trang .chan-trang-member-cop p {
  color: rgba(232, 224, 212, 0.5);
  text-align: center;
  font-family: "BT Grotesk";
  font-size: 0.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 145%;
  margin-bottom: 0.97625rem;
}
.chan-trang .chan-trang-member-cop .partners-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 0rem;
  margin-right: 1.5625rem;
}
.chan-trang .chan-trang-member-cop .partners-wrap .partner path {
  fill: #e8e0d4;
  opacity: 0.5;
}
.chan-trang .chan-trang-member-cop .partners-wrap .partner:nth-of-type(1) svg {
  width: 6.0530625rem;
  height: auto;
}
.chan-trang .chan-trang-member-cop .partners-wrap .partner:nth-of-type(3) svg {
  width: 5.6979375rem;
  height: auto;
}
.chan-trang .chan-trang-member-cop .partners-wrap .partner:nth-of-type(5) svg {
  width: 4.3121875rem;
  height: auto;
}
.chan-trang .chan-trang-member-cop .partners-wrap .partner-dive {
  width: 1px;
  height: 1.875rem;
  border-left: 1px dashed #e8e0d4;
  opacity: 0.8;
}
.chan-trang .credit {
  color: rgba(232, 224, 212, 0.5);
  text-align: center;
  font-family: "BT Grotesk";
  font-size: 0.456375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 145%; /* 14.5px */
  margin-top: 7.355rem;
  padding-bottom: 1.295rem;
}
@media (min-width: 768px) {
  .chan-trang {
    padding-top: 8.9025rem;
  }
  .chan-trang .chan-trang-wrap {
    padding: 0 7.8125rem;
    display: flex;
    justify-content: space-between;
    gap: 10.030625rem;
  }
  .chan-trang .chan-trang-left {
    width: 35.86%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .chan-trang .chan-trang-logo {
    align-items: flex-start;
  }
  .chan-trang .chan-trang-logo svg {
    width: 15.375rem;
    aspect-ratio: 246/5.4;
  }
  .chan-trang .chan-trang-logo .logo-img {
    margin-top: 8.351875rem;
    width: 18.6875rem;
    aspect-ratio: 299/419;
  }
  .chan-trang .chan-trang-mem-wrap {
    width: 46.11%;
    padding-top: 0.941875rem;
  }
  .chan-trang .chan-trang-mems {
    display: flex;
    gap: 9.8125rem;
  }
  .chan-trang .chan-trang-mems .mem small {
    min-width: 11.6875rem;
    margin-right: 15.29125rem;
    align-self: start;
    font-family: "BT Grotesk";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 171.429%; /* 171.429% */
    text-transform: uppercase;
  }
  .chan-trang .chan-trang-mems .mem p {
    font-family: "BT Grotesk";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 120% */
    margin-bottom: 0;
  }
  .chan-trang .chan-trang-mems .mem p + p {
    margin-top: 0.5625rem;
  }
  .chan-trang .chan-trang-mems .mem + .mem {
    margin-top: 3.5rem;
  }
  .chan-trang .chan-trang-mems + .chan-trang-mems {
    margin-top: 2.0625rem;
    padding-top: 2.375rem;
  }
  .chan-trang .chan-trang-member-cop {
    margin-top: 3.173125rem;
  }
  .chan-trang .chan-trang-member-cop p {
    text-align: left;
    font-family: "BT Grotesk";
    font-size: 0.5625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 145%;
    padding-bottom: 0.615rem;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(232, 224, 212, 0.3);
  }
  .chan-trang .chan-trang-member-cop .partners-wrap {
    padding-top: 1.909375rem;
    margin-right: 0;
    display: flex;
    justify-content: flex-start;
    gap: 3rem;
    align-items: center;
  }
  .chan-trang .chan-trang-member-cop .partners-wrap .partner path {
    opacity: 0.5;
    transition: all 0.3s ease;
  }
  .chan-trang .chan-trang-member-cop .partners-wrap .partner:hover path {
    opacity: 1;
    transition: all 0.3s ease;
  }
  .chan-trang .chan-trang-member-cop .partners-wrap .partner:nth-of-type(1) svg {
    width: 7.875rem;
    height: auto;
  }
  .chan-trang .chan-trang-member-cop .partners-wrap .partner:nth-of-type(3) svg {
    width: 6.375rem;
    height: auto;
  }
  .chan-trang .chan-trang-member-cop .partners-wrap .partner:nth-of-type(5) svg {
    width: 5.204375rem;
    height: auto;
  }
  .chan-trang .chan-trang-member-cop .partners-wrap .partner-dive {
    width: 1px;
    height: 1.5625rem;
  }
  .chan-trang .credit {
    padding-left: 7.8125rem;
    text-align: left;
    font-family: "BT Grotesk";
    font-size: 1.004rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 14.5px */
    margin-top: 9.1275rem;
    padding-bottom: 4.153125rem;
  }
}

.fixModel-wrap {
  position: fixed;
  z-index: 250;
  right: 0;
  bottom: 0;
  margin-right: 0.9375rem;
  margin-bottom: 1.4375rem;
}
.fixModel-wrap[data-theme-active] .btn-fix .shape {
  height: auto;
}
.fixModel-wrap[data-theme-active] .btn-fix .shape rect {
  fill: #1a3324;
}
.fixModel-wrap[data-theme-active] .btn-fix .shape path {
  fill: #1a3324;
}
.fixModel-wrap[data-theme-active] #closeMenu rect {
  fill: #1a3324;
}
.fixModel-wrap[data-theme-active] #soundOff path {
  fill: #1a3324;
  stroke: none;
}
.fixModel-wrap[data-theme-active] #soundOff .round {
  stroke: #1a3324;
  fill: none;
}
.fixModel-wrap[data-theme-active] #soundOn path {
  fill: #1a3324;
}
.fixModel-wrap[data-theme-active] #soundOn .round {
  stroke: #1a3324;
  fill: none;
}
.fixModel-wrap[data-theme-active] .model-fix a {
  color: #1a3324;
}
@media (min-width: 768px) {
  .fixModel-wrap {
    margin-right: 3.1875rem;
    margin-bottom: 3.1875rem;
  }
}

.btn-fix {
  z-index: 5;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.1215686275);
  backdrop-filter: blur(30px);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  position: relative;
  width: 2.8125rem;
  height: auto;
  aspect-ratio: 1/1;
}
.btn-fix .btn-fix__stroke {
  width: 100%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
  opacity: 1;
}
.btn-fix svg {
  width: 36%;
  height: auto;
}
@media (min-width: 768px) {
  .btn-fix {
    width: 4.375rem;
    height: auto;
    aspect-ratio: 1/1;
  }
}

.btn-sound {
  position: relative;
  margin-bottom: 0.625rem;
  aspect-ratio: 1/1;
}
.btn-sound svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: auto;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.btn-sound svg.active {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.btn-sound .btn-sound__disc {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-51%, -231%);
}
.btn-sound .btn-sound__disc p {
  white-space: nowrap;
  color: rgba(232, 224, 212, 0.9);
  font-family: "BT Rollerball";
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 120%; /* 18px */
  transform: translate(-16%, 33%) rotateZ(-7.64deg);
}
.btn-sound .btn-sound__disc svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(93%, -8%);
  width: 100%;
  opacity: 1;
  width: 1.8125rem;
  aspect-ratio: 29/57;
}
@media (min-width: 768px) {
  .btn-sound {
    margin-bottom: 1.0625rem;
  }
  .btn-sound svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: auto;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .btn-sound svg.active {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .btn-sound .btn-sound__disc {
    display: block;
  }
}

.btn-menu {
  position: relative;
  z-index: 10;
}
.btn-menu svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36%;
  height: auto;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.btn-menu svg.active {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.model-fix {
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 10;
  backdrop-filter: blur(30px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-81%, -100%);
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.1215686275);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-right: 1.1875rem;
  margin-bottom: 8.875rem;
}
.model-fix.active {
  opacity: 1;
  transition: opacity 0.3s ease;
  pointer-events: auto;
}
.model-fix a {
  color: var(--01, #e8e0d4);
  text-align: right;
  font-family: "BT Grotesk";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}
.model-fix a p {
  margin-bottom: 0.625rem;
  transition: opacity 0.3s ease;
}
.model-fix a:last-child p {
  margin-bottom: 0;
}
.model-fix .fix-wrap:has(a:hover) a:not(:hover) p {
  opacity: 0.2;
}
.model-fix .fix-wrap a p {
  transition: all 0.3s ease;
  transition-delay: 0.1s;
}
@media (min-width: 768px) {
  .model-fix {
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
    backdrop-filter: blur(30px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(-50%, -100%);
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.1215686275);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-radius: 0.5rem;
    padding: 1.25rem;
    margin-right: 1.1875rem;
    margin-bottom: 8.875rem;
  }
  .model-fix.active {
    opacity: 1;
    transition: opacity 0.3s ease;
    pointer-events: auto;
  }
  .model-fix a {
    color: var(--01, #e8e0d4);
    text-align: right;
    font-family: "BT Grotesk";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
  }
  .model-fix a p {
    margin-bottom: 0.625rem;
    transition: opacity 0.3s ease;
  }
  .model-fix a:last-child p {
    margin-bottom: 0;
  }
  .model-fix .fix-wrap:has(a:hover) a:not(:hover) p {
    opacity: 0.2;
  }
  .model-fix .fix-wrap a p {
    transition: all 0.3s ease;
    transition-delay: 0.1s;
  }
}

/*# sourceMappingURL=work-BT-AbsinotteV2.css.map */