@charset "UTF-8";

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

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

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

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

@font-face {
  font-family: "Euclid Circular A SemiBold";
  font-display: swap;
  src: url("../fonts/Euclid Circular A SemiBold.woff2") format("woff2"), url("../fonts/Euclid Circular A 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: #1c2654;
  line-height: 1;
  font-family: "Euclid Circular A";
  font-size: 0.9375rem;
  -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: "Euclid Circular A";
  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 {
  font-weight: 300;
}

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

body.lock .page {
  position: relative;
}

body.lock .page::before {
  content: "";
  width: 110vw;
  height: 1100vh;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}

.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.625rem;
}

.page {
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-top: clamp(3.75rem, -1.898rem + 9.11vw, 9.375rem);
}

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

.title-h1,
h1 {
  font-weight: 600;
  font-size: clamp(2.375rem, 1.833rem + 1.45vw, 3.125rem);
  line-height: 1.11;
}

/*h2 + subtitle*/

.title-subtitle {
  margin: 0 auto;
  text-align: center;
}

.title-subtitle__title-h2 {
  font-weight: 600;
  font-size: clamp(2.188rem, 1.736rem + 1.2vw, 2.813rem);
  line-height: 1.11;
}

.title-subtitle__title-h2:not(:last-child) {
  margin-bottom: clamp(0.938rem, -0.547rem + 4.96vw, 1.313rem);
}

.title-subtitle__subtitle {
  font-size: clamp(1.125rem, 0.989rem + 0.36vw, 1.313rem);
}

.title-subtitle_white-anim {
  color: #fff;
}

.title-subtitle_left-anim {
  text-align: left;
}

/*анимация*/

.animation .title-subtitle_anim-1 .title-subtitle__title-h2 {
  opacity: 0;
}

.animation-active .title-subtitle_anim-1 .title-subtitle__title-h2 {
  -webkit-animation: title-bot-black 1.5s ease forwards;
          animation: title-bot-black 1.5s ease forwards;
}

@-webkit-keyframes title-bot-black {
  0% {
    -webkit-transform: translateY(27px);
            transform: translateY(27px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes title-bot-black {
  0% {
    -webkit-transform: translateY(27px);
            transform: translateY(27px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

.animation .title-subtitle_anim-1 .title-subtitle__subtitle {
  opacity: 0;
}

.animation-active .title-subtitle_anim-1 .title-subtitle__subtitle {
  -webkit-animation: subtitle-bot-black 1.5s ease forwards;
          animation: subtitle-bot-black 1.5s ease forwards;
}

@-webkit-keyframes subtitle-bot-black {
  0% {
    -webkit-transform: translateY(60px);
            transform: translateY(60px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes subtitle-bot-black {
  0% {
    -webkit-transform: translateY(60px);
            transform: translateY(60px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

.animation .title-subtitle_anim-2 .title-subtitle__title-h2 {
  opacity: 0;
}

.animation-active .title-subtitle_anim-2 .title-subtitle__title-h2 {
  -webkit-animation: title-bot-black2 1.5s ease forwards;
          animation: title-bot-black2 1.5s ease forwards;
}

@-webkit-keyframes title-bot-black2 {
  0% {
    -webkit-transform: translateY(80px);
            transform: translateY(80px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes title-bot-black2 {
  0% {
    -webkit-transform: translateY(80px);
            transform: translateY(80px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

.animation .title-subtitle_anim-2 .title-subtitle__subtitle {
  opacity: 0;
}

.animation-active .title-subtitle_anim-2 .title-subtitle__subtitle {
  -webkit-animation: subtitle-bot-black2 1.5s ease forwards;
          animation: subtitle-bot-black2 1.5s ease forwards;
}

@-webkit-keyframes subtitle-bot-black2 {
  0% {
    -webkit-transform: translateY(149px);
            transform: translateY(149px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes subtitle-bot-black2 {
  0% {
    -webkit-transform: translateY(149px);
            transform: translateY(149px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

/*white-h2*/

.animation .title-subtitle_white-anim .title-subtitle__title-h2,
.animation.title-subtitle_white-anim .title-subtitle__title-h2 {
  opacity: 0;
}

.animation-active .title-subtitle_white-anim .title-subtitle__title-h2,
.animation-active.title-subtitle_white-anim .title-subtitle__title-h2 {
  -webkit-animation: title_white 1.5s ease forwards;
          animation: title_white 1.5s ease forwards;
}

@-webkit-keyframes title_white {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes title_white {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.animation .title-subtitle_white-anim .title-subtitle__subtitle,
.animation.title-subtitle_white-anim .title-subtitle__subtitle {
  opacity: 0;
}

.animation-active .title-subtitle_white-anim .title-subtitle__subtitle,
.animation-active.title-subtitle_white-anim .title-subtitle__subtitle {
  -webkit-animation: subtitle-white 1.5s ease forwards;
          animation: subtitle-white 1.5s ease forwards;
}

@-webkit-keyframes subtitle-white {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes subtitle-white {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*black right h2*/

.animation .title-subtitle_left-anim {
  opacity: 0;
}

.animation-active .title-subtitle_left-anim {
  -webkit-animation: black-right-titlesub 1.5s ease forwards;
          animation: black-right-titlesub 1.5s ease forwards;
}

@-webkit-keyframes black-right-titlesub {
  0% {
    opacity: 0;
    -webkit-transform: translateX(91px);
            transform: translateX(91px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes black-right-titlesub {
  0% {
    opacity: 0;
    -webkit-transform: translateX(91px);
            transform: translateX(91px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

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

/*кнопки*/

.button {
  display: inline-block;
  font-weight: 700;
  font-size: clamp(1.125rem, 0.676rem + 1.2vw, 1.25rem);
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #01b88e;
  border: 2px solid #01b88e;
  border-radius: 6.25rem;
  padding: clamp(0.938rem, 0.264rem + 1.8vw, 1.125rem) clamp(1.25rem, -7.283rem + 22.75vw, 3.625rem);
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.button_transparent {
  border: 2px solid #01b88e;
  background: transparent;
  color: #01b88e;
}

.button_black-transparent {
  padding: clamp(0.938rem, 0.264rem + 1.8vw, 1.125rem) clamp(1.25rem, -3.241rem + 11.98vw, 2.5rem);
  border: 2px solid #1c2654;
  background: transparent;
  color: #1c2654;
}

.button-circles {
  overflow: hidden;
  position: relative;
  padding: clamp(1.063rem, 0.389rem + 1.8vw, 1.25rem) clamp(1.375rem, -7.158rem + 22.75vw, 3.75rem);
  border: none;
}

.button-circles::before {
  content: "";
  width: 10.75rem;
  height: 10.75rem;
  background: rgba(255, 255, 255, 0.21);
  position: absolute;
  bottom: 0.625rem;
  left: -10.3125rem;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.button-circles::after {
  content: "";
  width: 10.75rem;
  height: 10.75rem;
  background: rgba(255, 255, 255, 0.21);
  position: absolute;
  top: 103%;
  right: -1.875rem;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.btn-call {
  position: relative;
  display: inline-block;
  padding: 1.0625rem 2.6875rem;
  background: #1c2654;
  color: #fff;
  font-weight: 600;
  font-size: clamp(1.063rem, 0.828rem + 0.75vw, 1.188rem);
  text-align: center;
  border-radius: 3.125rem;
}

.btn-call__text-icon {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.btn-call__icon {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.btn-call__arrow {
  padding-top: 0.5625rem;
  margin-right: 0.1875rem;
}

.btn-call__phone {
  width: 1.375rem;
  height: 1.375rem;
}

.button-video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 28.263%;
  height: 46.165%;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 50%;
}

.button-video svg {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 72.1%;
  height: 72.1%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.button-video svg path {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-more {
  display: inline-block;
  font-weight: 700;
  font-size: clamp(1.125rem, 0.676rem + 1.2vw, 1.25rem);
  text-align: center;
  color: #fff;
  background: #01b88e;
  border-radius: 6.25rem;
  padding: 0.875rem clamp(2.5rem, -2.188rem + 12.5vw, 3.75rem);
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: relative;
  overflow: hidden;
}

.btn-more span {
  position: relative;
}

.btn-more span::before,
.btn-more span::after {
  content: "";
  width: 0.4375rem;
  height: 2.96875rem;
  background: url("../img/common/arrow_vertical.svg") 0 0/contain no-repeat;
  position: absolute;
  top: 2.625rem;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.btn-more span::before {
  left: -0.75rem;
}

.btn-more span::after {
  right: -0.75rem;
}

.btn-more.active span::before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.btn-more.active span::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.animation .btn-more {
  opacity: 0;
}

.animation-active .btn-more {
  -webkit-animation: btn_more 1.5s ease forwards;
          animation: btn_more 1.5s ease forwards;
}

@-webkit-keyframes btn_more {
  0%, 10% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes btn_more {
  0%, 10% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

/*popups*/

.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.popup.popup-open {
  opacity: 1;
  visibility: visible;
}

.popup-open .popup__content {
  opacity: 1;
}

.popup__wrapper {
  background: rgba(0, 0, 0, 0.2);
  min-height: 100%;
  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;
}

.popup__content {
  position: relative;
  border-radius: 1.875rem;
  background: #fff;
  overflow: hidden;
}

.popup .close-popup {
  width: 1.5625rem;
  height: 1.5625rem;
  background: transparent;
  position: absolute;
  top: 1.5625rem;
  right: 1.5625rem;
}

.popup .close-popup::before,
.popup .close-popup::after {
  content: "";
  width: 0.1875rem;
  height: 1.5625rem;
  border-radius: 1.25rem;
  position: absolute;
  top: 0;
  right: 50%;
  background: #bfcaf7;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.popup .close-popup::before {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.popup .close-popup::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*заявка отправлена*/

.content-sent {
  margin: 0rem 0.9375rem;
  padding: 0 clamp(1.25rem, -11.875rem + 15vw, 2.188rem) 0 clamp(1.25rem, -73.125rem + 85vw, 6.563rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.625rem, -37.875rem + 44vw, 3.375rem);
  min-height: 36.875rem;
}

.content-sent__text {
  max-width: 31.625rem;
  font-size: clamp(1.563rem, 1.337rem + 0.6vw, 1.875rem);
  line-height: 1.26667;
  color: #000;
}

.content-sent__img {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49.125rem;
          flex: 0 0 49.125rem;
  height: 36.875rem;
}

.content-sent__img img {
  width: 49.125rem;
  height: 39.9375rem;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

/*заявка отправлена - end*/

/*окно Подробнее*/

.content-detailed {
  max-width: 61.1875rem;
  padding: 4.1875rem 4.9375rem;
  margin: 0rem 0.9375rem;
}

.content-detailed__title-paragraps:not(:last-child) {
  margin-bottom: clamp(1.875rem, 0.971rem + 2.41vw, 3.125rem);
}

.content-detailed__title-paragraps b {
  display: block;
  font-weight: 600;
  font-size: clamp(1.875rem, 0.971rem + 2.41vw, 3.125rem);
  line-height: 1.11;
}

.content-detailed__title-paragraps b:not(:last-child) {
  margin-bottom: clamp(1.125rem, 0.673rem + 1.2vw, 1.75rem);
}

.content-detailed__title-paragraps p {
  font-size: clamp(1rem, 0.684rem + 0.84vw, 1.438rem);
}

.content-detailed__title-paragraps p:not(:last-child) {
  margin-bottom: 0.5rem;
}

.content-detailed__title-paragraps span {
  display: block;
  font-weight: 400;
  font-size: clamp(0.875rem, 0.785rem + 0.24vw, 1rem);
  text-transform: uppercase;
  color: #01b88e;
}

.content-detailed__title-paragraps span:not(:last-child) {
  margin-bottom: clamp(0.625rem, 0.399rem + 0.6vw, 0.938rem);
}

/*окно Подробнее - end*/

/* окно обучение на админа / Проведение презентаций*/

.popup.popup-form,
.popup.popup-video {
  opacity: 1;
}

.popup.popup-form.popup-open .popup__content,
.popup.popup-video.popup-open .popup__content {
  opacity: 1;
  -webkit-transform: translateX(0vw);
      -ms-transform: translateX(0vw);
          transform: translateX(0vw);
}

.popup.popup-form .popup__content,
.popup.popup-video .popup__content {
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  opacity: 1;
  -webkit-transform: translateX(100vw);
      -ms-transform: translateX(100vw);
          transform: translateX(100vw);
}

.content-form {
  opacity: 1;
  padding: 3.875rem 3.125rem 2.4375rem;
}

.content-form.content-form_padding {
  padding: 3.125rem 4.0625rem 3.0625rem;
}

.content-form.content-form_padding .content-form__title-subtitle {
  max-width: 27.4375rem;
}

.content-form__title-subtitle {
  max-width: 38.75rem;
  text-align: center;
  line-height: 1.11;
}

.content-form__title-subtitle:not(:last-child) {
  margin-bottom: clamp(1.875rem, -0.089rem + 6.29vw, 3.25rem);
}

.content-form__title-subtitle h3 {
  font-weight: 600;
  font-size: clamp(1.5rem, 1.048rem + 1.2vw, 2.125rem);
}

.content-form__title-subtitle h3:not(:last-child) {
  margin-bottom: 0.6875rem;
}

.content-form__title-subtitle p {
  font-size: clamp(1.063rem, 0.828rem + 0.75vw, 1.188rem);
}

.content-form__form-content {
  max-width: 23.25rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.875rem;
}

.content-form__form-content input {
  background: #f5f5f5;
  padding: 1.0625rem 2.375rem;
  border-radius: 3.125rem;
  color: #1c2654;
  font-weight: 300;
  font-size: clamp(1rem, 0.864rem + 0.36vw, 1.188rem);
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.content-form__form-content input::-webkit-input-placeholder {
  font-weight: 300;
  font-size: clamp(1rem, 0.864rem + 0.36vw, 1.188rem);
  color: #a0aaa8;
}

.content-form__form-content input::-moz-placeholder {
  font-weight: 300;
  font-size: clamp(1rem, 0.864rem + 0.36vw, 1.188rem);
  color: #a0aaa8;
}

.content-form__form-content input:-ms-input-placeholder {
  font-weight: 300;
  font-size: clamp(1rem, 0.864rem + 0.36vw, 1.188rem);
  color: #a0aaa8;
}

.content-form__form-content input::-ms-input-placeholder {
  font-weight: 300;
  font-size: clamp(1rem, 0.864rem + 0.36vw, 1.188rem);
  color: #a0aaa8;
}

.content-form__form-content input::placeholder {
  font-weight: 300;
  font-size: clamp(1rem, 0.864rem + 0.36vw, 1.188rem);
  color: #a0aaa8;
}

.content-form__form-content input:focus {
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(28, 38, 84, 0.4);
          box-shadow: 0 0 5px rgba(28, 38, 84, 0.4);
}

/* окно обучение на админа / Проведение презентаций - end*/

/* popup video*/

.popup-video .popup__content {
  width: 93.75rem;
  height: auto;
  position: relative;
  background: transparent;
}

video.video-content,
iframe.video-content,
object.video-content,
embed.video-content {
  width: 100%;
  height: 100%;
}

/* popup video - end*/

.content-form::before,
.content-form::after {
	content: "";
	width: 26.1875rem;
	height: 26.1875rem;
	border-radius: 50%;
	background: #e6e9f8;
	position: absolute;
	z-index: -1;
}
.content-form::before {
	top: 3.6875rem;
	left: -17.5rem;
}
.content-form::after {
	bottom: -9.625rem;
	right: -18.5rem;
}

.content-form.content-form_padding::before {
	top: 3.6875rem;
	left: -22.25rem;
}
.content-form.content-form_padding::after {
	bottom: -5rem;
    right: -22.75rem;
}
@media (max-width: 61.9988em) {
	.content-form::before {
		left: -20.625rem;
	}
	.content-form::after {
		right: -20.625rem;
	}
}
@media (max-width: 47.9988em) {
	.content-form::before,
	.content-form.content-form_padding::before {
		top: -2.4375rem;
		left: -24.375rem;
	}
	.content-form::after,
	.content-form.content-form_padding::after {
		bottom: -7.75rem;
		right: -24.5rem;
	}
}
/*popups - end*/

/*header*/

/*анимация лого*/

.container-logo {
  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;
  -webkit-animation: container-logo 3s linear;
          animation: container-logo 3s linear;
  position: relative;
  z-index: 100;
}

@-webkit-keyframes container-logo {
  0%, 70% {
    width: 100vw;
    height: 100vh;
  }

  90% {
    width: 100vw;
    height: 100vh;
  }

  100% {
    position: relative;
    height: 100%;
  }
}

@keyframes container-logo {
  0%, 70% {
    width: 100vw;
    height: 100vh;
  }

  90% {
    width: 100vw;
    height: 100vh;
  }

  100% {
    position: relative;
    height: 100%;
  }
}

.logo {
  text-align: center;
  margin: 0 auto;
  max-width: 77.5625rem;
  max-height: 20.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.375rem, -0.079rem + 0.95vw, 0.75rem);
  -webkit-animation: logo 3s linear;
          animation: logo 3s linear;
}

@-webkit-keyframes logo {
  0%, 60% {
    gap: 0;
    -webkit-box-pack: center;
            justify-content: center;
  }

  61%, 90% {
    gap: clamp(0.625rem, -1.09rem + 7.32vw, 5.313rem);
    -webkit-box-pack: center;
            justify-content: center;
  }

  100% {
    -webkit-box-pack: start;
            justify-content: flex-start;
    gap: 0.75rem;
  }
}

@keyframes logo {
  0%, 60% {
    gap: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  61%, 90% {
    gap: clamp(0.625rem, -1.09rem + 7.32vw, 5.313rem);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  100% {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0.75rem;
  }
}

.image-logo {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
          flex: 0 1 clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
  height: clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
  -webkit-animation: image-logo 3s linear;
          animation: image-logo 3s linear;
}

@-webkit-keyframes image-logo {
  0%, 90% {
    -webkit-box-flex: 0;
            flex: 0 0 clamp(4.375rem, -1.181rem + 23.71vw, 19.563rem);
    height: clamp(4.063rem, -1.311rem + 22.93vw, 18.75rem);
  }

  100% {
    -webkit-box-flex: 0;
            flex: 0 0 clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
    height: clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
  }
}

@keyframes image-logo {
  0%, 90% {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 clamp(4.375rem, -1.181rem + 23.71vw, 19.563rem);
            flex: 0 0 clamp(4.375rem, -1.181rem + 23.71vw, 19.563rem);
    height: clamp(4.063rem, -1.311rem + 22.93vw, 18.75rem);
  }

  100% {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
            flex: 0 0 clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
    height: clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
  }
}

#logo-svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
          flex: 0 1 clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
  height: clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
  -webkit-animation: logo-svg 3s linear;
          animation: logo-svg 3s linear;
}

@-webkit-keyframes logo-svg {
  0%, 90% {
    -webkit-box-flex: 0;
            flex: 0 0 clamp(4.375rem, -1.181rem + 23.71vw, 19.563rem);
    height: clamp(4.063rem, -1.311rem + 22.93vw, 18.75rem);
  }

  100% {
    -webkit-box-flex: 0;
            flex: 0 0 clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
    height: clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
  }
}

@keyframes logo-svg {
  0%, 90% {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 clamp(4.375rem, -1.181rem + 23.71vw, 19.563rem);
            flex: 0 0 clamp(4.375rem, -1.181rem + 23.71vw, 19.563rem);
    height: clamp(4.063rem, -1.311rem + 22.93vw, 18.75rem);
  }

  100% {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
            flex: 0 0 clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
    height: clamp(2.938rem, 2.823rem + 0.49vw, 3.25rem);
  }
}

.text-logo {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 9.25rem;
          flex: 0 0 9.25rem;
  height: 1.625rem;
  -webkit-animation: letter 3s linear;
          animation: letter 3s linear;
}

@-webkit-keyframes letter {
  0%, 60% {
    -webkit-box-flex: 0;
            flex: 0 0 0rem;
    height: clamp(2.063rem, -0.613rem + 11.41vw, 9.375rem);
  }

  70%, 90% {
    -webkit-box-flex: 0;
            flex: 0 0 clamp(11.563rem, -3.46rem + 64.1vw, 52.625rem);
    height: clamp(2.063rem, -0.613rem + 11.41vw, 9.375rem);
  }

  100% {
    -webkit-box-flex: 0;
            flex: 0 0 9.25rem;
    height: 1.625rem;
  }
}

@keyframes letter {
  0%, 60% {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 0rem;
            flex: 0 0 0rem;
    height: clamp(2.063rem, -0.613rem + 11.41vw, 9.375rem);
  }

  70%, 90% {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 clamp(11.563rem, -3.46rem + 64.1vw, 52.625rem);
            flex: 0 0 clamp(11.563rem, -3.46rem + 64.1vw, 52.625rem);
    height: clamp(2.063rem, -0.613rem + 11.41vw, 9.375rem);
  }

  100% {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9.25rem;
            flex: 0 0 9.25rem;
    height: 1.625rem;
  }
}

#letter-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 9.25rem;
  height: 1.625rem;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-animation: letter-svg 3s linear;
          animation: letter-svg 3s linear;
}

@-webkit-keyframes letter-svg {
  0%, 90% {
    width: clamp(11.563rem, -3.46rem + 64.1vw, 52.625rem);
    height: clamp(2.063rem, -0.613rem + 11.41vw, 9.375rem);
  }

  100% {
    width: 9.25rem;
    height: 1.625rem;
  }
}

@keyframes letter-svg {
  0%, 90% {
    width: clamp(11.563rem, -3.46rem + 64.1vw, 52.625rem);
    height: clamp(2.063rem, -0.613rem + 11.41vw, 9.375rem);
  }

  100% {
    width: 9.25rem;
    height: 1.625rem;
  }
}

#mask-svg {
  stroke-dasharray: 1250;
  opacity: 0;
  stroke-dashoffset: -1120;
  -webkit-animation: circle-blue 2s linear;
          animation: circle-blue 2s linear;
}

@-webkit-keyframes circle-blue {
  0%, 20% {
    stroke-dashoffset: 0;
    opacity: 1;
  }

  90%, 94% {
    opacity: 1;
  }

  95% {
    opacity: 0;
    stroke-dasharray: 1250;
    stroke-dashoffset: -1120;
  }
}

@keyframes circle-blue {
  0%, 20% {
    stroke-dashoffset: 0;
    opacity: 1;
  }

  90%, 94% {
    opacity: 1;
  }

  95% {
    opacity: 0;
    stroke-dasharray: 1250;
    stroke-dashoffset: -1120;
  }
}

#point-svg {
  -webkit-animation: point_svg 2s linear;
          animation: point_svg 2s linear;
}

@-webkit-keyframes point_svg {
  0%, 40% {
    opacity: 0;
  }

  83% {
    opacity: 1;
  }
}

@keyframes point_svg {
  0%, 40% {
    opacity: 0;
  }

  83% {
    opacity: 1;
  }
}

#arrow-svg {
  -webkit-animation: arrow_svg 2s linear;
          animation: arrow_svg 2s linear;
}

@-webkit-keyframes arrow_svg {
  0%, 80% {
    opacity: 0;
  }

  90% {
    opacity: 1;
  }
}

@keyframes arrow_svg {
  0%, 80% {
    opacity: 0;
  }

  90% {
    opacity: 1;
  }
}

.steps {
  opacity: 0;
  position: absolute;
  top: 53.5%;
  left: 44.7%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-weight: 700;
  font-size: clamp(0.313rem, -0.259rem + 2.44vw, 1.875rem);
  color: #0e1740;
  -webkit-animation: steps 2s linear;
          animation: steps 2s linear;
}

@-webkit-keyframes steps {
  0%, 99% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes steps {
  0%, 99% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*анимация лого - end*/

/*шапка*/

.header {
  font-weight: 400;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.header__container {
  padding: 1.25rem 0.625rem 0rem;
  max-width: 98.8125rem;
  -webkit-animation: header_container 3s linear;
          animation: header_container 3s linear;
}

@-webkit-keyframes header_container {
  0%, 70%, 94% {
    max-width: 100vw;
    background: #fff;
  }

  95% {
    background: rgba(255, 255, 255, 0);
  }

  100% {
    position: relative;
    height: 100%;
  }
}

@keyframes header_container {
  0%, 70%, 94% {
    max-width: 100vw;
    background: #fff;
  }

  95% {
    background: rgba(255, 255, 255, 0);
  }

  100% {
    position: relative;
    height: 100%;
  }
}

.header__row {
  padding: clamp(0.938rem, 0.332rem + 1.26vw, 1.438rem) clamp(0.625rem, -1.647rem + 4.74vw, 2.5rem);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.43);
  border-radius: 70px;
  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;
  gap: 2.5rem;
  -webkit-animation: rowh 5s linear;
          animation: rowh 5s linear;
}

@-webkit-keyframes rowh {
  0%, 79% {
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
    background: rgba(255, 255, 255, 0);
  }

  90%, 100% {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.43);
  }
}

@keyframes rowh {
  0%, 79% {
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
    background: rgba(255, 255, 255, 0);
  }

  90%, 100% {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.43);
  }
}

.header__menu {
  display: block;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  -webkit-animation: menu 4.5s linear;
          animation: menu 4.5s linear;
}

@-webkit-keyframes menu {
  0%, 60% {
    -webkit-transform: translateY(53px);
            transform: translateY(53px);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
  }

  61% {
    position: relative;
    display: block;
    visibility: visible;
    opacity: 0;
  }

  85% {
    -webkit-transform: translateY(53px);
            transform: translateY(53px);
    opacity: 0;
  }

  100% {
    display: block;
    visibility: visible;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes menu {
  0%, 60% {
    -webkit-transform: translateY(53px);
            transform: translateY(53px);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
  }

  61% {
    position: relative;
    display: block;
    visibility: visible;
    opacity: 0;
  }

  85% {
    -webkit-transform: translateY(53px);
            transform: translateY(53px);
    opacity: 0;
  }

  100% {
    display: block;
    visibility: visible;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu__body.body-active {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.menu__body.body-active::before {
  content: "";
  width: clamp(9.375rem, -6.696rem + 51.43vw, 20.625rem);
  height: clamp(9.375rem, -6.696rem + 51.43vw, 20.625rem);
  background: #e6e9f8;
  border-radius: 50%;
  position: absolute;
  bottom: -20%;
  left: -8%;
  z-index: -1;
}

.menu__body.body-active::after {
  content: "";
  width: clamp(9.375rem, -6.696rem + 51.43vw, 20.625rem);
  height: clamp(9.375rem, -6.696rem + 51.43vw, 20.625rem);
  background: #e6e9f8;
  border-radius: 50%;
  position: absolute;
  top: -18%;
  right: -10%;
  z-index: -1;
}

.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1.563rem, -11.322rem + 15.38vw, 4.063rem);
  font-size: 1.375rem;
}

.menu__link {
  position: relative;
}

.menu__link::before {
  content: "";
  width: 0;
  height: 0.125rem;
  background: #0e1740;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.icon-menu {
  display: none;
}

/*шапка -end*/

/*header - end*/

.footer {
  padding: 18.375rem 0 1.4375rem;
  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;
  z-index: 1;
  color: #bfc6e3;
}

.footer::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/bg/bg_blue.svg") center 0/cover no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.footer__container {
  position: relative;
  z-index: 2;
}

.footer__row {
  font-size: clamp(1rem, 0.258rem + 2.48vw, 1.188rem);
  line-height: 1.25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: clamp(1.563rem, -3.633rem + 17.36vw, 2.875rem);
}

.footer__row:not(:last-child) {
  margin-bottom: clamp(2.5rem, -4.18rem + 22.31vw, 4.188rem);
}

.footer__logo-social {
  margin-right: clamp(0.000001rem, -90rem + 100vw, 1.25rem);
}

.footer__logo {
  display: block;
  width: clamp(16.875rem, -127.125rem + 160vw, 18.875rem);
  height: clamp(4.438rem, -31.563rem + 40vw, 4.938rem);
}

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

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

.footer__documents p,
.footer__documents div,
.footer__documents span,
.footer__documents a {
  display: block;
  position: relative;
}

.footer__documents p:not(:first-child),
.footer__documents div:not(:first-child),
.footer__documents span:not(:first-child),
.footer__documents a:not(:first-child) {
  padding-top: 0.8125rem;
}

.footer__documents p:not(:last-child),
.footer__documents div:not(:last-child),
.footer__documents span:not(:last-child),
.footer__documents a:not(:last-child) {
  padding-bottom: 0.8125rem;
}

.footer__documents p:not(:last-child)::before,
.footer__documents div:not(:last-child)::before,
.footer__documents span:not(:last-child)::before,
.footer__documents a:not(:last-child)::before {
  content: "";
  width: 100%;
  height: 0.0625rem;
  background: #3c446c;
  position: absolute;
  bottom: 0;
  left: 0;
}

.footer__documents a {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer__location {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 23.125rem;
          flex: 0 1 23.125rem;
  margin-right: clamp(0.00001rem, -171rem + 190vw, 2.375rem);
}

.footer__address {
  padding-left: 2.25rem;
  font-style: normal;
  position: relative;
}

.footer__address:not(:last-child) {
  margin-bottom: 1.125rem;
}

.footer__address::before {
  content: "";
  width: 1rem;
  height: 1.375rem;
  background: url("../img/common/location.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%);
}

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

.footer__contacts p,
.footer__contacts div,
.footer__contacts span,
.footer__contacts a {
  display: block;
  padding-left: 3.125rem;
  position: relative;
}

.footer__requisites-contacts::before,
.footer__email-contacts::before,
.footer__phone-contacts::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

.footer__email-contacts,
.footer__phone-contacts {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer__requisites-contacts::before {
  width: 1.75rem;
  height: 1.3125rem;
  background: url("../img/common/file.svg") center/contain no-repeat;
}

.footer__email-contacts::before {
  width: 1.625rem;
  height: 1.25rem;
  background: url("../img/common/mail.svg") center/contain no-repeat;
}

.footer__phone-contacts::before {
  width: 1.375rem;
  height: 1.375rem;
  background: url("../img/common/phone.svg") center/contain no-repeat;
}

.footer__bottom {
  text-align: right;
}

.footer__copyright {
  font-size: 0.625rem;
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
}

.social__item {
  width: 3.1875rem;
  height: 3.1875rem;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

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

/*главный*/

.main {
  padding: clamp(3.75rem, 1.006rem + 10.98vw, 9.375rem) 0rem 6.25rem;
  position: relative;
  z-index: 1;
}

.main__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(2.438rem, -3.813rem + 6.67vw, 3.688rem);
  position: relative;
}

.main__row::before {
  content: "";
  width: 78%;
  height: 183%;
  max-height: 50.4375rem;
  background: url("../img/bg/bg_transparent.svg") 0 0/contain no-repeat;
  position: absolute;
  top: -6.8125rem;
  left: -25.4375rem;
  -webkit-transform: rotate(172.74deg);
      -ms-transform: rotate(172.74deg);
          transform: rotate(172.74deg);
  z-index: 1;
  -webkit-animation: main_row-before 4.5s linear;
          animation: main_row-before 4.5s linear;
}

@-webkit-keyframes main_row-before {
  0%, 85% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes main_row-before {
  0%, 85% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.main__left {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 45rem;
          flex: 0 1 45rem;
  position: relative;
  z-index: 2;
}

.main__text {
  -webkit-animation: main_text 4.5s linear;
          animation: main_text 4.5s linear;
}

@-webkit-keyframes main_text {
  0%, 85% {
    -webkit-transform: translateX(-662px);
            transform: translateX(-662px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes main_text {
  0%, 85% {
    -webkit-transform: translateX(-662px);
            transform: translateX(-662px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}

.main__text:not(:last-child) {
  margin-bottom: clamp(1.875rem, -0.241rem + 4.42vw, 3.125rem);
}

.main__text p {
  font-weight: 300;
  font-size: clamp(1.25rem, 1.114rem + 0.36vw, 1.438rem);
  line-height: 1.25;
}

.main__title-h1:not(:last-child) {
  margin-bottom: 1.75rem;
}

.main__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  -webkit-animation: main_buttons 4.5s linear;
          animation: main_buttons 4.5s linear;
}

@-webkit-keyframes main_buttons {
  0%, 85% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes main_buttons {
  0%, 85% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

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

.main__right {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 45.125rem;
          flex: 0 1 45.125rem;
  max-height: 27.625rem;
  position: relative;
  z-index: 2;
}

.main__img {
  border-radius: 1.875rem;
  overflow: hidden;
  position: relative;
  -webkit-animation: main_img 4.5s linear;
          animation: main_img 4.5s linear;
}

@-webkit-keyframes main_img {
  0%, 85% {
    -webkit-transform: translateX(662px);
            transform: translateX(662px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes main_img {
  0%, 85% {
    -webkit-transform: translateX(662px);
            transform: translateX(662px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}

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

.main__decor-top,
.main__decor-bottom {
  position: absolute;
}

.main__decor-top {
  width: 4.3125rem;
  height: 7.625rem;
  -webkit-transform: rotate(-125.75deg);
      -ms-transform: rotate(-125.75deg);
          transform: rotate(-125.75deg);
  top: 7.625rem;
  right: -3.1875rem;
  z-index: -1;
  -webkit-animation: decor-1_img 5s linear;
          animation: decor-1_img 5s linear;
}

@-webkit-keyframes decor-1_img {
  0%, 90% {
    -webkit-transform: translateY(14px) rotate(-125.75deg);
            transform: translateY(14px) rotate(-125.75deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px) rotate(-125.75deg);
            transform: translateY(0px) rotate(-125.75deg);
    opacity: 1;
  }
}

@keyframes decor-1_img {
  0%, 90% {
    -webkit-transform: translateY(14px) rotate(-125.75deg);
            transform: translateY(14px) rotate(-125.75deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px) rotate(-125.75deg);
            transform: translateY(0px) rotate(-125.75deg);
    opacity: 1;
  }
}

.main__decor-bottom {
  width: 8.25rem;
  height: 13.4375rem;
  bottom: -2.875rem;
  right: -4.0625rem;
  -webkit-animation: decor-2_img 5s linear;
          animation: decor-2_img 5s linear;
}

@-webkit-keyframes decor-2_img {
  0%, 90% {
    -webkit-transform: translateY(14px);
            transform: translateY(14px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes decor-2_img {
  0%, 90% {
    -webkit-transform: translateY(14px);
            transform: translateY(14px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

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

/*Мы бережем ваше время*/

.advantages {
  padding: 6.25rem 0rem 9.9375rem;
}

.advantages__container {
  max-width: 86.8125rem;
}

.advantages__title-subtitle {
  margin-bottom: clamp(3.75rem, -2127.5rem + 3100vw, 5.688rem);
}

.advantage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1.25rem, -19.375rem + 27.5vw, 4.688rem);
}

.advantage-instal .advantage-text {
  padding-top: clamp(0.0001rem, -6187.5rem + 9000vw, 5.625rem);
}

.advantage-imges {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 43.5rem;
          flex: 0 0 43.5rem;
  width: 43.5rem;
  height: 22.5rem;
}

.advantage-imge {
  position: absolute;
}

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

.advantage-instal__computer {
  top: 25.27%;
  right: 19.97%;
  width: 20.6875rem;
  height: 14.3125rem;
  z-index: 4;
}

.advantage-instal__decor-col {
  top: 0;
  left: 5.46%;
  width: 18.25rem;
  height: 15rem;
  z-index: 2;
}

.advantage-instal__clock {
  bottom: 8.888%;
  left: 23.13%;
  width: 4.8125rem;
  height: 4.8125rem;
  z-index: 3;
}

.advantage-instal__decor-computer {
  bottom: 0;
  left: 15%;
  width: 36.3125rem;
  height: 4.3125rem;
  z-index: 1;
}

.advantage-instal__flowers {
  bottom: 5.277%;
  right: 2%;
  width: 15.6875rem;
  height: 10.375rem;
  z-index: 5;
}

.advantage-text {
  max-width: 37.8125rem;
  line-height: 1.11;
}

.advantage-text span {
  display: block;
  text-transform: uppercase;
  font-weight: 400;
  font-size: clamp(0.875rem, 0.785rem + 0.24vw, 1rem);
  color: #01b88e;
}

.advantage-text span:not(:last-child) {
  margin-bottom: 0.9375rem;
}

.advantage-text h3 {
  font-weight: 600;
  font-size: clamp(1.5rem, 1.048rem + 1.2vw, 2.125rem);
}

.advantage-text h3:not(:last-child) {
  margin-bottom: 1.125rem;
}

.advantage-text p {
  line-height: 1.2;
  font-size: clamp(1.063rem, 0.828rem + 0.75vw, 1.188rem);
}

.advantage-text p:not(:last-child) {
  margin-bottom: 0.3125rem;
}

.advantage-problems .advantage-text,
.advantage-support .advantage-text {
  text-align: right;
}

.animation .advantage-instal__computer {
  opacity: 0;
}

.animation-active .advantage-instal__computer {
  -webkit-animation: advantage_instal_computer 1.5s ease forwards;
          animation: advantage_instal_computer 1.5s ease forwards;
}

@-webkit-keyframes advantage_instal_computer {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-490px);
            transform: translateX(-490px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes advantage_instal_computer {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-490px);
            transform: translateX(-490px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.animation .advantage-instal__decor-col {
  opacity: 0;
}

.animation-active .advantage-instal__decor-col {
  -webkit-animation: advantage_instal_decor_col 1.5s ease forwards;
          animation: advantage_instal_decor_col 1.5s ease forwards;
}

@-webkit-keyframes advantage_instal_decor_col {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-165px);
            transform: translateY(-165px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes advantage_instal_decor_col {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-165px);
            transform: translateY(-165px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.animation .advantage-instal__clock {
  opacity: 0;
}

.animation-active .advantage-instal__clock {
  -webkit-animation: advantage_instal_clock 1.5s ease forwards;
          animation: advantage_instal_clock 1.5s ease forwards;
}

@-webkit-keyframes advantage_instal_clock {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-102px);
            transform: translateX(-102px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes advantage_instal_clock {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-102px);
            transform: translateX(-102px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.animation .advantage-instal__flowers {
  opacity: 0;
}

.animation-active .advantage-instal__flowers {
  -webkit-animation: advantage_instal_flowers 1.5s ease forwards;
          animation: advantage_instal_flowers 1.5s ease forwards;
}

@-webkit-keyframes advantage_instal_flowers {
  0% {
    opacity: 0;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes advantage_instal_flowers {
  0% {
    opacity: 0;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.animation .advantage-text span {
  opacity: 0;
}

.animation .advantage-text h3 {
  opacity: 0;
}

.animation .advantage-text p {
  opacity: 0;
}

.animation-active .advantage-text span {
  -webkit-animation: advantage_text_sub 1.5s ease forwards;
          animation: advantage_text_sub 1.5s ease forwards;
}

@-webkit-keyframes advantage_text_sub {
  0% {
    opacity: 0;
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes advantage_text_sub {
  0% {
    opacity: 0;
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
  }

  100% {
    opacity: 1;
  }
}

.animation-active .advantage-text h3 {
  -webkit-animation: advantage_text_h3 1.5s ease forwards;
          animation: advantage_text_h3 1.5s ease forwards;
}

@-webkit-keyframes advantage_text_h3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(51px);
            transform: translateY(51px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes advantage_text_h3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(51px);
            transform: translateY(51px);
  }

  100% {
    opacity: 1;
  }
}

.animation-active .advantage-text p {
  -webkit-animation: advantage_text_p 1.5s ease forwards;
          animation: advantage_text_p 1.5s ease forwards;
}

@-webkit-keyframes advantage_text_p {
  0% {
    opacity: 0;
    -webkit-transform: translateY(73px);
            transform: translateY(73px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes advantage_text_p {
  0% {
    opacity: 0;
    -webkit-transform: translateY(73px);
            transform: translateY(73px);
  }

  100% {
    opacity: 1;
  }
}

/*2*/

.advantage-problems {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.advantage-problems__char-big {
  bottom: 9.4%;
  right: 16.38%;
  width: 27.4375rem;
  height: 16.0625rem;
  z-index: 1;
}

.advantage-problems__vase-plant {
  bottom: 2.77%;
  left: 7.5%;
  width: 6.5rem;
  height: 12.0625rem;
  z-index: 2;
}

.advantage-problems__pot-plant {
  top: 12.5%;
  right: 0;
  width: 9.75rem;
  height: 13.3125rem;
  z-index: 2;
}

.animation .advantage-problems__char-big {
  opacity: 0;
}

.animation-active .advantage-problems__char-big {
  -webkit-animation: advantage_char_big 1.5s ease forwards;
          animation: advantage_char_big 1.5s ease forwards;
}

@-webkit-keyframes advantage_char_big {
  0% {
    opacity: 0;
    -webkit-transform: translateX(281px);
            transform: translateX(281px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes advantage_char_big {
  0% {
    opacity: 0;
    -webkit-transform: translateX(281px);
            transform: translateX(281px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.animation .advantage-problems__pot-plant {
  opacity: 0;
}

.animation-active .advantage-problems__pot-plant {
  -webkit-animation: advantage_pot_plant 1.5s ease forwards;
          animation: advantage_pot_plant 1.5s ease forwards;
}

@-webkit-keyframes advantage_pot_plant {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes advantage_pot_plant {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.animation .advantage-problems__vase-plant {
  opacity: 0;
}

.animation-active .advantage-problems__vase-plant {
  -webkit-animation: advantage_vase_plant 1.5s ease forwards;
          animation: advantage_vase_plant 1.5s ease forwards;
}

@-webkit-keyframes advantage_vase_plant {
  0% {
    opacity: 0;
    -webkit-transform: translateY(32px);
            transform: translateY(32px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes advantage_vase_plant {
  0% {
    opacity: 0;
    -webkit-transform: translateY(32px);
            transform: translateY(32px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.advantage-problems .advantage-text {
  padding-top: clamp(0.0001rem, -6668.75rem + 9700vw, 6.063rem);
}

/*3*/

.advantage-comparison__chart-min {
  top: 26%;
  left: 11%;
  width: 31.25rem;
  height: 11.875rem;
  z-index: 3;
}

.advantage-comparison__scales {
  top: 13.333%;
  right: 45.65%;
  width: 6.5625rem;
  height: 4.6875rem;
  z-index: 4;
}

.advantage-comparison__gear {
  bottom: 9.333%;
  left: 6.5%;
  width: 7.375rem;
  height: 7.125rem;
  z-index: 2;
}

.advantage-comparison__leaves {
  top: 20.333%;
  right: 15.2%;
  width: 5rem;
  height: 5.3125rem;
  z-index: 3;
  -webkit-transform: rotate(19.14deg);
      -ms-transform: rotate(19.14deg);
          transform: rotate(19.14deg);
}

.advantage-comparison__bg-chart {
  top: 0;
  left: 0;
  width: 34.6875rem;
  height: 24.375rem;
  z-index: 1;
}

.animation .advantage-comparison__chart-min {
  opacity: 0;
}

.animation-active .advantage-comparison__chart-min {
  -webkit-animation: advantage_chart_min 1.5s ease forwards;
          animation: advantage_chart_min 1.5s ease forwards;
}

@-webkit-keyframes advantage_chart_min {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-55px);
            transform: translateX(-55px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes advantage_chart_min {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-55px);
            transform: translateX(-55px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.animation .advantage-comparison__scales {
  opacity: 0;
}

.animation-active .advantage-comparison__scales {
  -webkit-animation: advantage_scales 1.5s ease forwards;
          animation: advantage_scales 1.5s ease forwards;
}

@-webkit-keyframes advantage_scales {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-42px);
            transform: translateY(-42px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes advantage_scales {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-42px);
            transform: translateY(-42px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.animation .advantage-comparison__gear {
  opacity: 0;
}

.animation-active .advantage-comparison__gear {
  -webkit-animation: advantage_gear 1.5s ease forwards;
          animation: advantage_gear 1.5s ease forwards;
}

@-webkit-keyframes advantage_gear {
  0% {
    opacity: 0;
    -webkit-transform: translateY(51px);
            transform: translateY(51px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes advantage_gear {
  0% {
    opacity: 0;
    -webkit-transform: translateY(51px);
            transform: translateY(51px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.animation .advantage-comparison__leaves {
  opacity: 0;
}

.animation-active .advantage-comparison__leaves {
  -webkit-animation: advantage_leaves 1.5s ease forwards;
          animation: advantage_leaves 1.5s ease forwards;
}

@-webkit-keyframes advantage_leaves {
  0% {
    opacity: 0;
    -webkit-transform: translate(29px, -53px) rotate(19.14deg);
            transform: translate(29px, -53px) rotate(19.14deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(19.14deg);
            transform: translate(0, 0) rotate(19.14deg);
    opacity: 1;
  }
}

@keyframes advantage_leaves {
  0% {
    opacity: 0;
    -webkit-transform: translate(29px, -53px) rotate(19.14deg);
            transform: translate(29px, -53px) rotate(19.14deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(19.14deg);
            transform: translate(0, 0) rotate(19.14deg);
    opacity: 1;
  }
}

.animation .advantage-comparison__bg-chart {
  opacity: 0;
}

.animation-active .advantage-comparison__bg-chart {
  -webkit-animation: advantage_bg_chart 1.5s ease forwards;
          animation: advantage_bg_chart 1.5s ease forwards;
}

@-webkit-keyframes advantage_bg_chart {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-370px);
            transform: translateX(-370px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes advantage_bg_chart {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-370px);
            transform: translateX(-370px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.advantage-comparison .advantage-text {
  padding-top: clamp(0.0001rem, -7150rem + 10400vw, 6.5rem);
}

/*4*/

.advantage-support {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.advantage-support__girl {
  bottom: 18.333%;
  left: 6.46%;
  width: 20.375rem;
  height: 12.875rem;
  z-index: 4;
}

.advantage-support__palnt-top {
  top: 5.83%;
  left: 4.16%;
  width: 8.3125rem;
  height: 7.6875rem;
  z-index: 2;
  -webkit-transform: rotate(-25deg);
      -ms-transform: rotate(-25deg);
          transform: rotate(-25deg);
}

.advantage-support__plant-bot {
  bottom: 17.5%;
  right: 30.9%;
  width: 9.875rem;
  height: 6.875rem;
  z-index: 2;
}

.advantage-support__work {
  top: 21.1%;
  left: 40.8%;
  width: 7.6875rem;
  height: 3.9375rem;
  z-index: 5;
}

.advantage-support__man {
  top: 11.11%;
  right: 8.9%;
  width: 10.9375rem;
  height: 7.9375rem;
  z-index: 3;
}

.advantage-support__checkbox {
  top: 11.66%;
  right: 29%;
  width: 4.0625rem;
  height: 2.0625rem;
  z-index: 4;
}

.advantage-support__decor-people {
  top: -3%;
  right: 3.16%;
  width: 35.5625rem;
  height: 21.3125rem;
  z-index: 1;
}

.animation .advantage-support__girl {
  opacity: 0;
}

.animation-active .advantage-support__girl {
  -webkit-animation: advantage_girl 1.5s ease forwards;
          animation: advantage_girl 1.5s ease forwards;
}

@-webkit-keyframes advantage_girl {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes advantage_girl {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.animation .advantage-support__palnt-top {
  opacity: 0;
}

.animation-active .advantage-support__palnt-top {
  -webkit-animation: advantage_palnt_top 1.5s ease forwards;
          animation: advantage_palnt_top 1.5s ease forwards;
}

@-webkit-keyframes advantage_palnt_top {
  0% {
    opacity: 0;
    -webkit-transform: translate(-29px, -32px) rotate(-25deg);
            transform: translate(-29px, -32px) rotate(-25deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(-25deg);
            transform: translate(0, 0) rotate(-25deg);
    opacity: 1;
  }
}

@keyframes advantage_palnt_top {
  0% {
    opacity: 0;
    -webkit-transform: translate(-29px, -32px) rotate(-25deg);
            transform: translate(-29px, -32px) rotate(-25deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(-25deg);
            transform: translate(0, 0) rotate(-25deg);
    opacity: 1;
  }
}

.animation .advantage-support__plant-bot {
  opacity: 0;
}

.animation-active .advantage-support__plant-bot {
  -webkit-animation: advantage_plant_bot 1.5s ease forwards;
          animation: advantage_plant_bot 1.5s ease forwards;
}

@-webkit-keyframes advantage_plant_bot {
  0% {
    opacity: 0;
    -webkit-transform: translateX(29px);
            transform: translateX(29px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes advantage_plant_bot {
  0% {
    opacity: 0;
    -webkit-transform: translateX(29px);
            transform: translateX(29px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.animation .advantage-support__work {
  opacity: 0;
}

.animation-active .advantage-support__work {
  -webkit-animation: advantage_work 1.5s ease forwards;
          animation: advantage_work 1.5s ease forwards;
}

@-webkit-keyframes advantage_work {
  0% {
    opacity: 0;
    -webkit-transform: translateX(32px);
            transform: translateX(32px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes advantage_work {
  0% {
    opacity: 0;
    -webkit-transform: translateX(32px);
            transform: translateX(32px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.animation .advantage-support__man {
  opacity: 0;
}

.animation-active .advantage-support__man {
  -webkit-animation: advantage_man 1.5s ease forwards;
          animation: advantage_man 1.5s ease forwards;
}

@-webkit-keyframes advantage_man {
  0% {
    opacity: 0;
    -webkit-transform: translateX(92px);
            transform: translateX(92px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes advantage_man {
  0% {
    opacity: 0;
    -webkit-transform: translateX(92px);
            transform: translateX(92px);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.animation .advantage-support__checkbox {
  opacity: 0;
}

.animation-active .advantage-support__checkbox {
  -webkit-animation: advantage_checkbox 1.5s ease forwards;
          animation: advantage_checkbox 1.5s ease forwards;
}

@-webkit-keyframes advantage_checkbox {
  0% {
    opacity: 0;
    -webkit-transform: translate(42px, -45px);
            transform: translate(42px, -45px);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes advantage_checkbox {
  0% {
    opacity: 0;
    -webkit-transform: translate(42px, -45px);
            transform: translate(42px, -45px);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

.animation .advantage-support__decor-people {
  opacity: 0;
}

.animation-active .advantage-support__decor-people {
  -webkit-animation: advantage_decor_people 1.5s ease forwards;
          animation: advantage_decor_people 1.5s ease forwards;
}

@-webkit-keyframes advantage_decor_people {
  0% {
    opacity: 0;
    -webkit-transform: translateY(121px);
            transform: translateY(121px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes advantage_decor_people {
  0% {
    opacity: 0;
    -webkit-transform: translateY(121px);
            transform: translateY(121px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.advantage-support .advantage-text {
  padding-top: clamp(0.0001rem, -5706.25rem + 8300vw, 5.188rem);
}

.advantages__title-advantage:not(:last-child),
.advantage-problems:not(:last-child),
.advantage-comparison:not(:last-child),
.advantage-support:not(:last-child) {
  margin-bottom: 4rem;
}

/*Мы бережем ваше время - end*/

/*Решения*/

.decisions {
  padding: clamp(3.5rem, -1.182rem + 14.98vw, 6rem) 0rem clamp(6.563rem, 0.71rem + 18.73vw, 9.688rem);
  position: relative;
}

.decisions::before {
  content: "";
  width: 100%;
  height: clamp(22rem, 16.148rem + 18.73vw, 25.125rem);
  background: url("../img/bg/green_top.svg") center 0/cover no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.decisions::after {
  content: "";
  width: 100%;
  height: clamp(9.5rem, 3.648rem + 18.73vw, 12.625rem);
  background: url("../img/bg/green_bottom.svg") center 0/cover no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.decisions__title-subtitle {
  opacity: 1;
}

.decisions__title-subtitle:not(:last-child) {
  margin-bottom: clamp(3.563rem, -1.993rem + 27.78vw, 6.688rem);
}

.decisions__slider-content {
  overflow: hidden;
  position: relative;
  padding: clamp(1.563rem, -0.544rem + 6.74vw, 2.688rem) clamp(0.0001rem, -1917.5rem + 4000vw, 2.5rem) clamp(2.938rem, 0.597rem + 7.49vw, 4.188rem);
}

.decisions .animation.decisions__slider-content {
  opacity: 0;
}

.decisions .animation-active.decisions__slider-content {
  -webkit-animation: slider-content 1.5s ease forwards;
          animation: slider-content 1.5s ease forwards;
}

@-webkit-keyframes slider-content {
  0% {
    opacity: 0;
    -webkit-transform: translateY(61px);
            transform: translateY(61px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes slider-content {
  0% {
    opacity: 0;
    -webkit-transform: translateY(61px);
            transform: translateY(61px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

.decisions__slider {
  overflow: visible;
  max-width: 69.125rem;
}

.decisions-slide__title-subtitle {
  text-align: center;
  max-width: 41.8125rem;
  margin: 0 auto;
}

.decisions-slide__title-subtitle :not(:last-child) {
  margin-bottom: 0.5625rem;
}

.decisions-slide__title-subtitle:not(:last-child) {
  margin-bottom: clamp(1.938rem, -0.403rem + 7.49vw, 3.188rem);
}

.decisions-slide__title-subtitle span {
  display: block;
  font-weight: 400;
  font-size: 1rem;
  text-transform: uppercase;
  text-align: center;
  color: #01b88e;
}

.decisions-slide__title-subtitle h3 {
  font-weight: 600;
  font-size: clamp(1.5rem, 1.274rem + 0.6vw, 1.813rem);
  line-height: 1.11;
  text-align: center;
  color: #1c2654;
}

.decisions-slide__info {
  font-size: clamp(1.063rem, 0.828rem + 0.75vw, 1.188rem);
  line-height: 1.2;
}

.decisions-slide__problem:not(:last-child),
.decisions-slide__decision:not(:last-child),
.decisions-slide__result:not(:last-child) {
  margin-bottom: clamp(1.25rem, -0.74rem + 6.37vw, 2.313rem);
}

.decisions-slide__problem b,
.decisions-slide__decision b,
.decisions-slide__result b {
  font-weight: 600;
}

.decisions-slide__problem {
  max-width: 37.875rem;
}

.decisions-slide__decision {
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.decisions-slide__decision b,
.decisions-slide__decision p {
  text-align: right;
  max-width: 35.375rem;
}

.decisions-slide__result {
  max-width: 35.625rem;
  margin: 0 auto;
}

.decisions-slide__result b {
  text-align: center;
  display: block;
  margin-bottom: clamp(0.313rem, -0.273rem + 1.87vw, 0.625rem);
}

.decisions-slide__result ul li {
  padding-left: 1.25rem;
  position: relative;
}

.decisions-slide__result ul li:not(:last-child) {
  margin-bottom: clamp(0.25rem, -0.686rem + 3vw, 0.75rem);
}

.decisions-slide__result ul li::before {
  content: "";
  width: 0.6875rem;
  height: 0.8125rem;
  background: url("../img/common/checked.svg") 0 0/contain no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

.decisions-slide__result ul li:last-child {
  text-decoration: underline;
}

.swiper-pagination {
  bottom: clamp(0.313rem, -1.443rem + 5.62vw, 1.25rem) !important;
}

.swiper-pagination-bullet {
  width: 1.0625rem;
  height: 1.0625rem;
  background: #01b88e;
}

.swiper-button-prev,
.swiper-button-next {
  width: 1.5625rem;
  height: 2.6875rem;
}

.swiper-button-prev svg path,
.swiper-button-next svg path {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: #1c2654;
}

/*Решения - end*/

/*Наши пользователи*/

.users {
  padding: 9.3125rem 0rem 6.25rem;
}

.users__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(3.125rem, -78.063rem + 81.19vw, 8.25rem);
}

.users__logos {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45.125rem;
          flex: 0 0 45.125rem;
  width: 45.125rem;
  height: 43.375rem;
}

.users__logo {
  -webkit-box-shadow: 0 21px 25px 0 rgba(0, 17, 61, 0.11);
          box-shadow: 0 21px 25px 0 rgba(0, 17, 61, 0.11);
  border-radius: 50%;
  position: absolute;
}

.users__logo img {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.users__alfa-logo {
  top: 3.17%;
  left: 41.274%;
  width: 3.3125rem;
  height: 3.3125rem;
}

.users__container.animation .users__alfa-logo {
  opacity: 0;
}

.users__container.animation-active .users__alfa-logo {
  -webkit-animation: alfa_logo 1.5s ease forwards;
          animation: alfa_logo 1.5s ease forwards;
}

@-webkit-keyframes alfa_logo {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-63px);
            transform: translateY(-63px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes alfa_logo {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-63px);
            transform: translateY(-63px);
  }

  100% {
    opacity: 1;
  }
}

.users__p-logo {
  top: 9.5%;
  right: 18.7%;
  width: 3.3125rem;
  height: 3.3125rem;
}

.users__container.animation .users__p-logo {
  opacity: 0;
}

.users__container.animation-active .users__p-logo {
  -webkit-animation: p_logo 1.5s ease forwards;
          animation: p_logo 1.5s ease forwards;
}

@-webkit-keyframes p_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(15px, -42px);
            transform: translate(15px, -42px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes p_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(15px, -42px);
            transform: translate(15px, -42px);
  }

  100% {
    opacity: 1;
  }
}

.users__rshb-logo {
  top: 14.12%;
  left: 11.5%;
  width: 5.3125rem;
  height: 5.3125rem;
}

.users__container.animation .users__rshb-logo {
  opacity: 0;
}

.users__container.animation-active .users__rshb-logo {
  -webkit-animation: rshb_logo 1.5s ease forwards;
          animation: rshb_logo 1.5s ease forwards;
}

@-webkit-keyframes rshb_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(-17px, -62px);
            transform: translate(-17px, -62px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes rshb_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(-17px, -62px);
            transform: translate(-17px, -62px);
  }

  100% {
    opacity: 1;
  }
}

.users__gasprom-logo {
  top: 19.6%;
  right: 34%;
  width: 7.6875rem;
  height: 7.6875rem;
}

.users__container.animation .users__gasprom-logo {
  opacity: 0;
}

.users__container.animation-active .users__gasprom-logo {
  -webkit-animation: gasprom_logo 1.5s ease forwards;
          animation: gasprom_logo 1.5s ease forwards;
}

@-webkit-keyframes gasprom_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(-6px, -4px);
            transform: translate(-6px, -4px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes gasprom_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(-6px, -4px);
            transform: translate(-6px, -4px);
  }

  100% {
    opacity: 1;
  }
}

.users__danone-logo {
  top: 26.22%;
  right: 2.6%;
  width: 5.6875rem;
  height: 5.6875rem;
}

.users__container.animation .users__danone-logo {
  opacity: 0;
}

.users__container.animation-active .users__danone-logo {
  -webkit-animation: danone_logo 1.5s ease forwards;
          animation: danone_logo 1.5s ease forwards;
}

@-webkit-keyframes danone_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(70px, -1px);
            transform: translate(70px, -1px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes danone_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(70px, -1px);
            transform: translate(70px, -1px);
  }

  100% {
    opacity: 1;
  }
}

.users__nlmk-logo {
  top: 36.3%;
  left: 25%;
  width: 4.75rem;
  height: 4.75rem;
}

.users__container.animation .users__nlmk-logo {
  opacity: 0;
}

.users__container.animation-active .users__nlmk-logo {
  -webkit-animation: nlmk_logo 1.5s ease forwards;
          animation: nlmk_logo 1.5s ease forwards;
}

@-webkit-keyframes nlmk_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(-42px, -8px);
            transform: translate(-42px, -8px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes nlmk_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(-42px, -8px);
            transform: translate(-42px, -8px);
  }

  100% {
    opacity: 1;
  }
}

.users__raiffeisen-logo {
  top: 47.5%;
  right: 24.2%;
  width: 3.3125rem;
  height: 3.3125rem;
}

.users__container.animation .users__raiffeisen-logo {
  opacity: 0;
}

.users__container.animation-active .users__raiffeisen-logo {
  -webkit-animation: raiffeisen_logo 1.5s ease forwards;
          animation: raiffeisen_logo 1.5s ease forwards;
}

@-webkit-keyframes raiffeisen_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(12px, 20px);
            transform: translate(12px, 20px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes raiffeisen_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(12px, 20px);
            transform: translate(12px, 20px);
  }

  100% {
    opacity: 1;
  }
}

.users__rostel-logo {
  bottom: 35.8%;
  left: 2.77%;
  width: 5.5625rem;
  height: 5.5625rem;
}

.users__container.animation .users__rostel-logo {
  opacity: 0;
}

.users__container.animation-active .users__rostel-logo {
  -webkit-animation: rostel_logo 1.5s ease forwards;
          animation: rostel_logo 1.5s ease forwards;
}

@-webkit-keyframes rostel_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 48px);
            transform: translate(-50px, 48px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes rostel_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 48px);
            transform: translate(-50px, 48px);
  }

  100% {
    opacity: 1;
  }
}

.users__mts-logo {
  bottom: 30.7%;
  left: 40.85%;
  width: 4.375rem;
  height: 4.375rem;
}

.users__container.animation .users__mts-logo {
  opacity: 0;
}

.users__container.animation-active .users__mts-logo {
  -webkit-animation: mts_logo 1.5s ease forwards;
          animation: mts_logo 1.5s ease forwards;
}

@-webkit-keyframes mts_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(-40px, 36px);
            transform: translate(-40px, 36px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes mts_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(-40px, 36px);
            transform: translate(-40px, 36px);
  }

  100% {
    opacity: 1;
  }
}

.users__mmk-logo {
  bottom: 18.44%;
  right: 7.89%;
  width: 9.125rem;
  height: 9.125rem;
}

.users__container.animation .users__mmk-logo {
  opacity: 0;
}

.users__container.animation-active .users__mmk-logo {
  -webkit-animation: mmk_logo 1.5s ease forwards;
          animation: mmk_logo 1.5s ease forwards;
}

@-webkit-keyframes mmk_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(80px, 69px);
            transform: translate(80px, 69px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes mmk_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(80px, 69px);
            transform: translate(80px, 69px);
  }

  100% {
    opacity: 1;
  }
}

.users__ingos-logo {
  bottom: 8.07%;
  left: 16.62%;
  width: 7.4375rem;
  height: 7.4375rem;
}

.users__container.animation .users__ingos-logo {
  opacity: 0;
}

.users__container.animation-active .users__ingos-logo {
  -webkit-animation: ingos_logo 1.5s ease forwards;
          animation: ingos_logo 1.5s ease forwards;
}

@-webkit-keyframes ingos_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(-51px, 48px);
            transform: translate(-51px, 48px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes ingos_logo {
  0% {
    opacity: 0;
    -webkit-transform: translate(-51px, 48px);
            transform: translate(-51px, 48px);
  }

  100% {
    opacity: 1;
  }
}

.users__zenit-logo {
  bottom: 3.17%;
  right: 34.21%;
  width: 4.6875rem;
  height: 4.6875rem;
}

.users__container.animation .users__zenit-logo {
  opacity: 0;
}

.users__container.animation-active .users__zenit-logo {
  -webkit-animation: zenit_logo 1.5s ease forwards;
          animation: zenit_logo 1.5s ease forwards;
}

@-webkit-keyframes zenit_logo {
  0% {
    opacity: 0;
    -webkit-transform: translateY(48px);
            transform: translateY(48px);
  }

  100% {
    opacity: 1;
  }
}

@keyframes zenit_logo {
  0% {
    opacity: 0;
    -webkit-transform: translateY(48px);
            transform: translateY(48px);
  }

  100% {
    opacity: 1;
  }
}

.users__title-subtitle {
  max-width: 34.9375rem;
  padding-right: clamp(0.0001rem, -7031.25rem + 7500vw, 4.688rem);
}

/*Наши пользователи - end*/

/*Прочие решения с PGLens*/

.other-decisions {
  padding: 6.25rem 0rem 5rem;
}

.other-decisions__title-subtitle:not(:last-child) {
  margin-bottom: clamp(2.188rem, 0.877rem + 3.49vw, 4rem);
}

.decisions-table {
  overflow-x: auto;
  -webkit-box-shadow: 2px 6px 26px 0 rgba(18, 8, 61, 0.11);
          box-shadow: 2px 6px 26px 0 rgba(18, 8, 61, 0.11);
  background: #fff;
  border-radius: 1.875rem;
}

.decisions-table .decisions-table__header {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.decisions-table .decisions-table__header b {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18.75rem;
          flex: 0 0 18.75rem;
  width: 400px;
  padding: 0 0.625rem;
  font-weight: 600;
  font-size: 21px;
  line-height: 1.11;
  text-align: center;
}

.table {
  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-shadow: 2px 6px 26px 0 rgba(18, 8, 61, 0.11);
          box-shadow: 2px 6px 26px 0 rgba(18, 8, 61, 0.11);
  background: #fff;
  border-radius: 1.875rem;
  padding: 2.75rem;
}

.table__row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 21.875rem;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.table__row:not(:last-child) {
  margin-bottom: clamp(0.625rem, -0.279rem + 2.41vw, 1.875rem);
}

.look-active .table__row {
  overflow: clip;
  -webkit-animation: table_row 0.4s linear;
          animation: table_row 0.4s linear;
}

@-webkit-keyframes table_row {
  0%, 99% {
    overflow-y: hidden;
  }

  100% {
    overflow-y: visible;
  }
}

@keyframes table_row {
  0%, 99% {
    overflow-y: hidden;
  }

  100% {
    overflow-y: visible;
  }
}

.look-active .table__row::-webkit-scrollbar {
  display: none;
}

.table__names {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.11;
}

.table__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 5.625rem;
  padding: 0.125rem 0 0.125rem 0.375rem;
  position: relative;
}

.animation .table__name span {
  opacity: 0;
}

.animation-active .table__name span {
  -webkit-animation: table_name 1.5s ease forwards;
          animation: table_name 1.5s ease forwards;
}

@-webkit-keyframes table_name {
  0% {
    opacity: 0;
    -webkit-transform: translate(-12px, 8px);
            transform: translate(-12px, 8px);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes table_name {
  0% {
    opacity: 0;
    -webkit-transform: translate(-12px, 8px);
            transform: translate(-12px, 8px);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

.table__name::before {
  content: "";
  width: 300vw;
  height: 0.0625rem;
  background: #a9afcc;
  position: absolute;
  bottom: -0.0625rem;
  left: 0;
}

.animation .table__name.table__name_amin::before {
  opacity: 0;
}

.animation-active .table__name.table__name_amin::before {
  -webkit-animation: table_name_before 1.5s ease forwards;
          animation: table_name_before 1.5s ease forwards;
}

@-webkit-keyframes table_name_before {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -25px);
            transform: translate(0, -25px);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes table_name_before {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -25px);
            transform: translate(0, -25px);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

.table__sliders {
  max-width: clamp(43.75rem, -5.069rem + 78.74vw, 68.75rem);
  position: relative;
}

.header-table {
  position: sticky;
  top: 0rem;
  left: 0;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: 600;
  font-size: clamp(1.063rem, 0.882rem + 0.48vw, 1.313rem);
  line-height: 1.11;
  text-align: center;
  margin-bottom: 1.25rem;
}

.look-active .header-table {
  -webkit-animation: header_table 0.4s linear forwards;
          animation: header_table 0.4s linear forwards;
}

@-webkit-keyframes header_table {
  0% {
    top: 0rem;
  }

  99% {
    top: 0rem;
  }

  100% {
    top: 7rem;
  }
}

@keyframes header_table {
  0% {
    top: 0rem;
  }

  99% {
    top: 0rem;
  }

  100% {
    top: 7rem;
  }
}

.header-table__slide {
  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;
  gap: clamp(0.25rem, -0.021rem + 0.72vw, 0.625rem);
  background-color: #ffffff;
  height: 4.25rem;
  width: clamp(14.563rem, -3.378rem + 28.94vw, 23.75rem);
  padding: 0.125rem 0rem clamp(0.0001rem, -0.994rem + 2.65vw, 1.375rem);
  padding-left: clamp(0.001rem, -12.813rem + 15vw, 1.25rem);
}

.animation .header-table__slide {
  opacity: 0;
}

.animation-active .header-table__slide {
  -webkit-animation: header_table_slide 1.5s ease forwards;
          animation: header_table_slide 1.5s ease forwards;
}

@-webkit-keyframes header_table_slide {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes header_table_slide {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

.header-table__slide_red::before,
.header-table__slide_yellow::before,
.header-table__slide_green::before {
  content: "";
  width: clamp(1.063rem, 0.882rem + 0.48vw, 1.313rem);
  height: clamp(1.063rem, 0.882rem + 0.48vw, 1.313rem);
  display: inline-block;
  border-radius: 50%;
}

.header-table__slide_red::before {
  background: #f00800;
}

.header-table__slide_yellow::before {
  background: #ffbf00;
}

.header-table__slide_green::before {
  background: #21de00;
}

.table__slide span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 5.625rem;
  width: clamp(14.563rem, -3.378rem + 28.94vw, 23.75rem);
  padding: 0.125rem 0rem;
  padding-left: clamp(1.875rem, -33.125rem + 40vw, 4.375rem);
}

.animation .table__slide span {
  opacity: 0;
}

.animation-active .table__slide span {
  -webkit-animation: table_slide_span 1.5s ease forwards;
          animation: table_slide_span 1.5s ease forwards;
}

@-webkit-keyframes table_slide_span {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes table_slide_span {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}

.table-btn-slider {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

.table-button-prev.swiper-button-prev,
.table-button-next.swiper-button-next {
  top: 2.625rem;
  width: 35px;
  height: 35px;
  background-color: #01b88e;
  border-radius: 50%;
}

.table-button-prev.swiper-button-prev {
  right: 5.3125rem;
  left: unset;
}

.table-button-next.swiper-button-next {
  right: 2.1875rem;
  left: unset;
}

.table-button-prev.swiper-button-prev svg,
.table-button-next.swiper-button-next svg {
  width: 60%;
  height: 60%;
  position: absolute;
}

.table-button-prev.swiper-button-prev svg path,
.table-button-next.swiper-button-next svg path {
  fill: #ffffff;
}

.table-button-prev.swiper-button-prev svg {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
      -ms-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
  left: 20%;
  top: 21%;
}

.table-button-next.swiper-button-next svg {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 55%;
  top: 50%;
}

/*Прочие решения с PGLens - end*/

/*обучение*/

.training {
  padding: 5rem 0rem 7.1875rem;
}

.training__title-subtitle {
  max-width: 52.5625rem;
}

.training__title-subtitle:not(:last-child) {
  margin-bottom: clamp(2.25rem, 0.568rem + 6.12vw, 3.5rem);
}

.training__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.125rem;
}

.training__btn.button-circles {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.training__btn,
.training__btn.button-circles {
  opacity: 0;
}

.animation-active .training__btn {
  -webkit-animation: btn-right 1.5s ease forwards;
          animation: btn-right 1.5s ease forwards;
}

@-webkit-keyframes btn-right {
  0% {
    -webkit-transform: translateX(160px);
            transform: translateX(160px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes btn-right {
  0% {
    -webkit-transform: translateX(160px);
            transform: translateX(160px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}

.animation-active .training__btn.button-circles {
  -webkit-animation: btn-left 1.5s ease forwards;
          animation: btn-left 1.5s ease forwards;
}

@-webkit-keyframes btn-left {
  0% {
    -webkit-transform: translateX(-160px);
            transform: translateX(-160px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes btn-left {
  0% {
    -webkit-transform: translateX(-160px);
            transform: translateX(-160px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}

/*обучение - end*/

/*Контакты*/

.contacts {
  padding: 7.1875rem 0 0;
  margin-bottom: -12.5rem;
  position: relative;
  z-index: 2;
}

.contacts__container {
  max-width: 69.75rem;
}

.contacts__content {
  padding: clamp(1.938rem, -5.485rem + 24.79vw, 3.813rem) clamp(1.5rem, -10.871rem + 41.32vw, 4.625rem);
  border-radius: 1.875rem;
  background: #01b88e;
}

.contacts__title-subtitle:not(:last-child) {
  margin-bottom: clamp(1.5rem, -5.923rem + 24.79vw, 3.375rem);
}

.contacts-form {
  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;
  gap: 0.5625rem;
  opacity: 0;
}

.contacts-form #text-contacts {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 17.3125rem;
          flex: 1 0 17.3125rem;
}

.contacts-form #phone-contacts {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 19.6875rem;
          flex: 1 0 19.6875rem;
}

.contacts-form__btn-call {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 22.3125rem;
          flex: 1 0 22.3125rem;
}

.contacts-form input {
  padding: 1.0625rem 2.375rem;
  border-radius: 3.125rem;
  color: #1c2654;
  font-weight: 300;
  font-size: clamp(1rem, 0.864rem + 0.36vw, 1.188rem);
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.contacts-form input::-webkit-input-placeholder {
  font-weight: 300;
  font-size: clamp(1rem, 0.864rem + 0.36vw, 1.188rem);
  color: #a0aaa8;
}

.contacts-form input::-moz-placeholder {
  font-weight: 300;
  font-size: clamp(1rem, 0.864rem + 0.36vw, 1.188rem);
  color: #a0aaa8;
}

.contacts-form input:-ms-input-placeholder {
  font-weight: 300;
  font-size: clamp(1rem, 0.864rem + 0.36vw, 1.188rem);
  color: #a0aaa8;
}

.contacts-form input::-ms-input-placeholder {
  font-weight: 300;
  font-size: clamp(1rem, 0.864rem + 0.36vw, 1.188rem);
  color: #a0aaa8;
}

.contacts-form input::placeholder {
  font-weight: 300;
  font-size: clamp(1rem, 0.864rem + 0.36vw, 1.188rem);
  color: #a0aaa8;
}

.contacts-form input:focus {
  outline: none;
  -webkit-box-shadow: 0 0 5px #ffffff;
          box-shadow: 0 0 5px #ffffff;
}

.animation-active .contacts-form {
  -webkit-animation: title-white 1.5s ease forwards;
          animation: title-white 1.5s ease forwards;
}

@-webkit-keyframes title-white {
  0% {
    opacity: 0;
    -webkit-transform: translateY(58px);
            transform: translateY(58px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes title-white {
  0% {
    opacity: 0;
    -webkit-transform: translateY(58px);
            transform: translateY(58px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

/*Контакты - end*/

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

  .footer__logo-social {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .footer__documents {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

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

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

  .main__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
  }

  .main__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    text-align: center;
  }

  .main__buttons {
    margin: 0 auto;
    max-width: 43.75rem;
  }

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

  .users__logos {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27.1875rem;
            flex: 0 0 27.1875rem;
    width: 27.1875rem;
    height: 25.3125rem;
  }

  .users__alfa-logo {
    width: 2.3125rem;
    height: 2.3125rem;
  }

  .users__p-logo {
    width: 2.3125rem;
    height: 2.3125rem;
  }

  .users__rshb-logo {
    width: 3.6875rem;
    height: 3.6875rem;
  }

  .users__gasprom-logo {
    width: 5.375rem;
    height: 5.375rem;
  }

  .users__danone-logo {
    width: 3.9375rem;
    height: 3.9375rem;
  }

  .users__nlmk-logo {
    width: 3.3125rem;
    height: 3.3125rem;
  }

  .users__raiffeisen-logo {
    width: 2.3125rem;
    height: 2.3125rem;
  }

  .users__rostel-logo {
    width: 3.875rem;
    height: 3.875rem;
  }

  .users__mts-logo {
    width: 3.0625rem;
    height: 3.0625rem;
  }

  .users__mmk-logo {
    bottom: 12.44%;
    right: 1.89%;
    width: 6.375rem;
    height: 6.375rem;
  }

  .users__ingos-logo {
    width: 5.1875rem;
    height: 5.1875rem;
  }

  .users__zenit-logo {
    width: 3.3125rem;
    height: 3.3125rem;
  }

@-webkit-keyframes header_table {
    0% {
      top: 0rem;
    }

    99% {
      top: 0rem;
    }

    100% {
      top: 6.5625rem;
    }
}

@keyframes header_table {
    0% {
      top: 0rem;
    }

    99% {
      top: 0rem;
    }

    100% {
      top: 6.5625rem;
    }
}
}

@media (max-width: 90.625em) {
  .table {
    padding: 1.5rem;
  }
}

@media (max-width: 84.375em) {
  .content-sent__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 34.5rem;
            flex: 0 0 34.5rem;
    height: 25.8125rem;
  }

  .content-sent__img img {
    width: 34.5rem;
    height: 27.9375rem;
  }

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

  .training__btn,
  .training__btn.button-circles {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 52.5625rem;
            flex: 0 1 52.5625rem;
  }
}

@media (max-width: 77.5em) {
  .header__menu {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .menu__body {
    width: 100%;
    position: fixed;
    top: -100%;
    right: 0;
    z-index: 99;
    overflow: hidden;
    background: rgb(255, 255, 255);
    -webkit-box-shadow: 0 0 23px #0e1740;
            box-shadow: 0 0 23px #0e1740;
    border-radius: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
  }

  .menu__list {
    -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;
    padding: 6.25rem 1.25rem 3.125rem;
  }

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

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

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

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

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

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

  .icon-menu.menu-open::before {
    top: calc(50% - 0.0625rem);
    -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: 68.75em) {
  .advantage {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

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

  .advantage-problems {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .advantage-support {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .contacts-form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 61.99875em) {
  .content-sent {
    padding: 3.125rem 1.25rem 1.875rem;
    -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;
  }

  .content-sent__text {
    text-align: center;
  }

  .content-sent__img {
    width: 31.25rem;
    height: 23.25rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .content-sent__img img {
    width: 31.25rem;
    height: 25.1875rem;
  }

  .content-detailed {
    padding: 3.125rem 2.5rem;
  }

  .header__container {
    padding-top: 0.3125rem;
  }

  .main {
    padding: clamp(3.75rem, 1.006rem + 10.98vw, 9.375rem) 0rem 3.75rem;
  }

  .advantages {
    padding: 3.75rem 0rem 6.25rem;
  }

  .users {
    padding: 6.25rem 0rem 4.0625rem;
  }

  .users__row {
    gap: 1.25rem;
  }

  .other-decisions {
    padding: 4.0625rem 0rem 4.0625rem;
  }

  .table__names {
    font-size: 0.875rem;
  }

  .table__sliders {
    max-width: clamp(31.25rem, -11.551rem + 89.29vw, 43.75rem);
  }

  .header-table {
    padding-left: 15.625rem;
    margin-left: -15.625rem;
  }

@-webkit-keyframes header_table {
    0% {
      top: 0rem;
    }

    99% {
      top: 0rem;
    }

    100% {
      top: 5.125rem;
    }
}

@keyframes header_table {
    0% {
      top: 0rem;
    }

    99% {
      top: 0rem;
    }

    100% {
      top: 5.125rem;
    }
}

  .header-table__slide {
    width: 100%;
  }

  .table__slide {
    font-size: 0.8125rem;
  }

  .table__slide span {
    width: 100%;
  }

  .table-btn-slider {
    width: 250px;
    height: 88px;
    background: #ffffff;
    z-index: 2;
    visibility: visible;
  }

  .training {
    padding: 4.0625rem 0rem 5rem;
  }

  .contacts {
    padding: 5rem 0 0;
  }
}

@media (max-width: 47.99875em) {
  .btn-call {
    padding: 1.0625rem;
  }

  .content-form {
    padding: 3.25rem 1.25rem 1.8125rem;
  }

  .content-form.content-form_padding {
    padding: 3.25rem 1.25rem 1.8125rem;
  }

  .main {
    padding: clamp(3.75rem, 1.006rem + 10.98vw, 9.375rem) 0rem 2.5rem;
  }

  .main__decor-top,
  .main__decor-bottom {
    display: none;
  }

  .advantages {
    padding: 2.5rem 0rem 4.375rem;
  }

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

  .users {
    padding: 3.125rem 0rem 2.5rem;
  }

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

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

  .users__title-subtitle {
    text-align: center;
  }

  .other-decisions {
    padding: 2.5rem 0rem 3.125rem;
  }

  .table__sliders {
    max-width: clamp(12.5rem, -5.483rem + 76.73vw, 31.25rem);
  }

  .table__slide span {
    padding-left: 0.9375rem;
  }

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

  .training {
    padding: 3.125rem 0rem 3.125rem;
  }

  .contacts {
    padding: 3.125rem 0 0;
  }

  .contacts-form #text-contacts {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .contacts-form #phone-contacts {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .contacts-form__btn-call {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

@media (max-width: 43.125em) {
  .advantage-imges {
    width: 26.6875rem;
    height: 15.75rem;
  }

  .advantage-instal__computer {
    right: 29.97%;
    width: 14.4375rem;
    height: 10rem;
  }

  .advantage-instal__decor-col {
    top: 2%;
    left: -6%;
    width: 10.0625rem;
    height: 7rem;
  }

  .advantage-instal__clock {
    left: 5.13%;
    width: 3.375rem;
    height: 3.375rem;
  }

  .advantage-instal__decor-computer {
    left: 0%;
    width: 25.375rem;
    height: 3rem;
  }

  .advantage-instal__flowers {
    right: 9%;
    width: 10.9375rem;
    height: 7.25rem;
  }

  .advantage-problems__char-big {
    right: 2%;
    width: 19.1875rem;
    height: 11.3125rem;
  }

  .advantage-problems__vase-plant {
    left: 11%;
    width: 4.625rem;
    height: 8.5rem;
  }

  .advantage-problems__pot-plant {
    top: 8.5%;
    right: -16%;
    width: 6.875rem;
    height: 9.3125rem;
  }

  .advantage-comparison__chart-min {
    top: 26%;
    left: 11%;
    width: 21.875rem;
    height: 8.3125rem;
  }

  .advantage-comparison__scales {
    top: 13.333%;
    right: 39.65%;
    width: 4.625rem;
    height: 3.3125rem;
  }

  .advantage-comparison__gear {
    bottom: 9.333%;
    left: 6.5%;
    width: 5.1875rem;
    height: 5rem;
  }

  .advantage-comparison__leaves {
    top: 20.333%;
    right: 5.2%;
    width: 3.5rem;
    height: 3.75rem;
  }

  .advantage-comparison__bg-chart {
    width: 24.3125rem;
    height: 17.0625rem;
  }

  .advantage-support__girl {
    bottom: 18.333%;
    left: 14.46%;
    width: 14.3125rem;
    height: 9.125rem;
  }

  .advantage-support__palnt-top {
    top: 3.83%;
    left: 11.16%;
    width: 5.8125rem;
    height: 6.0625rem;
  }

  .advantage-support__plant-bot {
    bottom: 17.5%;
    right: 14.9%;
    width: 6.9375rem;
    height: 4.8125rem;
  }

  .advantage-support__work {
    top: 21.1%;
    left: 49.8%;
    width: 5.4375rem;
    height: 2.8125rem;
  }

  .advantage-support__man {
    top: 11.11%;
    right: -6.9%;
    width: 7.6875rem;
    height: 5.625rem;
  }

  .advantage-support__checkbox {
    top: 11.66%;
    right: 16%;
    width: 2.875rem;
    height: 1.5rem;
  }

  .advantage-support__decor-people {
    top: 1%;
    right: -13.16%;
    width: 24.8125rem;
    height: 14.9375rem;
  }
}

@media (max-width: 29.99875em) {
  .content-detailed {
    padding: 3.125rem 1.25rem 2.1875rem;
  }

  .advantages__title-subtitle {
    margin-bottom: 2.5rem;
  }

  .swiper-pagination-bullet {
    width: 0.875rem;
    height: 0.875rem;
  }

  .users__logos {
    width: 27.1875rem;
    height: 25.3125rem;
  }

  .table {
    padding: 1.25rem 0.3125rem;
  }
}

@media (max-width: 26.25em) {
  .users__danone-logo {
    right: 9.6%;
  }

  .users__rostel-logo {
    left: 8.77%;
  }

  .users__mmk-logo {
    right: 9.89%;
  }
}

@media (max-width: 23.125em) {
  .table__sliders {
    max-width: 9.375rem;
  }
}

@media (max-width: 21.875em) {
  .contacts__title-subtitle .title-subtitle__title-h2 {
    font-size: 1.9375rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .button:hover {
    border: 2px solid #1c2654;
    color: #fff;
    background: #1c2654;
  }

  .button-circles:hover {
    border: none;
    background: #1c2654;
  }

  .button-circles:hover::before {
    bottom: 0rem;
    left: -2.6875rem;
  }

  .button-circles:hover::after {
    top: 14px;
  }

  .btn-call:hover .btn-call__text-icon {
    padding-right: 5rem;
  }

  .btn-call.content-form__btn-call:hover .btn-call__text-icon {
    padding-right: 3.75rem;
  }

  .btn-call:hover .btn-call__icon {
    opacity: 1;
  }

  .button-video:hover svg path {
    fill: #01b88e;
  }

  .button-video:hover svg {
    width: 91%;
    height: 91%;
  }

  .btn-more:hover {
    background: #1c2654;
  }

  .btn-more:hover span::before,
  .btn-more:hover span::after {
    top: -1.75rem;
  }

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

  .footer__documents a:hover {
    color: #fff;
  }

  .footer__email-contacts:hover,
  .footer__phone-contacts:hover {
    color: #fff;
  }

  .social__item:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .swiper-button-prev:hover svg path,
  .swiper-button-next:hover svg path {
    fill: #01b88e;
  }

  .users__logo:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

/*privacy-policy*/
.page-privacy-policy {
	padding-bottom: 2.5rem;
}
.privacy-policy h1 {
	padding-top: 1.875rem;
	margin-bottom: clamp(2.5rem, 1.596rem + 2.41vw, 3.75rem);
}
.privacy-policy h2 {
	font-weight: 600;
	font-size: clamp(1.813rem, 0.909rem + 2.41vw, 3.063rem);
	line-height: 1.11;
}
.privacy-policy h2:not(:last-child) {
	margin-bottom: clamp(1.125rem, 0.673rem + 1.2vw, 1.75rem);
}
.privacy-policy span {
	display: block;
	font-weight: 400;
	font-size: clamp(0.875rem, 0.785rem + 0.24vw, 1rem);
	text-transform: uppercase;
	color: #01b88e;
}
.privacy-policy span:not(:last-child) {
	margin-bottom: clamp(0.625rem, 0.399rem + 0.6vw, 0.938rem);
}
.privacy-policy p {
	font-size: clamp(1rem, 0.684rem + 0.84vw, 1.438rem);
}
.privacy-policy p:not(:last-child) {
	margin-bottom: 0.5rem;
}
.privacy-policy__text:not(:last-child) {
	margin-bottom: clamp(2.5rem, 1.596rem + 2.41vw, 3.75rem);
}
/*privacy-policy - end*/