@charset "UTF-8";

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

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

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

@font-face {
  font-family: "Open Sans";
  font-display: swap;
  src: url("../fonts/OpenSans-ExtraBold.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

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

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

@font-face {
  font-family: Sansation;
  font-display: swap;
  src: url("../fonts/Sansation-Bold.woff2") format("woff2"), url("../fonts/Sansation-Bold.woff") format("woff");
  font-weight: 700;
  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: var(--black);
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 1.25rem;
  -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: "Open Sans", sans-serif;
  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 {
  line-height: 1.05;
  background: var(--white);
}

body.lock {
  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;
}

@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}

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

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

:root {
  --white: #ffffff;
  --black: #0c1a1f;
  --dark-blue: #004a63;
  --gray-text: #678194;
  --blue-bg-title: #045c7d;
}

/*отступы*/

.padding-120 {
  padding: clamp(1.875rem, -1.875rem + 12vw, 7.5rem) 0rem;
}

/*отступы - end*/

/*Заголовки*/

.title-h2 {
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-size: clamp(2.313rem, 1.729rem + 1.87vw, 3.188rem);
  line-height: 1.11;
  color: var(--dark-blue);
}

.title-h2_fz {
  font-family: "Sansation", sans-serif;
}

.title-h2_white {
  color: #f0fbff;
}

.title-h3,
h3 {
  font-weight: 700;
  font-size: clamp(1.563rem, 1.271rem + 0.93vw, 2rem);
  line-height: 1.267;
  color: var(--blue-bg-title);
}

/*Заголовки - end*/

/*кнопки*/

.wrapper-button {
  text-align: center;
}

.button {
  display: inline-block;
  font-size: clamp(1.25rem, 1.083rem + 0.53vw, 1.5rem);
  text-align: center;
  color: var(--white);
  font-weight: 700;
  line-height: 1.20333;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  padding: clamp(1.25rem, 0.868rem + 1.22vw, 1.625rem) clamp(1.563rem, 0.396rem + 3.73vw, 3.313rem);
}

.button span {
  position: relative;
  z-index: 2;
}

.button::before {
  content: "";
  width: 200%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#4ad4f5), color-stop(50%, #0489b6), to(#4ad4f5));
  background: -o-linear-gradient(left, #4ad4f5 0%, #0489b6 50%, #4ad4f5 100%);
  background: linear-gradient(90deg, #4ad4f5 0%, #0489b6 50%, #4ad4f5 100%);
  position: absolute;
  top: 0;
  left: 0%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.button_mini {
  font-size: 1.25rem;
  text-transform: none;
  padding: 0.6875rem 2.4375rem;
}

.button_padding {
  padding: clamp(1.25rem, 0.868rem + 1.22vw, 1.625rem) clamp(3.125rem, -8.645rem + 24.55vw, 6.563rem);
}

.batton-white {
  display: inline-block;
  font-weight: 800;
  line-height: 1.375;
  text-transform: uppercase;
  background: var(--white);
  color: var(--black);
  border: 2px solid var(--black);
  border-radius: 1.0625rem;
  padding: 1.1875rem 4.875rem;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*кнопки -end*/

/*маркерованный список*/

.common-list ul {
  color: var(--gray-text);
  line-height: 1.2;
}

.common-list ul li {
  padding-left: 1.875rem;
  position: relative;
}

.common-list ul li:not(:last-child) {
  margin-bottom: 0.3125rem;
}

.common-list ul li::before {
  content: "";
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background: var(--gray-text);
  position: absolute;
  top: 0.5625rem;
  left: 0.8125rem;
}

/*маркерованный список -end*/

/*карточка*/

.card {
  padding: clamp(1.563rem, 1.354rem + 0.67vw, 1.875rem) clamp(1.563rem, 0.938rem + 2vw, 2.5rem);
  border-radius: 1.75rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), radial-gradient(circle at top left, #42bfdd, #3ea6ce);
  background-image: -o-linear-gradient(white, white), -o-radial-gradient(top left, circle, #42bfdd, #3ea6ce);
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #42bfdd, #3ea6ce);
  -webkit-box-shadow: inset 0px 0px 0px 100vw #fff;
          box-shadow: inset 0px 0px 0px 100vw #fff;
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.card__icon {
  width: clamp(3.25rem, 0.909rem + 7.49vw, 4.5rem);
  height: clamp(3.25rem, 0.909rem + 7.49vw, 4.5rem);
  margin-bottom: 0.5rem;
}

.card__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.card__text h3:not(:last-child) {
  margin-bottom: 1.1875rem;
}

.card__text p {
  color: var(--gray-text);
  line-height: 1.3;
}

/*карточка -end*/

.header {
  padding: 1rem 0 1.125rem;
  border-bottom: 1px solid #8fcdde;
}

.header__row {
  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;
  -webkit-column-gap: clamp(1.875rem, -20.479rem + 24.67vw, 4.188rem);
     -moz-column-gap: clamp(1.875rem, -20.479rem + 24.67vw, 4.188rem);
          column-gap: clamp(1.875rem, -20.479rem + 24.67vw, 4.188rem);
}

.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.0625rem;
     -moz-column-gap: 0.0625rem;
          column-gap: 0.0625rem;
  position: relative;
  z-index: 100;
}

.header__img-logo {
  width: clamp(3.313rem, 1.849rem + 4.68vw, 4.75rem);
  height: clamp(3.938rem, 2.219rem + 5.5vw, 5.625rem);
  -o-object-fit: contain;
     object-fit: contain;
}

.header__name-logo {
  font-weight: 800;
  font-size: clamp(1.125rem, 0.998rem + 0.41vw, 1.25rem);
  color: var(--black);
}

.menu__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(1.875rem, -8.958rem + 13.33vw, 4.375rem);
     -moz-column-gap: clamp(1.875rem, -8.958rem + 13.33vw, 4.375rem);
          column-gap: clamp(1.875rem, -8.958rem + 13.33vw, 4.375rem);
}

.menu__body.body-active {
  right: 0;
  opacity: 1;
}

.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: clamp(0.938rem, -10.562rem + 15.33vw, 3.813rem);
     -moz-column-gap: clamp(0.938rem, -10.562rem + 15.33vw, 3.813rem);
          column-gap: clamp(0.938rem, -10.562rem + 15.33vw, 3.813rem);
  row-gap: 0.75rem;
  font-size: clamp(1rem, -0.5rem + 2vw, 1.25rem);
}

.menu__link {
  white-space: nowrap;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu__link::before {
  content: "";
  width: 0%;
  height: 0.0625rem;
  background: var(--dark-blue);
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu__button-mini {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.icon-menu {
  display: none;
}

.footer {
  border-top: 1px solid #8fcdde;
  padding: clamp(2.813rem, 0.294rem + 5.25vw, 4.563rem) 0rem;
}

.footer__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2.5rem;
}

.footer__contacts {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.footer__title-h3:not(:last-child) {
  margin-bottom: clamp(1.563rem, -3.248rem + 7.77vw, 3.063rem);
}

.footer__contacts-list {
  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.25rem;
}

.footer__item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.0625rem;
     -moz-column-gap: 1.0625rem;
          column-gap: 1.0625rem;
  font-size: clamp(1.25rem, 0.448rem + 1.29vw, 1.5rem);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer__item-list img {
  max-width: clamp(1.875rem, -0.731rem + 4.21vw, 2.688rem);
  max-height: clamp(1.563rem, -0.642rem + 3.56vw, 2.25rem);
}

.footer__item-list b {
  font-weight: 800;
  color: var(--blue-bg-title);
  line-height: 1.267;
}

.footer__center {
  max-width: 20.375rem;
  text-align: center;
}

.footer__center img {
  width: clamp(5.125rem, -1.891rem + 11.33vw, 7.313rem);
  height: clamp(6.375rem, -2.645rem + 14.56vw, 9.188rem);
}

.footer__center img:not(:last-child) {
  margin-bottom: 1.1875rem;
}

.footer__center p {
  text-align: center;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer__center p u {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 0.5px;
}

.footer__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.8125rem;
}

.footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.125rem;
     -moz-column-gap: 0.125rem;
          column-gap: 0.125rem;
}

.footer__img-logo {
  width: clamp(5.125rem, -2.091rem + 11.65vw, 7.375rem);
  height: clamp(6.125rem, -2.294rem + 13.59vw, 8.75rem);
  -o-object-fit: contain;
     object-fit: contain;
}

.footer__name-logo {
  font-weight: 800;
  font-size: clamp(1.5rem, 0.097rem + 2.27vw, 1.938rem);
}

.footer__batton {
  font-size: clamp(1.25rem, 0.448rem + 1.29vw, 1.5rem);
  padding: clamp(0.813rem, -0.39rem + 1.94vw, 1.188rem) clamp(2.5rem, -5.117rem + 12.3vw, 4.875rem);
}

/*главный*/

.main__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-column-gap: clamp(1.25rem, -20.75rem + 32vw, 4.25rem);
     -moz-column-gap: clamp(1.25rem, -20.75rem + 32vw, 4.25rem);
          column-gap: clamp(1.25rem, -20.75rem + 32vw, 4.25rem);
  row-gap: 1.875rem;
}

.main__info {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 57.25rem;
          flex: 0 1 57.25rem;
}

.main__text-content :not(:last-child) {
  margin-bottom: clamp(1.25rem, 0.542rem + 2.27vw, 2.313rem);
}

.main__text-content:not(:last-child) {
  margin-bottom: clamp(1.875rem, 0.667rem + 3.87vw, 3.688rem);
}

.main__title-h2 {
  text-transform: none;
  text-align: left;
}

.main__paragraph {
  font-weight: 300;
  font-size: clamp(1.25rem, 1.083rem + 0.53vw, 1.5rem);
  line-height: 1.54167;
}

.main__wrapper-button {
  text-align: left;
}

.main__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(26rem, -19.833rem + 66.67vw, 32.25rem);
          flex: 0 0 clamp(26rem, -19.833rem + 66.67vw, 32.25rem);
  max-height: clamp(26rem, -19.833rem + 66.67vw, 32.25rem);
  position: relative;
}

.main__image img {
  pointer-events: none;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.main__image::before {
  content: "";
  width: 332.656%;
  height: 271.32%;
  background: url("../img/main/decor_arrow.svg") 0 0/cover no-repeat;
  position: absolute;
  top: -8%;
  right: 17%;
  z-index: -1;
}

/*главный - end*/

/*Начните эффективно управлять*/

.manage__title-h2 {
  text-transform: none;
  margin-bottom: clamp(1.875rem, 0.089rem + 5.71vw, 4.375rem);
}

.manage__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem;
}

.manage__row:not(:last-child) {
  margin-bottom: clamp(2.188rem, 0.729rem + 4.67vw, 4.375rem);
}

.manage__card:nth-child(5) {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

/*Начните эффективно управлять - end*/

/*Видео*/

.video {
  padding: clamp(1.875rem, -1.875rem + 12vw, 7.5rem) 0 clamp(2.5rem, -0.938rem + 11vw, 9.375rem);
}

.wrapper-video {
  overflow: hidden;
  border-radius: clamp(1.125rem, 0.708rem + 1.33vw, 1.75rem);
  padding-bottom: 56.2%;
  position: relative;
  cursor: pointer;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), radial-gradient(circle at top left, #42bfdd, #3ea6ce);
  background-image: -o-linear-gradient(white, white), -o-radial-gradient(top left, circle, #42bfdd, #3ea6ce);
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #42bfdd, #3ea6ce);
  -webkit-box-shadow: inset 0px 0px 0px 100vw #fff;
          box-shadow: inset 0px 0px 0px 100vw #fff;
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.video-content.video-active::before {
  display: none;
}

.video-content,
.wrapper-video video,
.wrapper-video iframe,
.wrapper-video object,
.wrapper-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.btn-play {
  pointer-events: none;
  font-size: 0;
  background-color: var(--color_white);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 2;
}

.btn-play::before {
  content: "";
  width: clamp(4.375rem, 1.792rem + 8.27vw, 8.25rem);
  height: clamp(4.375rem, 1.792rem + 8.27vw, 8.25rem);
  background: url("../img/video/btn_play.svg") center/contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.btn-play.btn-play_active {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}

/*Видео - end*/

/*Прогресс*/

.progress {
  padding: clamp(2.5rem, -0.938rem + 11vw, 9.375rem) 0 clamp(1.875rem, -1.875rem + 12vw, 7.5rem);
}

.progress__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 3.75rem;
     -moz-column-gap: 3.75rem;
          column-gap: 3.75rem;
  row-gap: 1.25rem;
}

.progress__card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  text-align: center;
}

.progress__body {
  padding: clamp(2.5rem, 0.744rem + 5.62vw, 3.438rem) 0.625rem 1.25rem;
  border-radius: 1.75rem;
  background: rgba(183, 230, 241, 0.49);
  min-height: clamp(9.375rem, 4.927rem + 14.23vw, 11.75rem);
  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;
  margin-top: -3.75rem;
}

.progress__card b {
  padding: 0rem 0.625rem;
  display: inline-block;
  white-space: nowrap;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: clamp(5rem, 3.125rem + 6vw, 8.75rem);
  background: -webkit-gradient(linear, left top, right top, from(#4ad4f5), to(#0489b6));
  background: -o-linear-gradient(left, #4ad4f5 0%, #0489b6 100%);
  background: linear-gradient(90deg, #4ad4f5 0%, #0489b6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.progress__card p {
  font-weight: 600;
  font-size: clamp(1.563rem, 1.406rem + 0.5vw, 1.875rem);
  color: var(--blue-bg-title);
}

/*Прогресс - end*/

/*Скриншоты системы*/

.screenshots__title-h2 {
  margin-bottom: clamp(1.875rem, 0.089rem + 5.71vw, 4.375rem);
}

.screenshots__wrap-slider {
  padding: 0rem clamp(3.75rem, -9.881rem + 22.01vw, 7.313rem);
}

.screenshots__slider {
  border-radius: 1.75rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), radial-gradient(circle at top left, #42bfdd, #3ea6ce);
  background-image: -o-linear-gradient(white, white), -o-radial-gradient(top left, circle, #42bfdd, #3ea6ce);
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #42bfdd, #3ea6ce);
  -webkit-box-shadow: inset 0px 0px 0px 100vw #fff;
          box-shadow: inset 0px 0px 0px 100vw #fff;
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.screenshots__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.wrap-slider {
  position: relative;
  padding-bottom: 2.5rem;
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0rem clamp(0.25rem, -0.606rem + 1.79vw, 0.5rem);
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}

.swiper-pagination-bullet {
  width: clamp(0.75rem, -0.32rem + 2.23vw, 1.063rem);
  height: clamp(0.75rem, -0.32rem + 2.23vw, 1.063rem);
  background: #c6dbe0;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-image: -webkit-gradient(linear, left top, right top, from(#4ad4f5), to(#0489b6));
  background-image: -o-linear-gradient(left, #4ad4f5 0%, #0489b6 100%);
  background-image: linear-gradient(90deg, #4ad4f5 0%, #0489b6 100%);
}

.swiper-button-prev,
.swiper-button-next {
  width: clamp(3.25rem, -1.772rem + 8.11vw, 4.563rem);
  height: clamp(3.25rem, -1.772rem + 8.11vw, 4.563rem);
  top: calc(50% - clamp(1.875rem, -0.516rem + 3.86vw, 2.5rem));
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/common/btn_right.svg") 0 0/contain no-repeat;
}

.swiper-button-prev {
  left: 0;
}

.swiper-button-prev::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.swiper-button-next {
  right: 0;
}

/*Скриншоты системы - end*/

/*СТОИМОСТЬ ПОДПИСКИ*/

.price__title-h2 {
  margin-bottom: clamp(1.875rem, 0.089rem + 5.71vw, 4.375rem);
}

.price__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.875rem;
}

.price__card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  min-width: clamp(15.625rem, -1.931rem + 56.18vw, 25rem);
  padding: clamp(1.563rem, -2.188rem + 15vw, 2.5rem) clamp(1.563rem, -2.688rem + 17vw, 2.625rem) clamp(2.5rem, -6.75rem + 37vw, 4.813rem);
  border-radius: 1.75rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), radial-gradient(circle at top left, #42bfdd, #3ea6ce);
  background-image: -o-linear-gradient(white, white), -o-radial-gradient(top left, circle, #42bfdd, #3ea6ce);
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #42bfdd, #3ea6ce);
  -webkit-box-shadow: inset 0px 0px 0px 100vw #fff;
          box-shadow: inset 0px 0px 0px 100vw #fff;
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: content-box, border-box;
}

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

.card-price__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
}

.card-price__title-subtitle {
  line-height: 1.267;
  margin-bottom: 1.6875rem;
}

.card-price__title-subtitle span {
  color: var(--gray-text);
}

.card-price__term {
  margin-bottom: 1.625rem;
}

.card-price__term b {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#4ad4f5), to(#0489b6));
  background: -o-linear-gradient(left, #4ad4f5 0%, #0489b6 100%);
  background: linear-gradient(90deg, #4ad4f5 0%, #0489b6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.card-price .card-price__term.card-price__term_first {
  margin-bottom: 0.5625rem;
}

.card-price .card-price__term.card-price__term_first b {
  font-size: 90px;
  line-height: 0.5;
}

.card-price__services-list {
  margin-bottom: 1.25rem;
}

.card-price__services-list ul {
  color: var(--gray-text);
}

.card-price__services-list ul li {
  padding: 1rem 0rem;
  line-height: 1.3;
}

.card-price__services-list ul li:not(:last-child) {
  border-bottom: 1px solid #85d5e9;
}

.card-price__button-mini {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

/*СТОИМОСТЬ ПОДПИСКИ - end*/

/*КАК ЭТО РАБОТАЕТ*/

.how-works__title-h2 {
  margin-bottom: clamp(1.875rem, 0.089rem + 5.71vw, 4.375rem);
}

.how-works__list {
  list-style: none;
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: clamp(2.5rem, -43.812rem + 57vw, 6.063rem);
     -moz-column-gap: clamp(2.5rem, -43.812rem + 57vw, 6.063rem);
          column-gap: clamp(2.5rem, -43.812rem + 57vw, 6.063rem);
  row-gap: clamp(9.375rem, -10.875rem + 27vw, 12.75rem);
  color: var(--dark-blue);
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  position: relative;
}

.how-works__list:not(:last-child) {
  margin-bottom: clamp(2.5rem, -1.573rem + 13.03vw, 6.5rem);
}

.how-works__list::before {
  content: "";
  width: 77.133%;
  height: 3.6875rem;
  background: url("../img/common/decor_how_works.svg") 0 0/contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.how-works__list li {
  font-size: clamp(1.125rem, 0.891rem + 0.75vw, 1.25rem);
  counter-increment: section;
  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;
  max-width: 27.1875rem;
  min-height: clamp(12.5rem, 8.052rem + 14.23vw, 14.875rem);
  position: relative;
}

.how-works__list li::before {
  content: counters(section, ".") " ";
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: clamp(15.625rem, 10.943rem + 14.98vw, 18.125rem);
  color: #d8f1f6;
  z-index: -1;
}

/*КАК ЭТО РАБОТАЕТ - end*/

/*отзывы*/

.reviews {
  padding: clamp(1.875rem, -0.804rem + 8.57vw, 5.625rem) 0 clamp(1.875rem, -1.25rem + 10vw, 6.25rem);
}

.reviews__title-h2 {
  margin-bottom: clamp(1.875rem, -1.786rem + 11.71vw, 7rem);
}

.reviews__wrap-slider {
  margin-bottom: clamp(1.875rem, 0.089rem + 5.71vw, 4.375rem);
}

.reviews__slide {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%; */
  padding: clamp(1.563rem, 1.205rem + 1.14vw, 2.063rem) clamp(1.25rem, 0.179rem + 3.43vw, 2.75rem);
  border-radius: 1.75rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), radial-gradient(circle at top left, #42bfdd, #3ea6ce);
  background-image: -o-linear-gradient(white, white), -o-radial-gradient(top left, circle, #42bfdd, #3ea6ce);
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #42bfdd, #3ea6ce);
  -webkit-box-shadow: inset 0px 0px 0px 100vw #fff;
          box-shadow: inset 0px 0px 0px 100vw #fff;
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.reviews__slide p {
  /* -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; */
  text-align: center;
  color: var(--gray-text);
  line-height: 1.25;
}

.reviews__slide p:not(:last-child) {
  margin-bottom: 1.8rem;
}

.reviews__about-person {
  text-align: center;
}

.reviews__photo {
  margin: 0 auto 1.1875rem;
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 50%;
  background-color: #d9d9d9;
  overflow: hidden;
}

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

.reviews__name {
  font-size: clamp(1.125rem, 1.036rem + 0.29vw, 1.25rem);
  font-weight: 700;
  color: var(--dark-blue);
}

/*отзывы - end*/

/* Услуги*/

.services {
  padding: clamp(1.875rem, -1.25rem + 10vw, 6.25rem) 0rem clamp(1.875rem, -1.875rem + 12vw, 7.5rem);
}

.services__title-subtitle {
  text-align: center;
  margin-bottom: clamp(1.875rem, 0.089rem + 5.71vw, 4.375rem);
}

.services__title-subtitle :not(:last-child) {
  margin-bottom: 1rem;
}

.services__title-subtitle p {
  color: var(--gray-text);
}

.services__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
  row-gap: clamp(1.75rem, -0.006rem + 5.62vw, 2.688rem);
}

.services__row:not(:last-child) {
  margin-bottom: clamp(2.5rem, 0.159rem + 7.49vw, 3.75rem);
}

.services__card {
  overflow: hidden;
  padding: clamp(1.563rem, -1.364rem + 9.36vw, 3.125rem) clamp(3.125rem, -8.228rem + 36.33vw, 9.188rem) clamp(1.563rem, 0.275rem + 4.12vw, 2.25rem) clamp(1.25rem, -1.091rem + 7.49vw, 2.5rem);
  border-radius: 1.75rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), radial-gradient(circle at top left, #42bfdd, #3ea6ce);
  background-image: -o-linear-gradient(white, white), -o-radial-gradient(top left, circle, #42bfdd, #3ea6ce);
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #42bfdd, #3ea6ce);
  -webkit-box-shadow: inset 0px 0px 0px 100vw #fff;
          box-shadow: inset 0px 0px 0px 100vw #fff;
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: content-box, border-box;
  position: relative;
}

.services__card img {
  width: 15.25rem;
  height: 15.25rem;
  position: absolute;
  bottom: 0;
  right: -4.375rem;
  z-index: 1;
}

.services__card h3 {
  margin-bottom: 1.1875rem;
  position: relative;
  z-index: 2;
}

.services__card ul {
  position: relative;
  z-index: 2;
}

/* Услуги - end*/

/* Пробный период - end*/

.trial-period.trial-period_padding {
  margin-bottom: clamp(2.5rem, 1.667rem + 2.67vw, 3.75rem);
}

.trial-period {
  background: var(--blue-bg-title);
  padding: 2.125rem 0rem clamp(3.125rem, -0.269rem + 10.86vw, 4.938rem);
}

.trial-period__title-subtitle {
  max-width: 53.9375rem;
  color: #f0fbff;
  text-align: center;
  margin: 0 auto;
  line-height: 1.2;
}

.trial-period__title-subtitle :not(:last-child) {
  margin-bottom: 1.625rem;
}

.trial-period__title-subtitle:not(:last-child) {
  margin-bottom: 2.5rem;
}

.form__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 17.0625rem clamp(19.438rem, -11.445rem + 35.29vw, 23.188rem) clamp(19.438rem, -11.445rem + 35.29vw, 23.188rem) 1fr;
  grid-template-columns: 17.0625rem clamp(19.438rem, -11.445rem + 35.29vw, 23.188rem) clamp(19.438rem, -11.445rem + 35.29vw, 23.188rem) 1fr;
  gap: 1.125rem;
}

.form__row:not(:last-child) {
  margin-bottom: 2.3125rem;
}

.form__row input {
  padding: clamp(1.25rem, 0.548rem + 2.25vw, 1.625rem) clamp(0.938rem, -0.116rem + 3.37vw, 1.5rem);
  border-radius: 0.9375rem;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.form__row input:focus {
  outline: none;
  -webkit-box-shadow: 0 0 6px #63dcfa;
          box-shadow: 0 0 6px #63dcfa;
}

.form__row input::-webkit-input-placeholder {
  color: var(--gray-text);
}

.form__row input::-moz-placeholder {
  color: var(--gray-text);
}

.form__row input:-ms-input-placeholder {
  color: var(--gray-text);
}

.form__row input::-ms-input-placeholder {
  color: var(--gray-text);
}

.form__row input::placeholder {
  color: var(--gray-text);
}

.form__personal {
  max-width: 75.375rem;
  margin: 0 auto;
  text-align: center;
  color: #f0fbff;
  font-weight: 300;
  font-size: 0.9375rem;
  line-height: 1.2;
}

.form__personal:not(:last-child) {
  margin-bottom: 1.875rem;
}

.form__personal label {
  display: inline-block;
  padding-left: clamp(2.188rem, 0.432rem + 5.62vw, 3.125rem);
  cursor: pointer;
  position: relative;
}

.form__personal label::before {
  content: "";
  width: clamp(1.75rem, 0.931rem + 2.62vw, 2.188rem);
  height: clamp(1.875rem, 1.056rem + 2.62vw, 2.313rem);
  border-radius: 0.4375rem;
  background: -webkit-gradient(linear, left top, right top, from(#4ad4f5), to(#0489b6));
  background: -o-linear-gradient(left, #4ad4f5 0%, #0489b6 100%);
  background: linear-gradient(90deg, #4ad4f5 0%, #0489b6 100%);
  position: absolute;
  top: 0;
  left: 0;
}

.form__personal label::after {
  content: "";
  width: clamp(1rem, 0.532rem + 1.5vw, 1.25rem);
  height: clamp(1.063rem, 0.477rem + 1.87vw, 1.375rem);
  background: url("../img/common/check.svg") 0 0/contain no-repeat;
  position: absolute;
  top: clamp(0.375rem, 0.141rem + 0.75vw, 0.5rem);
  left: clamp(0.375rem, 0.141rem + 0.75vw, 0.5rem);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.form__personal #form-personal:checked + label::after {
  opacity: 1;
}

.form #form-personal {
  display: none;
}

/* Пробный период - end*/

/* ТУТ ИНТЕРЕСНО*/

.platforms {
  padding: clamp(3.75rem, -3.75rem + 24vw, 15rem) 0 clamp(4.375rem, -3.958rem + 26.67vw, 16.875rem);
}

.platforms__title-h2 {
  margin-bottom: clamp(1.875rem, -0.25rem + 6.8vw, 5.063rem);
}

.platforms__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  justify-items: center;
  gap: clamp(0.938rem, -5.313rem + 10.09vw, 1.625rem);
}

.platforms__link {
  max-width: clamp(7.938rem, -13.463rem + 44.64vw, 14.188rem);
  max-height: clamp(7.938rem, -13.463rem + 44.64vw, 14.188rem);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.platforms__link img {
  pointer-events: none;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* ТУТ ИНТЕРЕСНО - end*/

/*Начните эффективно управлять*/

.begin__container {
  max-width: 76.375rem;
  position: relative;
}

.begin__container::before,
.begin__container::after {
  content: "";
  width: 3.25rem;
  height: 19.1875rem;
  background: url("../img/common/dart_decor.svg") 0 0/contain no-repeat;
  position: absolute;
  left: -18.125rem;
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
  z-index: -1;
}

.begin__container::before {
  top: 14%;
}

.begin__container::after {
  top: 73%;
}

.begin__title-h2 {
  margin-bottom: clamp(2.5rem, 1.25rem + 4vw, 4.375rem);
}

.begin__cards {
  margin-bottom: clamp(2.5rem, 1.25rem + 4vw, 4.375rem);
  position: relative;
}

.begin__cards::before {
  content: "";
  width: 23.4375rem;
  height: 26.6875rem;
  background: url("../img/common/clock_decor.svg") 0 0/contain no-repeat;
  position: absolute;
  top: 37%;
  right: -27.6875rem;
  z-index: -1;
}

.begin__card:not(:last-child) {
  margin-bottom: 1.25rem;
}

.card-discount {
  padding: 2.9375rem clamp(2.5rem, -5.063rem + 11vw, 3.188rem) 2.9375rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.8125rem;
  border-radius: 1.75rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), radial-gradient(circle at top left, #42bfdd, #3ea6ce);
  background-image: -o-linear-gradient(white, white), -o-radial-gradient(top left, circle, #42bfdd, #3ea6ce);
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #42bfdd, #3ea6ce);
  -webkit-box-shadow: inset 0px 0px 0px 100vw #fff;
          box-shadow: inset 0px 0px 0px 100vw #fff;
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.card-discount__left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 26.0625rem;
          flex: 0 0 26.0625rem;
  padding-top: 10px;
}

.card-discount__left h3 {
  text-align: center;
  line-height: normal;
  min-height: 3.75rem;
  padding: 0.4375rem 3.5625rem 0.8125rem;
  background: var(--dark-blue);
  color: var(--white);
  position: relative;
}

.card-discount__left h3::before {
  content: "";
  width: 0;
  height: 100%;
  border-top: 30px solid transparent;
  border-right: 52px solid var(--white);
  border-bottom: 30px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
}

.card-discount__left b {
  display: block;
  text-align: right;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: clamp(6.5rem, 3.368rem + 15.66vw, 10.875rem);
  line-height: 1.25;
  background: -webkit-gradient(linear, left top, right top, from(#4ad4f5), to(#0489b6));
  background: -o-linear-gradient(left, #4ad4f5 0%, #0489b6 100%);
  background: linear-gradient(90deg, #4ad4f5 0%, #0489b6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.card-discount .common-list ul li {
  font-size: clamp(1.25rem, 0.548rem + 2.25vw, 1.625rem);
  line-height: 1.2;
  padding-left: 2.375rem;
  position: relative;
}

.card-discount .common-list ul li:not(:last-child) {
  margin-bottom: 0.9375rem;
}

.card-discount .common-list ul li::before {
  top: 0.8125rem;
  left: 1.0625rem;
}

/*Начните эффективно управлять -end*/

/*с нами легко зарабатывать*/

.make__title-h2 {
  margin-bottom: clamp(2.5rem, 1.25rem + 4vw, 4.375rem);
}

.make__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.make__card {
  min-height: 21.375rem;
}

.make__card.card .card__icon {
  margin-bottom: 1.125rem;
}

/*с нами легко зарабатывать -end*/

/*Как стать партнером и получать до 50% комиссии*/

.become-partner {
  padding: clamp(1.875rem, -1.875rem + 12vw, 7.5rem) 0rem clamp(3.125rem, -2.292rem + 17.33vw, 11.25rem);
}

.become-partner__container {
  max-width: 94rem;
}

.become-partner__title-h2 {
  margin-bottom: clamp(3.125rem, 1.458rem + 5.33vw, 5.625rem);
}

.become-partner__list {
  position: relative;
}

.become-partner__list::before {
  content: "";
  width: 44.9375rem;
  height: 51.0625rem;
  background: url("../img/common/clock_decor.svg") 0 0/contain no-repeat;
  position: absolute;
  top: 52%;
  right: -34.4%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

.become-partner__list ol {
  list-style: none;
  max-width: 54.25rem;
  margin: 0 auto;
  position: relative;
}

.become-partner__list ol::before {
  content: "";
  width: 0.1875rem;
  height: calc(100% - 295px);
  background: var(--dark-blue);
  position: absolute;
  top: 50%;
  left: 1.3125rem;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

.become-partner__list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 3.9375rem;
     -moz-column-gap: 3.9375rem;
          column-gap: 3.9375rem;
  counter-increment: section;
  padding-left: 7.3125rem;
}

.become-partner__list li:not(:last-child) {
  margin-bottom: 9.375rem;
}

.become-partner__list li h3 {
  line-height: 1.1;
}

.become-partner__list li h3:not(:last-child) {
  margin-bottom: clamp(0.75rem, -0.069rem + 2.62vw, 1.188rem);
}

.become-partner__list li p {
  color: var(--gray-text);
  line-height: 1.25;
}

.become-partner__list li::before {
  content: counters(section, ".") " ";
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 290px;
  line-height: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 9.375rem;
          flex: 0 0 9.375rem;
  color: var(--dark-blue);
}

.become-partner__list li::after {
  content: "";
  width: 2.8125rem;
  height: 2.8125rem;
  background: url("../img/common/circle_radio.svg") center/contain no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

/*Как стать партнером и получать до 50% комиссии - end*/

/*НАШИ ПРАТНЕРЫ*/

.partners {
  padding: clamp(1.875rem, -1.875rem + 12vw, 7.5rem) 0 clamp(3.125rem, -1.458rem + 14.67vw, 10rem);
}

.partners__title-h2 {
  margin-bottom: clamp(2.5rem, 0.833rem + 5.33vw, 5rem);
}

.partners__row {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(2.813rem, -15.313rem + 20vw, 4.063rem);
}

.partners__logo {
  max-width: 20.3125rem;
}

.partners__logo img {
  width: 100%;
  max-height: 6.6875rem;
  -o-object-fit: contain;
     object-fit: contain;
}

/*НАШИ ПРАТНЕРЫ -end*/

@media (max-width: 75em) {
  .progress__body {
    margin-top: -3.125rem;
  }

  .how-works__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    row-gap: 3.75rem;
  }

  .how-works__list::before {
    display: none;
  }

  .services__card {
    padding-right: 2.5rem;
  }
}

@media (max-width: 81.25em) {
  .form__row {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 78.125em) {
  .become-partner__list::before {
    display: none;
  }
}

@media (max-width: 71.875em) {
  .manage__row {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

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

@media (max-width: 68.125em) {
  .menu__body {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(176, 239, 255, 0.6)), to(rgba(189, 236, 253, 0.603)));
    background: -o-linear-gradient(left, rgba(176, 239, 255, 0.6) 0%, rgba(189, 236, 253, 0.603) 100%);
    background: linear-gradient(90deg, rgba(176, 239, 255, 0.6) 0%, rgba(189, 236, 253, 0.603) 100%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.875rem;
    padding: 7.5rem 1.875rem 3.125rem;
    -webkit-backdrop-filter: blur(18px);
            backdrop-filter: blur(18px);
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    overflow: auto;
  }

  .menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.25rem;
    font-weight: 600;
    font-size: 1.375rem;
  }

  .icon-menu {
    display: block;
    position: relative;
    width: 1.875rem;
    height: 1.25rem;
    cursor: pointer;
    z-index: 100;
  }

  .icon-menu span,
  .icon-menu::before,
  .icon-menu::after {
    content: "";
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: 0.1875rem;
    border-radius: 1.875rem;
    background-color: var(--black);
  }

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

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

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

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

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

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

@media (max-width: 61.99875em) {
  .footer__row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

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

  .footer__center {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .footer__right {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .main__row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .main__wrapper-button {
    text-align: center;
  }

  .main__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 32.25rem;
            flex: 0 1 32.25rem;
    max-height: 32.25rem;
  }

  .main__image::before {
    top: -2%;
    right: 1%;
  }

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

  .services__card {
    padding-right: clamp(1.25rem, -4.432rem + 28.41vw, 9.188rem);
  }

  .card-discount {
    padding: clamp(1.563rem, -1.012rem + 8.24vw, 2.938rem) 0 clamp(2.188rem, 0.783rem + 4.49vw, 2.938rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .card-discount__left {
    padding-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .card-discount__left h3 {
    max-width: 34.375rem;
  }

  .card-discount__left b {
    text-align: center;
  }

  .card-discount .common-list {
    padding: 0 clamp(1.25rem, -1.091rem + 7.49vw, 2.5rem);
  }

  .partners__row {
    justify-items: center;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 47.99875em) {
  .footer__contacts {
    text-align: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

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

  .main__title-h2 {
    text-align: center;
  }

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

  .manage__card:nth-child(5) {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }

  .progress__card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .progress__body {
    margin-top: -2.5rem;
  }

  .screenshots__wrap-slider {
    padding-left: 0;
    padding-right: 0;
  }

  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }

  .how-works__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

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

  .form__personal {
    text-align: left;
  }

  .card-discount__left h3 {
    max-width: 95%;
    padding: 0.8125rem 3.5625rem 0.8125rem 0.625rem;
  }

  .become-partner__list ol::before {
    display: none;
  }

  .become-partner__list li {
    padding-left: 0;
    -webkit-column-gap: clamp(0.625rem, -1.375rem + 10vw, 1.25rem);
       -moz-column-gap: clamp(0.625rem, -1.375rem + 10vw, 1.25rem);
            column-gap: clamp(0.625rem, -1.375rem + 10vw, 1.25rem);
  }

  .become-partner__list li:not(:last-child) {
    margin-bottom: 3.125rem;
  }

  .become-partner__list li::before {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 6.0625rem;
            flex: 0 0 6.0625rem;
    font-size: 190px;
  }

  .become-partner__list li::after {
    display: none;
  }

  .partners__row {
    gap: 1.875rem;
  }
}

@media (max-width: 36.875em) {
  .platforms__row {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 29.99875em) {
  .card-discount__left h3::before {
    border-top: 30px solid transparent;
    border-right: 22px solid var(--white);
    border-bottom: 30px solid transparent;
  }

  .card-discount .common-list ul li {
    padding-left: 1.125rem;
  }

  .card-discount .common-list ul li:not(:last-child) {
    margin-bottom: 0.625rem;
  }

  .card-discount .common-list ul li::before {
    top: 0.6875rem;
    left: 0.25rem;
  }
}

@media (max-width: 26.25em) {
  .become-partner__list li::before {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 clamp(3.938rem, 1.137rem + 14vw, 4.813rem);
            flex: 0 0 clamp(3.938rem, 1.137rem + 14vw, 4.813rem);
    font-size: clamp(7.5rem, 1.5rem + 30vw, 9.375rem);
  }
}

@media (hover: hover) and (pointer: fine) {
  .button:hover::before {
    left: -100%;
  }

  .batton-white:hover {
    color: var(--white);
    background: var(--black);
  }

  .menu__link:hover {
    color: var(--dark-blue);
  }

  .menu__link:hover::before {
    width: 100%;
    left: 0;
  }

  .footer a.footer__item-list:hover span {
    color: var(--dark-blue);
  }

  .footer__center:hover p {
    color: var(--dark-blue);
  }

  .wrapper-video:hover .btn-play {
    -webkit-animation: btnVideo 1.5s alternate infinite ease-in-out;
            animation: btnVideo 1.5s alternate infinite ease-in-out;
  }

@-webkit-keyframes btnVideo {
    0% {
      -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1);
    }

    100% {
      -webkit-transform: translate(-50%, -50%) scale(1.2);
              transform: translate(-50%, -50%) scale(1.2);
    }
}

@keyframes btnVideo {
    0% {
      -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1);
    }

    100% {
      -webkit-transform: translate(-50%, -50%) scale(1.2);
              transform: translate(-50%, -50%) scale(1.2);
    }
}

  .swiper-button-prev:hover,
  .swiper-button-next:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .platforms__link:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
}