/* Extracted style block 01 */
html.is-loading .preloader {
        opacity: 1;
      }
      html.is-loading .preloader > * {
        opacity: 0;
        visibility: hidden;
      }
      .preloader {
        position: fixed;
        inset: 0;
        z-index: 9999;
        pointer-events: none;
      }
      .preloader > * {
        will-change: opacity, filter;
      }


/* Extracted style block 02 */
html,
          body {
            /* overscroll-behavior: none; */
          }
          body {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            /* font-smoothing: antialiased; */
          }
          html {
            font-size: 1.484375rem;
          }
          @media screen and (max-width: 2560px) {
            html {
              font-size: calc(-0.006009615384615419rem + 0.9314903846153846vw);
            }
          }
          @media screen and (max-width: 1728px) {
            html {
              font-size: calc(-0.009345794392523143rem + 0.9345794392523362vw);
            }
          }
          @media screen and (max-width: 991px) {
            html {
              font-size: calc(0.021640258215962493rem + 1.8779342723004695vw);
            }
          }
          @media screen and (max-width: 767px) {
            html {
              font-size: calc(-0.0025905678851174934rem + 4.14490861618799vw);
            }
          }
          *:focus {
            outline: none;
          }


/* Extracted style block 03 */
.how__bottom-row {
            animation: marquee 24s linear infinite;
          }
          @keyframes marquee {
            0% {
              transform: translateX(0%);
            }
            100% {
              transform: translateX(-100%);
            }
          }


/* Extracted style block 04 */
.how__column {
            animation: columnanima 24s linear infinite;
          }

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


/* Extracted style block 05 */
.hero__slider__row {
            animation: hero-row 24s linear infinite;
          }

          @keyframes hero-row {
            0% {
              transform: translate(var(--tx, 0%), var(--ty, 0%));
            }
            100% {
              transform: translate(var(--tx-end, 0%), var(--ty-end, -100%));
            }
          }

          @media (min-width: 992px) {
            .hero__slider__row {
              --tx: 0%;
              --ty: 0%;
              --tx-end: 0%;
              --ty-end: -100%;
            }
          }

          @media (max-width: 991px) {
            .hero__slider__row {
              --tx: 0%;
              --ty: 0%;
              --tx-end: -100%;
              --ty-end: 0%;
            }
          }


/* Extracted style block 06 */
.menu__wrap {
            width: 15rem;
            height: 0rem;
            padding: 0rem;
            transform: translateY(2rem);
          }


/* Extracted style block 07 */
.preloader__loader {
            animation: spinStep 1s steps(8) infinite;
          }

          @keyframes spinStep {
            from {
              transform: rotate(0deg);
            }
            to {
              transform: rotate(360deg);
            }
          }


/* Extracted style block 08 */
.video-poster {
            position: absolute;
            inset: 0;
            z-index: 1;
            background: center/cover no-repeat transparent;
            pointer-events: none;
            transition: opacity 0.25s ease;
          }
          .bg-video {
            position: absolute;
            inset: 0;
            z-index: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
          }
          .w-background-video > video.bg-video {
            z-index: 0;
          }
          .video-faded {
            opacity: 0;
            visibility: hidden;
          }


/* Extracted style block 09 */
.list__main__wrap .scroll {
              position: fixed;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
          }
          .list__main__wrap .list__main__content__wrap {
              width: 100%;
              height: 100%;

              perspective: 250vw;
          }
          .list__main__wrap .list__main__content {
              position: absolute;
              inset: 0;
              transform-style: preserve-3d;
              transform-origin: 50% 10%;
          }


/* Extracted style block 10 */
.dots-field {
                display: grid;
                pointer-events: none;
              }

              @media (min-width: 768px) {
                .dots-field {
                  --dot-size: 1rem;
                  --dot-gap: 1rem;

                  grid-template-columns: repeat(auto-fill, var(--dot-size));
                  column-gap: var(--dot-gap);
                  row-gap: var(--dot-gap);
                }
              }

              @media (max-width: 767px) {
                .dots-field {
                  --dot-size: 0.5rem;
                  --dot-gap: 0.5rem;

                  grid-template-columns: repeat(auto-fill, var(--dot-size));
                  column-gap: var(--dot-gap);
                  row-gap: var(--dot-gap);
                }
              }

              .dot {
                width: var(--dot-size);
                height: var(--dot-size);
                border-radius: 50%;
                background: var(--fonts-100);
                opacity: 0.15;
                will-change: opacity;
              }


/* Extracted inline style attributes */
.u-extracted-style-01 {
  opacity: 0 !important;
  position: absolute !important;
  z-index: -1 !important;
}

.u-extracted-style-02 {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

.u-extracted-style-03 {
  display: none !important;
}

.u-extracted-style-04 {
  width: 100% !important;
  height: 100% !important;
}


/* Extracted SVG masks */
.svg-icon {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: var(--svg-ratio, 1);
  background-color: currentColor;
  color: inherit;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.svg-icon-01 {
  --svg-ratio: 57 / 56;
  -webkit-mask-image: url("../images/svg/icon-01.svg");
  mask-image: url("../images/svg/icon-01.svg");
}

.svg-icon-02 {
  --svg-ratio: 56 / 56;
  -webkit-mask-image: url("../images/svg/icon-02.svg");
  mask-image: url("../images/svg/icon-02.svg");
}

.svg-icon-03 {
  --svg-ratio: 24 / 24;
  -webkit-mask-image: url("../images/svg/icon-03.svg");
  mask-image: url("../images/svg/icon-03.svg");
}

.svg-icon-04 {
  --svg-ratio: 24 / 24;
  -webkit-mask-image: url("../images/svg/icon-04.svg");
  mask-image: url("../images/svg/icon-04.svg");
}

.svg-icon-05 {
  --svg-ratio: 58 / 54;
  -webkit-mask-image: url("../images/svg/icon-05.svg");
  mask-image: url("../images/svg/icon-05.svg");
}

.svg-icon-06 {
  --svg-ratio: 16 / 16;
  -webkit-mask-image: url("../images/svg/icon-06.svg");
  mask-image: url("../images/svg/icon-06.svg");
}

.svg-icon-07 {
  --svg-ratio: 20 / 20;
  -webkit-mask-image: url("../images/svg/icon-07.svg");
  mask-image: url("../images/svg/icon-07.svg");
}

.svg-icon-08 {
  --svg-ratio: 16 / 16;
  -webkit-mask-image: url("../images/svg/icon-08.svg");
  mask-image: url("../images/svg/icon-08.svg");
}

.svg-icon-09 {
  --svg-ratio: 16 / 16;
  -webkit-mask-image: url("../images/svg/icon-09.svg");
  mask-image: url("../images/svg/icon-09.svg");
}

.svg-icon-10 {
  --svg-ratio: 32 / 32;
  -webkit-mask-image: url("../images/svg/icon-10.svg");
  mask-image: url("../images/svg/icon-10.svg");
}

.svg-icon-11 {
  --svg-ratio: 24 / 24;
  -webkit-mask-image: url("../images/svg/icon-11.svg");
  mask-image: url("../images/svg/icon-11.svg");
}

.svg-icon-12 {
  --svg-ratio: 32 / 32;
  -webkit-mask-image: url("../images/svg/icon-12.svg");
  mask-image: url("../images/svg/icon-12.svg");
}

.svg-icon-13 {
  --svg-ratio: 32 / 32;
  -webkit-mask-image: url("../images/svg/icon-13.svg");
  mask-image: url("../images/svg/icon-13.svg");
}

.svg-icon-14 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-14.svg");
  mask-image: url("../images/svg/icon-14.svg");
}

.svg-icon-15 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-15.svg");
  mask-image: url("../images/svg/icon-15.svg");
}

.svg-icon-16 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-16.svg");
  mask-image: url("../images/svg/icon-16.svg");
}

.svg-icon-17 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-17.svg");
  mask-image: url("../images/svg/icon-17.svg");
}

.svg-icon-18 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-18.svg");
  mask-image: url("../images/svg/icon-18.svg");
}

.svg-icon-19 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-19.svg");
  mask-image: url("../images/svg/icon-19.svg");
}

.svg-icon-20 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-20.svg");
  mask-image: url("../images/svg/icon-20.svg");
}

.svg-icon-21 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-21.svg");
  mask-image: url("../images/svg/icon-21.svg");
}

.svg-icon-22 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-22.svg");
  mask-image: url("../images/svg/icon-22.svg");
}

.svg-icon-23 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-23.svg");
  mask-image: url("../images/svg/icon-23.svg");
}

.svg-icon-24 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-24.svg");
  mask-image: url("../images/svg/icon-24.svg");
}

.svg-icon-25 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-25.svg");
  mask-image: url("../images/svg/icon-25.svg");
}

.svg-icon-26 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-26.svg");
  mask-image: url("../images/svg/icon-26.svg");
}

.svg-icon-27 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-27.svg");
  mask-image: url("../images/svg/icon-27.svg");
}

.svg-icon-28 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-28.svg");
  mask-image: url("../images/svg/icon-28.svg");
}

.svg-icon-29 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-29.svg");
  mask-image: url("../images/svg/icon-29.svg");
}

.svg-icon-30 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-30.svg");
  mask-image: url("../images/svg/icon-30.svg");
}

.svg-icon-31 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-31.svg");
  mask-image: url("../images/svg/icon-31.svg");
}

.svg-icon-32 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-32.svg");
  mask-image: url("../images/svg/icon-32.svg");
}

.svg-icon-33 {
  --svg-ratio: 104 / 24;
  -webkit-mask-image: url("../images/svg/icon-33.svg");
  mask-image: url("../images/svg/icon-33.svg");
}

.svg-icon-34 {
  --svg-ratio: 351 / 64;
  -webkit-mask-image: url("../images/svg/icon-34.svg");
  mask-image: url("../images/svg/icon-34.svg");
}

/* ---------- Neuro background ---------- */
#neuro {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  opacity: 0.78;
  filter: saturate(1.2);
  transition: opacity 0.35s ease, filter 0.35s ease;
}

#neuro.is-disabled {
  display: none;
}