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(12.75 * 100vw / var(--size));  */
    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);
  --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;
  --radius--button: 5rem;
}

/* -- 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;
  }

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

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

  .benefit_card-brand.is--small,
  .benefit_card-step {
    transition: var(--ease-transitions);
  }

  .step_item-card [fs-accordion-element="arrow"] {
    transition: var(--transform-bounce);
  }

  .step_item-card.is--active .benefit_card-brand.is--small {
    color: var(--400);
  }

  .step_item-card.is--active [fs-accordion-element="arrow"] {
    transform: rotate(-180deg);
  }

  .step_item-card.is--active .benefit_card-step {
    color: var(--200) !important;
  }
}

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

/* -- Keyframe Animations -- */

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

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

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

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

/* -- Scrollbar Styling -- */

.cases_tabs::-webkit-scrollbar,
.hero_tags-wrapper::-webkit-scrollbar {
  display: none;
}

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

.cart-active {
  overflow: hidden;
}

.menu-active {
  overflow: hidden;
}

/* -- Marquee Animatios -- */

.marquee-line.is--hero {
  animation: marquee 20s linear infinite !important;
}

/* -- Nav Items -- */

/* .nav_menu-link {
  position: relative;
  transition: var(--all-transitions);
}

.nav_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);
}

.nav_menu-link:hover::before {
  transform-origin: center;
  transform: scaleX(1) rotate(0.001deg);
} */

.nav_menu-link,
.footer_column-link {
  position: relative;
}

.nav_menu-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);
}

.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);
}

.nav_menu-link:hover::before,
.footer_column-link:hover::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
}

.nav_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);
  }
  .action-info {
    position: sticky;
    top: calc(6.3875rem + 2rem);
  }
}

/* -- 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;
}

/* -- About Swiper Gallery -- */

.swiper-slide.is--about_box:first-child {
  margin-top: 2.175rem;
  transform: rotate(-5.25deg);
}
.swiper-slide.is--about_box:nth-child(2) {
  transform: rotate(4.675deg);
}
.swiper-slide.is--about_box:nth-child(3) {
  margin-top: 3.625rem;
  transform: rotate(-5.25deg);
}
.swiper-slide.is--about_box:last-child {
  margin-top: 2.52rem;
  transform: rotate(4deg);
}

/**/

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

.is--arrow:hover,
.is--arrowx:hover {
  scale: 1.05;
}

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

/**/

.swiper-slide.is--reviews_slider {
  max-width: auto;
}

/**/

.button {
  position: relative;
  overflow: hidden;
  transition: var(--ease-transitions);
  border: 1px solid var(--400);
}

.button:hover {
  color: var(--100);
  border: 1px solid var(--100);
}

.button::after {
  content: "";
  z-index: -1;
  border-top-left-radius: var(--radius--button);
  border-top-right-radius: var(--radius--button);
  background-color: var(--200);
  transform-origin: 50% 100%;
  height: 100%;
  transition: transform 0.25s cubic-bezier(0.77, 0, 0.175, 1);
  position: absolute;
  inset: auto 0% 0%;
  transform: scale(1, 0);
  bottom: -0.125rem;
}

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

.button[button-first-styling="rotation-none"]:hover::after {
  transform: scale(1.4, 1.4);
}

.button[button-second-styling="rotation-none"]:hover::after {
  transform: scale(1.4, 1.4);
}

.button[button-third-styling="rotation-none"]:hover::after {
  transform: scale(1.4, 1.4);
}

.cursor-item {
  z-index: 999;
  pointer-events: none;
  transform-origin: 0%;
  align-items: center;
  display: none;
  position: fixed;
  left: 20px;
}

[button-second-styling="dark"] {
  border: 1px solid var(--100);
}

/**/

.line-wrapper {
  overflow: hidden;
}

.step_item-card.is--active [room-inner-tab] {
  pointer-events: none;
}
/* 
[room-item-card] {
}

.step_item-card.is--active {
}

[room-inner-tab] {
  transition: var(--ease-transitions);
  opacity: 1;
}

[room-inner-content] {
  transition: var(--ease-transitions);
  opacity: 0;
}

.step_item-card.is--active [room-inner-content] .is--brand {
  scale: 1;
  transform: rotate(0deg);
}

.step_item-card.is--active [room-inner-tab] {
  opacity: 0;
}

.step_item-card.is--active [room-inner-content] {
  opacity: 1;
} */

.w-select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* -- Cases Tabs -- */
@media only screen and (max-width: 991px) {
  .swiper-cover.is--cases_thumbs::after {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    width: 3rem;
    top: 0;
    height: 100%;
    right: -0.25rem;
    background: linear-gradient(
      90deg,
      rgba(8, 36, 31, 0) -9.05%,
      #08241f 73.28%
    );
  }

  .swiper-slide.is--cases_tab.swiper-slide-active .cases_tab-item .brand-icon {
    scale: 1;
    transform: rotate(0deg);
  }

  .swiper.is--cases_thumbs {
    overflow: hidden;
  }
}

.cases_tab-item {
  cursor: pointer;
}

.cases_tab-item .brand-icon {
  scale: 0;
  transform: rotate(360deg);
  transition: var(--transform-bounce);
}

.swiper-slide.is--cases_tab.swiper-slide-thumb-active
  .cases_tab-item
  .brand-icon {
  scale: 1;
  transform: rotate(0deg);
}

.cases_tab-item:hover .brand-icon {
  scale: 1;
  transform: rotate(0deg);
}

/* -- Accordions -- */

[fs-accordion-element="accordion"] svg {
  transition: var(--transform-bounce);
}

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

/* -- Component Heads -- */

.component-head {
  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;
  }
}

/* -- 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;
}

/* -- Member Cards -- */

.member_info,
.member_tag {
  position: relative;
  z-index: 1;
}

/* [member-about-box="enabled"] .about_banner-box::after {
  content: "";
  z-index: 0;
  border-top-left-radius: var(--radius--button);
  border-top-right-radius: var(--radius--button);
  background-color: var(--200);
  transform-origin: 50% 100%;
  height: 100%;
  transition: transform 0.25s cubic-bezier(0.77, 0, 0.175, 1);
  position: absolute;
  inset: auto 0% 0%;
  transform: scale(1, 0);
  bottom: -0.125rem;
}

[member-about-box="enabled"]:hover .about_banner-box::after {
  transform: scale(1.2, 1.4);
} */

@media (min-width: 990px) {
  [member-about-box="enabled"] {
    cursor: pointer;
  }

  [member-about-box="enabled"] .about_banner-box {
    transform: translateY(150%);
    scale: 0.75;
    transition: var(--transform-bounce);
  }

  [member-about-box="enabled"]:hover .about_banner-box {
    transform: translateY(0%);
    scale: 1;
  }
}

/* -- About Swiper Progress -- */

@media (min-width: 990px) {
  [about-swiper-box][allow-progress-counter] {
    height: 150vh;
  }

  [about-swiper-overflow]::before {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    width: 5rem;
    top: 0;
    height: 100%;
    left: 0rem;
    right: auto;
    background: linear-gradient(90deg, #f0f1e1 0%, rgba(240, 241, 225, 0) 100%);
  }

  [about-swiper-overflow]::after {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    width: 5rem;
    top: 0;
    height: 100%;
    right: 0rem;
    left: auto;
    background: linear-gradient(
      270deg,
      #f0f1e1 0%,
      rgba(240, 241, 225, 0) 100%
    );
  }

  [about-swiper-overflow] {
    position: sticky;
    overflow: hidden;
    top: calc(8.3875rem + 0rem);
  }

  [about-swiper-track] {
    transform: translate3d(calc(120% + var(--progress) * -135%), 0, 0);
  }

  /* .swiper-slide.is--about_box:first-child {
    transform: rotate(calc(-5.25deg + var(--progress))) !important;
  }
  .swiper-slide.is--about_box:nth-child(2) {
    transform: rotate(calc(4.675deg + var(--progress))) !important;
  }
  .swiper-slide.is--about_box:nth-child(3) {
    transform: rotate(calc(-5.25deg + var(--progress))) !important;
  }
  .swiper-slide.is--about_box:last-child {
    transform: rotate(calc(4deg + var(--progress))) !important;
  } */
}