.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
:root {
  --color-ffffff: rgba(255, 255, 255, 1);
  --color-white: rgba(219, 226, 234, 1);
  --color-body-description: rgba(153, 159, 164, 1);
  --color-gray: rgba(77, 88, 88, 1);
  --color-red: rgba(228, 3, 44, 1);
  --color-black: rgba(16, 24, 32, 1);
  --color-deep-black: rgba(9, 16, 22, 1);
  --page-side-fields: 20px;
  --section-v-offset: 200px;
  --header-h: 88px;
}

.text-style-1920-h-1 {
  font-size: 120px;
}
@media screen and (min-width: 1025px) {
  .text-style-1920-h-1 {
    font-size: min(120px, pxWidthInVw(120));
  }
}
.text-style-1920-h-1 {
  font-family: Inter Tight;
  font-weight: 500;
  font-style: normal;
  line-height: 90%;
  text-decoration: none;
  text-transform: none;
}

.text-style-1920-h-2 {
  font-size: 60px;
}
@media screen and (min-width: 1025px) {
  .text-style-1920-h-2 {
    font-size: min(60px, pxWidthInVw(60));
  }
}
.text-style-1920-h-2 {
  font-family: Inter Tight;
  font-weight: 400;
  font-style: normal;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
}

.text-style-1920-h-3 {
  font-size: 36px;
}
@media screen and (min-width: 1025px) {
  .text-style-1920-h-3 {
    font-size: min(36px, pxWidthInVw(36));
  }
}
.text-style-1920-h-3 {
  font-family: Inter Tight;
  font-weight: 400;
  font-style: normal;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
}

.text-style-1920-h-4 {
  font-size: 24px;
}
@media screen and (min-width: 1025px) {
  .text-style-1920-h-4 {
    font-size: min(24px, pxWidthInVw(24));
  }
}
.text-style-1920-h-4 {
  font-family: Inter Tight;
  font-weight: 400;
  font-style: normal;
  line-height: 140%;
  text-decoration: none;
  text-transform: none;
}

.text-style-1920-body {
  font-size: 16px;
}
@media screen and (min-width: 1025px) {
  .text-style-1920-body {
    font-size: min(16px, pxWidthInVw(16));
  }
}
.text-style-1920-body {
  font-family: Inter Tight;
  font-weight: 400;
  font-style: normal;
  line-height: 140%;
  text-decoration: none;
  text-transform: none;
}

.text-style-1920-tiny {
  font-size: 12px;
  font-family: Inter Tight;
  font-weight: 400;
  font-style: normal;
  line-height: 140%;
  text-decoration: none;
  text-transform: none;
}

.text-style-1920-decorative {
  font-size: 100px;
}
@media screen and (min-width: 1025px) {
  .text-style-1920-decorative {
    font-size: min(100px, pxWidthInVw(100));
  }
}
.text-style-1920-decorative {
  font-family: Comforter;
  font-weight: 400;
  font-style: normal;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
}

@media screen and (max-width: 1024px) {
  .text-style-768-h-1 {
    font-size: 60px;
    font-family: Inter Tight;
    font-weight: 500;
    font-style: normal;
    line-height: 90%;
    text-decoration: none;
    text-transform: none;
  }
}

@media screen and (max-width: 1024px) {
  .text-style-768-h-2 {
    font-size: 48px;
    font-family: Inter Tight;
    font-weight: 400;
    font-style: normal;
    line-height: 120%;
    text-decoration: none;
    text-transform: none;
  }
}

@media screen and (max-width: 1024px) {
  .text-style-768-h-3 {
    font-size: 24px;
    font-family: Inter Tight;
    font-weight: 400;
    font-style: normal;
    line-height: 120%;
    text-decoration: none;
    text-transform: none;
  }
}

@media screen and (max-width: 1024px) {
  .text-style-768-h-4 {
    font-size: 20px;
    font-family: Inter Tight;
    font-weight: 400;
    font-style: normal;
    line-height: 140%;
    text-decoration: none;
    text-transform: none;
  }
}

@media screen and (max-width: 1024px) {
  .text-style-768-decorative {
    font-size: 64px;
    font-family: Comforter;
    font-weight: 400;
    font-style: normal;
    line-height: 120%;
    text-decoration: none;
    text-transform: none;
  }
}

@media screen and (max-width: 600px) {
  .text-style-375-h-1 {
    font-size: 40px;
    font-family: Inter Tight;
    font-weight: 500;
    font-style: normal;
    line-height: 90%;
    text-decoration: none;
    text-transform: none;
  }
}

@media screen and (max-width: 600px) {
  .text-style-375-h-2 {
    font-size: 28px;
    font-family: Inter Tight;
    font-weight: 400;
    font-style: normal;
    line-height: 120%;
    text-decoration: none;
    text-transform: none;
  }
}

@media screen and (max-width: 600px) {
  .text-style-375-h-3 {
    font-size: 20px;
    font-family: Inter Tight;
    font-weight: 400;
    font-style: normal;
    line-height: 120%;
    text-decoration: none;
    text-transform: none;
  }
}

@media screen and (max-width: 600px) {
  .text-style-375-decorative {
    font-size: 40px;
    font-family: Comforter;
    font-weight: 400;
    font-style: normal;
    line-height: 120%;
    text-decoration: none;
    text-transform: none;
  }
}

.js-liquid-glass-animation {
  will-change: transform;
  transition: none !important;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}