@import url(https://fonts.googleapis.com/css?family=Quicksand:regular,700&display=swap);
@charset "UTF-8";
* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #6A6E77;
  line-height: 1;
  font-family: "Quicksand";
  font-size: 1.5625rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "Quicksand";
  font-size: inherit;
  line-height: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: transparent;
}

a {
  color: inherit;
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

.lock body {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}
.loaded body {
  transition: opacity 0.8s;
  opacity: 1;
}
@media (min-width: 120em) {
  body {
    font-size: 1.5625rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (font-size: clamp( 1.125rem , 1.0375rem  +  0.4375vw , 1.5625rem )) {
    body {
      font-size: clamp( 1.125rem , 1.0375rem  +  0.4375vw , 1.5625rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 1.0375rem  +  0.4375vw , 1.5625rem )) {
    body {
      font-size: calc(1.125rem + 0.4375 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  body {
    font-size: 1.125rem;
  }
}

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}
.wrapper > main {
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}

/*
(i) Стилі будуть застосовуватись до
всіх класів, що містять *__container
Наприклад header__container, main__container і т.п.
Сніппет (HTML): cnt
*/
@media (min-width: 120em) {
  [class*=__container] {
    padding-left: 15rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (padding-left: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem )) {
    [class*=__container] {
      padding-left: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem );
    }
  }
  @supports not (padding-left: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem )) {
    [class*=__container] {
      padding-left: calc(0.9375rem + 14.0625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  [class*=__container] {
    padding-left: 0.9375rem;
  }
}
@media (min-width: 120em) {
  [class*=__container] {
    padding-right: 15rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (padding-right: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem )) {
    [class*=__container] {
      padding-right: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem );
    }
  }
  @supports not (padding-right: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem )) {
    [class*=__container] {
      padding-right: calc(0.9375rem + 14.0625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  [class*=__container] {
    padding-right: 0.9375rem;
  }
}

.fp-init body {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}

[data-fp] {
  min-height: 100vh;
}
.touch [data-fp] {
  min-height: calc(var(--vh, 1vh) * 100);
}
@media (max-width: 47.99875em) {
  .touch [data-fp] {
    transition: height 0.2s;
  }
}
.fp-init [data-fp] {
  z-index: 1;
  touch-action: none;
  position: relative;
  overflow: hidden;
}

.fp-switching [data-fp-section] {
  touch-action: none;
}
.fp-init [data-fp-section] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.fp-init .slider-mode [data-fp-section], .fp-init .cards-mode [data-fp-section] {
  transition: transform 0.7s cubic-bezier(0.55, 0.085, 0, 0.99) 0s;
}
.fp-init .fade-mode [data-fp-section] {
  transition: opacity 0.5s ease-in-out 0s, visibility 0.5s ease-in-out 0s;
}

.fp-bullets {
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  z-index: 2;
  gap: 0.625rem;
}
@media (min-width: 120em) {
  .fp-bullets {
    left: 7.5rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (left: clamp( 0.46875rem , -0.9375rem  +  7.03125vw , 7.5rem )) {
    .fp-bullets {
      left: clamp( 0.46875rem , -0.9375rem  +  7.03125vw , 7.5rem );
    }
  }
  @supports not (left: clamp( 0.46875rem , -0.9375rem  +  7.03125vw , 7.5rem )) {
    .fp-bullets {
      left: calc(0.46875rem + 7.03125 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .fp-bullets {
    left: 0.46875rem;
  }
}
@media (max-width: 47.99875em) {
  .fp-bullets {
    top: auto;
    bottom: 1.25rem;
    transform: translate(50%, 0);
    flex-direction: row;
    right: 50%;
  }
}
.fp-bullets .fp-bullet {
  cursor: pointer;
  width: 0.25rem;
  height: 2.1875rem;
  flex: 0 0 2.1875rem;
  background-color: #000;
  opacity: 0.2;
  transition: opacity 0.8s;
}
@media (any-hover: hover) {
  .fp-bullets .fp-bullet:hover {
    opacity: 1;
  }
}
@media (max-width: 47.99875em) {
  .fp-bullets .fp-bullet {
    width: 1.5625rem;
    flex: 0 0 1.5625rem;
    height: 0.3125rem;
    border: 1px solid #fff;
  }
}
.fp-bullets .fp-bullet-active {
  opacity: 1;
}

[class*=-ibg] {
  position: relative;
}
[class*=-ibg] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

[class*=-ibg--contain] img {
  object-fit: contain;
}

.section-header__label {
  transition: all 0.8s 0.25s;
  opacity: 0;
  line-height: 1.24;
}
.section-header__label:not(:last-child) {
  margin-bottom: 1.0666666667em;
}
.previous-section .section-header__label {
  transform: translate(0px, 3.125rem);
}
.next-section .section-header__label {
  transform: translate(0px, -3.125rem);
}
.active-section .section-header__label {
  opacity: 1;
  transition: all 0.8s 0.25s;
  transform: translate(0px, 0px);
}
.section-header__title {
  transition: all 0.8s 0.35s;
  opacity: 0;
  line-height: 1.25;
  font-weight: 700;
  color: #1C1F25;
  max-width: 30rem;
}
@media (min-width: 120em) {
  .section-header__title {
    font-size: 3.75rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (font-size: clamp( 1.875rem , 1.5rem  +  1.875vw , 3.75rem )) {
    .section-header__title {
      font-size: clamp( 1.875rem , 1.5rem  +  1.875vw , 3.75rem );
    }
  }
  @supports not (font-size: clamp( 1.875rem , 1.5rem  +  1.875vw , 3.75rem )) {
    .section-header__title {
      font-size: calc(1.875rem + 1.875 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .section-header__title {
    font-size: 1.875rem;
  }
}
.section-header__title:not(:last-child) {
  margin-bottom: 0.6666666667em;
}
@media (min-width: 47.99875em) {
  .section-header__title:not(:last-child) {
    margin-bottom: 1.5333333333em;
  }
}
.section-header__title_big {
  max-width: 55.625rem;
}
.previous-section .section-header__title {
  transform: translate(0px, 3.125rem);
}
.next-section .section-header__title {
  transform: translate(0px, -3.125rem);
}
.active-section .section-header__title {
  opacity: 1;
  transition: all 0.8s 0.35s;
  transform: translate(0px, 0px);
}
.section-header__text {
  transition: all 1.1s 0.45s;
  opacity: 0;
  line-height: 1.8;
  max-width: 33.75rem;
}
@media (min-width: 120em) {
  .section-header__text {
    font-size: 1.375rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (font-size: clamp( 1.125rem , 1.075rem  +  0.25vw , 1.375rem )) {
    .section-header__text {
      font-size: clamp( 1.125rem , 1.075rem  +  0.25vw , 1.375rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 1.075rem  +  0.25vw , 1.375rem )) {
    .section-header__text {
      font-size: calc(1.125rem + 0.25 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .section-header__text {
    font-size: 1.125rem;
  }
}
.active-section .section-header__text {
  opacity: 1;
  transition: all 1.1s 0.45s;
}
.section-header_lite .section-header__label {
  color: #E3E6EC;
}
.section-header_lite .section-header__title {
  color: #fff;
}

.previous-section .screen-09__section-header .section-header__title {
  transform: translate(0px, 3.125rem);
}
.next-section .screen-09__section-header .section-header__title {
  transform: translate(0px, 3.125rem);
}

.previous-section .screen-09__section-header .section-header__label {
  transform: translate(0px, 3.125rem);
}
.next-section .screen-09__section-header .section-header__label {
  transform: translate(0px, 3.125rem);
}

.title {
  color: #1C1F25;
  font-weight: 700;
  line-height: 1.2666666667;
}
@media (min-width: 120em) {
  .title {
    font-size: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (font-size: clamp( 1.25rem , 1.125rem  +  0.625vw , 1.875rem )) {
    .title {
      font-size: clamp( 1.25rem , 1.125rem  +  0.625vw , 1.875rem );
    }
  }
  @supports not (font-size: clamp( 1.25rem , 1.125rem  +  0.625vw , 1.875rem )) {
    .title {
      font-size: calc(1.25rem + 0.625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .title {
    font-size: 1.25rem;
  }
}

.text {
  line-height: 1.6;
}

.services {
  display: grid;
}
@media (min-width: 120em) {
  .services {
    gap: 3.75rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (gap: clamp( 1.875rem , 1.5rem  +  1.875vw , 3.75rem )) {
    .services {
      gap: clamp( 1.875rem , 1.5rem  +  1.875vw , 3.75rem );
    }
  }
  @supports not (gap: clamp( 1.875rem , 1.5rem  +  1.875vw , 3.75rem )) {
    .services {
      gap: calc(1.875rem + 1.875 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .services {
    gap: 1.875rem;
  }
}
.services__item {
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity 0.8s;
}
@media (min-width: 120em) {
  .services__item {
    gap: 2.5rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (gap: clamp( 0.625rem , 0.25rem  +  1.875vw , 2.5rem )) {
    .services__item {
      gap: clamp( 0.625rem , 0.25rem  +  1.875vw , 2.5rem );
    }
  }
  @supports not (gap: clamp( 0.625rem , 0.25rem  +  1.875vw , 2.5rem )) {
    .services__item {
      gap: calc(0.625rem + 1.875 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .services__item {
    gap: 0.625rem;
  }
}
@media (max-width: 29.99875em) {
  .services__item {
    flex-direction: column;
    align-items: flex-start;
  }
}
.active-section .services__item {
  opacity: 1;
}
.active-section .services__item:nth-child(1) {
  transition-delay: 0s;
}
.active-section .services__item:nth-child(2) {
  transition-delay: 0.4s;
}
.active-section .services__item:nth-child(3) {
  transition-delay: 0.8s;
}
.active-section .services__item:nth-child(4) {
  transition-delay: 1.2s;
}
.services__icon {
  flex: 0 0 3.75rem;
  height: 3.75rem;
}
.services__icon img {
  max-width: 100%;
}
@media (min-width: 120em) {
  .services__title:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (margin-bottom: clamp( 0.9375rem , 0.8125rem  +  0.625vw , 1.5625rem )) {
    .services__title:not(:last-child) {
      margin-bottom: clamp( 0.9375rem , 0.8125rem  +  0.625vw , 1.5625rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.9375rem , 0.8125rem  +  0.625vw , 1.5625rem )) {
    .services__title:not(:last-child) {
      margin-bottom: calc(0.9375rem + 0.625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .services__title:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}
.services__text {
  line-height: 1.6;
}

/*
.icon-menu {
	display: none;
	@media (max-width: $mobile) {
		display: block;
		position: relative;
		width: toRem(30);
		height: toRem(18);
		z-index: 5;
		@media (any-hover: none) {
			cursor: default;
		}
		span,
		&::before,
		&::after {
			content: "";
			transition: all 0.3s ease 0s;
			right: 0;
			position: absolute;
			width: 100%;
			height: toRem(2);
			background-color: #000;
		}
		&::before {
			top: 0;
		}
		&::after {
			bottom: 0;
		}
		span {
			top: calc(50% - toRem(1));
		}
		.menu-open & {
			span {
				width: 0;
			}
			&::before,
			&::after {
			}
			&::before {
				top: calc(50% - toRem(1));
				transform: rotate(-45deg);
			}
			&::after {
				bottom: calc(50% - toRem(1));
				transform: rotate(45deg);
			}
		}
	}
}
*/
.page {
  counter-reset: item;
}
.page__section::after {
  color: #E3E6EC;
  font-weight: 700;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  counter-increment: item;
  content: counter(item, decimal-leading-zero);
}
@media (min-width: 120em) {
  .page__section::after {
    font-size: 3.75rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (font-size: clamp( 1.5625rem , 1.125rem  +  2.1875vw , 3.75rem )) {
    .page__section::after {
      font-size: clamp( 1.5625rem , 1.125rem  +  2.1875vw , 3.75rem );
    }
  }
  @supports not (font-size: clamp( 1.5625rem , 1.125rem  +  2.1875vw , 3.75rem )) {
    .page__section::after {
      font-size: calc(1.5625rem + 2.1875 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .page__section::after {
    font-size: 1.5625rem;
  }
}
@media (min-width: 120em) {
  .page__section::after {
    right: 7.5rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (right: clamp( 0.46875rem , -0.9375rem  +  7.03125vw , 7.5rem )) {
    .page__section::after {
      right: clamp( 0.46875rem , -0.9375rem  +  7.03125vw , 7.5rem );
    }
  }
  @supports not (right: clamp( 0.46875rem , -0.9375rem  +  7.03125vw , 7.5rem )) {
    .page__section::after {
      right: calc(0.46875rem + 7.03125 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .page__section::after {
    right: 0.46875rem;
  }
}
@media (max-width: 47.99875em) {
  .page__section::after {
    top: 1.25rem;
    right: 50%;
  }
}

.screen-01__container {
  display: flex;
  min-height: 100%;
}
@media (min-width: 47.99875em) {
  .screen-01__container {
    align-items: center;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media (max-width: 47.99875em) {
  .screen-01__container {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
.screen-01__body {
  flex-grow: 1;
  position: relative;
}
@media (min-width: 120em) {
  .screen-01__body {
    padding-top: 9.6875rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (padding-top: clamp( 3.125rem , 1.8125rem  +  6.5625vw , 9.6875rem )) {
    .screen-01__body {
      padding-top: clamp( 3.125rem , 1.8125rem  +  6.5625vw , 9.6875rem );
    }
  }
  @supports not (padding-top: clamp( 3.125rem , 1.8125rem  +  6.5625vw , 9.6875rem )) {
    .screen-01__body {
      padding-top: calc(3.125rem + 6.5625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .screen-01__body {
    padding-top: 3.125rem;
  }
}
@media (min-width: 120em) {
  .screen-01__body {
    padding-bottom: 9.6875rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (padding-bottom: clamp( 3.125rem , 1.8125rem  +  6.5625vw , 9.6875rem )) {
    .screen-01__body {
      padding-bottom: clamp( 3.125rem , 1.8125rem  +  6.5625vw , 9.6875rem );
    }
  }
  @supports not (padding-bottom: clamp( 3.125rem , 1.8125rem  +  6.5625vw , 9.6875rem )) {
    .screen-01__body {
      padding-bottom: calc(3.125rem + 6.5625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .screen-01__body {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 120em) {
  .screen-01__body {
    padding-left: 15rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (padding-left: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem )) {
    .screen-01__body {
      padding-left: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem );
    }
  }
  @supports not (padding-left: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem )) {
    .screen-01__body {
      padding-left: calc(0.9375rem + 14.0625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .screen-01__body {
    padding-left: 0.9375rem;
  }
}
@media (min-width: 120em) {
  .screen-01__body {
    padding-right: 15rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (padding-right: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem )) {
    .screen-01__body {
      padding-right: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem );
    }
  }
  @supports not (padding-right: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem )) {
    .screen-01__body {
      padding-right: calc(0.9375rem + 14.0625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .screen-01__body {
    padding-right: 0.9375rem;
  }
}
.screen-01__body::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(28, 31, 37, 0.6);
}
@media (max-width: 47.99875em) {
  .screen-01__body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100%;
  }
}
.screen-01__section-header {
  position: relative;
  z-index: 1;
}
.screen-01__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

@media (min-width: 47.99875em) {
  .screen-02__container {
    min-height: 100%;
    display: flex;
    align-items: flex-start;
  }
}
.screen-02__content {
  flex: 0 1 50%;
  align-self: center;
  padding-top: 3.125rem;
  padding-bottom: 1.875rem;
}
@media (min-width: 47.99875em) {
  .screen-02__content {
    padding-bottom: 3.125rem;
    padding-right: 1.25rem;
  }
}
.screen-02__img {
  flex: 0 1 50%;
}
@media (max-width: 47.99875em) {
  .screen-02__img {
    text-align: center;
  }
}
.screen-02__img img {
  max-width: 100%;
}
@media (max-width: 47.99875em) {
  .screen-02__img img {
    max-height: 550px;
  }
}

@media (min-width: 47.99875em) {
  .screen-03__container {
    min-height: 100%;
    display: flex;
    flex-direction: row-reverse;
  }
}
.screen-03__content {
  flex: 0 1 50%;
  align-self: center;
  padding-top: 3.125rem;
  padding-bottom: 1.875rem;
}
@media (min-width: 47.99875em) {
  .screen-03__content {
    padding-bottom: 3.125rem;
  }
}
.screen-03__img {
  position: relative;
  flex: 0 1 50%;
}
.screen-03__img img {
  max-width: 100%;
}
@media (min-width: 47.99875em) and (min-width: 120em) {
  .screen-03__img {
    left: -15rem;
  }
}
@media (min-width: 47.99875em) and (min-width: 20em) and (max-width: 120em) {
  @supports (left: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem )) {
    .screen-03__img {
      left: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem );
    }
  }
  @supports not (left: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem )) {
    .screen-03__img {
      left: calc(-0.9375rem + -14.0625 * (100vw - 20rem) / 100);
    }
  }
}
@media (min-width: 47.99875em) and (max-width: 20em) {
  .screen-03__img {
    left: -0.9375rem;
  }
}
@media (min-width: 47.99875em) {
  .screen-03__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
  }
}

.values-screen-03 {
  display: grid;
}
@media (min-width: 120em) {
  .values-screen-03 {
    padding-top: 7.5rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (padding-top: clamp( 2.8125rem , 1.875rem  +  4.6875vw , 7.5rem )) {
    .values-screen-03 {
      padding-top: clamp( 2.8125rem , 1.875rem  +  4.6875vw , 7.5rem );
    }
  }
  @supports not (padding-top: clamp( 2.8125rem , 1.875rem  +  4.6875vw , 7.5rem )) {
    .values-screen-03 {
      padding-top: calc(2.8125rem + 4.6875 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .values-screen-03 {
    padding-top: 2.8125rem;
  }
}
@media (min-width: 120em) {
  .values-screen-03 {
    gap: 4.75rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (gap: clamp( 1.5625rem , 0.925rem  +  3.1875vw , 4.75rem )) {
    .values-screen-03 {
      gap: clamp( 1.5625rem , 0.925rem  +  3.1875vw , 4.75rem );
    }
  }
  @supports not (gap: clamp( 1.5625rem , 0.925rem  +  3.1875vw , 4.75rem )) {
    .values-screen-03 {
      gap: calc(1.5625rem + 3.1875 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .values-screen-03 {
    gap: 1.5625rem;
  }
}
.values-screen-03__item {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  gap: 1.0625rem;
}
.values-screen-03__value {
  color: #1C1F25;
  font-weight: 700;
}
.values-screen-03__line {
  grid-column: span 2;
  background: rgba(28, 31, 37, 0.1);
}
.values-screen-03__line span {
  display: block;
  background-color: #1C1F25;
  height: 0.625rem;
}

.screen-04__container {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  justify-content: center;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
@media (min-width: 120em) {
  .screen-04__section-header:not(:last-child) {
    margin-bottom: 7.8125rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (margin-bottom: clamp( 2.1875rem , 1.0625rem  +  5.625vw , 7.8125rem )) {
    .screen-04__section-header:not(:last-child) {
      margin-bottom: clamp( 2.1875rem , 1.0625rem  +  5.625vw , 7.8125rem );
    }
  }
  @supports not (margin-bottom: clamp( 2.1875rem , 1.0625rem  +  5.625vw , 7.8125rem )) {
    .screen-04__section-header:not(:last-child) {
      margin-bottom: calc(2.1875rem + 5.625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .screen-04__section-header:not(:last-child) {
    margin-bottom: 2.1875rem;
  }
}

.advantages {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));
}
@media (min-width: 120em) {
  .advantages {
    gap: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (gap: clamp( 1.25rem , 0.875rem  +  1.875vw , 3.125rem )) {
    .advantages {
      gap: clamp( 1.25rem , 0.875rem  +  1.875vw , 3.125rem );
    }
  }
  @supports not (gap: clamp( 1.25rem , 0.875rem  +  1.875vw , 3.125rem )) {
    .advantages {
      gap: calc(1.25rem + 1.875 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .advantages {
    gap: 1.25rem;
  }
}
.advantages__item {
  opacity: 0;
  transition: opacity 0.8s;
}
.active-section .advantages__item {
  opacity: 1;
}
.active-section .advantages__item:nth-child(1) {
  transition-delay: 0s;
}
.active-section .advantages__item:nth-child(2) {
  transition-delay: 0.4s;
}
.active-section .advantages__item:nth-child(3) {
  transition-delay: 0.8s;
}
.active-section .advantages__item:nth-child(4) {
  transition-delay: 1.2s;
}
@media (min-width: 120em) {
  .advantages__icon:not(:last-child) {
    margin-bottom: 1.4375rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (margin-bottom: clamp( 0.9375rem , 0.8375rem  +  0.5vw , 1.4375rem )) {
    .advantages__icon:not(:last-child) {
      margin-bottom: clamp( 0.9375rem , 0.8375rem  +  0.5vw , 1.4375rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.9375rem , 0.8375rem  +  0.5vw , 1.4375rem )) {
    .advantages__icon:not(:last-child) {
      margin-bottom: calc(0.9375rem + 0.5 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .advantages__icon:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}
.advantages__title {
  font-weight: 700;
  line-height: 1.2666666667;
  color: #1C1F25;
}
@media (min-width: 120em) {
  .advantages__title {
    font-size: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (font-size: clamp( 1.3125rem , 1.2rem  +  0.5625vw , 1.875rem )) {
    .advantages__title {
      font-size: clamp( 1.3125rem , 1.2rem  +  0.5625vw , 1.875rem );
    }
  }
  @supports not (font-size: clamp( 1.3125rem , 1.2rem  +  0.5625vw , 1.875rem )) {
    .advantages__title {
      font-size: calc(1.3125rem + 0.5625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .advantages__title {
    font-size: 1.3125rem;
  }
}
@media (min-width: 120em) {
  .advantages__title:not(:last-child) {
    margin-bottom: 1.4375rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (margin-bottom: clamp( 0.9375rem , 0.8375rem  +  0.5vw , 1.4375rem )) {
    .advantages__title:not(:last-child) {
      margin-bottom: clamp( 0.9375rem , 0.8375rem  +  0.5vw , 1.4375rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.9375rem , 0.8375rem  +  0.5vw , 1.4375rem )) {
    .advantages__title:not(:last-child) {
      margin-bottom: calc(0.9375rem + 0.5 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .advantages__title:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}
.advantages__text {
  line-height: 1.6;
}
@media (min-width: 120em) {
  .advantages__text {
    font-size: 1.5rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (font-size: clamp( 1.125rem , 1.05rem  +  0.375vw , 1.5rem )) {
    .advantages__text {
      font-size: clamp( 1.125rem , 1.05rem  +  0.375vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 1.05rem  +  0.375vw , 1.5rem )) {
    .advantages__text {
      font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .advantages__text {
    font-size: 1.125rem;
  }
}

@media (min-width: 47.99875em) {
  .screen-05__container {
    min-height: 100%;
    display: flex;
  }
}
.screen-05__content {
  flex: 0 1 50%;
  align-self: center;
  padding-top: 3.125rem;
  padding-bottom: 1.875rem;
}
@media (min-width: 47.99875em) {
  .screen-05__content {
    padding-bottom: 3.125rem;
    padding-right: 1.25rem;
  }
}
.screen-05__images {
  flex: 0 1 50%;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 47.99875em) and (min-width: 120em) {
  .screen-05__image-ibg {
    margin-left: -15rem;
  }
}
@media (max-width: 47.99875em) and (min-width: 20em) and (max-width: 120em) {
  @supports (margin-left: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem )) {
    .screen-05__image-ibg {
      margin-left: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem );
    }
  }
  @supports not (margin-left: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem )) {
    .screen-05__image-ibg {
      margin-left: calc(-0.9375rem + -14.0625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 47.99875em) and (max-width: 20em) {
  .screen-05__image-ibg {
    margin-left: -0.9375rem;
  }
}
@media (max-width: 47.99875em) and (min-width: 120em) {
  .screen-05__image-ibg {
    margin-right: -15rem;
  }
}
@media (max-width: 47.99875em) and (min-width: 20em) and (max-width: 120em) {
  @supports (margin-right: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem )) {
    .screen-05__image-ibg {
      margin-right: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem );
    }
  }
  @supports not (margin-right: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem )) {
    .screen-05__image-ibg {
      margin-right: calc(-0.9375rem + -14.0625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 47.99875em) and (max-width: 20em) {
  .screen-05__image-ibg {
    margin-right: -0.9375rem;
  }
}
@media (max-width: 47.99875em) {
  .screen-05__image-ibg img {
    position: relative;
    height: auto;
    max-width: 100%;
    width: auto;
  }
}

.screen-06 {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
@media (min-width: 61.99875em) {
  .screen-06__container {
    min-height: 100%;
    display: flex;
    align-items: center;
  }
}
.screen-06__section-header {
  flex: 0 1 50%;
  align-self: center;
}
@media (min-width: 61.99875em) {
  .screen-06__section-header {
    padding-right: 1.25rem;
  }
}
@media (max-width: 61.99875em) {
  .screen-06__section-header {
    padding-bottom: 1.875rem;
  }
}
.screen-06__services {
  flex: 0 1 50%;
}

@media (min-width: 47.99875em) {
  .screen-07__container {
    min-height: 100%;
    display: flex;
  }
}
.screen-07__services {
  flex: 0 1 50%;
  align-self: center;
  padding-top: 3.125rem;
  padding-bottom: 1.875rem;
}
@media (min-width: 47.99875em) {
  .screen-07__services {
    padding-right: 1.25rem;
    padding-bottom: 3.125rem;
  }
}
.screen-07__img {
  position: relative;
  flex: 0 1 50%;
}
.screen-07__img img {
  max-width: 100%;
}
@media (min-width: 47.99875em) and (min-width: 120em) {
  .screen-07__img {
    right: -15rem;
  }
}
@media (min-width: 47.99875em) and (min-width: 20em) and (max-width: 120em) {
  @supports (right: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem )) {
    .screen-07__img {
      right: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem );
    }
  }
  @supports not (right: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem )) {
    .screen-07__img {
      right: calc(-0.9375rem + -14.0625 * (100vw - 20rem) / 100);
    }
  }
}
@media (min-width: 47.99875em) and (max-width: 20em) {
  .screen-07__img {
    right: -0.9375rem;
  }
}
@media (min-width: 47.99875em) {
  .screen-07__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
  }
}

@media (min-width: 47.99875em) {
  .screen-08__container {
    min-height: 100%;
    display: flex;
    flex-direction: row-reverse;
  }
}
.screen-08__content {
  flex: 0 1 50%;
  align-self: center;
  padding-top: 3.125rem;
  padding-bottom: 1.875rem;
}
@media (min-width: 48em) and (max-width: 120em) {
  @supports (padding-left: clamp( 1.25rem , -6.25rem  +  15.625vw , 12.5rem )) {
    .screen-08__content {
      padding-left: clamp( 1.25rem , -6.25rem  +  15.625vw , 12.5rem );
    }
  }
  @supports not (padding-left: clamp( 1.25rem , -6.25rem  +  15.625vw , 12.5rem )) {
    .screen-08__content {
      padding-left: calc(1.25rem + 11.25 * (100vw - 48rem) / 72);
    }
  }
}
@media (min-width: 47.99875em) {
  .screen-08__content {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 120em) {
  .screen-08 .screen-08__section-header {
    margin-bottom: 11.25rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (margin-bottom: clamp( 1.875rem , 0.0000000625rem  +  9.375vw , 11.25rem )) {
    .screen-08 .screen-08__section-header {
      margin-bottom: clamp( 1.875rem , 0.0000000625rem  +  9.375vw , 11.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.875rem , 0.0000000625rem  +  9.375vw , 11.25rem )) {
    .screen-08 .screen-08__section-header {
      margin-bottom: calc(1.875rem + 9.375 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .screen-08 .screen-08__section-header {
    margin-bottom: 1.875rem;
  }
}
.screen-08__img {
  flex: 0 1 50%;
  position: relative;
}
.screen-08__img img {
  max-width: 100%;
}
@media (min-width: 47.99875em) {
  .screen-08__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
  }
}

.projects {
  display: flex;
}
@media (min-width: 120em) {
  .projects {
    gap: 4.375rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (gap: clamp( 1.25rem , 0.625rem  +  3.125vw , 4.375rem )) {
    .projects {
      gap: clamp( 1.25rem , 0.625rem  +  3.125vw , 4.375rem );
    }
  }
  @supports not (gap: clamp( 1.25rem , 0.625rem  +  3.125vw , 4.375rem )) {
    .projects {
      gap: calc(1.25rem + 3.125 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .projects {
    gap: 1.25rem;
  }
}
.projects__value {
  line-height: 1.25;
  font-weight: 700;
  color: #1C1F25;
}
@media (min-width: 120em) {
  .projects__value {
    font-size: 3.75rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (font-size: clamp( 2.1875rem , 1.875rem  +  1.5625vw , 3.75rem )) {
    .projects__value {
      font-size: clamp( 2.1875rem , 1.875rem  +  1.5625vw , 3.75rem );
    }
  }
  @supports not (font-size: clamp( 2.1875rem , 1.875rem  +  1.5625vw , 3.75rem )) {
    .projects__value {
      font-size: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .projects__value {
    font-size: 2.1875rem;
  }
}
.projects__value:not(:last-child) {
  margin-bottom: 0.2666666667em;
}
.projects__label {
  line-height: 130%;
}

.screen-09__container {
  display: flex;
  flex-direction: row-reverse;
  min-height: 100%;
}
@media (max-width: 61.99875em) {
  .screen-09__container {
    flex-direction: column;
    padding-top: 3.125rem;
  }
}
@media (min-width: 61.99875em) {
  .screen-09__section-header {
    flex: 0 0 33.333%;
    writing-mode: vertical-rl;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transform: rotate(180deg);
  }
  .screen-09__section-header .section-header__title {
    margin-bottom: 0rem;
  }
}
@media (min-width: 61.99875em) and (min-width: 120em) {
  .screen-09__section-header .section-header__title {
    margin-right: 2rem;
  }
}
@media (min-width: 61.99875em) and (min-width: 20em) and (max-width: 120em) {
  @supports (margin-right: clamp( 1.25rem , 1.1rem  +  0.75vw , 2rem )) {
    .screen-09__section-header .section-header__title {
      margin-right: clamp( 1.25rem , 1.1rem  +  0.75vw , 2rem );
    }
  }
  @supports not (margin-right: clamp( 1.25rem , 1.1rem  +  0.75vw , 2rem )) {
    .screen-09__section-header .section-header__title {
      margin-right: calc(1.25rem + 0.75 * (100vw - 20rem) / 100);
    }
  }
}
@media (min-width: 61.99875em) and (max-width: 20em) {
  .screen-09__section-header .section-header__title {
    margin-right: 1.25rem;
  }
}
@media (max-width: 61.99875em) and (min-width: 120em) {
  .screen-09__section-header {
    margin-bottom: 3.125rem;
  }
}
@media (max-width: 61.99875em) and (min-width: 20em) and (max-width: 120em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.125rem  +  2.5vw , 3.125rem )) {
    .screen-09__section-header {
      margin-bottom: clamp( 0.625rem , 0.125rem  +  2.5vw , 3.125rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.125rem  +  2.5vw , 3.125rem )) {
    .screen-09__section-header {
      margin-bottom: calc(0.625rem + 2.5 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 61.99875em) and (max-width: 20em) {
  .screen-09__section-header {
    margin-bottom: 0.625rem;
  }
}
.screen-09__items {
  flex: 0 0 66.667%;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 47.99875em) and (min-width: 120em) {
  .screen-09__items {
    margin-left: -15rem;
  }
}
@media (max-width: 47.99875em) and (min-width: 20em) and (max-width: 120em) {
  @supports (margin-left: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem )) {
    .screen-09__items {
      margin-left: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem );
    }
  }
  @supports not (margin-left: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem )) {
    .screen-09__items {
      margin-left: calc(-0.9375rem + -14.0625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 47.99875em) and (max-width: 20em) {
  .screen-09__items {
    margin-left: -0.9375rem;
  }
}
@media (max-width: 47.99875em) and (min-width: 120em) {
  .screen-09__items {
    margin-right: -15rem;
  }
}
@media (max-width: 47.99875em) and (min-width: 20em) and (max-width: 120em) {
  @supports (margin-right: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem )) {
    .screen-09__items {
      margin-right: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem );
    }
  }
  @supports not (margin-right: clamp( -15rem , 1.875rem  +  -14.0625vw , -0.9375rem )) {
    .screen-09__items {
      margin-right: calc(-0.9375rem + -14.0625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 47.99875em) and (max-width: 20em) {
  .screen-09__items {
    margin-right: -0.9375rem;
  }
}

.item-screen-09 {
  display: flex;
}
@media (min-width: 29.99875em) {
  .item-screen-09:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .item-screen-09:nth-child(odd) .item-screen-09__body {
    text-align: right;
  }
}
@media (max-width: 29.99875em) {
  .item-screen-09 {
    flex-direction: column;
  }
}
.item-screen-09__body {
  flex: 0 1 50%;
  align-self: center;
  padding: 1.25rem;
}
@media (min-width: 120em) {
  .item-screen-09__title:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (margin-bottom: clamp( 0.75rem , 0.5875rem  +  0.8125vw , 1.5625rem )) {
    .item-screen-09__title:not(:last-child) {
      margin-bottom: clamp( 0.75rem , 0.5875rem  +  0.8125vw , 1.5625rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.75rem , 0.5875rem  +  0.8125vw , 1.5625rem )) {
    .item-screen-09__title:not(:last-child) {
      margin-bottom: calc(0.75rem + 0.8125 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .item-screen-09__title:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 120em) {
  .item-screen-09__text {
    font-size: 1.4375rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (font-size: clamp( 1.125rem , 1.0625rem  +  0.3125vw , 1.4375rem )) {
    .item-screen-09__text {
      font-size: clamp( 1.125rem , 1.0625rem  +  0.3125vw , 1.4375rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 1.0625rem  +  0.3125vw , 1.4375rem )) {
    .item-screen-09__text {
      font-size: calc(1.125rem + 0.3125 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .item-screen-09__text {
    font-size: 1.125rem;
  }
}
.item-screen-09__image-ibg {
  flex: 0 1 50%;
}
@media (max-width: 61.99875em) {
  .item-screen-09__image-ibg {
    padding-bottom: 46%;
  }
}

.screen-10__container {
  display: flex;
  min-height: 100%;
  padding-bottom: 3.125rem;
}
@media (max-width: 47.99875em) {
  .screen-10__container {
    flex-direction: column;
    padding-top: 3.125rem;
    gap: 1.875rem;
  }
}
.screen-10__item {
  flex: 0 1 33.333%;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
@media (max-width: 47.99875em) {
  .screen-10__item {
    flex-direction: column;
    gap: 1.25rem;
  }
}
.screen-10__image-ibg {
  flex-grow: 0;
  flex-basis: 57.407407%;
}
@media (max-width: 47.99875em) {
  .screen-10__image-ibg {
    padding-bottom: 55%;
  }
}
.screen-10__body {
  padding-right: 0.9375rem;
}
@media (min-width: 48em) and (max-width: 120em) {
  @supports (margin-top: clamp( 1.5625rem , 0.1041666667rem  +  3.0381944444vw , 3.75rem )) {
    .screen-10__body {
      margin-top: clamp( 1.5625rem , 0.1041666667rem  +  3.0381944444vw , 3.75rem );
    }
  }
  @supports not (margin-top: clamp( 1.5625rem , 0.1041666667rem  +  3.0381944444vw , 3.75rem )) {
    .screen-10__body {
      margin-top: calc(1.5625rem + 2.1875 * (100vw - 48rem) / 72);
    }
  }
}
@media (min-width: 120em) {
  .screen-10__title:not(:last-child) {
    margin-bottom: 2rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (margin-bottom: clamp( 0.9375rem , 0.725rem  +  1.0625vw , 2rem )) {
    .screen-10__title:not(:last-child) {
      margin-bottom: clamp( 0.9375rem , 0.725rem  +  1.0625vw , 2rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.9375rem , 0.725rem  +  1.0625vw , 2rem )) {
    .screen-10__title:not(:last-child) {
      margin-bottom: calc(0.9375rem + 1.0625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .screen-10__title:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}

.screen-11 {
  position: relative;
}
@media (min-width: 47.99875em) {
  .screen-11::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(196, 196, 196, 0.3);
    height: 100%;
    width: 37.5%;
  }
}
.screen-11__container {
  min-height: 100%;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  position: relative;
}
@media (max-width: 47.99875em) {
  .screen-11__container {
    flex-direction: column;
  }
}
.screen-11__content {
  flex: 0 1 50%;
  display: grid;
}
@media (min-width: 120em) {
  .screen-11__content {
    padding-left: 12.5rem;
  }
}
@media (min-width: 48em) and (max-width: 120em) {
  @supports (padding-left: clamp( 1.25rem , -6.25rem  +  15.625vw , 12.5rem )) {
    .screen-11__content {
      padding-left: clamp( 1.25rem , -6.25rem  +  15.625vw , 12.5rem );
    }
  }
  @supports not (padding-left: clamp( 1.25rem , -6.25rem  +  15.625vw , 12.5rem )) {
    .screen-11__content {
      padding-left: calc(1.25rem + 11.25 * (100vw - 48rem) / 72);
    }
  }
}
@media (min-width: 120em) {
  .screen-11__content {
    gap: 3.4375rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (gap: clamp( 1.5625rem , 1.1875rem  +  1.875vw , 3.4375rem )) {
    .screen-11__content {
      gap: clamp( 1.5625rem , 1.1875rem  +  1.875vw , 3.4375rem );
    }
  }
  @supports not (gap: clamp( 1.5625rem , 1.1875rem  +  1.875vw , 3.4375rem )) {
    .screen-11__content {
      gap: calc(1.5625rem + 1.875 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .screen-11__content {
    gap: 1.5625rem;
  }
}
@media (max-width: 47.99875em) {
  .screen-11__content {
    margin-bottom: 1.875rem;
  }
}
.screen-11__item {
  opacity: 0;
  transition: opacity 0.8s;
}
.active-section .screen-11__item {
  opacity: 1;
}
.active-section .screen-11__item:nth-child(1) {
  transition-delay: 0s;
}
.active-section .screen-11__item:nth-child(2) {
  transition-delay: 0.4s;
}
.active-section .screen-11__item:nth-child(3) {
  transition-delay: 0.8s;
}
.active-section .screen-11__item:nth-child(4) {
  transition-delay: 1.2s;
}
@media (min-width: 120em) {
  .screen-11__title:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (margin-bottom: clamp( 0.9375rem , 0.75rem  +  0.9375vw , 1.875rem )) {
    .screen-11__title:not(:last-child) {
      margin-bottom: clamp( 0.9375rem , 0.75rem  +  0.9375vw , 1.875rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.9375rem , 0.75rem  +  0.9375vw , 1.875rem )) {
    .screen-11__title:not(:last-child) {
      margin-bottom: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .screen-11__title:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}
.screen-11__image {
  flex: 0 1 50%;
  text-align: right;
}
.screen-11__image img {
  max-width: 100%;
}

.screen-12__items {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 47.99875em) {
  .screen-12__items {
    flex-direction: column;
    gap: 1.875rem;
  }
}
.screen-12__item {
  flex: 0 1 33.333%;
  color: #E3E6EC;
  text-align: center;
}
.screen-12__value {
  line-height: 1.25;
  font-weight: 700;
}
@media (min-width: 120em) {
  .screen-12__value {
    font-size: 3.75rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (font-size: clamp( 2.1875rem , 1.875rem  +  1.5625vw , 3.75rem )) {
    .screen-12__value {
      font-size: clamp( 2.1875rem , 1.875rem  +  1.5625vw , 3.75rem );
    }
  }
  @supports not (font-size: clamp( 2.1875rem , 1.875rem  +  1.5625vw , 3.75rem )) {
    .screen-12__value {
      font-size: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .screen-12__value {
    font-size: 2.1875rem;
  }
}
.screen-12__container {
  display: flex;
  min-height: 100%;
}
@media (min-width: 47.99875em) {
  .screen-12__container {
    align-items: center;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media (max-width: 47.99875em) {
  .screen-12__container {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
.screen-12__body {
  flex-grow: 1;
  position: relative;
}
@media (min-width: 120em) {
  .screen-12__body {
    padding-top: 9.6875rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (padding-top: clamp( 3.125rem , 1.8125rem  +  6.5625vw , 9.6875rem )) {
    .screen-12__body {
      padding-top: clamp( 3.125rem , 1.8125rem  +  6.5625vw , 9.6875rem );
    }
  }
  @supports not (padding-top: clamp( 3.125rem , 1.8125rem  +  6.5625vw , 9.6875rem )) {
    .screen-12__body {
      padding-top: calc(3.125rem + 6.5625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .screen-12__body {
    padding-top: 3.125rem;
  }
}
@media (min-width: 120em) {
  .screen-12__body {
    padding-bottom: 9.6875rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (padding-bottom: clamp( 3.125rem , 1.8125rem  +  6.5625vw , 9.6875rem )) {
    .screen-12__body {
      padding-bottom: clamp( 3.125rem , 1.8125rem  +  6.5625vw , 9.6875rem );
    }
  }
  @supports not (padding-bottom: clamp( 3.125rem , 1.8125rem  +  6.5625vw , 9.6875rem )) {
    .screen-12__body {
      padding-bottom: calc(3.125rem + 6.5625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .screen-12__body {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 120em) {
  .screen-12__body {
    padding-left: 15rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (padding-left: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem )) {
    .screen-12__body {
      padding-left: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem );
    }
  }
  @supports not (padding-left: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem )) {
    .screen-12__body {
      padding-left: calc(0.9375rem + 14.0625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .screen-12__body {
    padding-left: 0.9375rem;
  }
}
@media (min-width: 120em) {
  .screen-12__body {
    padding-right: 15rem;
  }
}
@media (min-width: 20em) and (max-width: 120em) {
  @supports (padding-right: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem )) {
    .screen-12__body {
      padding-right: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem );
    }
  }
  @supports not (padding-right: clamp( 0.9375rem , -1.875rem  +  14.0625vw , 15rem )) {
    .screen-12__body {
      padding-right: calc(0.9375rem + 14.0625 * (100vw - 20rem) / 100);
    }
  }
}
@media (max-width: 20em) {
  .screen-12__body {
    padding-right: 0.9375rem;
  }
}
.screen-12__body::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(28, 31, 37, 0.6);
}
@media (max-width: 47.99875em) {
  .screen-12__body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100%;
  }
}
.screen-12__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
  background: #000;
}