@import url(https://fonts.googleapis.com/css?family=Lato:regular,500&display=swap);

@charset "UTF-8";

@font-face {
  font-family: Spartan;
  font-display: swap;
  src: url("../fonts/Spartan-Bold.woff2") format("woff2"),
    url("../fonts/Spartan-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Spartan;
  font-display: swap;
  src: url("../fonts/Spartan-Light.woff2") format("woff2"),
    url("../fonts/Spartan-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Spartan;
  font-display: swap;
  src: url("../fonts/Spartan-Medium.woff2") format("woff2"),
    url("../fonts/Spartan-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

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

@font-face {
  font-family: Spartan;
  font-display: swap;
  src: url("../fonts/Spartan-SemiBold.woff2") format("woff2"),
    url("../fonts/Spartan-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

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

body {
  /* color: #FFF; */
  line-height: 1;
  font-family: "Spartan";
  font-size: 1.125rem;
  -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: "Spartan";
  font-size: inherit;
}

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

a {
  color: inherit;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

body {
  /* background: #263238; */
}

.lock body {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.wrapper > main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.wrapper > * {
  min-width: 0;
}

/*
(i) Стили будут применяться ко 
всем классам содержащим *__container
Например header__container, main__container и т.д.
Снипет (HTML): cnt
*/

[class*="__container"] {
  max-width: 88.75rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
}

[class*="__container-big"] {
  max-width: 101.25rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 0.9375rem;
}

[class*="-ibg"] {
  position: relative;
}

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

[class*="-ibg_contain"] img {
  -o-object-fit: contain;
  object-fit: contain;
}

.title {
  font-weight: 700;
  font-size: 4.375rem;
  line-height: 1.125;
}

@supports (
  font-size: clamp(2.5rem, 2.0488721805rem + 2.2556390977vw, 4.375rem)
) {
  .title {
    font-size: clamp(2.5rem, 2.0488721805rem + 2.2556390977vw, 4.375rem);
  }
}

@supports not (
  font-size: clamp(2.5rem, 2.0488721805rem + 2.2556390977vw, 4.375rem)
) {
  .title {
    font-size: calc(2.5rem + 1.875 * (100vw - 20rem) / 83.125);
  }
}

.title span {
  /* color: #23B123; */
}

.text {
  font-weight: 400;
  line-height: 177%;
}

@supports (font-size: clamp(1rem, 0.969924812rem + 0.1503759398vw, 1.125rem)) {
  .text {
    font-size: clamp(1rem, 0.969924812rem + 0.1503759398vw, 1.125rem);
  }
}

@supports not (
  font-size: clamp(1rem, 0.969924812rem + 0.1503759398vw, 1.125rem)
) {
  .text {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 83.125);
  }
}

.button {
  display: inline-block;
  text-align: center;
  font-weight: 500;
  /* background-color: #23B123; */
  padding: 21px;
  min-width: 8.875rem;
  border-radius: 0.625rem;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@supports (
  font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem)
) {
  .button {
    font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem);
  }
}

@supports not (
  font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem)
) {
  .button {
    font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  min-width: clamp(6.25rem, 3.2501674057rem + 6.2498139936vw, 8.875rem)
) {
  .button {
    min-width: clamp(6.25rem, 3.2501674057rem + 6.2498139936vw, 8.875rem);
  }
}

@supports not (
  min-width: clamp(6.25rem, 3.2501674057rem + 6.2498139936vw, 8.875rem)
) {
  .button {
    min-width: calc(6.25rem + 2.625 * (100vw - 47.99875rem) / 42.00125);
  }
}

.button:hover {
  /* background-color: #299529; */
}

.button_transparent {
  display: inline-block;
  min-width: 8.875rem;
  border-radius: 0.625rem;
  padding: 1.25rem 0;
  /* border: 1px solid #FFFFFF; */
  background-color: transparent;
}

@supports (
  font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem)
) {
  .button_transparent {
    font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem);
  }
}

@supports not (
  font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem)
) {
  .button_transparent {
    font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 83.125);
  }
}

@supports (min-width: clamp(5rem, 0.5716756942rem + 9.2259158954vw, 8.875rem)) {
  .button_transparent {
    min-width: clamp(5rem, 0.5716756942rem + 9.2259158954vw, 8.875rem);
  }
}

@supports not (
  min-width: clamp(5rem, 0.5716756942rem + 9.2259158954vw, 8.875rem)
) {
  .button_transparent {
    min-width: calc(5rem + 3.875 * (100vw - 47.99875rem) / 42.00125);
  }
}

.button_transparent:hover {
  /* background-color: #fff; */
  /* color: #23B123; */
}

.form {
  /* background: #FFFFFF; */
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.375rem;
  gap: 0.625rem;
}

.form__input {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 1.25rem;
  font-weight: 500;
  /* color: #263238; */
  outline: none;
}

.form__input::-webkit-input-placeholder {
  /* color: #263238; */
  font-weight: 500;
}

.form__input::-moz-placeholder {
  /* color: #263238; */
  font-weight: 500;
}

.form__input:-ms-input-placeholder {
  /* color: #263238; */
  font-weight: 500;
}

.form__input::-ms-input-placeholder {
  /* color: #263238; */
  font-weight: 500;
}

.form__input::placeholder {
  /* color: #263238; */
  font-weight: 500;
}

.form__button {
  font-weight: 500;
  padding: 1.375rem 1.5625rem;
  min-width: 10.1875rem;
  font-size: 1.125rem;
}

@supports (
  font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem)
) {
  .form__button {
    font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem);
  }
}

@supports not (
  font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem)
) {
  .form__button {
    font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  min-width: clamp(5.625rem, 4.5272556391rem + 5.4887218045vw, 10.1875rem)
) {
  .form__button {
    min-width: clamp(5.625rem, 4.5272556391rem + 5.4887218045vw, 10.1875rem);
  }
}

@supports not (
  min-width: clamp(5.625rem, 4.5272556391rem + 5.4887218045vw, 10.1875rem)
) {
  .form__button {
    min-width: calc(5.625rem + 4.5625 * (100vw - 20rem) / 83.125);
  }
}

.icon-menu {
  display: none;
}

.header {
  z-index: 50;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@supports (
  padding-top: clamp(0.625rem, -0.1268796992rem + 3.7593984962vw, 3.75rem)
) {
  .header {
    padding-top: clamp(0.625rem, -0.1268796992rem + 3.7593984962vw, 3.75rem);
  }
}

@supports not (
  padding-top: clamp(0.625rem, -0.1268796992rem + 3.7593984962vw, 3.75rem)
) {
  .header {
    padding-top: calc(0.625rem + 3.125 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  padding-bottom: clamp(0.625rem, -0.1268796992rem + 3.7593984962vw, 3.75rem)
) {
  .header {
    padding-bottom: clamp(0.625rem, -0.1268796992rem + 3.7593984962vw, 3.75rem);
  }
}

@supports not (
  padding-bottom: clamp(0.625rem, -0.1268796992rem + 3.7593984962vw, 3.75rem)
) {
  .header {
    padding-bottom: calc(0.625rem + 3.125 * (100vw - 20rem) / 83.125);
  }
}

.header.header-scroll {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  /* background-color: rgba(34, 43, 47, 0.9921568627); */
}

.header__container-big {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 18.75rem 1fr 18.75rem;
  grid-template-columns: 18.75rem 1fr 18.75rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__logo {
  font-family: "Lato";
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 1.194;
}

@supports (
  font-size: clamp(1.25rem, 1.0093984962rem + 1.2030075188vw, 2.25rem)
) {
  .header__logo {
    font-size: clamp(1.25rem, 1.0093984962rem + 1.2030075188vw, 2.25rem);
  }
}

@supports not (
  font-size: clamp(1.25rem, 1.0093984962rem + 1.2030075188vw, 2.25rem)
) {
  .header__logo {
    font-size: calc(1.25rem + 1 * (100vw - 20rem) / 83.125);
  }
}

.header__menu {
  padding: 0.625rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.header__actions {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}

@supports (gap: clamp(0.625rem, 0.5347744361rem + 0.4511278195vw, 1rem)) {
  .header__actions {
    gap: clamp(0.625rem, 0.5347744361rem + 0.4511278195vw, 1rem);
  }
}

@supports not (gap: clamp(0.625rem, 0.5347744361rem + 0.4511278195vw, 1rem)) {
  .header__actions {
    gap: calc(0.625rem + 0.375 * (100vw - 20rem) / 83.125);
  }
}

.header__actions {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}

@supports (gap: clamp(0.625rem, 0.5347744361rem + 0.4511278195vw, 1rem)) {
  .header__actions {
    gap: clamp(0.625rem, 0.5347744361rem + 0.4511278195vw, 1rem);
  }
}

@supports not (gap: clamp(0.625rem, 0.5347744361rem + 0.4511278195vw, 1rem)) {
  .header__actions {
    gap: calc(0.625rem + 0.375 * (100vw - 20rem) / 83.125);
  }
}

.header__button {
  font-family: "Lato";
}

.menu {
  padding: 0 0.625rem;
}

.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 0.625rem;
  -webkit-column-gap: 2.75rem;
  -moz-column-gap: 2.75rem;
  column-gap: 2.75rem;
}

@supports (gap: clamp(0.9375rem, 0.5014097744rem + 2.1804511278vw, 2.75rem)) {
  .menu__list {
    gap: clamp(0.9375rem, 0.5014097744rem + 2.1804511278vw, 2.75rem);
  }
}

@supports not (
  gap: clamp(0.9375rem, 0.5014097744rem + 2.1804511278vw, 2.75rem)
) {
  .menu__list {
    gap: calc(0.9375rem + 1.8125 * (100vw - 20rem) / 83.125);
  }
}

.menu__link {
  -webkit-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}

@supports (
  font-size: clamp(0.9375rem, 0.7684859155rem + 0.3521126761vw, 1.125rem)
) {
  .menu__link {
    font-size: clamp(0.9375rem, 0.7684859155rem + 0.3521126761vw, 1.125rem);
  }
}

@supports not (
  font-size: clamp(0.9375rem, 0.7684859155rem + 0.3521126761vw, 1.125rem)
) {
  .menu__link {
    font-size: calc(0.9375rem + 0.1875 * (100vw - 48rem) / 53.25);
  }
}

.menu__link:hover {
  /* color: #23B123; */
  text-decoration: underline;
}

.footer {
  /* background: rgba(53, 64, 70, 0.5); */
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.25rem;
}

@supports (
  padding-top: clamp(0.9375rem, 0.3209586466rem + 3.0827067669vw, 3.5rem)
) {
  .footer__bottom {
    padding-top: clamp(0.9375rem, 0.3209586466rem + 3.0827067669vw, 3.5rem);
  }
}

@supports not (
  padding-top: clamp(0.9375rem, 0.3209586466rem + 3.0827067669vw, 3.5rem)
) {
  .footer__bottom {
    padding-top: calc(0.9375rem + 2.5625 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  padding-bottom: clamp(1.25rem, 0.7086466165rem + 2.7067669173vw, 3.5rem)
) {
  .footer__bottom {
    padding-bottom: clamp(1.25rem, 0.7086466165rem + 2.7067669173vw, 3.5rem);
  }
}

@supports not (
  padding-bottom: clamp(1.25rem, 0.7086466165rem + 2.7067669173vw, 3.5rem)
) {
  .footer__bottom {
    padding-bottom: calc(1.25rem + 2.25 * (100vw - 20rem) / 83.125);
  }
}

.footer__copy {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.08;
}

.top-footer {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
}

@supports (
  padding-top: clamp(1.25rem, 0.5281954887rem + 3.6090225564vw, 4.25rem)
) {
  .top-footer {
    padding-top: clamp(1.25rem, 0.5281954887rem + 3.6090225564vw, 4.25rem);
  }
}

@supports not (
  padding-top: clamp(1.25rem, 0.5281954887rem + 3.6090225564vw, 4.25rem)
) {
  .top-footer {
    padding-top: calc(1.25rem + 3 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  padding-bottom: clamp(1.25rem, 0.0469924812rem + 6.015037594vw, 6.25rem)
) {
  .top-footer {
    padding-bottom: clamp(1.25rem, 0.0469924812rem + 6.015037594vw, 6.25rem);
  }
}

@supports not (
  padding-bottom: clamp(1.25rem, 0.0469924812rem + 6.015037594vw, 6.25rem)
) {
  .top-footer {
    padding-bottom: calc(1.25rem + 5 * (100vw - 20rem) / 83.125);
  }
}

.top-footer__info {
  max-width: 22.1875rem;
}

.top-footer__logo {
  display: inline-block;
}

.top-footer__logo:not(:last-child) {
  margin-bottom: 1.5rem;
}

.top-footer__image {
  max-width: 100%;
}

.top-footer__form {
  -ms-grid-column-align: center;
  justify-self: center;
}

.top-footer__contacts {
  -ms-grid-column-align: end;
  justify-self: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@supports (gap: clamp(1.25rem, 0.8289473684rem + 2.1052631579vw, 3rem)) {
  .top-footer__contacts {
    gap: clamp(1.25rem, 0.8289473684rem + 2.1052631579vw, 3rem);
  }
}

@supports not (gap: clamp(1.25rem, 0.8289473684rem + 2.1052631579vw, 3rem)) {
  .top-footer__contacts {
    gap: calc(1.25rem + 1.75 * (100vw - 20rem) / 83.125);
  }
}

.footer-form__text {
  max-width: 28.125rem;
}

.footer-form__text:not(:last-child) {
  margin-bottom: 1.5rem;
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.social__label {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.125;
}

.social__label:not(:last-child) {
  margin-bottom: 1.5rem;
}

@supports (
  margin-bottom: clamp(0.9375rem, 0.8021616541rem + 0.6766917293vw, 1.5rem)
) {
  .social__label:not(:last-child) {
    margin-bottom: clamp(0.9375rem, 0.8021616541rem + 0.6766917293vw, 1.5rem);
  }
}

@supports not (
  margin-bottom: clamp(0.9375rem, 0.8021616541rem + 0.6766917293vw, 1.5rem)
) {
  .social__label:not(:last-child) {
    margin-bottom: calc(0.9375rem + 0.5625 * (100vw - 20rem) / 83.125);
  }
}

.social__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.social__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  /* background: #FFFFFF; */
  border-radius: 50%;
}

.social__image {
  max-width: 100%;
}

.call__label {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.125;
}

.call__label:not(:last-child) {
  margin-bottom: 1.5rem;
}

@supports (
  margin-bottom: clamp(0.9375rem, 0.8021616541rem + 0.6766917293vw, 1.5rem)
) {
  .call__label:not(:last-child) {
    margin-bottom: clamp(0.9375rem, 0.8021616541rem + 0.6766917293vw, 1.5rem);
  }
}

@supports not (
  margin-bottom: clamp(0.9375rem, 0.8021616541rem + 0.6766917293vw, 1.5rem)
) {
  .call__label:not(:last-child) {
    margin-bottom: calc(0.9375rem + 0.5625 * (100vw - 20rem) / 83.125);
  }
}

.call__phone {
  font-size: 1rem;
  line-height: 1.187;
}

@supports (font-size: clamp(0.875rem, 0.844924812rem + 0.1503759398vw, 1rem)) {
  .call__phone {
    font-size: clamp(0.875rem, 0.844924812rem + 0.1503759398vw, 1rem);
  }
}

@supports not (
  font-size: clamp(0.875rem, 0.844924812rem + 0.1503759398vw, 1rem)
) {
  .call__phone {
    font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 83.125);
  }
}

.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
  row-gap: 0.9375rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@supports (
  (-moz-column-gap: clamp(0.9375rem, 0.5615601504rem + 1.8796992481vw, 2.5rem))
    or (column-gap: clamp(0.9375rem, 0.5615601504rem + 1.8796992481vw, 2.5rem))
) {
  .nav__list {
    -webkit-column-gap: clamp(
      0.9375rem,
      0.5615601504rem + 1.8796992481vw,
      2.5rem
    );
    -moz-column-gap: clamp(0.9375rem, 0.5615601504rem + 1.8796992481vw, 2.5rem);
    column-gap: clamp(0.9375rem, 0.5615601504rem + 1.8796992481vw, 2.5rem);
  }
}

@supports not (
  (-moz-column-gap: clamp(0.9375rem, 0.5615601504rem + 1.8796992481vw, 2.5rem))
    or (column-gap: clamp(0.9375rem, 0.5615601504rem + 1.8796992481vw, 2.5rem))
) {
  .nav__list {
    -webkit-column-gap: calc(0.9375rem + 1.5625 * (100vw - 20rem) / 83.125);
    -moz-column-gap: calc(0.9375rem + 1.5625 * (100vw - 20rem) / 83.125);
    column-gap: calc(0.9375rem + 1.5625 * (100vw - 20rem) / 83.125);
  }
}

.nav__link {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.14;
}

@supports (
  font-size: clamp(0.75rem, 0.719924812rem + 0.1503759398vw, 0.875rem)
) {
  .nav__link {
    font-size: clamp(0.75rem, 0.719924812rem + 0.1503759398vw, 0.875rem);
  }
}

@supports not (
  font-size: clamp(0.75rem, 0.719924812rem + 0.1503759398vw, 0.875rem)
) {
  .nav__link {
    font-size: calc(0.75rem + 0.125 * (100vw - 20rem) / 83.125);
  }
}

.nav__link:hover {
  text-decoration: underline;
}

.main-block__container-big {
  position: relative;
}

.main-block__container-big::before,
.main-block__container-big::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 50%;
  border: 1px solid #fff;
}

@supports (
  width: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .main-block__container-big::before,
  .main-block__container-big::after {
    width: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem);
  }
}

@supports not (
  width: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .main-block__container-big::before,
  .main-block__container-big::after {
    width: calc(21.875rem + 14.6875 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  height: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .main-block__container-big::before,
  .main-block__container-big::after {
    height: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem);
  }
}

@supports not (
  height: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .main-block__container-big::before,
  .main-block__container-big::after {
    height: calc(21.875rem + 14.6875 * (100vw - 20rem) / 83.125);
  }
}

.main-block__container-big::before {
  -webkit-transform: translate(calc(-50% - 1.75rem), -50%);
  -ms-transform: translate(calc(-50% - 1.75rem), -50%);
  transform: translate(calc(-50% - 1.75rem), -50%);
}

.main-block__container-big::after {
  content: "";
  -webkit-transform: translate(calc(-50% + 1.6875rem), calc(-50% - 3.4375rem));
  -ms-transform: translate(calc(-50% + 1.6875rem), calc(-50% - 3.4375rem));
  transform: translate(calc(-50% + 1.6875rem), calc(-50% - 3.4375rem));
}

.main-block__content {
  position: relative;
  z-index: 2;
  padding-top: 15.625rem;
  padding-bottom: 13.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

@supports (
  padding-top: clamp(9.375rem, 7.8712406015rem + 7.5187969925vw, 15.625rem)
) {
  .main-block__content {
    padding-top: clamp(9.375rem, 7.8712406015rem + 7.5187969925vw, 15.625rem);
  }
}

@supports not (
  padding-top: clamp(9.375rem, 7.8712406015rem + 7.5187969925vw, 15.625rem)
) {
  .main-block__content {
    padding-top: calc(9.375rem + 6.25 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  padding-bottom: clamp(3.75rem, 1.4943609023rem + 11.2781954887vw, 13.125rem)
) {
  .main-block__content {
    padding-bottom: clamp(
      3.75rem,
      1.4943609023rem + 11.2781954887vw,
      13.125rem
    );
  }
}

@supports not (
  padding-bottom: clamp(3.75rem, 1.4943609023rem + 11.2781954887vw, 13.125rem)
) {
  .main-block__content {
    padding-bottom: calc(3.75rem + 9.375 * (100vw - 20rem) / 83.125);
  }
}

.main-block__title {
  max-width: 57.6875rem;
}

.main-block__title:not(:last-child) {
  margin-bottom: 4.3125rem;
}

@supports (
  margin-bottom: clamp(1.5625rem, 0.9008458647rem + 3.3082706767vw, 4.3125rem)
) {
  .main-block__title:not(:last-child) {
    margin-bottom: clamp(
      1.5625rem,
      0.9008458647rem + 3.3082706767vw,
      4.3125rem
    );
  }
}

@supports not (
  margin-bottom: clamp(1.5625rem, 0.9008458647rem + 3.3082706767vw, 4.3125rem)
) {
  .main-block__title:not(:last-child) {
    margin-bottom: calc(1.5625rem + 2.75 * (100vw - 20rem) / 83.125);
  }
}

.main-block__text {
  max-width: 45.3125rem;
  line-height: 180%;
}

.main-block__text:not(:last-child) {
  margin-bottom: 3rem;
}

@supports (
  margin-bottom: clamp(1.25rem, 0.8289473684rem + 2.1052631579vw, 3rem)
) {
  .main-block__text:not(:last-child) {
    margin-bottom: clamp(1.25rem, 0.8289473684rem + 2.1052631579vw, 3rem);
  }
}

@supports not (
  margin-bottom: clamp(1.25rem, 0.8289473684rem + 2.1052631579vw, 3rem)
) {
  .main-block__text:not(:last-child) {
    margin-bottom: calc(1.25rem + 1.75 * (100vw - 20rem) / 83.125);
  }
}

.icons-main-block__item {
  position: absolute;
}

.icons-main-block__item_1 {
  top: 69%;
  left: 0.55%;
}

.icons-main-block__item_2 {
  top: 38.8%;
  left: 14.6%;
}

.icons-main-block__item_3 {
  top: 77.2%;
  left: 24.9%;
}

.icons-main-block__item_4 {
  top: 13.7%;
  right: 26.1%;
}

.icons-main-block__item_5 {
  top: 42.75%;
  right: 17.2%;
}

.icons-main-block__item_6 {
  top: 79.2%;
  right: 16%;
}

.icons-main-block__item_7 {
  top: 37.4%;
  right: 1%;
}

.partners__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.875rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@supports (
  padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem)
) {
  .partners__container {
    padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem);
  }
}

@supports not (
  padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem)
) {
  .partners__container {
    padding-bottom: calc(3.75rem + 8.75 * (100vw - 20rem) / 83.125);
  }
}

.partners__item {
  text-align: center;
}

.partners__image {
  max-width: 100%;
}

@supports (
  padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem)
) {
  .how {
    padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem);
  }
}

@supports not (
  padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem)
) {
  .how {
    padding-bottom: calc(3.75rem + 8.75 * (100vw - 20rem) / 83.125);
  }
}

.how__container {
  display: -ms-grid;
  display: grid;
  row-gap: 2.1875rem;
}

@supports (
  padding-right: clamp(1.5625rem, -8.5776869159rem + 16.3551401869vw, 5.9375rem)
) {
  .how__content {
    padding-right: clamp(
      1.5625rem,
      -8.5776869159rem + 16.3551401869vw,
      5.9375rem
    );
  }
}

@supports not (
  padding-right: clamp(1.5625rem, -8.5776869159rem + 16.3551401869vw, 5.9375rem)
) {
  .how__content {
    padding-right: calc(1.5625rem + 4.375 * (100vw - 62rem) / 26.75);
  }
}

.how__title {
  font-size: 4rem;
  line-height: 1.125;
}

@supports (
  font-size: clamp(1.5625rem, 0.9760338346rem + 2.9323308271vw, 4rem)
) {
  .how__title {
    font-size: clamp(1.5625rem, 0.9760338346rem + 2.9323308271vw, 4rem);
  }
}

@supports not (
  font-size: clamp(1.5625rem, 0.9760338346rem + 2.9323308271vw, 4rem)
) {
  .how__title {
    font-size: calc(1.5625rem + 2.4375 * (100vw - 20rem) / 83.125);
  }
}

.how__title:not(:last-child) {
  margin-bottom: 2rem;
}

@supports (
  margin-bottom: clamp(0.9375rem, 0.6818609023rem + 1.2781954887vw, 2rem)
) {
  .how__title:not(:last-child) {
    margin-bottom: clamp(0.9375rem, 0.6818609023rem + 1.2781954887vw, 2rem);
  }
}

@supports not (
  margin-bottom: clamp(0.9375rem, 0.6818609023rem + 1.2781954887vw, 2rem)
) {
  .how__title:not(:last-child) {
    margin-bottom: calc(0.9375rem + 1.0625 * (100vw - 20rem) / 83.125);
  }
}

.how__text {
  line-height: 177%;
}

.how__text:not(:last-child) {
  margin-bottom: 3rem;
}

@supports (
  margin-bottom: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem)
) {
  .how__text:not(:last-child) {
    margin-bottom: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem);
  }
}

@supports not (
  margin-bottom: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem)
) {
  .how__text:not(:last-child) {
    margin-bottom: calc(1.5625rem + 1.4375 * (100vw - 20rem) / 83.125);
  }
}

.steps-how {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@supports (row-gap: clamp(1.875rem, 1.6043233083rem + 1.3533834586vw, 3rem)) {
  .steps-how {
    row-gap: clamp(1.875rem, 1.6043233083rem + 1.3533834586vw, 3rem);
  }
}

@supports not (
  row-gap: clamp(1.875rem, 1.6043233083rem + 1.3533834586vw, 3rem)
) {
  .steps-how {
    row-gap: calc(1.875rem + 1.125 * (100vw - 20rem) / 83.125);
  }
}

.steps-how__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2rem;
}

.steps-how__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 6.875rem;
  flex: 0 0 6.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  height: 6.875rem;
  /* background: rgba(0, 128, 0, 0.1); */
}

.steps-how__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.1;
}

@supports (
  font-size: clamp(0.875rem, 0.7847744361rem + 0.4511278195vw, 1.25rem)
) {
  .steps-how__title {
    font-size: clamp(0.875rem, 0.7847744361rem + 0.4511278195vw, 1.25rem);
  }
}

@supports not (
  font-size: clamp(0.875rem, 0.7847744361rem + 0.4511278195vw, 1.25rem)
) {
  .steps-how__title {
    font-size: calc(0.875rem + 0.375 * (100vw - 20rem) / 83.125);
  }
}

.steps-how__title:not(:last-child) {
  margin-bottom: 1rem;
}

.steps-how__text {
  line-height: 180%;
}

.steps-how:not(:last-child) {
  margin-bottom: 0.5rem;
}

.image-block {
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1.25rem;
  /* background: rgba(255, 255, 255, 0.05); */
  position: relative;
  overflow: hidden;
}

@supports (
  padding-top: clamp(1.5625rem, -0.5578007519rem + 10.6015037594vw, 10.375rem)
) {
  .image-block {
    padding-top: clamp(
      1.5625rem,
      -0.5578007519rem + 10.6015037594vw,
      10.375rem
    );
  }
}

@supports not (
  padding-top: clamp(1.5625rem, -0.5578007519rem + 10.6015037594vw, 10.375rem)
) {
  .image-block {
    padding-top: calc(1.5625rem + 8.8125 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  padding-bottom:
    clamp(1.5625rem, -0.5578007519rem + 10.6015037594vw, 10.375rem)
) {
  .image-block {
    padding-bottom: clamp(
      1.5625rem,
      -0.5578007519rem + 10.6015037594vw,
      10.375rem
    );
  }
}

@supports not (
  padding-bottom:
    clamp(1.5625rem, -0.5578007519rem + 10.6015037594vw, 10.375rem)
) {
  .image-block {
    padding-bottom: calc(1.5625rem + 8.8125 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  padding-left: clamp(0.625rem, 0.0986842105rem + 2.6315789474vw, 2.8125rem)
) {
  .image-block {
    padding-left: clamp(0.625rem, 0.0986842105rem + 2.6315789474vw, 2.8125rem);
  }
}

@supports not (
  padding-left: clamp(0.625rem, 0.0986842105rem + 2.6315789474vw, 2.8125rem)
) {
  .image-block {
    padding-left: calc(0.625rem + 2.1875 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  padding-right: clamp(0.625rem, 0.0986842105rem + 2.6315789474vw, 2.8125rem)
) {
  .image-block {
    padding-right: clamp(0.625rem, 0.0986842105rem + 2.6315789474vw, 2.8125rem);
  }
}

@supports not (
  padding-right: clamp(0.625rem, 0.0986842105rem + 2.6315789474vw, 2.8125rem)
) {
  .image-block {
    padding-right: calc(0.625rem + 2.1875 * (100vw - 20rem) / 83.125);
  }
}

.image-block::after,
.image-block::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 0;
  right: 0;
  border: 1px solid #fff;
}

@supports (
  width: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .image-block::after,
  .image-block::before {
    width: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem);
  }
}

@supports not (
  width: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .image-block::after,
  .image-block::before {
    width: calc(21.875rem + 14.6875 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  height: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .image-block::after,
  .image-block::before {
    height: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem);
  }
}

@supports not (
  height: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .image-block::after,
  .image-block::before {
    height: calc(21.875rem + 14.6875 * (100vw - 20rem) / 83.125);
  }
}

.image-block::before {
  -webkit-transform: translate(calc(50% - 1.125rem), -20%);
  -ms-transform: translate(calc(50% - 1.125rem), -20%);
  transform: translate(calc(50% - 1.125rem), -20%);
}

.image-block::after {
  -webkit-transform: translate(calc(50% - 1.25rem), -0.6%);
  -ms-transform: translate(calc(50% - 1.25rem), -0.6%);
  transform: translate(calc(50% - 1.25rem), -0.6%);
}

.image-block__item {
  text-align: center;
  z-index: 2;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  border-radius: 1.25rem;
}

.image-block__image {
  max-width: 100%;
  border-radius: 1.25rem;
}

@supports (
  padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem)
) {
  .pathway {
    padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem);
  }
}

@supports not (
  padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem)
) {
  .pathway {
    padding-bottom: calc(3.75rem + 8.75 * (100vw - 20rem) / 83.125);
  }
}

.pathway__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7.875rem;
}

@supports (
  gap: clamp(1.5625rem, -13.0683411215rem + 23.5981308411vw, 7.875rem)
) {
  .pathway__container {
    gap: clamp(1.5625rem, -13.0683411215rem + 23.5981308411vw, 7.875rem);
  }
}

@supports not (
  gap: clamp(1.5625rem, -13.0683411215rem + 23.5981308411vw, 7.875rem)
) {
  .pathway__container {
    gap: calc(1.5625rem + 6.3125 * (100vw - 62rem) / 26.75);
  }
}

.pathway__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.pathway__title:not(:last-child) {
  margin-bottom: 2rem;
}

@supports (
  margin-bottom: clamp(0.9375rem, 0.6818609023rem + 1.2781954887vw, 2rem)
) {
  .pathway__title:not(:last-child) {
    margin-bottom: clamp(0.9375rem, 0.6818609023rem + 1.2781954887vw, 2rem);
  }
}

@supports not (
  margin-bottom: clamp(0.9375rem, 0.6818609023rem + 1.2781954887vw, 2rem)
) {
  .pathway__title:not(:last-child) {
    margin-bottom: calc(0.9375rem + 1.0625 * (100vw - 20rem) / 83.125);
  }
}

.pathway__text:not(:last-child) {
  margin-bottom: 3rem;
}

@supports (
  margin-bottom: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem)
) {
  .pathway__text:not(:last-child) {
    margin-bottom: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem);
  }
}

@supports not (
  margin-bottom: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem)
) {
  .pathway__text:not(:last-child) {
    margin-bottom: calc(1.5625rem + 1.4375 * (100vw - 20rem) / 83.125);
  }
}

.pathway__spollers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}

.image-block-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1.25rem;
  /* background: rgba(255, 255, 255, 0.05); */
  position: relative;
  overflow: hidden;
}

@supports (
  padding-top: clamp(1.5625rem, 0.4497180451rem + 5.5639097744vw, 6.1875rem)
) {
  .image-block-2 {
    padding-top: clamp(1.5625rem, 0.4497180451rem + 5.5639097744vw, 6.1875rem);
  }
}

@supports not (
  padding-top: clamp(1.5625rem, 0.4497180451rem + 5.5639097744vw, 6.1875rem)
) {
  .image-block-2 {
    padding-top: calc(1.5625rem + 4.625 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  padding-bottom: clamp(1.5625rem, 0.4497180451rem + 5.5639097744vw, 6.1875rem)
) {
  .image-block-2 {
    padding-bottom: clamp(
      1.5625rem,
      0.4497180451rem + 5.5639097744vw,
      6.1875rem
    );
  }
}

@supports not (
  padding-bottom: clamp(1.5625rem, 0.4497180451rem + 5.5639097744vw, 6.1875rem)
) {
  .image-block-2 {
    padding-bottom: calc(1.5625rem + 4.625 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  padding-left: clamp(0.625rem, 0.1738721805rem + 2.2556390977vw, 2.5rem)
) {
  .image-block-2 {
    padding-left: clamp(0.625rem, 0.1738721805rem + 2.2556390977vw, 2.5rem);
  }
}

@supports not (
  padding-left: clamp(0.625rem, 0.1738721805rem + 2.2556390977vw, 2.5rem)
) {
  .image-block-2 {
    padding-left: calc(0.625rem + 1.875 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  padding-right: clamp(0.625rem, 0.1738721805rem + 2.2556390977vw, 2.5rem)
) {
  .image-block-2 {
    padding-right: clamp(0.625rem, 0.1738721805rem + 2.2556390977vw, 2.5rem);
  }
}

@supports not (
  padding-right: clamp(0.625rem, 0.1738721805rem + 2.2556390977vw, 2.5rem)
) {
  .image-block-2 {
    padding-right: calc(0.625rem + 1.875 * (100vw - 20rem) / 83.125);
  }
}

.image-block-2::after,
.image-block-2::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  bottom: 0;
  left: 0;
  border: 1px solid #fff;
}

@supports (
  width: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .image-block-2::after,
  .image-block-2::before {
    width: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem);
  }
}

@supports not (
  width: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .image-block-2::after,
  .image-block-2::before {
    width: calc(21.875rem + 14.6875 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  height: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .image-block-2::after,
  .image-block-2::before {
    height: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem);
  }
}

@supports not (
  height: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .image-block-2::after,
  .image-block-2::before {
    height: calc(21.875rem + 14.6875 * (100vw - 20rem) / 83.125);
  }
}

.image-block-2::before {
  -webkit-transform: translate(calc(-50% - 1.125rem), 20%);
  -ms-transform: translate(calc(-50% - 1.125rem), 20%);
  transform: translate(calc(-50% - 1.125rem), 20%);
}

.image-block-2::after {
  -webkit-transform: translate(calc(-50% - 1.25rem), 0.6%);
  -ms-transform: translate(calc(-50% - 1.25rem), 0.6%);
  transform: translate(calc(-50% - 1.25rem), 0.6%);
}

.image-block-2__item {
  text-align: center;
  z-index: 2;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  border-radius: 1.25rem;
}

.image-block-2__image {
  max-width: 100%;
  border-radius: 1.25rem;
}

.spollers-pathway__item {
  border-radius: 0.625rem;
  overflow: hidden;
}

.spollers-pathway__title {
  width: 100%;
  font-size: 1.5rem;
  line-height: 177%;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.5rem 1.875rem;
  /* background: rgba(255, 255, 255, 0.05); */
}

@supports (font-size: clamp(1rem, 0.8796992481rem + 0.6015037594vw, 1.5rem)) {
  .spollers-pathway__title {
    font-size: clamp(1rem, 0.8796992481rem + 0.6015037594vw, 1.5rem);
  }
}

@supports not (
  font-size: clamp(1rem, 0.8796992481rem + 0.6015037594vw, 1.5rem)
) {
  .spollers-pathway__title {
    font-size: calc(1rem + 0.5 * (100vw - 20rem) / 83.125);
  }
}

.spollers-pathway__title::after {
  content: "";
  background: url("../img/main-block/pathway/spoller.svg") center/100% no-repeat;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.5rem;
  flex: 0 0 1.5rem;
  height: 1.5rem;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

._spoiler-active .spollers-pathway__title::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.spollers-pathway__body {
  text-align: left;
  max-height: 0;
  padding: 0rem 1.25rem;
  /* background: rgba(255, 255, 255, 0.009); */
  font-size: 1.25rem;
  line-height: 177%;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@supports (
  font-size: clamp(0.875rem, 0.7847744361rem + 0.4511278195vw, 1.25rem)
) {
  .spollers-pathway__body {
    font-size: clamp(0.875rem, 0.7847744361rem + 0.4511278195vw, 1.25rem);
  }
}

@supports not (
  font-size: clamp(0.875rem, 0.7847744361rem + 0.4511278195vw, 1.25rem)
) {
  .spollers-pathway__body {
    font-size: calc(0.875rem + 0.375 * (100vw - 20rem) / 83.125);
  }
}

._spoiler-active .spollers-pathway__body {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

@supports (
  padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem)
) {
  .why {
    padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem);
  }
}

@supports not (
  padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem)
) {
  .why {
    padding-bottom: calc(3.75rem + 8.75 * (100vw - 20rem) / 83.125);
  }
}

.why__container {
  display: -ms-grid;
  display: grid;
  row-gap: 2.1875rem;
}

@supports (
  padding-right: clamp(1.5625rem, -15.3860981308rem + 27.3364485981vw, 8.875rem)
) {
  .why__content {
    padding-right: clamp(
      1.5625rem,
      -15.3860981308rem + 27.3364485981vw,
      8.875rem
    );
  }
}

@supports not (
  padding-right: clamp(1.5625rem, -15.3860981308rem + 27.3364485981vw, 8.875rem)
) {
  .why__content {
    padding-right: calc(1.5625rem + 7.3125 * (100vw - 62rem) / 26.75);
  }
}

.why__title:not(:last-child) {
  margin-bottom: 2rem;
}

@supports (
  margin-bottom: clamp(0.9375rem, 0.6818609023rem + 1.2781954887vw, 2rem)
) {
  .why__title:not(:last-child) {
    margin-bottom: clamp(0.9375rem, 0.6818609023rem + 1.2781954887vw, 2rem);
  }
}

@supports not (
  margin-bottom: clamp(0.9375rem, 0.6818609023rem + 1.2781954887vw, 2rem)
) {
  .why__title:not(:last-child) {
    margin-bottom: calc(0.9375rem + 1.0625 * (100vw - 20rem) / 83.125);
  }
}

.why__text:not(:last-child) {
  margin-bottom: 3rem;
}

@supports (
  margin-bottom: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem)
) {
  .why__text:not(:last-child) {
    margin-bottom: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem);
  }
}

@supports not (
  margin-bottom: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem)
) {
  .why__text:not(:last-child) {
    margin-bottom: calc(1.5625rem + 1.4375 * (100vw - 20rem) / 83.125);
  }
}

.why__button {
  padding: 1.375rem;
  min-width: 13.875rem;
}

.figures {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 3rem;
  list-style-type: none;
  counter-reset: item;
}

@supports (row-gap: clamp(1.875rem, 1.6043233083rem + 1.3533834586vw, 3rem)) {
  .figures {
    row-gap: clamp(1.875rem, 1.6043233083rem + 1.3533834586vw, 3rem);
  }
}

@supports not (
  row-gap: clamp(1.875rem, 1.6043233083rem + 1.3533834586vw, 3rem)
) {
  .figures {
    row-gap: calc(1.875rem + 1.125 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  margin-bottom: clamp(1.875rem, 1.6043233083rem + 1.3533834586vw, 3rem)
) {
  .figures {
    margin-bottom: clamp(1.875rem, 1.6043233083rem + 1.3533834586vw, 3rem);
  }
}

@supports not (
  margin-bottom: clamp(1.875rem, 1.6043233083rem + 1.3533834586vw, 3rem)
) {
  .figures {
    margin-bottom: calc(1.875rem + 1.125 * (100vw - 20rem) / 83.125);
  }
}

.figures__item {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 3.125rem;
  -moz-column-gap: 3.125rem;
  column-gap: 3.125rem;
}

@supports (font-size: clamp(1rem, 0.9398496241rem + 0.3007518797vw, 1.25rem)) {
  .figures__item {
    font-size: clamp(1rem, 0.9398496241rem + 0.3007518797vw, 1.25rem);
  }
}

@supports not (
  font-size: clamp(1rem, 0.9398496241rem + 0.3007518797vw, 1.25rem)
) {
  .figures__item {
    font-size: calc(1rem + 0.25 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  (-moz-column-gap: clamp(1.25rem, 0.7988721805rem + 2.2556390977vw, 3.125rem))
    or (column-gap: clamp(1.25rem, 0.7988721805rem + 2.2556390977vw, 3.125rem))
) {
  .figures__item {
    -webkit-column-gap: clamp(
      1.25rem,
      0.7988721805rem + 2.2556390977vw,
      3.125rem
    );
    -moz-column-gap: clamp(1.25rem, 0.7988721805rem + 2.2556390977vw, 3.125rem);
    column-gap: clamp(1.25rem, 0.7988721805rem + 2.2556390977vw, 3.125rem);
  }
}

@supports not (
  (-moz-column-gap: clamp(1.25rem, 0.7988721805rem + 2.2556390977vw, 3.125rem))
    or (column-gap: clamp(1.25rem, 0.7988721805rem + 2.2556390977vw, 3.125rem))
) {
  .figures__item {
    -webkit-column-gap: calc(1.25rem + 1.875 * (100vw - 20rem) / 83.125);
    -moz-column-gap: calc(1.25rem + 1.875 * (100vw - 20rem) / 83.125);
    column-gap: calc(1.25rem + 1.875 * (100vw - 20rem) / 83.125);
  }
}

.figures__item::before {
  counter-increment: item;
  content: counter(item);
  width: 4rem;
  height: 4rem;
  /* background-color: rgba(255, 255, 255, 0.05); */
  border-radius: 50%;
  /* color: #fff; */
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@supports (
  font-size: clamp(1.875rem, 1.7847744361rem + 0.4511278195vw, 2.25rem)
) {
  .figures__item::before {
    font-size: clamp(1.875rem, 1.7847744361rem + 0.4511278195vw, 2.25rem);
  }
}

@supports not (
  font-size: clamp(1.875rem, 1.7847744361rem + 0.4511278195vw, 2.25rem)
) {
  .figures__item::before {
    font-size: calc(1.875rem + 0.375 * (100vw - 20rem) / 83.125);
  }
}

.image-block_without {
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border-radius: 1.25rem;
}

.image-block_without__image {
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@supports (
  padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem)
) {
  .customers {
    padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem);
  }
}

@supports not (
  padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem)
) {
  .customers {
    padding-bottom: calc(3.75rem + 8.75 * (100vw - 20rem) / 83.125);
  }
}

.customers__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.customers__title {
  max-width: 68rem;
  text-align: center;
}

.customers__title:not(:last-child) {
  margin-bottom: 2rem;
}

@supports (
  margin-bottom: clamp(0.9375rem, 0.6818609023rem + 1.2781954887vw, 2rem)
) {
  .customers__title:not(:last-child) {
    margin-bottom: clamp(0.9375rem, 0.6818609023rem + 1.2781954887vw, 2rem);
  }
}

@supports not (
  margin-bottom: clamp(0.9375rem, 0.6818609023rem + 1.2781954887vw, 2rem)
) {
  .customers__title:not(:last-child) {
    margin-bottom: calc(0.9375rem + 1.0625 * (100vw - 20rem) / 83.125);
  }
}

.customers__text {
  max-width: 35.1875rem;
  text-align: center;
}

.customers__text:not(:last-child) {
  margin-bottom: 3rem;
}

@supports (
  margin-bottom: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem)
) {
  .customers__text:not(:last-child) {
    margin-bottom: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem);
  }
}

@supports not (
  margin-bottom: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem)
) {
  .customers__text:not(:last-child) {
    margin-bottom: calc(1.5625rem + 1.4375 * (100vw - 20rem) / 83.125);
  }
}

.customers__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  margin-bottom: 3rem;
}

@supports (gap: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem)) {
  .customers__items {
    gap: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem);
  }
}

@supports not (gap: clamp(1.5625rem, 1.2166353383rem + 1.7293233083vw, 3rem)) {
  .customers__items {
    gap: calc(1.5625rem + 1.4375 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  margin-bottom: clamp(1.875rem, 1.6043233083rem + 1.3533834586vw, 3rem)
) {
  .customers__items {
    margin-bottom: clamp(1.875rem, 1.6043233083rem + 1.3533834586vw, 3rem);
  }
}

@supports not (
  margin-bottom: clamp(1.875rem, 1.6043233083rem + 1.3533834586vw, 3rem)
) {
  .customers__items {
    margin-bottom: calc(1.875rem + 1.125 * (100vw - 20rem) / 83.125);
  }
}

.customers__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

.customers__button {
  min-width: 13.875rem;
}

.item-customers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* background: rgba(255, 255, 255, 0.05); */
  border-radius: 1.25rem;
  overflow: hidden;
}

.item-customers__picture {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 44%;
  flex: 0 0 44%;
  padding-bottom: 55%;
  position: relative;
}

.item-customers__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.item-customers__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.9375rem;
  padding: 2rem;
}

@supports (padding: clamp(0.625rem, 0.2941729323rem + 1.6541353383vw, 2rem)) {
  .item-customers__body {
    padding: clamp(0.625rem, 0.2941729323rem + 1.6541353383vw, 2rem);
  }
}

@supports not (
  padding: clamp(0.625rem, 0.2941729323rem + 1.6541353383vw, 2rem)
) {
  .item-customers__body {
    padding: calc(0.625rem + 1.375 * (100vw - 20rem) / 83.125);
  }
}

.item-customers__text {
  line-height: 125%;
}

@supports (
  font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem)
) {
  .item-customers__text {
    font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem);
  }
}

@supports not (
  font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem)
) {
  .item-customers__text {
    font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 83.125);
  }
}

.item-customers__name {
  font-weight: 600;
  font-style: normal;
}

@supports (
  font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem)
) {
  .item-customers__name {
    font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem);
  }
}

@supports not (
  font-size: clamp(0.875rem, 0.8148496241rem + 0.3007518797vw, 1.125rem)
) {
  .item-customers__name {
    font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem)
) {
  .download {
    padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem);
  }
}

@supports not (
  padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem)
) {
  .download {
    padding-bottom: calc(3.75rem + 8.75 * (100vw - 20rem) / 83.125);
  }
}

.download__body {
  /* background: rgba(255, 255, 255, 0.07); */
  border-radius: 1.25rem;
  text-align: center;
  display: -ms-grid;
  display: grid;
  justify-items: center;
  overflow: hidden;
  position: relative;
}

@supports (
  padding-top: clamp(1.25rem, 0.4680451128rem + 3.9097744361vw, 4.5rem)
) {
  .download__body {
    padding-top: clamp(1.25rem, 0.4680451128rem + 3.9097744361vw, 4.5rem);
  }
}

@supports not (
  padding-top: clamp(1.25rem, 0.4680451128rem + 3.9097744361vw, 4.5rem)
) {
  .download__body {
    padding-top: calc(1.25rem + 3.25 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  padding-bottom: clamp(1.25rem, 0.5582706767rem + 3.4586466165vw, 4.125rem)
) {
  .download__body {
    padding-bottom: clamp(1.25rem, 0.5582706767rem + 3.4586466165vw, 4.125rem);
  }
}

@supports not (
  padding-bottom: clamp(1.25rem, 0.5582706767rem + 3.4586466165vw, 4.125rem)
) {
  .download__body {
    padding-bottom: calc(1.25rem + 2.875 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  padding-left: clamp(0.9375rem, 0.7119360902rem + 1.1278195489vw, 1.875rem)
) {
  .download__body {
    padding-left: clamp(0.9375rem, 0.7119360902rem + 1.1278195489vw, 1.875rem);
  }
}

@supports not (
  padding-left: clamp(0.9375rem, 0.7119360902rem + 1.1278195489vw, 1.875rem)
) {
  .download__body {
    padding-left: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  padding-right: clamp(0.9375rem, 0.7119360902rem + 1.1278195489vw, 1.875rem)
) {
  .download__body {
    padding-right: clamp(0.9375rem, 0.7119360902rem + 1.1278195489vw, 1.875rem);
  }
}

@supports not (
  padding-right: clamp(0.9375rem, 0.7119360902rem + 1.1278195489vw, 1.875rem)
) {
  .download__body {
    padding-right: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 83.125);
  }
}

.download__body::before,
.download__body::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  pointer-events: none;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.37);
}

@supports (
  width: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .download__body::before,
  .download__body::after {
    width: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem);
  }
}

@supports not (
  width: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .download__body::before,
  .download__body::after {
    width: calc(21.875rem + 14.6875 * (100vw - 20rem) / 83.125);
  }
}

@supports (
  height: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .download__body::before,
  .download__body::after {
    height: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem);
  }
}

@supports not (
  height: clamp(21.875rem, 18.3411654135rem + 17.6691729323vw, 36.5625rem)
) {
  .download__body::before,
  .download__body::after {
    height: calc(21.875rem + 14.6875 * (100vw - 20rem) / 83.125);
  }
}

.download__body::before {
  -webkit-transform: translate(-50%, -55%);
  -ms-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
}

.download__body::after {
  content: "";
  -webkit-transform: translate(-50%, -40%);
  -ms-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
}

.download__title {
  font-size: 3.5rem;
  max-width: 47.5rem;
}

@supports (
  font-size: clamp(2.1875rem, 1.8717105263rem + 1.5789473684vw, 3.5rem)
) {
  .download__title {
    font-size: clamp(2.1875rem, 1.8717105263rem + 1.5789473684vw, 3.5rem);
  }
}

@supports not (
  font-size: clamp(2.1875rem, 1.8717105263rem + 1.5789473684vw, 3.5rem)
) {
  .download__title {
    font-size: calc(2.1875rem + 1.3125 * (100vw - 20rem) / 83.125);
  }
}

.download__title:not(:last-child) {
  margin-bottom: 3.0625rem;
}

@supports (
  margin-bottom: clamp(1.25rem, 0.8139097744rem + 2.1804511278vw, 3.0625rem)
) {
  .download__title:not(:last-child) {
    margin-bottom: clamp(1.25rem, 0.8139097744rem + 2.1804511278vw, 3.0625rem);
  }
}

@supports not (
  margin-bottom: clamp(1.25rem, 0.8139097744rem + 2.1804511278vw, 3.0625rem)
) {
  .download__title:not(:last-child) {
    margin-bottom: calc(1.25rem + 1.8125 * (100vw - 20rem) / 83.125);
  }
}

.download__apps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem;
}

@supports (gap: clamp(0.9375rem, 0.8021616541rem + 0.6766917293vw, 1.5rem)) {
  .download__apps {
    gap: clamp(0.9375rem, 0.8021616541rem + 0.6766917293vw, 1.5rem);
  }
}

@supports not (
  gap: clamp(0.9375rem, 0.8021616541rem + 0.6766917293vw, 1.5rem)
) {
  .download__apps {
    gap: calc(0.9375rem + 0.5625 * (100vw - 20rem) / 83.125);
  }
}

@media (min-width: 47.99875em) {
  .form {
    min-width: 33.125rem;
  }
}

@media (min-width: 61.99875em) {
  .how__container {
    -ms-grid-columns: 1fr 52.2%;
    grid-template-columns: 1fr 52.2%;
  }

  .steps-how__item {
    max-width: 31.25rem;
  }

  .why__container {
    -ms-grid-columns: 1fr 48%;
    grid-template-columns: 1fr 48%;
  }
}

@media (max-width: 1110px) {
  .partners__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 62em) {
  .how__content {
    padding-right: inherit;
  }

  .pathway__container {
    gap: inherit;
  }

  .why__content {
    padding-right: inherit;
  }
}

@media (max-width: 67.5em) {
  .header__container-big {
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
  }
}

@media (max-width: 61.99875em) {
  .button {
    padding: 1.2rem 1rem;
  }

  .button_transparent {
    padding: 1.125rem 0;
  }

  .top-footer {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    row-gap: 1.875rem;
  }

  .top-footer__info {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .top-footer__form {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .top-footer__contacts {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .pathway__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 2.1875rem;
  }

  .image-block-2 {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
  }

  .item-customers {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 47.99875em) {
  .icon-menu {
    display: block;
    position: relative;
    width: 1.875rem;
    height: 1.125rem;
    cursor: pointer;
    z-index: 5;
  }

  .icon-menu span,
  .icon-menu::before,
  .icon-menu::after {
    content: "";
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: 0.125rem;
    /* background-color: #fff; */
  }

  .icon-menu::before {
    top: 0;
  }

  .icon-menu::after {
    bottom: 0;
  }

  .icon-menu span {
    top: calc(50% - 0.0625rem);
  }

  .menu-open .icon-menu span {
    width: 0;
  }

  .menu-open .icon-menu::before {
    top: calc(50% - 0.0625rem);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .menu-open .icon-menu::after {
    bottom: calc(50% - 0.0625rem);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .header__button {
    width: 100%;
  }

  .menu__body {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.875rem;
    /* background-color: #232c31; */
    padding: 9.375rem 0.9375rem 0.9375rem 0.9375rem;
  }

  @supports (
    padding-top: clamp(7.5rem, 6.1607142857rem + 6.6964285714vw, 9.375rem)
  ) {
    .menu__body {
      padding-top: clamp(7.5rem, 6.1607142857rem + 6.6964285714vw, 9.375rem);
    }
  }

  @supports not (
    padding-top: clamp(7.5rem, 6.1607142857rem + 6.6964285714vw, 9.375rem)
  ) {
    .menu__body {
      padding-top: calc(7.5rem + 1.875 * (100vw - 20rem) / 28);
    }
  }

  .menu__body::before {
    content: "";
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    z-index: 2;
    /* background-color: #232c31; */
  }

  @supports (
    height: clamp(4.5rem, 3.0267857143rem + 7.3660714286vw, 6.5625rem)
  ) {
    .menu__body::before {
      height: clamp(4.5rem, 3.0267857143rem + 7.3660714286vw, 6.5625rem);
    }
  }

  @supports not (
    height: clamp(4.5rem, 3.0267857143rem + 7.3660714286vw, 6.5625rem)
  ) {
    .menu__body::before {
      height: calc(4.5rem + 2.0625 * (100vw - 20rem) / 28);
    }
  }

  .menu-open .menu__body {
    left: 0;
  }

  .menu-open .menu__body::before {
    left: 0;
  }

  .menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    row-gap: 1.875rem;
  }

  .menu__link {
    font-size: 2.1875rem;
  }

  .footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .top-footer {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .top-footer__contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .nav__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .icons-main-block__item {
    opacity: 0.3;
  }

  .steps-how__icon {
    width: 6.875rem;
  }

  .why__button {
    width: 100%;
  }

  .customers__button {
    width: 100%;
  }
}

@media (max-width: 29.99875em) {
  .button_transparent {
    padding: 0.9375rem 0;
  }

  .form__input {
    height: 3.75rem;
    padding: 0 1.125rem;
  }

  .form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }

  .top-footer__info {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  .top-footer__contacts {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-column-align: start;
    justify-self: start;
  }

  .main-block__form {
    width: 100%;
  }

  .how__content {
    text-align: center;
  }

  .steps-how__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .pathway__content {
    text-align: center;
  }

  .spollers-pathway__title {
    padding: 0.9375rem 1.25rem;
  }

  .spollers-pathway__body {
    padding: 0rem 0.9375rem;
  }

  ._spoiler-active .spollers-pathway__body {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .why__content {
    text-align: center;
  }

  .customers__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.theme {
  display: inline-block;
  min-width: 30px;
  min-height: 30px;
}

/* slider */

.slider {
  -ms-grid-column-align: center;
  justify-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5625rem;
  width: 100%;
}

.slider__wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.slider__item {
  display: none;
  -webkit-animation-name: fade;
  animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

.slider__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.slider .active {
  display: block;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.3;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0.3;
  }

  to {
    opacity: 1;
  }
}

.btn-prev,
.btn-next {
  cursor: pointer;
  position: absolute;
  top: 0%;
  width: auto;
  height: 100%;
  padding: 1.5625rem;
  /* background-color: rgba(38, 50, 56, 0.6784313725); */
  font-weight: bold;
  font-size: 1.5625rem;
  -webkit-transition: 0.5s ease 0s;
  -o-transition: 0.5s ease 0s;
  transition: 0.5s ease 0s;
}

.btn-next {
  right: 0;
}

.btn-prev:hover,
.btn-next:hover {
  /* background-color: rgba(38, 50, 56, 0.8745098039); */
}

/* Кружочки */

.slider-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

.slider-dots__item {
  cursor: pointer;
  height: 20px;
  width: 20px;
  /* background-color: #fff; */
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: background-color 0.6s ease;
  -o-transition: background-color 0.6s ease;
  transition: background-color 0.6s ease;
}

.slider-dots__item:hover {
  /* background-color: #23B123; */
}

.slider-dots .active {
  /* background-color: #23B123; */
}

@supports (
  padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem)
) {
  .customers {
    padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem);
  }
}

@supports not (
  padding-bottom: clamp(3.75rem, 1.6447368421rem + 10.5263157895vw, 12.5rem)
) {
  .customers {
    padding-bottom: calc(3.75rem + 8.75 * (100vw - 20rem) / 83.125);
  }
}

.status {
  color: green;
  position: absolute;
  padding-top: 6px;
}