html {
    height: auto;
  }

  ::-webkit-scrollbar {
    width: 0px !important;
  }

  ::-webkit-scrollbar-track {
    background: transparent;
  }

  ::-webkit-scrollbar-thumb {
    background: transparent;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: transparent;
  }

  .swiper-pagination-bullet {
    width: 0.375rem !important;
    height: 0.375rem !important;
    border-top-left-radius: 1.25rem !important;
    border-top-right-radius: 1.25rem !important;
    border-bottom-left-radius: 1.25rem !important;
    border-bottom-right-radius: 1.25rem !important;
    background-color: var(--white) !important;
  }

  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 2.5rem !important;
  }

  .swiper-slide.is--pimg {
    height: auto !important;
  }

  .line {
    overflow: hidden;
  }

  [data-scale-image-wrapper="true"] {
    overflow: hidden;
  }

  [data-parallax-element-wrapper="true"] {
    overflow: visible;
  }

  .loader {
    display: block;
    min-height: ;
  }

  [transform="matrix(1.2172131538391113,0,0,1.2172131538391113,879.6199951171875,496.75933837890625)"] {
    display: none !important;
  }

  .swiper {}

  @media only screen and (max-width: 991px) {
    .swiper-cover.is--review .swiper {
      overflow: visible;
    }
  }

  .form-wrapper.is--multistep {
    overflow: visible !important;
  }

  .progress-indicator {
    width: 100% !important;
  }

  .swiper-wrapper.is--reviews {
    padding: 0.5rem;
  }

  .swiper-slide.is--review {
    transition: all 275ms ease;
    scale: 0.75;
    opacity: 1;
  }

  .swiper-slide.is--review.is--active {
    scale: 1;
    opacity: 1;
  }

  @media only screen and (max-width: 600px) {
    .swiper-slide.is--review {
      scale: 1;
      opacity: 1;
    }

    .swiper-slide.is--vitm:nth-child(1) .card-content.is--vitm {
      margin-left: unset !important;
    }
  }

  .swiper-cover.is--track .swiper {
    overflow: unset !important;
  }

  .w-vulcan-v2-button:nth-child(7) {
    margin-top: 2rem;
  }

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

  .mf-cursor {
    display: flex;
    mix-blend-mode: difference;
    border-radius: 50%;
    -webkit-transition: outline 0.15s ease-in-out !important;
    -moz-transition: outline 0.15s ease-in-out !important;
    -o-transition: outline 0.15s ease-in-out !important;
    transition: outline 0.15s ease-in-out !important;
    justify-content: center !important;
    align-items: center !important;
    outline: 0.06rem solid white;
    outline-offset: 0rem;
    height: 1rem;
    width: 1rem;
    top: -0.5rem !important;
    left: -0.5rem !important;
  }

  .-icon {
    display: flex !important;
  }

  .mf-cursor.-hidden::before {
    display: none !important;
  }

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

  .mf-cursor.-pointer::before {
    transform: scale(1.5) !important;
  }

  .mf-cursor.-pointer {
    outline: 0.25rem solid white !important;
    outline-offset: 0rem;
  }

  .mf-cursor.-icon {
    display: flex !important;
    mix-blend-mode: unset !important;
    border-radius: 100% !important;
    background-color: hsla(0, 0%, 0%, 0.4) !important;
    backdrop-filter: blur(5rem) !important;
    width: 3.125rem !important;
    height: 3.125rem !important;
    top: -1.75rem !important;
    left: -1.75rem !important;
    outline: 0.1rem solid transparent !important;
    border-width: 0px !important;
  }

  .mf-cursor.-icon::before {
    mix-blend-mode: unset !important;
    display: none !important;
    border-radius: 100% !important;
    background-color: hsla(0, 0%, 0%, 0.4) !important;
    backdrop-filter: blur(5rem) !important;
    width: 3.125rem !important;
    height: 3.125rem !important;
    top: -1.75rem !important;
    left: -1.75rem !important;
    outline: 0.1rem solid transparent !important;
    border-width: 0px !important;
  }

  .my-spritesheet.-arrow-left {
    display: flex !important;
    background: transparent url("../../assets/imgs/all/6685b4b6e6116f707f658989_arrow-left.svg") no-repeat center / cover;
    background-size: 1.875rem 1.875rem;
  }

  .my-spritesheet.-arrow-right {
    display: flex !important;
    background: transparent url("../../assets/imgs/all/6685b4b64767c783ce86a4f7_arrow-right (1).svg") no-repeat center;
    background-size: 1.875rem 1.875rem;
  }

  .mf-cursor-text {
    position: static !important;
  }

  [data-handle="wistiaLogo"] {
    display: none !important;
  }

  .w-bottom-bar {
    display: none !important;
  }

  .w-webflow-badge {
    display: none !important;
  }

  .easepick-wrapper {
    z-index: 10000;
  }

  .w-input[readonly] {
    background-color: transparent !important;
  }

  [data-check="out"] {
    cursor: not-allowed !important;
  }

  .is--vcontoller {

    &.is--active,
    &.is--active {
      .icon.is--sound {
        opacity: 0% !important;
      }

      .icon.is--sound.v2 {
        opacity: 100% !important;
      }
    }
  }

  .trigger-name {
    opacity: 100% !important;
    transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease;
    text-decoration: underline;
  }

  .trigger-name.is--v2 {
    opacity: 0% !important;
    pointer-events: none;
  }

  .faq-trigger.is--fstep {

    &.is-active-accordion,
    &.is-active-accordion {
      .trigger-name {
        opacity: 0% !important;
        pointer-events: none !important;
      }

      .trigger-name.is--v2 {
        opacity: 100% !important;
        pointer-events: auto !important;
      }
    }
  }

  .swiper-slide.is--gthumb {
    &.is--active {
      .gallery-thumb.is--exist {
        padding: 0.5rem 1rem;
        border-color: var(--white);
      }
    }
  }

  .hide-on-live {
    display: none !important;
  }

  .disabled {
    pointer-events: none !important;
    opacity: 0.4 !important;
  }

  .multistep-content {
    width: 100% !important;
  }












  .thispreloader {
    margin: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-family: Zolina, sans-serif;
    gap: 10px;
  }

  .text-container, .text-container2 {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    display: inline-block;
  }

  .text-container .text {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 125px;
    font-weight: 1000;
    color: #003967;
    line-height: 2.0;
    opacity: 0;
  }


    .text-container2 .text {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 125px;
    font-weight: 1000;
    color: #fbd604;
    line-height: 2.0;
    opacity: 0;
  }

  /* first container (downward) */
  .text-container .text {
    transform: translateY(-150%);
    animation: drop-down 2s linear forwards;
  }

  /* second container (upward) */
  .text-container2 .text {
    transform: translateY(150%);
    animation: rise-up 2s linear forwards;
  }

  /* animation delays */
  .text:nth-child(1) { animation-delay: 0s; }
  .text:nth-child(2) { animation-delay: 0.4s; }
  .text:nth-child(3) { animation-delay: 0.8s; }
  .text:nth-child(4) { animation-delay: 1.2s; }
  .text:nth-child(5) { animation-delay: 1.6s; }

  /* Normal down motion */
  @keyframes drop-down {
    0% { transform: translateY(-150%); opacity: 1; }
    100% { transform: translateY(150%); opacity: 1; }
  }

  /* Normal up motion */
  @keyframes rise-up {
    0% { transform: translateY(150%); opacity: 1; }
    100% { transform: translateY(-150%); opacity: 1; }
  }

  /* Special case: last one stops briefly at -30% and then goes again */
  .text-container .text:nth-child(5) {
    animation: drop-hold 3s ease-in-out forwards;
    animation-delay: 1.0s;
  }

  .text-container2 .text:nth-child(5) {
    animation: rise-hold 3s ease-in-out forwards;
    animation-delay: 1.0s;
  }

  /* Downward with hold and reverse */
  @keyframes drop-hold {
    0% { transform: translateY(-150%); opacity: 1; }
    70% { transform: translateY(-30%); opacity: 1; }
    80% { transform: translateY(-30%); opacity: 1; } /* 1s hold */
    100% { transform: translateY(150%); opacity: 1; }
  }

  /* Upward with hold and reverse */
  @keyframes rise-hold {
    0% { transform: translateY(150%); opacity: 1; }
    70% { transform: translateY(-30%); opacity: 1; }
    80% { transform: translateY(-30%); opacity: 1; } /* 1s hold */
    100% { transform: translateY(-150%); opacity: 1; }
  }





   @supports (-webkit-appearance: none) {
    body {
      -webkit-font-smoothing: antialiased;
      /* Improve text rendering */
    }
  }





   .form-wrapper.is--multistep {
    overflow: visible !important;
  }

  html:not(.w3_start) .hz-scroll {
    opacity: 0 !important
  }





    .hz-frame {
    overflow: hidden !important;
  }



  .custom-slider-container {
            position: relative;
            width: 100%;
            height: 300px;
            display: flex;
            justify-content: center;
            align-items: center;
          }

          .custom-slider-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            perspective: 1000px;
          }

          .custom-card-wrapper {
            position: absolute;
            width: 440px;
            transition: transform 0.6s ease, z-index 0.6s ease, opacity 0.6s ease;
            opacity: 0;
            pointer-events: none;
          }

          .custom-card-wrapper.visible {
            pointer-events: auto;
            opacity: 1;
          }

          .custom-card {
            /* background: #fff; */
            /* border-radius: 12px; */
            text-align: center;
            box-shadow: 0 10px 25px rgba(0,0,0,0.2);
            /* padding: 20px; */
          }

          .custom-slide-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: none;
            background: #fff;
            color: #000;
            font-size: 20px;
            cursor: pointer;
            z-index: 999; /* higher than cards */
          }
          .custom-prev { left: 10px;top:25%; }
          .custom-next { right: 10px;top:25%; }



          .icon.is--social i {
  font-size: 30px;
  color: #fff; /* Instagram pink */
}

.icon.is--social-h i {
  font-size: 24px;
  color: #000; /* Instagram pink */
}