/* 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: 1640 / 2000;
  -webkit-mask-image: url("../images/logo/logo-part-1.png");
  mask-image: url("../images/logo/logo-part-1.png");
}

.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/logo/logo-bottom4.png");
  mask-image: url("../images/logo/logo-bottom4.png");
}

.brand-logo {
  --brand-logo-scroll-duration: 8s;
  display: grid;
  grid-template-columns: 18% 82%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: inherit;
}

.brand-logo__text {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-top: 0.7rem;
    max-height: 5.1rem;
}

.brand-logo__text-track {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  flex-direction: column;
  animation: brand-logo-text-scroll var(--brand-logo-scroll-duration) linear infinite;
  will-change: transform;
}

.brand-logo__text-image {
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 360 / 5000;
  background-color: currentColor;
  -webkit-mask: url("../images/logo/logo-part-2.png") center top / 100% 100% no-repeat;
  mask: url("../images/logo/logo-part-2.png") center top / 100% 100% no-repeat;
}

.brand-logo__mark {
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask: url("../images/logo/logo-part-1.png") center / 100% 100% no-repeat;
  mask: url("../images/logo/logo-part-1.png") center / 100% 100% no-repeat;
}

@keyframes brand-logo-text-scroll {
  from {
     transform: translate3d(0, -50%, 0);
  
  }

  to {
     transform: translate3d(0, 0, 0);
  }
}

@media screen and (max-width: 767px) {
     .brand-logo__text {
        margin-top: 0.5rem;
        max-height: 3.5rem;
    }
    .header {
       
        align-items: normal;
     
     
    }
.header__logo {
    width: 4.65rem;
    height: 4.65rem;
}
.header__main {
    margin-top: 13px;
}
    .menu {
      
        padding-top: 0rem;
     
}
}

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