.w-webflow-badge {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
  position: absolute !important;
  height: 0px !important;
  width: 0px !important;
  scale: 0 !important;
}

html {
  height: auto;
}

/* -- Global -- */

/* @media (min-width: 990px) {
    :root {
      --size: 1600;
    }
  
    html {
      height: auto !important;
      -ms-overflow-style: none;
      scrollbar-width: none;
      font-size: calc(13.85 * 100vw / var(--size));
      -webkit-text-size-adjust: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
  
    .footer_background-shape {
      margin-right: 6rem;
    }
  } */

:root {
  --all-transitions: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  --button-animations: all 450ms ease;
  --arrow-animations: all 550ms ease;
  --fast-transitions: 250ms cubic-bezier(0.77, 0, 0.175, 1);
  --transform-transitions: transform 400ms cubic-bezier(0.77, 0, 0.175, 1);
  --transform-bounce: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-transitions: all 200ms ease;
  --parallax-strength: 10%;
  --parallax-height: 4%;
  --text-indent-large: 12.5rem;
  --text-indent-small: 9.25rem;

  --height-untill-apps-grid: 19.5rem;
  --height-untill-apps-grid-pers: 22.5%;
  --radius--button: 5rem;
}

[data-video-perspective],
[data-video-track],
[data-video-wrapper] {
  will-change: transform;
  transform: translateZ(0.0001); /* Force GPU acceleration */
}

[data-video-wrapper] {
  top: -75% !important;
}

/* -- Media -- */

@media only screen and (max-width: 1900px) {
}

@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 991px) {
  :root {
    --text-indent-large: 9.5rem;
    --text-indent-small: 8rem;
  }

  .nxt_menu-link::before {
    content: "";
    height: 0rem !important;
    background-color: transparent !important;
  }

  [data-action-menu="item"]:nth-child(4) {
    margin-bottom: 2.5rem;
  }

  [data-video-active="false"]::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: auto;
    cursor: pointer;
    width: 5rem !important;
    height: 3.5rem !important;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="72" viewBox="0 0 96 72" fill="none"><path d="M0 0H96V72H0V0Z" fill="black" fill-opacity="0.6"/><path d="M36 18L64 36L36 54V18Z" fill="white"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}

@media only screen and (max-width: 767px) {
  :root {
    --text-indent-large: 8.75rem;
    --text-indent-small: 7.875rem;
  }
  .class:last-child {
  }

  [data-gradient-type="first"]::after {
    content: "";
    background: linear-gradient(180deg, rgba(9, 24, 19, 0) 50%, #091813 100%),
      linear-gradient(
        257deg,
        rgba(9, 24, 19, 0) 40.91%,
        rgba(9, 24, 19, 0.7) 100%
      ) !important;
  }

  [data-gradient-type="second"]::after {
    content: "";
    background: linear-gradient(
        180deg,
        rgba(11, 11, 11, 0) 50%,
        rgba(11, 11, 11, 0.8) 100%
      ),
      linear-gradient(180deg, rgba(11, 11, 11, 0) 76.13%, #0b0b0b 100%),
      linear-gradient(211deg, rgba(11, 11, 11, 0) 0%, rgba(11, 11, 11, 0.7) 80%) !important;
  }
}

@media only screen and (max-width: 479px) {
  :root {
    --text-indent-large: 8.125rem;
  }
}

/* @media only screen and (max-width: 991px) {
  [data-padding-fixed] {
    padding-top: 5.25rem !important;
    padding-bottom: 5.25rem !important;
  }
}

@media only screen and (max-width: 767px) {
  [data-padding-fixed] {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
  }
}

@media only screen and (max-width: 479px) {
  [data-padding-fixed] {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
} */

/* -- Keyframe Animations -- */

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes marqueeY {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

@keyframes marqueeYRev {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}

@keyframes marqueeRev {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

.swiper-pagination-bullet {
  cursor: pointer;
  transition: var(--all-transitions);
}

/* -- Card Hover On Animations -- */

/* -- Scrollbar Styling -- */

.maison_commerce_cart_box-conent::-webkit-scrollbar,
.nav_menu-list::-webkit-scrollbar {
  display: none;
}

/* -- Card & Mobile Menu Conditions -- */

.cart-active {
  overflow: hidden;
}

.menu-active {
  overflow: hidden;
}

/* -- Marquee Animatios -- */

.nxt_track-marquee_box {
  overflow: hidden;
}

.nxt_marquee-line.is--partners,
.nxt_portfolio-logos_list {
  animation: marquee 20s linear infinite !important;
}

.ll_galley_list .ll_galley_row {
  animation: marquee 40s linear infinite;
}

.ll_galley_list.is--middle .ll_galley_row {
  animation: marqueeRev 40s linear infinite !important;
}

.nxt_track-col:nth-child(even) .nxt_track-marquee_line {
  animation: marqueeYRev 20s linear infinite !important;
}

.nxt_track-col:nth-child(odd) .nxt_track-marquee_line {
  animation: marqueeY 20s linear infinite !important;
}

.nxt_track-col:nth-child(odd) .nxt_track-marquee_box {
}

.nxt_track-marquee_line.is--up {
  animation: marqueeY 20s linear infinite !important;
}

.nxt_track-marquee_line.is--down {
  animation: marqueeYRev 20s linear infinite !important;
}

/* -- Nav Items -- */

/* .nxt_menu-link {
    position: relative;
    transition: var(--all-transitions);
  }
  
  .nxt_menu-link::before {
    content: "";
    position: absolute;
    bottom: -0.075em;
    left: 0;
    width: 100%;
    height: 0.0675em;
    background-color: currentColor;
    transition: var(--all-transitions);
    transform-origin: center;
    transform: scaleX(0) rotate(0.001deg);
  }
  
  .nxt_menu-link:hover::before {
    transform-origin: center;
    transform: scaleX(1) rotate(0.001deg);
  } */

.nxt_menu-link,
.nxt_footer-column_link,
.nav_drop-link {
  cursor: pointer;
  position: relative;
}

.nxt_menu-link::before,
.nav_drop-link::before {
  content: "";
  position: absolute;
  bottom: -0.075em;
  left: 0;
  width: 100%;
  height: 0.0675em;
  background-color: currentColor;
  transition: var(--transform-transitions);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}

.nxt_footer-column_link::before {
  content: "";
  position: absolute;
  bottom: -0.175em;
  left: 0;
  width: 100%;
  height: 0.0675em;
  background-color: currentColor;
  transition: var(--transform-transitions);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}

.nxt_menu-link:hover::before,
.nxt_footer-column_link:hover::before,
.nav_drop-link:hover::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
}

.nxt_menu-link:hover {
  opacity: 1;
}

/* -- Parallax Animations -- */

[data-parallax-strength] [data-parallax-target] {
  position: relative;
  height: calc(100% + (var(--parallax-height)));
  max-height: calc(100% + (var(--parallax-height)));
  top: calc(var(--parallax-height) * -1);
  will-change: transform;
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 0;
  rotate: 0.001deg;
}

/* @media (min-width: 990px) {
  [parallax-target] {
    position: sticky;
    top: calc(6.3875rem + 0rem);
  }
} */

@media (min-width: 990px) {
  [parallax-target] {
    filter: blur(0.375rem);
    opacity: 0.3;
    transition: var(--all-transitions);
  }

  [parallax-target].is--active {
    filter: blur(0rem) !important;
    opacity: 1 !important;
  }
}

/* -- Split Lines Styling -- */

[text-indent][data-split-full="is-split"] > .single-line:first-child {
  /* text-indent: var(--text-indent-large); */
  margin-left: var(--text-indent-large);
}

[text-indent-small][data-split-full="is-split"] > .single-line:first-child {
  /* text-indent: var(--text-indent-large); */
  margin-left: var(--text-indent-small);
}

.single-line {
  overflow: hidden;
}

/* -- Header Theme -- */

[header-theme] {
  transition: all var(--fast-transitions);
}

[action-logo-menu="unactive"] {
  display: flex !important;
  opacity: 0;
  transition: opacity var(--fast-transitions);
}

[action-logo-menu="active"] {
  transition: opacity var(--fast-transitions);
}

html.menu-active [action-logo-menu="active"] {
  opacity: 0;
}

html.menu-active [action-logo-menu="unactive"] {
  display: flex !important;
  opacity: 1;
}

html.menu-active [action-menu="toggle"] {
  color: var(--200) !important;
}

/**/

.is--arrow,
.is--arrowx,
.footer_column-social,
.render_controller-btn {
  cursor: pointer;
  transition: all var(--fast-transitions);
}

.is--arrow:hover,
.is--arrowx:hover,
.footer_column-social:hover,
.render_controller-btn:hover {
  scale: 1.05;
}

.is--disabled {
  pointer-events: none;
  opacity: 0.5;
}

/**/

[data-scale-target] {
  transition: all var(--fast-transitions);
  cursor: pointer;
}

[data-scale-parent]:hover [data-scale-target] {
  scale: 1.05;
}

/**/
.field {
  transition: var(--fast-transitions);
}

.field:hover {
  outline-width: 0.125rem;
}

/**/

[data-button-text],
[data-button-arrs] {
  position: relative;
  z-index: 1;
}

[data-button-trigger-box] {
  cursor: pointer !important;
}

.button-arr {
  transform: translateX(0%) rotate(0.001deg);
  transition: var(--arrow-animations);
}

.button:hover .button-arr {
  transform: translateX(125%) rotate(0.001deg);
}

[data-button-trigger-box]:hover .button .button-arr {
  transform: translateX(125%) rotate(0.001deg);
}

.button {
  position: relative;
  overflow: hidden;
  transition: var(--ease-transitions);
}

.button:hover {
}

.button::after {
  content: "";
  z-index: 0;
  background-color: var(--500);
  transform-origin: 0% 100%;
  height: calc(100% + 0.125rem);
  width: 100%;
  transition: var(--button-animations);
  position: absolute;
  inset: auto 0% 0%;
  transform: scale(0, 1);
  bottom: -0.125rem;
}

[data-button-link="true"]::after {
  content: "";
  background-color: transparent !important;
}

[data-button-theme="green"]::after {
  content: "";
  background-color: #2a5e4c !important;
}

.button:hover::after {
  transform: scale(1.2, 1);
}

[data-button-trigger-box]:hover .button::after {
  transform: scale(1.2, 1);
}

.w-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer !important;
}

.collection_selector-box {
  color: #0b0b0bcc !important;
}

.w-input:focus,
.w-select:focus {
  border-color: transparent !important;
  /* outline: 0; */
}

/* -- Accordions -- */

[fs-accordion-element="accordion"],
[fs-accordion-active] {
  cursor: pointer;
}

[fs-accordion-element="accordion"] svg,
.maison_commerce_filter-box-cover svg {
  transition: var(--transform-bounce);
}

[fs-accordion-element="accordion"].is-active-accordion svg,
.maison_commerce_filter-box-cover.is-active-accordion svg {
  transform: rotate(-180deg);
}

/* -- Divider Lines -- */

.button-wrapepr.in--brand_card {
  position: relative;
  --component-header-divider-line: 0%;

  &::after {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    width: var(--component-header-divider-line);
    top: 0;
    height: 0.065rem;
    left: 0;
    background: currentColor;
    opacity: 20%;
  }
}

.standart_list-item {
  position: relative;
  --component-header-divider-line: 0%;

  &::after {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    width: var(--component-header-divider-line);
    bottom: 0;
    height: 0.065rem;
    left: 0;
    background: currentColor;
    opacity: 15%;
  }
}

.faq_accordion-content {
  position: relative;
  --component-header-divider-line: 0%;

  &::after {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    width: var(--component-header-divider-line);
    bottom: 0;
    height: 0.065rem;
    left: 0;
    background: currentColor;
    opacity: 25%;
  }
}

.prod_accordion-content {
  position: relative;
  --component-header-divider-line: 0%;

  &::after {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    width: var(--component-header-divider-line);
    top: 0;
    height: 0.065rem;
    left: 0;
    background: currentColor;
    opacity: 15%;
  }
}

/* -- Safari Target -- */

.marquee-item img {
  width: unset !important;
}

/*  -- Tabs -- */

[tabs="content"] {
}

[tabs="content"] [tab-pane] {
  display: none;
}

[tabs="content"] [tab-pane].is--active {
  display: block;
}

/* -- Video Container Wrapper -- */

[data-video-active="false"]::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: auto;
  cursor: pointer;
  width: 6rem;
  height: 4.5rem;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="72" viewBox="0 0 96 72" fill="none"><path d="M0 0H96V72H0V0Z" fill="black" fill-opacity="0.6"/><path d="M36 18L64 36L36 54V18Z" fill="white"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* -- Global Overflow -- */

[data-dropdown-active],
[data-dropdown-active="fasle"] {
  transition: var(--all-transitions);
  position: fixed;
  inset: 0%;
  opacity: 0;
  z-index: 9;
  background-color: rgba(11, 11, 11, 0.7);
  pointer-events: none;
}

[data-dropdown-active="true"] {
  opacity: 1;
  pointer-events: auto;
}

/* -- FAQ -- */

[fs-accordion-element="content"] {
  overflow: hidden;
  transition: var(--all-transitions) !important;
}

/* -- -- */
.pseudo-before::before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 4.375rem;
  top: 0;
  height: 100%;
  left: 0;
  right: auto;
  background: linear-gradient(90deg, #091813 0%, rgba(9, 24, 19, 0) 100%);
}

.pseudo-after::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 4.375rem;
  top: 0;
  height: 100%;
  left: auto;
  right: 0;
  background: linear-gradient(90deg, rgba(9, 24, 19, 0) 0%, #091813 100%);
}

.nxt_marquee-wrapper.is--partners,
.nxt_portfolio-trust_logos {
  position: relative;
}

.nxt_marquee-wrapper.is--partners::before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 9.375rem;
  top: 0;
  height: 100%;
  left: 0;
  right: auto;
  background: linear-gradient(90deg, #050505 0%, rgba(5, 5, 5, 0) 100%);
}

.nxt_marquee-wrapper.is--partners::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 9.375rem;
  top: 0;
  height: 100%;
  left: auto;
  right: 0;
  background: linear-gradient(270deg, #050505 0%, rgba(5, 5, 5, 0) 100%);
}

.nxt_portfolio-trust_logos::before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 2.5rem;
  top: 0;
  height: 100%;
  left: 0;
  right: auto;
  background: linear-gradient(90deg, #050505 0%, rgba(5, 5, 5, 0) 100%);
}

.nxt_portfolio-trust_logos::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 2.5rem;
  top: 0;
  height: 100%;
  left: auto;
  right: 0;
  background: linear-gradient(270deg, #050505 0%, rgba(5, 5, 5, 0) 100%);
}

/**/

.portfolio_item {
  background-color: unset !important;
}

.benefit-card {
  transition: unset !important;
}

[data-progress-bar] {
  position: sticky;
  top: calc((100vh - 7.5rem) / 2);
}

.nxt_marquee-partner_item img {
  width: unset !important;
}

.swiper-slide,
.swiper,
[slide-from-left],
[slide-from-right],
[slide-in-up] {
  will-change: transform !important;
}

/* .nxt_track-scroller {
  height: 2rem;
}

.nxt_track-sticker_cover {
  will-change: transform;
  opacity: 1;
  transform: perspective(500px) translateY(-63px) translateZ(3px) scale(0.8)
    rotateX(40deg);
  transform: perspective(500px) translateY(260px) translateZ(3px) scale(1.4)
    rotateX(0deg);
}

.nxt_track-iphone {
  will-change: transform;
  opacity: 1;
} */

.nxt_video-track {
  border-radius: 1rem !important;
}

.nxt_track-wrapper::before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  top: 27.5rem; /*was 28% */
  left: 0;
  right: 0;
  height: 25.5rem; /*was 26.5% */
  background: linear-gradient(
    180deg,
    #080808 3.05%,
    rgba(8, 8, 8, 0.79) 29.92%,
    rgba(8, 8, 8, 0.5) 61.22%,
    rgba(8, 8, 8, 0) 96.94%
  );
}

.nxt_track-col::before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 15%;
  background: linear-gradient(
    180deg,
    #080808 3.05%,
    rgba(8, 8, 8, 0.79) 29.92%,
    rgba(8, 8, 8, 0.5) 61.22%,
    rgba(8, 8, 8, 0) 96.94%
  );
}

.nxt_track-col::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 15%;
  background: linear-gradient(
    90deg,
    #080808 3.05%,
    rgba(8, 8, 8, 0.79) 29.92%,
    rgba(8, 8, 8, 0.5) 61.22%,
    rgba(8, 8, 8, 0) 96.94%
  );
}

.nxt_track-wrapper::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  top: var(--height-untill-apps-grid);
  left: 0;
  right: 0;
  height: 7.75rem;
  background: linear-gradient(
    180deg,
    rgba(8, 8, 8, 0) 3.1%,
    rgba(8, 8, 8, 0.5) 17.37%,
    rgba(8, 8, 8, 0.86) 41.09%,
    #080808 86.33%
  );
}

.nxt_media-wrapper.is--lottie::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--height-untill-apps-grid);
  background: linear-gradient(
    180deg,
    rgba(8, 8, 8, 0) 3.1%,
    rgba(8, 8, 8, 0.5) 17.37%,
    rgba(8, 8, 8, 0.86) 41.09%,
    #080808 86.33%
  );
}

.nxt_hero-track_inner .nxt_track-screen {
  overflow: hidden;
  transition: var(--all-transitions);
}

/* .nxt_hero-track_inner .nxt_track-screen > [data-video-shadow-top] {
  transition: var(--all-transitions);
  content: "";
  opacity: 0;
} */

/* .nxt_hero-track_inner.is--animating .nxt_track-screen[data-video-shadow-top] {
  opacity: 1;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  transition: var(--all-transitions);
  width: 100%;
  bottom: auto;
  top: 0;
  left: 0;
  right: 0;
  height: 15%;
  background: linear-gradient(
    0deg,
    rgba(8, 8, 8, 0) 3.1%,
    rgba(8, 8, 8, 0.5) 17.37%,
    rgba(8, 8, 8, 0.86) 41.09%,
    #080808 86.33%
  );
} */

.nxt_hero-track_inner .nxt_track-screen > [data-video-shadow-top] {
  opacity: 1;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  /* transition: var(--all-transitions); */
  width: 100%;
  bottom: auto;
  top: -0.5rem;
  left: 0;
  right: 0;
  height: 15%;
  background: linear-gradient(
    0deg,
    rgba(8, 8, 8, 0) 3.1%,
    rgba(8, 8, 8, 0.5) 17.37%,
    rgba(8, 8, 8, 0.86) 41.09%,
    #080808 86.33%
  );
}

/* 
.nxt_hero-track_inner.is--active
  .nxt_track-screen
  > [data-video-shadow-bottom] {
  transition: var(--all-transitions);
  content: "";
  opacity: 0;
} */

.nxt_hero-track_inner .nxt_track-screen > [data-video-shadow-bottom] {
  /* content: ""; */
  opacity: 1;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  /* transition: var(--all-transitions); */
  width: 100%;
  bottom: -0.5rem;
  left: 0;
  right: 0;
  height: var(--height-untill-apps-grid);
  background: linear-gradient(
    180deg,
    rgba(8, 8, 8, 0) 3.1%,
    rgba(8, 8, 8, 0.5) 17.37%,
    rgba(8, 8, 8, 0.86) 41.09%,
    #080808 86.33%
  );
}

.nxt_media-wrapper.is--lottie {
  max-height: var(--height-untill-apps-grid-pers) !important;
  /* overflow: hidden !important; */
}

.nxt_video {
  /* background-color: var(--400); */
  background-color: transparent;
  border: 1px solid #7b98cc;
}

.nxt_video wistia-player {
  scale: 1.025;
}

/* 
.nxt_track-screen::before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  top: 0%;
  left: 0;
  right: 0;
  height: 26.5%;
  background: linear-gradient(
    180deg,
    #080808 3.05%,
    rgba(8, 8, 8, 0.79) 29.92%,
    rgba(8, 8, 8, 0.5) 61.22%,
    rgba(8, 8, 8, 0) 96.94%
  );
}

.nxt_track-screen::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 15%;
  background: linear-gradient(
    180deg,
    rgba(8, 8, 8, 0) 3.1%,
    rgba(8, 8, 8, 0.5) 17.37%,
    rgba(8, 8, 8, 0.86) 41.09%,
    #080808 86.33%
  );
} */

.nxt_hero-track_inner * {
  will-change: transform !important;
}

/* @media (min-width: 990px) {
  .nxt_hero-track_inner {
  }
} */

[data-video-perspective] {
  transform: perspective(499.689px) translate3d(0px, -63px, 3px)
    rotateX(40.0003deg) scale(0.65, 0.65);
  will-change: transform !important;
}

/*------------------------
// ------ Cursor ------- //
------------------------- */
/* Cursor base styles */
.mf-cursor {
  display: flex;
  justify-content: center;
  align-items: center;
  mix-blend-mode: difference;
  pointer-events: none;
  border-radius: 50%;
  outline: 0 solid transparent;
  z-index: 9999 !important;
  outline-offset: 0;
  transition: outline 0.15s ease-in-out;
  width: 1rem;
  position: fixed !important;
  height: 1rem;
  inset: -0.5rem auto auto -0.5rem;
}

.mf-cursor::before {
  content: "";
  position: fixed;
  inset: 0 auto auto 0;
  transform: translate(-50%, -50%);
  display: flex;
  opacity: 0;
  align-items: center;
  justify-content: center;
  mix-blend-mode: difference;
  background-color: transparent;
  pointer-events: none;
  transition: outline 0.15s ease-in-out;
  visibility: visible;
  z-index: 9999;
}

.mf-cursor .my-spritesheet {
  display: none !important;
}

.mf-cursor.-icon .my-spritesheet {
  display: flex !important;
}

/* Cursor states */
.mf-cursor.-hidden,
.mf-cursor.-hidden::before {
  display: none;
}

.mf-cursor.-pointer {
  outline: 0 solid transparent;
  outline-offset: 0;
}

.mf-cursor.-pointer::before {
  transform: scale(1);
}

/* Icon cursor variant */
.mf-cursor.-icon {
  display: flex;
  mix-blend-mode: unset;
  border-radius: 100%;
  background: rgb(121 121 121 / 0.2);
  backdrop-filter: blur(0.25rem);
  width: 3.625rem;
  height: 3.625rem;
  inset: -1.75rem auto auto -1.75rem;
  outline: 0 solid transparent;
  border-width: 0;
  box-shadow: 0 6px 20px -6px rgb(144 164 200 / 0.5);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1OCIgaGVpZ2h0PSI1OCIgdmlld0JveD0iMCAwIDU4IDU4IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjkgNTdDMTMuNTM2IDU3IDEgNDQuNDY0IDEgMjlDMSAxMy41MzYgMTMuNTM2IDEgMjkgMUM0NC40NjQgMSA1NyAxMy41MzYgNTcgMjlDNTcgNDQuNDY0IDQ0LjQ2NCA1NyAyOSA1N1oiIHN0cm9rZT0idXJsKCNwYWludDBfbGluZWFyXzExOF80MDQwKSIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTE4XzQwNDAiIHgxPSI1OCIgeTE9IjEuMjMwNmUtMDUiIHgyPSItMi45NDkzNyIgeTI9IjMuMjg1NDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0IxQkZEOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC4yMjM5NTgiIHN0b3AtY29sb3I9IiNCMUJGRDgiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjMzMzMzMyIgc3RvcC1jb2xvcj0iI0IxQkZEOCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjcxODc1IiBzdG9wLWNvbG9yPSIjQUJCQUQ1IiBzdG9wLW9wYWNpdHk9IjAuNjMwNCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2NzgyQjQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.mf-cursor.-icon::before {
  display: none;
  mix-blend-mode: unset;
  opacity: 1;
  border-radius: 100%;
  background: rgb(121 121 121 / 0.2);
  backdrop-filter: blur(0.25rem);
  width: 3.625rem;
  height: 3.625rem;
  inset: -1.75rem auto auto -1.75rem;
  outline: 0 solid transparent;
  border-width: 0;
  box-shadow: 0 6px 20px -6px rgb(144 164 200 / 0.5);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1OCIgaGVpZ2h0PSI1OCIgdmlld0JveD0iMCAwIDU4IDU4IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjkgNTdDMTMuNTM2IDU3IDEgNDQuNDY0IDEgMjlDMSAxMy41MzYgMTMuNTM2IDEgMjkgMUM0NC40NjQgMSA1NyAxMy41MzYgNTcgMjlDNTcgNDQuNDY0IDQ0LjQ2NCA1NyAyOSA1N1oiIHN0cm9rZT0idXJsKCNwYWludDBfbGluZWFyXzExOF80MDQwKSIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTE4XzQwNDAiIHgxPSI1OCIgeTE9IjEuMjMwNmUtMDUiIHgyPSItMi45NDkzNyIgeTI9IjMuMjg1NDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0IxQkZEOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC4yMjM5NTgiIHN0b3AtY29sb3I9IiNCMUJGRDgiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjMzMzMzMyIgc3RvcC1jb2xvcj0iI0IxQkZEOCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjcxODc1IiBzdG9wLWNvbG9yPSIjQUJCQUQ1IiBzdG9wLW9wYWNpdHk9IjAuNjMwNCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2NzgyQjQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Spritesheet arrows */
.my-spritesheet.-arrow-left {
  display: flex;
  background: transparent
    url("https://cdn.prod.website-files.com/64e886c0da492b79ff3d165e/672eb62c7bdb65e17da068d0_arrow-left%20(1).svg")
    no-repeat center / 1.25rem 1.25rem;
}

.my-spritesheet.-arrow-right {
  display: flex;
  background: transparent
    url("https://cdn.prod.website-files.com/64e886c0da492b79ff3d165e/672eb62ceb3b6994352a44c6_arrow-right%20(2).svg")
    no-repeat center / 1.25rem 1.25rem;
}

/* Cursor text */
.mf-cursor-text {
  position: static;
}

/* Swiper navigation */
.swiper-prev.is--ll_left {
  height: 85%;
}

.swiper-next.is--ll_right {
  height: 85%;
}

.swiper-prev.is--ll_left.is--full {
  height: 100%;
}

.swiper-next.is--ll_right.is--full {
  height: 100%;
}

.swiper-cover.is--ll_customers .swiper-prev.is--ll_left.is--full {
  height: 60%;
}

.swiper-cover.is--ll_customers .swiper-next.is--ll_right.is--full {
  height: 60%;
}

/* -- -- */

[data-video-box="member"]:nth-last-child(1) {
  opacity: 1;
  display: block;
  -webkit-transform: rotate(0deg) scale(1) translateX(0);
  -ms-transform: rotate(0deg) scale(1) translateX(0);
  transform: rotate(0deg) scale(1) translateX(0);
  /* -webkit-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms; */
}

[data-video-box="member"]:nth-last-child(2) {
  opacity: 1;
  display: block;
  -webkit-transform: rotate(6deg) scale(0.95) translateX(1.25rem);
  -ms-transform: rotate(6deg) scale(0.95) translateX(1.25rem);
  transform: rotate(6deg) scale(0.95) translateX(1.25rem);
  /* -webkit-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms; */
}

[data-video-box="member"]:nth-last-child(3) {
  opacity: 1;
  display: block;
  -webkit-transform: rotate(12deg) scale(0.9) translateX(2.5rem);
  -ms-transform: rotate(12deg) scale(0.9) translateX(2.5rem);
  transform: rotate(12deg) scale(0.9) translateX(2.5rem);
  /* -webkit-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms; */
}

[data-video-box="member"] {
  opacity: 0;
  display: none;
  /* position: absolute;
  width: 100%;
  height: 100%;
  background-color: #202020;
  border-radius: 1rem; */
  /* -webkit-transform: translateY(-70rem) scale(0.9);
  -ms-transform: translateY(-70rem) scale(0.9);
  transform: translateY(-70rem) scale(0.9); */
  -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.6, 0, 0.2, 1);
  transition: -webkit-transform 1000ms cubic-bezier(0.6, 0, 0.2, 1);
  -o-transition: transform 1000ms cubic-bezier(0.6, 0, 0.2, 1);
  transition: transform 1000ms cubic-bezier(0.6, 0, 0.2, 1);
  transition: opacity 1000ms cubic-bezier(0.6, 0, 0.2, 1);
  transition: transform 1000ms cubic-bezier(0.6, 0, 0.2, 1),
    -webkit-transform 1000ms cubic-bezier(0.6, 0, 0.2, 1);
}

[data-video-box="member"][data-drop="true"] {
  -webkit-transition: opacity 300ms 500ms linear,
    -webkit-transform 1000ms cubic-bezier(0.6, 0, 0.2, 1);
  transition: opacity 300ms 500ms linear,
    -webkit-transform 1000ms cubic-bezier(0.6, 0, 0.2, 1);
  -o-transition: transform 1000ms cubic-bezier(0.6, 0, 0.2, 1),
    opacity 300ms 500ms linear;
  transition: transform 1000ms cubic-bezier(0.6, 0, 0.2, 1),
    opacity 300ms 500ms linear;
  transition: transform 1000ms cubic-bezier(0.6, 0, 0.2, 1),
    opacity 300ms 500ms linear,
    -webkit-transform 1000ms cubic-bezier(0.6, 0, 0.2, 1);
  -webkit-animation: drop 800ms forwards;
  animation: drop 800ms forwards;
}

@keyframes drop {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    z-index: 10;
  }

  40% {
    opacity: 1;
    -webkit-transform: translate3d(-90%, 0, 0) rotate(4deg) scale(0.925);
    transform: translate3d(-90%, 0, 0) rotate(4deg) scale(0.925);
    z-index: -1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2.5rem, 0, 0) rotate(12deg) scale(0.85);
    transform: translate3d(2.5rem, 0, 0) rotate(12deg) scale(0.85);
    z-index: -1;
  }
}