@font-face {
  font-family: "HeroNew";
  src: url("../../img/HeroNew-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html,
body.sa-about-page {
  margin: 0;
  background: #12131a;
  color: #fff;
}

body.sa-about-page {
  overflow-x: clip;
}

.sa-about-root,
.sa-about-main {
  min-height: 100vh;
}

.sa-about-main {
  position: relative;
  overflow: clip;
  background: #12131a;
}

.sa-about-page .page-constructor {
  margin-top: 0;
}

.sa-about-page .page-constructor__bg {
  position: absolute;
  inset: 0 0 auto;
  height: 1096px;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(6, 15, 27, 0.32), rgba(33, 9, 40, 0.05) 46%, rgba(70, 28, 35, 0.14)),
    url("../../img/about/about-background.png") center top / cover no-repeat;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 55%, rgba(0, 0, 0, 0.72) 72%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 55%, rgba(0, 0, 0, 0.72) 72%, transparent 100%);
}

.sa-about-page .page-constructor__bg canvas {
  display: none;
}

.sa-about-page .card__video-wrapper {
  aspect-ratio: 16 / 9;
}

.sa-about-page .card__video-wrapper video,
.sa-about-page .card__video-wrapper .play {
  width: 100%;
  height: 100%;
}

.sa-about-page .video .play.is-playing svg {
  opacity: 0;
}

.sa-about-page .awards .swiper-container {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.sa-about-page .awards .swiper-container::-webkit-scrollbar {
  display: none;
}

.sa-about-page .awards .swiper-wrapper {
  width: max-content !important;
  transform: none !important;
  transition: none !important;
}

.sa-about-page .awards .swiper-slide {
  width: 156px !important;
  flex: 0 0 156px !important;
  scroll-snap-align: start;
}

@media screen and (max-width: 767px) {
  .sa-about-page .awards .swiper-slide {
    width: calc(100vw - 53px) !important;
    flex-basis: calc(100vw - 53px) !important;
  }
}

.sa-about-page .awards .awards__prev.is-disabled,
.sa-about-page .awards .awards__next.is-disabled {
  opacity: 0 !important;
  pointer-events: none;
}

.sa-about-page .stay .card {
  filter: none !important;
  -webkit-filter: none !important;
  box-shadow: 0 0 105px 26px rgba(116, 11, 160, 0.24) !important;
}

.sa-about-page .swiper-wrapper.retractable-new__context-wrapper,
.sa-about-page .swiper-wrapper.clients-new__context-wrapper {
  animation: about-exact-marquee 35s linear infinite;
}

.sa-about-page .footer-modern {
  position: relative;
  z-index: 4;
}

@keyframes about-exact-marquee {
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sa-about-page .swiper-wrapper.retractable-new__context-wrapper,
  .sa-about-page .swiper-wrapper.clients-new__context-wrapper {
    animation: none;
  }
}

@media screen and (max-width: 687px) {
  .sa-about-page .principles .virtual-scroll {
    height: 200vh !important;
  }
}