/* -- Keyframe Animations -- */

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

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

/* -- Media -- */

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

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

@media only screen and (max-width: 991px) {
  /* .timeline3_grid-item__back {
    background-color: var(--brand--color-1--400) !important;
    opacity: 1 !important;
  } */
  .cursor-item {
    display: none !important;
  }
  .swiper-cover.is--reviews::before {
    content: "";
    width: 0rem !important;

    left: -1.5rem;
  }

  .swiper-cover.is--reviews::after {
    content: "";
    width: 0rem !important;

    right: -1.5rem;
  }

  .swiper-cover.is--members::before {
    content: "";
    width: 0rem !important;

    left: -1.5rem;
  }

  .swiper-cover.is--members::after {
    content: "";
    width: 0rem !important;

    right: -1.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .swiper-cover.is--reviews::before {
    content: "";
    width: 0rem !important;
    left: -1.25rem;
  }

  .swiper-cover.is--reviews::after {
    content: "";
    width: 0rem !important;

    right: -1.25rem;
  }

  .swiper-cover.is--members::before {
    content: "";
    width: 0rem !important;

    left: -1.25rem;
  }

  .swiper-cover.is--members::after {
    content: "";
    width: 0rem !important;

    right: -1.25rem;
  }
}

@media only screen and (max-width: 479px) {
  .swiper-cover.is--reviews::before {
    content: "";
    width: 0rem !important;

    left: -1rem;
  }

  .swiper-cover.is--reviews::after {
    content: "";
    width: 0rem !important;

    right: -1rem;
  }

  .swiper-cover.is--members::before {
    content: "";
    width: 0rem !important;

    left: -1rem;
  }

  .swiper-cover.is--members::after {
    content: "";
    width: 0rem !important;

    right: -1rem;
  }
}

/* -- Marquee Animatios -- */

.marquee-line.in--featured {
  animation: marqueeGlobal 20s linear infinite !important;
}

.swiper-cover.is--reviews .swiper-wrapper.is--marquee.is--front {
  animation: marqueeGlobal 50s linear infinite !important;
}

.swiper-cover.is--reviews .swiper-wrapper.is--marquee.is--rev {
  animation: marqueeGlobalRev 50s linear infinite !important;
}

.swiper-cover.is--members .swiper-wrapper.is--marquee {
  animation: marqueeGlobal 40s linear infinite !important;
}

.swiper-cover.is--reviews,
.swiper-cover.is--members {
  position: relative;
}

.swiper-cover.is--reviews::before {
  content: "";
  position: absolute;
  top: 0;
  width: 12.5rem;
  left: 0%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.swiper-cover.is--reviews::after {
  content: "";
  position: absolute;
  top: 0;
  width: 12.5rem;
  right: 0%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.swiper-cover.is--members::before {
  content: "";
  position: absolute;
  top: 0;
  width: 12.5rem;
  left: 0%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.swiper-cover.is--members::after {
  content: "";
  position: absolute;
  top: 0;
  width: 12.5rem;
  right: 0%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.timeline3_grid-item__back {
  background-color: var(--brand--color-1--400);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

[progress="item"].is-active .timeline3_grid-item__back {
  background-color: var(--brand--color-1--400);
  opacity: 1;
}

[progress="item"].is-visited .timeline3_grid-item__back {
  background-color: var(--brand--color-1--400);
  opacity: 1;
}

[action-header="header"].is--active {
  margin-top: -0.125rem;
}

[action-header="header"] .padding_global.is--relative {
  transition: all 0.25s ease;
}

[action-header="header"].is--active .padding_global.is--relative {
  background-color: var(--white);
}

/* [fs-rangeslider-element="handle"] {
  transform: translate(0%, -50%) !important; 
} */

:root {
  --safe-area-top: env(safe-area-inset-top, 0px);
}

body {
  padding-top: var(--safe-area-top);
}

.mc_navbar1_component {
  top: var(--safe-area-top);
}

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

[action-header="header"] {
  background-color: white !important;
}

.mc_faq_answer {
  display: none;
}

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