@charset "UTF-8";

@font-face {
  font-family: "Neue Machina";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NeueMachina-Regular/NeueMachina-Regular.eot");
  src: url("../fonts/NeueMachina-Regular/NeueMachina-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NeueMachina-Regular/NeueMachina-Regular.woff") format("woff"), url("../fonts/NeueMachina-Regular/NeueMachina-Regular.ttf") format("truetype"), url("../fonts/NeueMachina-Regular/NeueMachina-Regular.svg#Neue Machina") format("svg");
}

@font-face {
  font-family: "Neue Machina";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NeueMachina-Medium/NeueMachina-Medium.eot");
  src: url("../fonts/NeueMachina-Medium/NeueMachina-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/NeueMachina-Medium/NeueMachina-Medium.woff") format("woff"), url("../fonts/NeueMachina-Medium/NeueMachina-Medium.ttf") format("truetype"), url("../fonts/NeueMachina-Medium/NeueMachina-Medium.svg#Neue Machina") format("svg");
}

@font-face {
  font-family: "Neue Machina";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NeueMachina-Bold/NeueMachina-Bold.eot");
  src: url("../fonts/NeueMachina-Bold/NeueMachina-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NeueMachina-Bold/NeueMachina-Bold.woff") format("woff"), url("../fonts/NeueMachina-Bold/NeueMachina-Bold.ttf") format("truetype"), url("../fonts/NeueMachina-Bold/NeueMachina-Bold.svg#Neue Machina") format("svg");
}

@font-face {
  font-family: "Neue Machina";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NeueMachina-Ultrabold/NeueMachina-Ultrabold.eot");
  src: url("../fonts/NeueMachina-Ultrabold/NeueMachina-Ultrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/NeueMachina-Ultrabold/NeueMachina-Ultrabold.woff") format("woff"), url("../fonts/NeueMachina-Ultrabold/NeueMachina-Ultrabold.ttf") format("truetype"), url("../fonts/NeueMachina-Ultrabold/NeueMachina-Ultrabold.svg#Neue Machina") format("svg");
}

@font-face {
  font-family: "Neue Machina";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NeueMachina-Black/NeueMachina-Black.eot");
  src: url("../fonts/NeueMachina-Black/NeueMachina-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/NeueMachina-Black/NeueMachina-Black.woff") format("woff"), url("../fonts/NeueMachina-Black/NeueMachina-Black.ttf") format("truetype"), url("../fonts/NeueMachina-Black/NeueMachina-Black.svg#Neue Machina") format("svg");
}

@font-face {
  font-family: "Gilroy";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Gilroy-Regular/Gilroy-Regular.eot");
  src: url("../fonts/Gilroy-Regular/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Regular/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy-Regular/Gilroy-Regular.ttf") format("truetype"), url("../fonts/Gilroy-Regular/Gilroy-Regular.svg#Gilroy") format("svg");
}

@font-face {
  font-family: "Gilroy";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Gilroy-Medium/Gilroy-Medium.eot");
  src: url("../fonts/Gilroy-Medium/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Medium/Gilroy-Medium.woff") format("woff"), url("../fonts/Gilroy-Medium/Gilroy-Medium.ttf") format("truetype"), url("../fonts/Gilroy-Medium/Gilroy-Medium.svg#Gilroy") format("svg");
}

@font-face {
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Gilroy-SemiBold/Gilroy-SemiBold.eot");
  src: url("../fonts/Gilroy-SemiBold/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-SemiBold/Gilroy-SemiBold.woff") format("woff"), url("../fonts/Gilroy-SemiBold/Gilroy-SemiBold.ttf") format("truetype"), url("../fonts/Gilroy-SemiBold/Gilroy-SemiBold.svg#Gilroy") format("svg");
}

@font-face {
  font-family: "Gilroy";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Gilroy-Bold/Gilroy-Bold.eot");
  src: url("../fonts/Gilroy-Bold/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Bold/Gilroy-Bold.woff") format("woff"), url("../fonts/Gilroy-Bold/Gilroy-Bold.ttf") format("truetype"), url("../fonts/Gilroy-Bold/Gilroy-Bold.svg#Gilroy") format("svg");
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
.results__block_title,
h3,
.results .item__number,
.about__text,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
video {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root {
  --container-width: 1160px;
  --transition: 0.3s ease;
  --default-font-family: "Gilroy";
  --heading-font-family: "Neue Machina";
  --sp: 66px;
  --accent: #4C09D2;
  --fiolet: #8041FF;
  --dark: #1F2229;
  --bg: #fff;
  --text-color: #000000;
  --fz-default: 20px;
  --h1: 32px;
  --h2: 42px;
  --h3: 32px;
  --h4: 28px;
  --l: 24px;
  --m: 22px;
  --s: 18px;
  --xs: 16px;
}

body {
  font: 400 var(--fz-default)/120% var(--default-font-family), Helvetica, Arial, sans-serif;
  background: var(--bg);
  min-width: 360px;
  color: var(--text-color);
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.fixed {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

body.fixed section {
  filter: blur(2px);
}

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

.hidden {
  display: none;
  overflow: hidden;
}

.wrapper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

[class*=__container] {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 10px;
  width: 100%;
}

form input.error {
  box-shadow: inset 0px 0px 20px 1px rgba(255, 0, 0, 0.3);
  border: 2px solid red !important;
}

form input.not_error {
  box-shadow: inset 0px 0px 20px 1px rgba(100, 255, 100, 0.3);
  border: 2px solid #99FF99 !important;
}

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

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

h1 {
  font: 700 var(--h1)/100% var(--heading-font-family);
  text-transform: uppercase;
}

h1 span {
  color: var(--accent);
}

h2,
.results__block_title {
  font: 700 var(--h2)/100% var(--heading-font-family);
  text-transform: uppercase;
}

h2 span,
.results__block_title span {
  color: var(--accent);
}

h3,
.results .item__number,
.about__text {
  font: 800 var(--h3)/100% var(--heading-font-family);
}

h4 {
  font: 700 var(--h4)/100% var(--heading-font-family);
}

a {
  color: var(--text-color);
  text-decoration: none;
}

.l,
.company__text,
.program .item__more,
.results__block_content,
.results .item__text,
.for .item__text,
.about__info_list li {
  font-size: var(--l);
  line-height: 100%;
}

.m,
.program .item__info li {
  font-size: var(--m);
  line-height: 100%;
}

.s,
.program .block__buttons_text,
.program .block__text {
  font-size: var(--s);
  line-height: 100%;
}

.xs {
  font-size: var(--xs);
  line-height: 100%;
}

.btn {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

.subm {
  cursor: pointer;
  border: none;
  display: block;
  margin: 0 auto;
}

.form {
  width: 100%;
  position: relative;
}

.form__package {
  display: inline-flex;
  border: 2px solid #FFFFFF;
  border-radius: 53px;
  padding: 5px;
  position: relative;
  gap: 5px;
  margin-bottom: 35px;
}

.form__package input {
  opacity: 0;
  z-index: -1;
  position: absolute;
}

.form__package span {
  font: 900 24px/100% "Neue Machina";
  display: inline-flex;
  height: 34px;
  padding: 0 12px;
  text-transform: uppercase;
  align-items: center;
  cursor: pointer;
}

.form__package input:checked + span,
.tabs__tab--active span {
  background: var(--fiolet);
  border-radius: 53px;
}

.form__title {
  font: 700 28px/100% "Neue Machina";
  color: var(--fiolet);
  margin-bottom: 20px;
}

.form .input {
  width: 100%;
  height: 60px;
  background: transparent;
  border: none;
  border-bottom: 2px solid #fff;
  font-weight: 400;
  font-size: 20px;
  line-height: 60px;
  display: block;
  /* color: #fff; */
}

/* .form .input::-moz-placeholder {
  color: #fff;
} */
/*
/* .form .input::placeholder {
  color: rgba(180, 180, 180, 0.58);
} */

.form .input__wrap {
  display: block;
  text-align: left;
  margin-bottom: 15px;
}

.form .input__label {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  display: block;
}

.form__btn {
  font: 700 20px "Neue Machina";
  width: 100%;
  height: 55px;
  color: #fff;
  border: none;
  background: var(--fiolet);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0 14px;
  transition: var(--transition);
}

.form__btn:hover {
  background: #fff;
  color: var(--dark);
}

.form__agree {
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}

.form__agree a {
  color: #fff;
  text-decoration: underline;
}

.form:before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.7) url(../img/loading.svg) 50% no-repeat;
  z-index: 10;
}

.form.loading:before {
  display: block;
}

.form .intl-tel-input {
  width: 100%;
}

.form .country-list .country-name {
  color: #333;
}

.header {
  padding: 40px 0 30px;
  width: 100%;
  transition: var(--transition);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 111 !important;
  background: #fff;
}

.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header__logo {
  width: 216px;
  height: 47px;
  transition: var(--transition);
  background: url(../img/logo-ru.svg) 50%/contain no-repeat;
}

.header__menu {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.header__menu li {
  padding: 0 26px;
}

.header__menu li.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  background: #000000;
  border-radius: 36px;
  padding: 8px 26px 11px;
  padding-bottom: 12px;
  transition: var(--transition);
}

.header__menu li.btn:hover {
  background: var(--accent);
}

.header__menu li.btn a {
  color: #fff;
}

.header__menu a {
  font: var(--l)/100% "Neue Machina";
  transition: var(--transition);
}

.header__menu a:hover {
  color: var(--accent);
}

.header__burger {
  display: none;
  z-index: 30;
}

.header.active {
  background: var(--dark);
}

.header.active .header__logo {
  background: url(../img/header__logo--white.svg) 50%/contain no-repeat;
}

.header.active .header__menu {
  transform: translateX(0);
  opacity: 1;
}

.header.active .header__burger span {
  background: #fff;
}

.header.active .header__burger span:nth-child(1) {
  transform: translate(1px, 4px) rotate(45deg);
  width: 20px;
}

.header.active .header__burger span:nth-child(2) {
  width: 20px;
  transform: translate(1px, -11px) rotate(-45deg);
}

.header.active .header__burger span:nth-child(3) {
  display: none;
}

/* .no-webp .hero__image {
  background: url(../img/hero__image.png) 50%/contain no-repeat;
} */

/* .no-webp .about__image1 {
  background: url(../img/about__image1.png) 50%/contain no-repeat;
} */

.hero {
  padding: 120px 0 112px;
}

.hero__decor {
  font: normal 700 200px/193px "Neue Machina";
  position: absolute;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
  -webkit-text-stroke: 2px #1F2229;
  color: transparent;
  transform: translate(135px, -120px) rotate(90deg);
}

.hero__container {
  /* display: flex;
  align-items: flex-start; */
  position: relative;
}

.hero-form {
  background: #FFF;
  box-shadow: 0px 4px 32px 0px rgba(125, 125, 125, 0.25);
  position: relative;
  padding: 18px 22px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}

.hero-form__bonus {
  position: absolute;
  bottom: 85%;
  right: 27%;
  border-radius: 15px 15px 0 0;
  padding: 10px 140px 10px 24px;
  z-index: -1;
}

.hero-form__bonus-image {
  position: absolute;
  bottom: -37px;
  right: 42%;
  background: url(../img/hero-form-bonus.webp) center/contain no-repeat;
  width: 193.402px;
  height: 210.816px;
}

.hero-form__bonus-image::before {
  content: '';
  position: absolute;
  width: 190.405px;
  height: 190.36px;
  top: 50%;
  left: 51%;
  transform: translateX(-50%) translateY(-50%);
  background: url(../img/hero-form__decor.svg) center/contain no-repeat;
  animation: rotate 20s linear infinite;
  display: block;
  z-index: -2;
}

@keyframes rotate {
  0% {
      transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  50% {
    transform: translateX(-50%) translateY(-50%) rotate(180deg);
}
  100% {
      transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}

.hero-form .form {
  display: flex;
  max-width: initial;
  align-items: center;
}

.form__btn-wrap {
  height: 100%;
}

.hero-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: #4C09D2;
  padding: 13px 80px;
  color: #FFF;
  text-align: center;
  font-family: "Neue Machina";
  font-size: 22px;
  height: 100%;
  font-weight: 700;
  text-transform: uppercase;
  min-height: 55px;
}

.hero__add_title {
  color: #000;
  font-family: "Gilroy";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.hero__add_subtitle {
  color: #000;
  font-family: "Gilroy";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115.46%;
  margin: 10px 0;
}

.hero__add_subtitle b {
  color: #4C09D2;
  text-transform: uppercase;
}

.hero-form .form__input {
  width: 100%;
  max-width: 325px;
  /* margin-right: 24px; */
  margin-right: 10px;
}

.hero-form__form {
  position: relative;
  z-index: 3;
  flex: 1 1 auto;
}

.form .input {
  background: #fff;
  width: 100%;
  height: 55px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  padding-left: 15px;
  font-weight: 400;
  font-size: 16px;
  display: block;
}

.hero-block {
  display: flex;
  align-items: flex-start;
  position: relative;
}

.hero__content {
  width: 100%;
  max-width: 640px;
}

.hero__info {
  position: absolute;
  width: 320px;
  display: flex;
  flex-flow: wrap;
  gap: 30px;
  margin-left: 145px;
  margin-bottom: 20px;
  flex-direction: column;
  right: 20%;
  top: -19%;
}

.hero__info li {
  width: 100%;
  display: flex;
}

.hero__info li:nth-child(1) {
  justify-content: center;
}

.hero__info li:nth-child(2) {
  margin-left: -20px;
}

.hero__info li:nth-child(3) {
  margin-left: 15px;
}

.hero__info li p {
  font: var(--l) "Neue Machina";
  display: inline-flex;
  padding: 4px 26px;
  border: 2px solid #4C09D2;
  border-radius: 36px;
}

.hero__title span {
  display: block;
}

.hero__title b {
  margin-top: 31px;
  display: block;
  font-weight: 900;
  font-size: 175px;
  line-height: 100%;
  color: var(--accent);
  margin-left: 100px;
}

.hero__subtitle {
  font-size: var(--l);
  line-height: 110%;
  margin-bottom: 33px;
}

.hero__btn {
  font: 500 24px/100% "Neue Machina";
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-transform: uppercase;
  padding-right: 40px;
  height: 46px;
  background: var(--accent);
  color: #fff;
  border-radius: 41px;
  transition: var(--transition);
}

.hero__btn:hover {
  background: var(--dark);
}

.hero__btn:after {
  content: "";
  background: #fff url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_116_470)'%3E%3Cpath d='M15.0002 3.8335L13.6489 5.18475L18.9964 10.5418H2V12.4585H18.9964L13.6489 17.8156L15.0002 19.1668L22.6668 11.5002L15.0002 3.8335Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_116_470'%3E%3Crect width='23' height='23' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50% no-repeat;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
}

.hero__image {
  position: absolute;
  right: -10%;
  top: -36%;
  width: 368.481px;
  height: 505px;
  background: url(../img/hero__image.webp) 50%/contain no-repeat;
  transform: translateX(-80px);
}

.line__slider {
  background: #ECEDF2;
  padding: 14px 0;
}

.line__slider .swiper-wrapper {
  transition-timing-function: linear;
}

.line .swiper-slide {
  font: normal 700 20px "Neue Machina";
  display: flex;
  width: 373px;
  align-items: center;
  justify-content: space-between;
  -webkit-text-stroke: 1px #1F2229;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: #fff;
}

.line .swiper-slide:before {
  display: block;
  content: "";
  width: 36px;
  height: 36px;
  background: url("data:image/svg+xml,%3Csvg width='36' height='37' viewBox='0 0 36 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 23.8181V16.4545L32.3501 14V6.22727L24.7188 1.31818L20.5714 4.34545L14.4332 0.5L7.21659 5.73636V7.37272L0 12.6909V20.0545L4.14746 22.7546V30.7727L11.7788 35.6818L16.0922 32.5728L22.2305 36.5L29.4469 31.2637V28.8091L36 23.8181ZM7.79723 14V8.10909L13.6037 3.85454V9.82727L7.79723 14ZM14.5161 9.74545V3.77272L21.152 8.10909V13.8364L14.5161 9.74545ZM8.37787 26.5182L14.4332 22.0999L20.8203 26.191L14.765 30.609L8.37787 26.5182ZM13.9355 15.5545V21.3636L8.04608 25.6999V19.8909L13.9355 15.5545ZM8.04608 14.8182L14.1014 10.4818L20.8203 14.4909L18.0829 16.5364L14.4332 14.2454L11.0322 16.7L8.04608 14.8182ZM7.13363 23.7364L1.16129 19.8092L7.29953 15.3909L10.2857 17.1908L7.13363 19.4818V23.7364ZM21.0691 23.1637V25.3727L14.8479 21.3636V15.4727L17.6682 17.2727V20.9545L21.0691 23.1637ZM6.96774 8.68182V14.5727L0.912442 18.909V13.1L6.96774 8.68182ZM15.2627 32L11.6958 34.6182L5.30875 30.5273L8.87557 27.9092L15.2627 32ZM28.2028 31.0182L22.1474 35.4364L15.4286 31.1001L21.4838 26.6818L28.2028 31.0182ZM32.3501 21.2V15.0636L35.1704 16.9455V22.8363L32.3501 21.2ZM25.1337 8.68182V2.62727L31.4378 6.71818V12.9364L25.1337 8.68182ZM25.1337 15.6364V9.66364L31.4378 13.8364V19.6454L29.9446 18.6637L25.1337 15.6364ZM31.1889 20.5455L25.2166 24.8819L18.8294 20.7909L24.7188 16.4545L31.1889 20.5455ZM21.8985 23.7364L25.2166 25.8636L28.5345 23.4909V24.3091V30.2818L21.8985 26.0272V23.7364ZM31.2719 21.5272L34.8386 23.6545L29.4469 27.6637V23.9V22.8363L31.2719 21.5272ZM19.8249 4.91817L18.9124 5.57273L14.8479 2.95455V1.72727L19.8249 4.91817Z' fill='black'/%3E%3C/svg%3E%0A") 50%/contain no-repeat;
}

.about {
  padding: 88px 0 66px;
  position: relative;
}

.about__image1 {
  position: absolute;
  left: calc(50% - 750px);
  top: 130px;
  width: 424px;
  background: url(../img/about__image1.webp) 50%/contain no-repeat;
}

.about__image1:after {
  content: "";
  display: block;
  padding-bottom: 62%;
}

.about__text {
  font-weight: 400;
  margin-bottom: 60px;
  max-width: 960px;
  margin-left: 44px;
}

.about__text span {
  color: var(--accent);
  font-weight: 700;
}

.about__text2 {
  font: 26px/100% "Neue Machina";
  max-width: 754px;
  margin-left: auto;
  margin-bottom: 62px;
  margin-right: 44px;
}

.about__block {
  background: var(--accent);
  border-radius: 57px;
  color: #fff;
  padding: 57px 57px 73px;
  margin-bottom: 60px;
}

.about__title {
  position: relative;
  max-width: 1000px;
}

.about__title i {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 55px;
  transform: translateY(40px);
}

.about__title b {
  font-weight: 900;
  font-size: 128px;
  line-height: 100%;
}

.about__info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1036px;
  margin: 0 auto;
  margin-bottom: 60px;
  position: relative;
}

.about__info_text {
  font: var(--l)/100% "Neue Machina";
  width: 100%;
  max-width: 455px;
}

.about__info_list {
  max-width: 510px;
  width: 100%;
}

.about__info_list li {
  padding: 20px 0;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-family: "Neue Machina";
  font-weight: 500;
  border-bottom: 2px solid #F5F4F7;
}

.about__info_list li:first-child {
  padding-top: 0;
}

.about__info_list li:last-child {
  padding-bottom: 0;
  border: none;
}

.about__info_list li:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5791 1.5791L13.9632 1.5791L13.954 11.9405L2.66492 0.651489L0.809692 2.50671L12.0987 13.7958L1.7373 13.7865V16.4209H16.5791V1.5791Z' fill='%234C09D2'/%3E%3C/svg%3E%0A") 50% no-repeat;
  display: block;
  flex-shrink: 0;
}

.about__image2 {
  width: 420px;
  background: 50%/contain no-repeat;
  position: absolute;
  left: 0;
  bottom: -80px;
}

.about__image2:after {
  display: block;
  content: "";
  padding-bottom: 88%;
}

.about__slogan {
  margin-left: 50px;
}

.for {
  padding: var(--sp) 0;
}

.for__block {
  border-radius: 57px;
  background: var(--dark);
  padding: 80px 110px;
  color: #fff;
  position: relative;
}

.for__block_decor {
  width: 431px;
  background: 50%/contain no-repeat;
  position: absolute;
  right: 20px;
  bottom: -140px;
}

.for__block_decor:before {
  content: "";
  display: block;
  padding-bottom: 94%;
}

.for__title {
  margin-bottom: 48px;
}

.for__title span {
  display: inline-flex;
  color: #fff;
  background: var(--fiolet);
  padding: 0 10px;
}

.for__items {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  gap: 20px;
}

.for .item {
  max-width: 450px;
}

.for .item__title {
  padding-top: 25px;
  position: relative;
  color: var(--fiolet);
  margin-bottom: 8px;
}

.for .item__title:before {
  content: "";
  width: 50px;
  height: 7px;
  background: var(--fiolet);
  position: absolute;
  left: 0;
  top: 0;
}

.results {
  padding-top: var(--sp);
}

.results__title {
  text-align: center;
  margin-bottom: 38px;
}

.results__items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-flow: wrap;
  gap: 24px;
}

.results .item {
  width: calc(33.3333333333% - 16px);
  background: #F5F4F7;
  border-radius: 27px;
  padding: 34px;
}

.results .item:nth-child(4),
.results .item:nth-child(5) {
  transform: translateY(-48px);
}

.results .item__number {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--accent);
  font-weight: 700;
  margin-bottom: 14px;
}

.results .item__number:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_116_534)'%3E%3Cpath d='M19.4209 19.5791L19.4209 16.9632L9.05947 16.954L20.3485 5.66492L18.4933 3.80969L7.20424 15.0987L7.21352 4.7373L4.5791 4.7373L4.5791 19.5791L19.4209 19.5791Z' fill='%234C09D2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_116_534'%3E%3Crect width='24' height='24' fill='white' transform='translate(24 24) rotate(180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50%/contain no-repeat;
}

.results .item__text b {
  font-weight: 700;
  display: block;
}

.results__block {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}

.results__block_title {
  text-transform: none;
  /* transform: translateY(-100px); */
}

.results__block_title span {
  font-size: 55px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-top: 30px; */
}

.results__block_title b {
  font-weight: 900;
  font-size: 128px;
  line-height: 100%;
  text-transform: uppercase;
}

.results__block_content {
  width: 100%;
  max-width: 555px;
  display: flex;
  flex-flow: wrap;
  gap: 17px;
}

.results__block_btn {
  font: normal 700 20px/100% "Neue Machina";
  background: #DDD5EC;
  border-radius: 73px;
  display: inline-flex;
  padding: 20px 65px;
  align-items: center;
  color: var(--accent);
  transition: var(--transition);
}

.results__block_btn:hover {
  background: var(--accent);
  color: #fff;
}

.decor {
  padding: 92px 0;
}

.decor__image {
  width: 1247px;
  background: 50%/contain no-repeat;
  margin-left: 50%;
  transform: translateX(-50%);
}

.decor__image:after {
  content: "";
  display: block;
  padding-bottom: 22%;
}

.program {
  padding-bottom: 66px;
}

.program__title {
  text-align: center;
  margin-bottom: 50px;
}

.program__title span {
  display: inline-flex;
  background: var(--accent);
  color: #fff;
  padding: 5px;
}

.program__items {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 70px;
  display: flex;
  flex-flow: column;
  gap: 54px;
}

.program .item {
  display: flex;
  justify-content: normal;
  align-items: center;
  flex-flow: wrap;
}

.program .item.active .item__info {
  margin-top: 20px;
  max-height: 10000px;
}

.program .item.active .item__more:before {
  background: url("data:image/svg+xml,%3Csvg width='27' height='26' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='11' width='22' height='4' fill='%234C09D2'/%3E%3C/svg%3E%0A") 50%/contain no-repeat;
}

.program .item.active .item__more:after {
  content: "МЕНЬШЕ";
}

.program .item__number {
  font: normal 800 64px/100% "Neue Machina";
  color: var(--accent);
  width: 120px;
}

.program .item__title {
  width: calc(100% - 270px);
}

.program .item__title span {
  color: var(--accent);
}

.program .item__more {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  width: 135px;
  cursor: pointer;
}

.program .item__more:before {
  content: "";
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg width='27' height='26' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='11' width='22' height='4' fill='%234C09D2'/%3E%3Crect x='11.5' y='24' width='22' height='4' transform='rotate(-90 11.5 24)' fill='%234C09D2'/%3E%3C/svg%3E%0A") 50%/contain no-repeat;
}

.program .item__more:after {
  content: "БОЛЬШЕ";
  font-weight: 500;
  font-family: "Neue Machina";
  font-style: normal;
}

.program .item__info {
  width: 100%;
  padding-left: 120px;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s ease;
}

.program .item__info li:not(:last-child) {
  margin-bottom: 10px;
}

.program .item__info li {
  padding-left: 34px;
  background: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.02381 0.5L9.56122 1.66044L8.41837 5.45824L12.5 6.77692L6.92177 12.5L3.46599 11.6297L4.60884 7.46264L0.5 6.32857L6.02381 0.5Z' fill='%234C09D2'/%3E%3C/svg%3E%0A") 0 4px no-repeat;
}

.program .block {
  color: #fff;
  background: var(--dark);
  padding: 60px;
  border-radius: 57px;
  margin: 0 -30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.program .block__content {
  width: 100%;
  max-width: 650px;
}

.program .block__title {
  margin-bottom: 17px;
  font-weight: 800;
}

.program .block__title b {
  display: block;
  text-align: right;
}

.program .block__text {
  max-width: 550px;
  margin-left: auto;
  font-weight: 500;
}

.program .block__buttons {
  max-width: 360px;
  width: 100%;
  text-align: center;
}

.program .block__buttons_text {
  font-weight: 500;
}

.program .block__buttons_btn {
  font: normal 700 20px "Neue Machina";
  display: inline-flex;
  padding: 20px 65px;
  border-radius: 80px;
  background: var(--fiolet);
  color: #fff;
  margin-top: 20px;
  transition: var(--transition);
}

.program .block__buttons_btn:hover {
  background: #fff;
  color: var(--dark);
}

.how {
  padding: var(--sp) 0;
  position: relative;
}

.how__image {
  width: 564px;
  background: 50%/contain no-repeat;
  position: absolute;
  top: 50%;
  right: calc(50% - 800px);
  transform: translateY(-50%);
}

.how__image:after {
  content: "";
  padding-bottom: 151%;
  display: block;
}

.how__container {
  display: flex;
  flex-flow: column;
  gap: 46px;
}

.how__items {
  display: flex;
  flex-flow: column;
  gap: 46px;
  max-width: 800px;
}

.how .item__title {
  font: 800 26px/100% "Neue Machina";
  padding-top: 29px;
  position: relative;
  margin-bottom: 8px;
}

.how .item__title:before {
  content: "";
  background: var(--accent);
  width: 50px;
  height: 7px;
  position: absolute;
  left: 0;
  top: 0;
}

.how .item__text {
  font-weight: 300;
  font-size: var(--s);
}

.how__btn {
  font: 700 20px "Neue Machina";
  background: var(--accent);
  padding: 20px 0;
  justify-content: center;
  display: inline-flex;
  color: #fff;
  max-width: 340px;
  transition: var(--transition);
}

.how__btn:hover {
  background: var(--dark);
}

.expert {
  padding: var(--sp) 0;
}

.expert__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 115px;
}

.expert__content {
  width: 100%;
  max-width: 640px;
  flex-shrink: 0;
}

.expert__photo {
  width: 100%;
  position: relative;
}

.expert__photo .photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 536px;
  height: 100%;
  background: 50%/cover no-repeat;
}

.expert__uptitle {
  font: normal 700 24px/23px "Neue Machina";
  margin-bottom: 50px;
  text-transform: uppercase;
  padding: 10px 14px;
  color: #fff;
  background: var(--dark);
  display: inline-flex;
}

.expert__name {
  font: 800 72px/100% "Neue Machina";
  color: var(--accent);
  margin-bottom: 14px;
}

.expert__name b {
  display: block;
  text-align: right;
}

.expert__prof {
  max-width: 475px;
  margin-left: auto;
  font-weight: 600;
  font-size: 28px;
  line-height: 110%;
  margin-bottom: 40px;
}

.expert__bio {
  display: flex;
  flex-flow: column;
  gap: 40px;
}

.expert__bio li {
  padding-left: 44px;
  font-size: var(--m);
  line-height: 120%;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_116_740)'%3E%3Cpath d='M19.5791 4.5791L16.9632 4.5791L16.954 14.9405L5.66492 3.65149L3.80969 5.50671L15.0987 16.7958L4.7373 16.7865V19.4209H19.5791V4.5791Z' fill='%234C09D2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_116_740'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 0 0 no-repeat;
}

.packages {
  padding: var(--sp) 0;
}

.packages__title {
  text-align: center;
  margin-bottom: 52px;
  font-weight: 800;
}

.packages__items {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.packages .item {
  width: 100%;
  max-width: 500px;
  display: flex;
  flex-flow: column;
  gap: 34px;
  border-radius: 27px;
  padding: 48px;
}

.packages .item__header {
  text-align: center;
}

.packages .item__title {
  font: 900 62px/100% "Neue Machina";
  display: inline-flex;
  padding: 5px;
}

.packages .item__info {
  text-align: left;
  display: flex;
  flex-flow: column;
  gap: 26px;
}

.packages .item__info li {
  padding-left: 44px;
  position: relative;
  font-weight: 500;
}

.packages .item__info li b {
  font-weight: 700;
}

.packages .item__info li:before {
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 0;
}

.packages .item__btn {
  font: normal 700 24px "Neue Machina";
  margin-top: auto;
  width: 100%;
  position: relative;
  padding: 15px 0;
  display: flex;
  justify-content: center;
  border-radius: 83px;
  transition: var(--transition);
}

.packages .item__btn:after {
  content: "";
  width: 38px;
  height: 38px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.packages .item--core {
  background: #F5F4F7;
}

.packages .item--core .item__title {
  color: #fff;
  background: var(--accent);
}

.packages .item--core .item__info li:before {
  background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9403 7.14004L17.6632 7.14004L17.6551 16.1599L7.82773 6.33253L6.21271 7.94755L16.0401 17.7749L7.02022 17.7668L7.02022 20.0602H19.9403L19.9403 7.14004Z' fill='%234C09D2'/%3E%3C/svg%3E%0A") 50%/contain no-repeat;
}

.packages .item--core .item__btn {
  background: var(--accent);
  color: #fff;
}

.packages .item--core .item__btn:hover {
  background: var(--dark);
}

.packages .item--core .item__btn:after {
  background: #fff url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_130_235)'%3E%3Cpath d='M15.0002 3.8335L13.6489 5.18475L18.9964 10.5418L2 10.5418L2 12.4585L18.9964 12.4585L13.6489 17.8156L15.0002 19.1668L22.6668 11.5002L15.0002 3.8335Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_130_235'%3E%3Crect width='23' height='23' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50% no-repeat;
}

.packages .item--pro {
  background: var(--accent);
  color: #fff;
}

.packages .item--pro .item__title {
  color: var(--dark);
  background: #fff;
}

.packages .item--pro .item__info li:before {
  background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9403 7.14004L17.6632 7.14004L17.6551 16.1599L7.82773 6.33253L6.21271 7.94755L16.0401 17.7749L7.02022 17.7668L7.02022 20.0602H19.9403L19.9403 7.14004Z' fill='white'/%3E%3C/svg%3E%0A") 50%/contain no-repeat;
}

.packages .item--pro .item__btn {
  background: #fff;
  color: var(--dark);
}

.packages .item--pro .item__btn:hover {
  background: var(--dark);
  color: #fff;
}

.packages .item--pro .item__btn:hover:after {
  background: #fff url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_130_235)'%3E%3Cpath d='M15.0002 3.8335L13.6489 5.18475L18.9964 10.5418L2 10.5418L2 12.4585L18.9964 12.4585L13.6489 17.8156L15.0002 19.1668L22.6668 11.5002L15.0002 3.8335Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_130_235'%3E%3Crect width='23' height='23' fill='black'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50% no-repeat;
}

.packages .item--pro .item__btn:after {
  background: var(--accent) url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_130_235)'%3E%3Cpath d='M15.0002 3.8335L13.6489 5.18475L18.9964 10.5418L2 10.5418L2 12.4585L18.9964 12.4585L13.6489 17.8156L15.0002 19.1668L22.6668 11.5002L15.0002 3.8335Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_130_235'%3E%3Crect width='23' height='23' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50% no-repeat;
}

.register {
  padding: var(--sp) 0;
}

.register__title {
  font: 500 36px/115.5% "Neue Machina";
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.register .block {
  background: var(--dark);
  border-radius: 57px;
  color: #fff;
  padding: 70px 130px;
  display: flex;
  justify-content: space-between;
  gap: 50px;
  margin: 0 -30px;
}

.register .block__content {
  width: 100%;
  max-width: 530px;
}

.register .block__form {
  width: 100%;
  max-width: 340px;
}

.register .block__title {
  font: 800 76px/73px "Neue Machina";
  margin-bottom: 24px;
  color: var(--fiolet);
  max-width: 387px;
}

.register .block__title b {
  display: block;
  text-align: right;
}

.register .block__subtitle {
  font: 400 34px/100% "Neue Machina";
  max-width: 473px;
  margin-left: auto;
  margin-bottom: 24px;
}

.register .block__info {
  width: 320px;
  display: flex;
  flex-flow: wrap;
  gap: 6px;
  margin-left: 60px;
  margin-bottom: 20px;
}

.register .block__info li {
  width: 100%;
  display: flex;
}

.register .block__info li:nth-child(1) {
  justify-content: center;
}

.register .block__info li:nth-child(2) {
  margin-left: -30px;
}

.register .block__info li:nth-child(3) {
  justify-content: flex-end;
  margin-top: -40px;
}

.register .block__info li p {
  font: var(--l) "Neue Machina";
  display: inline-flex;
  padding: 4px 26px;
  border: 2px solid var(--fiolet);
  border-radius: 36px;
}

.company {
  padding: var(--sp) 0;
}

.company__container {
  position: relative;
}

.company__decor {
  width: 597px;
  background: 50%/contain no-repeat;
  position: absolute;
  left: calc(50% - 850px);
  top: 100px;
  transform: rotate(-15deg);
}

.company__decor:after {
  content: "";
  display: block;
  padding-bottom: 62%;
}

.company__title {
  margin-bottom: 16px;
}

.company__title b {
  display: block;
  font-weight: 700;
  font-size: 76px;
  line-height: 100%;
  width: 100%;
  max-width: 723px;
  text-transform: none;
}

.company__title b i {
  display: block;
  text-align: right;
}

.company__text {
  max-width: 860px;
  margin-left: auto;
  margin-bottom: 70px;
}

.company__items {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.company .item__title {
  font: normal 700 45px/43px "Neue Machina";
  color: var(--accent);
  display: flex;
  white-space: nowrap;
}

.company .item__title span {
  font-size: 28px;
}

.company .item__text {
  font-size: 20px;
  max-width: 170px;
}

.clients {
  padding: var(--sp) 0 calc(var(--sp) * 2);
}

.clients__title {
  text-align: center;
  margin-bottom: 34px;
}

.clients__slider {
  padding: 0 24px;
}

.clients .logo {
  background: 50%/contain no-repeat;
  height: 93px;
}

.footer {
  padding: 76px 0 139px;
  color: #fff;
  background: var(--dark);
  position: relative;
  overflow: hidden;
}

.footer__decor--1 {
  width: 431px;
  background: 50%/contain no-repeat;
  position: absolute;
  left: calc(50% - 850px);
  top: 0;
}

.footer__decor--1:after {
  content: "";
  display: block;
  padding-bottom: 92%;
}

.footer__decor--2 {
  width: 400px;
  background: 50%/contain no-repeat;
  position: absolute;
  top: 70px;
  right: calc(50% - 700px);
}

.footer__decor--2:after {
  content: "";
  display: block;
  padding-bottom: 92%;
}

.footer h5 {
  font: normal 700 24px/100% "Neue Machina";
  margin-bottom: 16px;
}

.footer ul {
  display: flex;
  flex-flow: column;
  gap: 16px;
}

.footer a {
  color: #fff;
  font-size: 16px;
  transition: var(--transition);
}

.footer a:hover {
  color: var(--fiolet);
}

.footer__container {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 80px;
}

.footer__social_links {
  display: flex;
  align-items: center;
  gap: 32px;
}

.footer__social_links path {
  transition: 0.3s ease;
}

.footer__social_link:hover path {
  fill: #fff;
}

.modal-overlay {
  display: none;
  padding-top: 1px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.60);
  backdrop-filter: blur(8px);
  z-index: 99;
  overflow: auto;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
}



.modal-overlay_active {
  display: block;
}

.modal-register__block {
  padding: 43px 45px;
  width: 473px;
  background: #4C09D2;
  position: relative;
  overflow: hidden;
}

.modal-register__block::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: -43px;
  background: url('../img/modal-register_text.svg') 50%/contain no-repeat;
  width: 169px;
  height: 195px;
  display: block;
  animation: spin 15s linear infinite;
}

@keyframes spin {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

.modal-register__block::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -30px;
  background: url('../img/modal-decor.webp') 50%/contain no-repeat;
  width: 171px;
  height: 171px;
  display: block;
}

.modal-overlay .modal-content {
  margin-bottom: 0px;
  border-radius: 4px;
}

.modal__container {
  height: 100%;
}

.modal-overlay .close-button {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 23px;
  right: 10px;
  cursor: pointer;
  transition: 0.2s linear;
}

.modal-overlay .close-button:before {
  background: #fff;
  content: "";
  height: 20px;
  width: 2px;
  display: block;
  transform: translateX(0) rotate(-45deg);
}

.modal-overlay .close-button:after {
  background: #fff;
  content: "";
  margin-top: -20px;
  height: 20px;
  width: 2px;
  display: block;
  transform: translateX(0) rotate(45deg);
  transition: 0.2s linear;
}

#modal-video .modal-content {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#modal-video .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

#modal-video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.countdownHolder {
  margin: 0 auto;
  font: 30px/1 Roboto, sans-serif;
  text-align: center;
  letter-spacing: -3px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  /*Параметры цифр */
  /*Параметры подложки для секций */
  /*Параметры секций разделения (:)*/
  /*Параметры вспомогательного текста (дни, часы, минуты, секунды)*/
}

.countdownHolder .position {
  display: inline-block;
  height: 1em;
  overflow: hidden;
  position: relative;
  width: 0.5em;
}

.countdownHolder .digit {
  position: absolute;
  display: block;
  border-radius: 0.2em;
  text-align: center;
  color: #000;
  letter-spacing: -1px;
  left: 50%;
  transform: translateX(-50%);
}

.countdownHolder .countDays,
.countdownHolder .countHours,
.countdownHolder .countMinutes,
.countdownHolder .countSeconds {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
}

.countdownHolder .countDiv {
  display: none;
  width: 10px;
  height: 1em;
  position: relative;
}

.countdownHolder .countDiv:before,
.countdownHolder .countDiv:after {
  background: #444;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 50%;
  margin-left: -3px;
  top: 0.2em;
  box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
  content: "";
}

.countdownHolder .countDiv:after {
  top: 0.6em;
}

.countdownHolder .textdigit {
  font-size: 15px;
  letter-spacing: 0px;
}

.widget {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 64px;
  height: auto;
  min-height: 64px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 19px;
}

.widget-block._phone {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  visibility: hidden;
  transition: .3s all;
}

.widget__active .widget-block._phone {
  visibility: visible;
  bottom: calc(200% + 19px);
}

.widget-block._other {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  visibility: hidden;
  transition: .3s all;
}

.widget__active .widget-block._other {
  visibility: visible;
  bottom: calc(100% + 19px);
}

.widget-block._main {
  cursor: pointer;
}

.widget-block {
  display: flex;
  justify-content: center;
  align-items: center;
}

.widget__item {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #4C09D2;
}

.widget__item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cg clip-path='url(%23clip0_4511_279)'%3E%3Cpath d='M20.7439 1.85303H3.39258C1.52168 1.85303 0 3.37471 0 5.24561V20.4507C0 21.1708 0.814395 21.5767 1.38926 21.1661L6.22148 17.7185C6.62695 17.4296 7.10391 17.2767 7.60195 17.2767H18.2303C20.1012 17.2767 21.6229 15.755 21.6229 13.8841V2.73193C21.6229 2.24678 21.2291 1.85303 20.7439 1.85303ZM16.4748 12.5001H6.31992C5.83477 12.5001 5.44102 12.1069 5.44102 11.6212C5.44102 11.136 5.83477 10.7423 6.31992 10.7423H16.4748C16.96 10.7423 17.3537 11.136 17.3537 11.6212C17.3537 12.1069 16.96 12.5001 16.4748 12.5001ZM16.4748 8.39854H6.31992C5.83477 8.39854 5.44102 8.00537 5.44102 7.51963C5.44102 7.03447 5.83477 6.64072 6.31992 6.64072H16.4748C16.96 6.64072 17.3537 7.03447 17.3537 7.51963C17.3537 8.00537 16.96 8.39854 16.4748 8.39854Z' fill='white'/%3E%3Cpath d='M30 12.0631V27.2676C30 27.9828 29.1897 28.3966 28.6107 27.983L23.7785 24.5359C23.373 24.2471 22.8961 24.0941 22.398 24.0941H11.7697C9.89882 24.0941 8.37714 22.5719 8.37714 20.701V19.0346H18.2303C21.0703 19.0346 23.3807 16.7242 23.3807 13.8842V8.66992H26.6074C28.4783 8.66992 30 10.1922 30 12.0631Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4511_279'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 50%/contain no-repeat;
  transition: .3s all;
}

.widget__decor {
  width: 64px;
  height: 64px;
  background: rgba(76, 9, 210, 0.35);
  display: block;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  animation: pulse 1s infinite;
}

@keyframes pulse{
  0% {
    transform: scale(0.8);
  }
  25% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1.2);
  }
}
.widget__active .widget-block._main .widget__item {
  background: #D3D3D3;
}

.widget__active .widget-block._main .widget__item::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M25.2568 8.33329L18.5908 15L25.2568 21.6663C26.2483 22.6583 26.2483 24.265 25.2568 25.2569C24.7614 25.7524 24.1119 26.0002 23.4626 26.0002C22.8124 26.0002 22.1628 25.7527 21.6677 25.2569L15.0003 18.5898L8.3333 25.2569C7.83795 25.7523 7.18835 26.0002 6.53857 26.0002C5.88898 26.0002 5.23983 25.7527 4.74403 25.2569C3.75249 24.2654 3.75249 22.6586 4.74403 21.6663L11.4099 14.9999L4.74365 8.33329C3.75212 7.34176 3.75212 5.73461 4.74365 4.74308C5.735 3.75231 7.3412 3.75231 8.33292 4.74308L15.0002 11.4098L21.667 4.74308C22.6589 3.75231 24.2653 3.75231 25.2564 4.74308C26.2483 5.73461 26.2483 7.34176 25.2568 8.33329Z' fill='white'/%3E%3C/svg%3E") 50%/contain no-repeat;
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.widget__active .widget-block._main .widget__decor {
  /* animation: none; */
  background: rgba(211, 211, 211, 0.35);
}

.widget ._phone .widget__decor{
  display: none;
}
.widget ._phone .widget__item::before{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M27.2651 21.0814L23.6367 17.453C22.3408 16.1572 20.1379 16.6755 19.6195 18.3601C19.2308 19.5264 17.9349 20.1743 16.7687 19.9151C14.177 19.2672 10.6782 15.898 10.0303 13.1767C9.6415 12.0104 10.419 10.7145 11.5853 10.3258C13.2699 9.80749 13.7882 7.60455 12.4924 6.3087L8.86399 2.68032C7.82731 1.77323 6.27229 1.77323 5.3652 2.68032L2.90309 5.14243C0.440973 7.73413 3.16226 14.6021 9.25275 20.6926C15.3432 26.7831 22.2112 29.634 24.8029 27.0423L27.2651 24.5802C28.1722 23.5435 28.1722 21.9885 27.2651 21.0814Z' fill='white'/%3E%3C/svg%3E") 50%/contain no-repeat;
}

.widget ._other .widget__decor{
  display: none;
}
.widget ._other .widget__item::before{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cg clip-path='url(%23clip0_4511_292)'%3E%3Cpath d='M15.0037 0H14.9963C6.72563 0 0 6.7275 0 15C0 18.2812 1.0575 21.3225 2.85562 23.7919L0.98625 29.3644L6.75187 27.5213C9.12375 29.0925 11.9531 30 15.0037 30C23.2744 30 30 23.2706 30 15C30 6.72938 23.2744 0 15.0037 0ZM23.7319 21.1819C23.37 22.2038 21.9338 23.0512 20.7881 23.2987C20.0044 23.4656 18.9806 23.5988 15.5344 22.17C11.1262 20.3438 8.2875 15.8644 8.06625 15.5737C7.85437 15.2831 6.285 13.2019 6.285 11.0494C6.285 8.89688 7.37813 7.84875 7.81875 7.39875C8.18062 7.02938 8.77875 6.86062 9.3525 6.86062C9.53813 6.86062 9.705 6.87 9.855 6.8775C10.2956 6.89625 10.5169 6.9225 10.8075 7.61813C11.1694 8.49 12.0506 10.6425 12.1556 10.8638C12.2625 11.085 12.3694 11.385 12.2194 11.6756C12.0788 11.9756 11.955 12.1087 11.7337 12.3637C11.5125 12.6187 11.3025 12.8138 11.0812 13.0875C10.8787 13.3256 10.65 13.5806 10.905 14.0213C11.16 14.4525 12.0413 15.8906 13.3387 17.0456C15.0131 18.5362 16.3706 19.0125 16.8562 19.215C17.2181 19.365 17.6494 19.3294 17.9137 19.0481C18.2494 18.6863 18.6637 18.0863 19.0856 17.4956C19.3856 17.0719 19.7644 17.0194 20.1619 17.1694C20.5669 17.31 22.71 18.3694 23.1506 18.5887C23.5912 18.81 23.8819 18.915 23.9887 19.1006C24.0938 19.2863 24.0938 20.1581 23.7319 21.1819Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4511_292'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 50%/contain no-repeat;
}

.widget ._other .widget__item {
  background: #25D366;
}

.modal-register__block h4 {
  color: #FFF;
  font-family: "Gilroy";
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 24px;
}

.modal-register__block p {
  color: #FFF;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 24px;
}

.modal-register__block a {
  display: inline-block;
  border-radius: 42px;
  background: #FFF;
  padding: 8px 32px;
  color: #000;
  font-family: "Gilroy";
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}


@media (max-width: 1260px) {
  :root {
    --container-width: 760px;
    --sp: 35px;
    --fz-default: 16px;
    --h1: 22px;
    --h2: 26px;
    --h3: 22px;
    --h4: 18px;
    --l: 18px;
    --m: 16px;
    --s: 14px;
  }

  .hero {
    padding: 60px 0 44px;
  }

  .hero-btn {
    max-width: 250px;
    font-size: 16px;
    width: 100%;
    padding: 13px 15px;
  }

  .hero__add_subtitle {
    font-size: 14px;
  }

  .hero__add_title {
    font-size: 15px;
  }

  .hero-form .form__input {
    margin-right: 15px;
  }

  .hero-form__bonus-image {
    width: 141px;
    height: 209px;
  }

  .hero-form__bonus-image::before {
    width: 140px;
    height: 240px;
  }

  .hero__decor {
    font-size: 180px;
    transform: translate(120px, -120px) rotate(90deg);
  }

  .hero__content {
    max-width: 360px;
  }

  .hero__info {
    width: 260px;
    margin-left: 0;
    gap: 15px;
    top: 4%;
  }

  .hero__title b {
    margin-left: 0;
    font-size: 143px;
  }

  .hero__image {
    top: 50px;
    width: 320px;
    height: 320px;
    transform: translateX(-60px);
  }

  .about {
    padding: 44px 0 22px;
  }

  .about__image1 {
    width: 360px;
    position: absolute;
    left: calc(50% - 500px);
    top: 80px;
  }

  .about__text {
    margin-left: 0;
    margin-bottom: 40px;
  }

  .about__text2 {
    font-size: 20px;
    max-width: 450px;
    margin-right: 0;
    margin-bottom: 44px;
  }

  .about__block {
    padding: 30px;
    padding-bottom: 44px;
    margin-bottom: 44px;
  }

  .about__title i {
    font-size: 32px;
    transform: translateY(35px);
  }

  .about__title b {
    font-size: 100px;
  }

  .about__info {
    margin-bottom: 44px;
  }

  .about__image2 {
    left: -50px;
  }

  .about__slogan {
    margin: 0;
  }

  .for__block {
    padding: 40px 20px;
    border-radius: 27px;
  }

  .for__block_decor {
    width: 270px;
    bottom: -114px;
    right: -50px;
  }

  .for__title {
    margin-bottom: 20px;
  }

  .for .item {
    max-width: 340px;
  }

  .results__title {
    margin-bottom: 28px;
  }

  .results__items {
    align-items: normal;
  }

  .results .item {
    width: calc(50% - 12px);
  }

  .results .item:nth-child(4),
  .results .item:nth-child(5) {
    transform: none;
  }

  .results__block_title {
    transform: none;
  }

  .results__block_content {
    max-width: 360px;
  }

  .decor {
    padding: 70px 0;
  }

  .decor__image {
    width: 800px;
  }

  .program__items {
    margin-bottom: 40px;
  }

  .program .item__number {
    font-size: 34px;
    width: 62px;
  }

  .program .item__title {
    width: calc(100% - 150px);
  }

  .program .item__more {
    width: 80px;
  }

  .program .item__more:before {
    width: 12px;
    height: 12px;
  }

  .program .item__more:after {
    font-size: 16px;
  }

  .program .item__info {
    padding-left: 62px;
  }

  .program .item__info li {
    padding-left: 20px;
    background-position: 0 0;
  }

  .program .block {
    padding: 30px;
    border-radius: 27px;
  }

  .how__image {
    right: calc(50% - 650px);
  }

  .how__items {
    gap: 40px;
    max-width: 500px;
  }

  .how .item__title {
    font-size: 18px;
    padding-top: 21px;
  }

  .how .item__title br {
    display: none;
  }

  .expert__container {
    gap: 24px;
  }

  .expert__content {
    max-width: 360px;
  }

  .expert__photo .photo {
    width: 400px;
  }

  .expert__uptitle {
    font-size: 22px;
    margin-bottom: 24px;
  }

  .expert__name {
    font-size: 39px;
  }

  .expert__prof {
    font-size: 18px;
    max-width: 265px;
    margin-bottom: 24px;
  }

  .expert__bio {
    gap: 24px;
  }

  .expert__bio li {
    padding-left: 29px;
    background-size: 20px;
  }

  .packages__title {
    margin-bottom: 40px;
  }

  .packages .item {
    gap: 20px;
    padding: 35px 15px;
  }

  .packages .item__title {
    font-size: 42px;
  }

  .packages .item__info {
    gap: 10px;
  }

  .packages .item__btn {
    font-size: 20px;
  }

  .register__title {
    font-size: 24px;
    border-radius: 27px;
  }

  .register .block {
    gap: 20px;
    margin: 0;
    padding: 40px;
    border-radius: 27px;
  }

  .register .block__content {
    max-width: 340px;
  }

  .register .block__title {
    font-size: 52px;
    line-height: 100%;
    max-width: 300px;
  }

  .register .block__subtitle {
    font-size: 20px;
    max-width: 300px;
    margin-left: 0;
  }

  .register .block__info {
    width: 290px;
    margin: 0;
  }

  .register .block__info li:nth-child(2) {
    margin: 0;
  }

  .register .block__info li:nth-child(3) {
    justify-content: flex-start;
    margin-top: 0;
    margin-left: 20px;
  }

  .company__decor {
    position: absolute;
    left: calc(50% - 700px);
    top: 40px;
  }

  .company__title {
    margin-bottom: 40px;
  }

  .company__title b {
    max-width: 360px;
    font-size: 36px;
    margin-top: 10px;
  }

  .company__text {
    max-width: 500px;
  }

  .company__items {
    flex-wrap: wrap;
  }

  .footer__decor--1 {
    position: absolute;
    left: calc(50% - 800px);
    top: -100px;
  }

  .footer__decor--2 {
    position: absolute;
    top: 70px;
    right: calc(50% - 600px);
  }

  .footer__container {
    justify-content: space-between;
    gap: 40px;
  }

  .modal-register__block h4 {
    font-size: 21px;
    margin-bottom: 16px;
  }

  .modal-register__block p {
    font-size: 15px;
    margin-bottom: 16px;
  }
}

@media (max-width: 760px) {
  :root {
    --container-width: 360px;
  }

  .form {
    text-align: center;
  }

  .header {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .header__logo {
    width: 166px;
    height: 37px;
  }

  .header__menu {
    position: fixed;
    left: 0;
    top: 50px;
    text-align: center;
    background: var(--dark);
    padding-top: 50px;
    padding-bottom: 46px;
    z-index: 10;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: column;
    gap: 36px;
    transform: translateY(-150%);
    transition: var(--transition);
    opacity: 0;
  }

  .header__menu li.btn {
    background: var(--accent);
  }

  .header__menu a {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
  }

  .header__burger {
    width: 25px;
    height: 18px;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
  }

  .header__burger span {
    height: 3px;
    background: var(--accent);
    border-radius: 4px;
    transition: 0.3s ease;
  }

  .hero {
    padding: 44px 0;
  }

  .hero__decor {
    display: none;
  }

  .hero__info {
    gap: 22px;
    margin-bottom: 45px;
  }

  .hero__info li:nth-child(3) {
    justify-content: flex-start;
    margin-top: 0;
    margin-left: 20px;
  }

  .hero__btn {
    position: fixed;
    /* width: 100%; */
    /* bottom: 0; */
    /* border-radius: 0; */
    /* left: 0; */
    z-index: 10;

    width: 340px;
    height: 56px;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
  }


  .hero__btn:after {
    height: 45px;
    width: 45px;
  }

  .hero__image {
    position: absolute;
    top: 0;
    right: 0;
    width: 243px;
    height: 249px;
    transform: translate(50px, -30px);
  }

  .hero-form .form {
    flex-direction: column;
  }

  .hero-btn {
    max-width: 100%;
  }

  .hero-form .form__input {
    margin-right: 0;
  }

  .hero-form__bonus {
    display: none;
  }

  .hero__image {
    top: auto;
    bottom: -6%;
    transform: translate(0, 0);
  }

  .hero__content {
    padding-bottom: 175px;
  }

  .hero__info {
    bottom : 0;
    top: auto;
    right: 35%;
    width: 236px;
  }

  .hero__info li p {
    font-size: 16px;
  }

  .hero__add_title {
    font-size: 13px;
  }

  .hero__add_subtitle {
    font-size: 12px;
  }

  .hero__title b {
    margin-left: 21px;
    font-size: 100px;
    margin-top: 20px;
  }

  .hero-form .form__input {
    margin-bottom: 15px;
  }

  .hero__info {
    right: 37%;
  }

  .hero__info li:nth-child(2) {
    margin-left: 10px;
  }

  .hero__info li:nth-child(3) {
    margin-left: 26px;
  }

  .about__image1 {
    display: none;
  }

  .about__text {
    margin-bottom: 14px;
    font-size: 20px;
  }

  .about__text br {
    display: none;
  }

  .about__text2 {
    font-size: 18px;
  }

  .about__block {
    padding-bottom: 30px;
  }

  .about__title i {
    position: relative;
    transform: none;
  }

  .about__info {
    flex-wrap: wrap;
  }

  .about__info_text {
    margin-bottom: 44px;
  }

  .about__info_list li {
    padding: 10px 0;
  }

  .about__image2 {
    display: none;
  }

  .about__slogan {
    font-size: 22px;
  }

  .about__slogan span {
    display: block;
  }

  .about__slogan br {
    display: none;
  }

  .for__block_decor {
    right: -100px;
    bottom: -130px;
    transform: rotate(30deg);
  }

  .for__title span {
    padding: 5px;
  }

  .for .item__title {
    padding-top: 22px;
  }

  .for .item__title:before {
    width: 34px;
    height: 4px;
  }

  .results__items {
    gap: 8px;
  }

  .results .item {
    width: 100%;
  }

  .results__block {
    flex-wrap: wrap;
  }

  .results__block_title {
    width: 100%;
  }

  .results__block_title span {
    justify-content: flex-end;
  }

  .results__block_title b {
    font-size: 94px;
  }

  .results__block_btn {
    display: none;
  }

  .decor__image {
    width: 680px;
  }

  .program .item__title span {
    display: block;
  }

  .program .block {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin: 0;
  }

  .program .block__title b {
    text-align: center;
  }

  .program .block__text {
    margin-bottom: 14px;
  }

  .program .block__buttons_btn {
    display: none;
  }

  .how__image {
    width: 220px;
    transform: rotate(90deg);
    top: -150px;
    right: calc(50% - 200px);
  }

  .how__btn {
    display: none;
  }

  .expert__container {
    flex-wrap: wrap;
  }

  .expert__content {
    order: 2;
  }

  .expert__photo {
    height: 370px;
    margin-top: 67px;
  }

  .expert__photo .photo {
    width: 100%;
  }

  .expert__uptitle {
    position: absolute;
    left: 10px;
    top: 0;
  }

  .packages__items {
    flex-wrap: wrap;
  }

  .register__title {
    margin-bottom: 40px;
  }

  .register .block {
    padding: 40px 20px;
    flex-wrap: wrap;
  }

  .register .block__info {
    gap: 10px;
    width: 100%;
  }

  .register .block__info li:nth-child(3) {
    margin-left: -10px;
    justify-content: flex-end;
    margin-top: -40px;
  }

  .company__decor {
    width: 285px;
    transform: rotate(-30deg);
    position: absolute;
    left: auto;
    top: auto;
    right: calc(50% - 280px);
    bottom: -50px;
  }

  .company .item {
    width: calc(50% - 10px);
  }

  .company .item__title {
    font-size: 32px;
    line-height: 31px;
  }

  .company .item__title span {
    font-size: 22px;
  }

  .company .item__text {
    font-size: 18px;
  }

  .clients__title {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .footer {
    padding: 138px 0;
  }

  .footer__decor--1 {
    position: absolute;
    left: calc(50% - 400px);
    top: -200px;
  }

  .footer__decor--2 {
    position: absolute;
    top: auto;
    right: calc(50% - 350px);
    bottom: -150px;
  }

  .footer__container {
    flex-wrap: wrap;
    max-width: 250px;
  }
  .widget {
    bottom: 10px;
    right: 20px;
  }

  .modal-register__block h4 {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .modal-register__block p {
    display: block;
    font-size: 14px;
    margin-bottom: 12px;
  }

  .modal-register__block a {
    padding: 9px 15px;
    font-size: 13px;
  }

  .modal-register__block::after {
    right: -20px;
    bottom: -77px;
  }
  .modal-register__block::before {
    right: -8px;
    bottom: -76px;
    width: 147px;
    height: 188px;
  }

  .modal-register__block {
    width: 100%;
  }
}