@charset "UTF-8";

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

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

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

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

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

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
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: 1260px;
  --transition: .3s ease;
  --default-font-family: "DINPro";
  --heading-font-family: "Oswald";
  --sp: 57px;
  --gap: 20px;
  --mt: 64px;
  --neutral-1: #FFFFFF;
  --neutral-2: #878787;
  --neutral-3: #353535;
  --neutral-4: #151515;
  --neutral-5: #050505;
  --primary-1: #DB4437;
  --fz-default: 16px;
  --h1: 97px;
  --h2: 60px;
  --h3: 30px;
  --h4: 24px;
  --m: 18px;
  --s: 14px;
  --xs: 12px;
  --xxs: 10px;
}

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

body._lock {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

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

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

.wrapper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  flex-flow: column;
}

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

[class*=__container] [class*=__container] {
  padding: 0;
}

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

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

br._mobile {
  display: none;
}

h1,
._h1 {
  font: 400 var(--h1)/120% var(--heading-font-family);
  /* 116.4px */
  text-transform: uppercase;
}

h2,
._h2 {
  font: 400 var(--h2)/120% var(--heading-font-family);
  /* 116.4px */
  text-transform: uppercase;
}

h3,
._h3 {
  font: 400 var(--h3)/120% var(--heading-font-family);
  text-transform: uppercase;
}

a {
  color: var(--neutral-1);
  text-decoration: none !important;
  transition: var(--transition);
}

._semibold {
  font-weight: 600;
}

._bold {
  font-weight: 700;
}

._primary {
  color: var(--primary);
}

._secondary {
  color: var(--secondary);
}

._s {
  font-size: var(--s);
  line-height: 140%;
}

._m {
  font-size: var(--m);
  line-height: 140%;
}

._l {
  font-size: var(--l);
  line-height: 140%;
}

.btn {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 25px 30px;
  border-radius: 10px;
  background: var(--primary-1);
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  transition: var(--transition);
  color: var(--neutral-1);
}

.btn:hover {
  background: #BD2E22;
}

.subm {
  cursor: pointer;
  border: none;
  display: block;
  margin-top: 10px;
  padding: 20px;
  height: 60px;
}

.form {
  max-width: 400px;
  position: relative;
}

.form__inputs {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.form .input {
  font: 400 15px/normal var(--default-font-family);
  width: 100%;
  height: 60px;
  padding: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  min-height: 60px;
  display: block;
}

.form .input__wrap {
  display: block;
  text-align: left;
}

.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 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 14px 0;
  background: var(--neutral-5);
  z-index: 111;
}

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

.header._active .header__burger span {
  transition: transform 0.3s ease 0.3s, top 0.3s ease;
}

.header._active .header__burger span:nth-child(1) {
  top: 50%;
  transform: rotate(-45deg);
}

.header._active .header__burger span:nth-child(2) {
  transform: scale(0);
}

.header._active .header__burger span:nth-child(3) {
  top: 50%;
  transform: rotate(45deg);
}

.header__container {
  display: flex;
  align-items: center;
}

.header__logo {
  display: block;
  width: 96px;
}

.header__logo img {
  display: block;
  width: 100%;
  height: auto;
}

.header__menu {
  display: flex;
  justify-content: center;
  gap: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.header__menu a {
  line-height: normal;
}

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

.header__btn {
  padding: 10px 20px;
  border-radius: 10px;
  background: var(--neutral-3);
  transition: var(--transition);
  line-height: normal;
}

.header__btn:hover {
  background: var(--primary-1);
  color: var(--neutral-1);
}

.header__burger {
  display: none;
}

.header__burger-inner {
  position: relative;
  height: 100%;
  width: 100%;
}

.header__burger span {
  background: var(--primary-1);
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  transition: transform 0.3s ease, top 0.3s ease 0.3s;
}

.header__burger span:nth-child(1) {
  top: 0;
  left: 0;
}

.header__burger span:nth-child(2) {
  top: 50%;
  left: 0;
}

.header__burger span:nth-child(3) {
  top: 100%;
  left: 0;
}

.hero {
  padding: 140px 0 var(--sp);
}

.hero__inner {
  position: relative;
}

.hero__uptitle {
  position: relative;
  padding-left: 34px;
  margin-bottom: 14px;
  font-size: var(--s);
}

.hero__uptitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22.5395 5.66106C22.4207 5.1392 22.1788 4.66104 21.8381 4.2749C21.4975 3.88875 21.0703 3.60829 20.5996 3.46184C18.8796 3 12 3 12 3C12 3 5.12036 3 3.40045 3.50582C2.92972 3.65227 2.50247 3.93274 2.16186 4.31888C1.82125 4.70503 1.57933 5.18318 1.46055 5.70505C1.14578 7.62448 0.991808 9.57162 1.00057 11.522C0.989351 13.487 1.14333 15.449 1.46055 17.3829C1.5915 17.8886 1.83883 18.3485 2.17865 18.7184C2.51847 19.0882 2.93929 19.3554 3.40045 19.4942C5.12036 20 12 20 12 20C12 20 18.8796 20 20.5996 19.4942C21.0703 19.3477 21.4975 19.0673 21.8381 18.6811C22.1788 18.295 22.4207 17.8168 22.5395 17.295C22.8518 15.39 23.0058 13.4577 22.9994 11.522C23.0107 9.55694 22.8567 7.59495 22.5395 5.66106Z' fill='%23DB4437'/%3E%3Cpath d='M8 14.4263C8 15.5838 9.24093 16.3175 10.2551 15.7597L15.5757 12.8334C16.6269 12.2552 16.6269 10.7448 15.5757 10.1666L10.2551 7.2403C9.24092 6.68251 8 7.41623 8 8.57367V14.4263Z' fill='%23050505'/%3E%3C/svg%3E") center/contain no-repeat;
}

.hero__uptitle span,
.hero__uptitle b {
  font-weight: 700;
}

.hero__title {
  width: 100%;
  max-width: 670px;
  line-height: 120%;
  /* 116.4px */
  text-transform: uppercase;
}

.hero__title span {
  color: var(--primary-1);
}

.hero__row {
  display: flex;
  flex-wrap: wrap;
  gap: 65px;
  margin-top: 24px;
}

.hero__subtitle {
  width: 100%;
  max-width: 420px;
  font-size: var(--m);
  line-height: 140%;
}

.hero__gift {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: var(--m);
  line-height: 140%;
}

.hero__gift-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--neutral-3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.28454 18.6359C8.49454 18.5119 8.72404 18.3929 8.97304 18.2789C8.76247 18.5924 8.53722 18.8957 8.29804 19.1879C7.87804 19.6934 7.55104 19.9619 7.34554 20.0459L7.29304 20.0639C7.27819 20.0431 7.26514 20.021 7.25404 19.9979C7.17004 19.8329 7.17304 19.6739 7.31404 19.4579C7.47304 19.2104 7.79254 18.9269 8.28454 18.6359ZM11.967 16.1654C11.789 16.2024 11.611 16.2414 11.433 16.2824C11.6975 15.7644 11.9476 15.2392 12.183 14.7074C12.4201 15.1468 12.6753 15.5762 12.948 15.9944C12.622 16.0424 12.295 16.0994 11.967 16.1654ZM15.7545 17.5739C15.522 17.3855 15.3039 17.1799 15.102 16.9589C15.446 16.9659 15.752 16.9929 16.02 17.0399C16.4955 17.1254 16.719 17.2604 16.797 17.3534C16.821 17.3798 16.8349 17.4138 16.836 17.4494C16.8306 17.5552 16.7997 17.6581 16.746 17.7494C16.7162 17.8227 16.6676 17.8869 16.605 17.9354C16.5744 17.9552 16.5376 17.9632 16.5015 17.9579C16.3665 17.9534 16.1145 17.8589 15.7545 17.5739ZM12.417 10.4549C12.357 10.8209 12.255 11.2409 12.117 11.6984C12.0664 11.5271 12.0218 11.3539 11.9835 11.1794C11.8695 10.6499 11.853 10.2344 11.9145 9.94641C11.9715 9.68091 12.0795 9.57441 12.2085 9.52191C12.2776 9.49106 12.3509 9.47083 12.426 9.46191C12.4455 9.50691 12.468 9.59991 12.474 9.75891C12.482 9.94191 12.463 10.1744 12.417 10.4564V10.4549Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 0H13.9395C14.3373 8.49561e-05 14.7188 0.158176 15 0.4395L20.5605 6C20.8418 6.28124 20.9999 6.66271 21 7.0605V21C21 21.7956 20.6839 22.5587 20.1213 23.1213C19.5587 23.6839 18.7956 24 18 24H6C5.20435 24 4.44129 23.6839 3.87868 23.1213C3.31607 22.5587 3 21.7956 3 21V3C3 2.20435 3.31607 1.44129 3.87868 0.87868C4.44129 0.316071 5.20435 0 6 0ZM14.25 2.25V5.25C14.25 5.64782 14.408 6.02936 14.6893 6.31066C14.9706 6.59196 15.3522 6.75 15.75 6.75H18.75L14.25 2.25ZM6.2475 20.502C6.3825 20.772 6.5925 21.0165 6.9045 21.1305C7.215 21.243 7.5225 21.1905 7.7745 21.0855C8.2515 20.8905 8.727 20.4315 9.1635 19.9065C9.663 19.305 10.188 18.516 10.695 17.6415C11.6739 17.3518 12.6762 17.148 13.6905 17.0325C14.1405 17.607 14.6055 18.102 15.0555 18.4575C15.4755 18.7875 15.96 19.062 16.4565 19.083C16.7269 19.096 16.9945 19.0236 17.2215 18.876C17.454 18.7245 17.6265 18.5055 17.7525 18.252C17.8875 17.9805 17.97 17.697 17.9595 17.4075C17.9505 17.122 17.8447 16.848 17.6595 16.6305C17.3205 16.2255 16.7655 16.0305 16.2195 15.933C15.5571 15.831 14.8852 15.8058 14.217 15.858C13.6531 15.0602 13.1612 14.2139 12.747 13.329C13.122 12.339 13.4025 11.403 13.527 10.638C13.581 10.311 13.6095 9.999 13.599 9.717C13.597 9.43709 13.5319 9.16124 13.4085 8.91C13.3373 8.77137 13.2362 8.65031 13.1125 8.55561C12.9887 8.46091 12.8454 8.39495 12.693 8.3625C12.39 8.298 12.078 8.3625 11.7915 8.478C11.226 8.703 10.9275 9.183 10.815 9.7125C10.7055 10.2225 10.755 10.8165 10.884 11.4165C11.016 12.0255 11.241 12.6885 11.529 13.359C11.0673 14.5042 10.5352 15.6198 9.936 16.6995C9.16311 16.9431 8.41801 17.2674 7.713 17.667C7.158 17.997 6.6645 18.387 6.3675 18.8475C6.0525 19.3365 5.955 19.9185 6.2475 20.502Z' fill='white'/%3E%3C/svg%3E") center no-repeat;
}

.hero__gift a {
  color: var(--primary-1);
}

.hero__footer {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
}

.hero__students {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-left: 32px;
}

.hero__students img {
  display: block;
  width: 178px;
  height: auto;
}

.hero__students-text {
  max-width: 200px;
  font-weight: 300;
  line-height: 140%;
}

.hero__students span {
  line-height: 140%;
  font-size: 26px;
}

.hero__author {
  margin-left: auto;
  margin-top: auto;
  line-height: 140%;
}

.hero__author-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 533px;
  z-index: -1;
}

.hero__author-img::before {
  content: "";
  position: absolute;
  bottom: -7px;
  height: 235px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background: linear-gradient(360deg, #050505 1%, rgba(5, 5, 5, 0.89) 35.15%, rgba(5, 5, 5, 0) 98.79%);
  z-index: 4;
}

.hero__author-photo {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: auto;
}

.hero__author-bg {
  position: absolute;
  bottom: -7px;
  left: -276px;
  width: 1241px;
  z-index: 1;
}

.hero__author-bg img {
  display: block;
  width: 100%;
  height: auto;
}

.hero__author-bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(45.5% 46.62% at 50% 53.38%, rgba(5, 5, 5, 0) 0%, #050505 100%);
}

.hero__author-name {
  font-size: 26px;
}

.hero__author-prof {
  font-weight: 300;
}

.hero__author-name,
.hero__author-prof {
  position: relative;
  z-index: 2;
}

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

.video__inner {
  position: relative;
  width: 65%;
  margin: 0 auto;
}

.video__inner::before {
  content: '';
  display: block;
  padding-bottom: calc(360 / 640 *100%);
}

.video__preview,
.video__preview::before,
.video__inner video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
}

.video__preview {
  height: 100%;
  background: center/cover no-repeat;
  z-index: 2;
  cursor: pointer;
}

.video__preview::before {
  content: '';
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: var(--neutral-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='800px' height='800px' viewBox='0 0 408.221 408.221' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M204.11,0C91.388,0,0,91.388,0,204.111c0,112.725,91.388,204.11,204.11,204.11c112.729,0,204.11-91.385,204.11-204.11 C408.221,91.388,316.839,0,204.11,0z M286.547,229.971l-126.368,72.471c-17.003,9.75-30.781,1.763-30.781-17.834V140.012 c0-19.602,13.777-27.575,30.781-17.827l126.368,72.466C303.551,204.403,303.551,220.217,286.547,229.971z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  opacity: 0.6;
}

.video__inner video {
  height: auto;
}

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

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

.about__subtitle {
  position: relative;
  padding-left: 44px;
  margin-left: auto;
  line-height: 140%;
  font-size: var(--m);
}

.about__subtitle::before {
  background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='%23353535'/%3E%3Cpath d='M21.3334 12L14.0001 19.3333L10.6667 16' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.about__subtitle span {
  color: var(--primary-1);
}

.about__items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  margin-top: var(--mt);
}

.about__items .item {
  flex: 1 1 30%;
  min-height: 380px;
  padding: 32px;
  border-radius: 20px;
  border: 1px solid var(--neutral-3);
  background: var(--neutral-4) center bottom/contain no-repeat;
  color: var(--neutral-2);
  font-size: var(--m);
}

.about__items .item:not(.item--bottom) span {
  display: block;
  margin-bottom: 12px;
  font-size: var(--h4);
}

.about__items .item span {
  color: var(--neutral-1);
}

.about__items .item--bottom {
  min-height: auto !important;
  padding-bottom: 45px;
  color: var(--neutral-1);
}

.about__items .item--bottom .item__text {
  text-align: center;
  font-size: var(--h4);
}

.about__items .item--bottom .item__text span {
  font-size: 40px;
}

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

.for__row {
  display: flex;
  gap: var(--gap);
}

.for__row:first-child {
  margin-bottom: var(--gap);
}

.for__left {
  flex: 1 1 auto;
}

.for__right {
  display: flex;
  flex-direction: column;
  flex: 0 0 505px;
  gap: var(--gap);
}

.for__subtitle {
  width: 100%;
  max-width: 505px;
  margin-top: 12px;
  font-size: var(--m);
  color: var(--neutral-2);
}

.for__item {
  padding: 32px;
  border-radius: 20px;
  border: 1px solid var(--neutral-3);
  background: var(--neutral-4);
  line-height: 140%;
  color: var(--neutral-2);
}

.for__item span {
  display: block;
  margin-bottom: 12px;
  line-height: 120%;
  font-size: var(--h4);
  color: var(--neutral-1);
}

.for__item b,
.for__item strong {
  color: var(--primary-1);
}

.for__img {
  height: 100%;
  background: center/cover no-repeat;
}

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

.why__title {
  text-align: center;
}

.why__items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  margin-top: var(--mt);
}

.why__items .item {
  flex: 1 1 30%;
  text-align: center;
}

.why__items .item__icon {
  width: 96px;
  height: 96px;
  margin: 0 auto;
  border-radius: 20px;
  border: 1px solid var(--neutral-3);
  background: var(--neutral-4) center/cover no-repeat;
}

.why__items .item__title {
  margin: 32px 0 12px;
  font-size: var(--h4);
  line-height: 120%;
}

.why__items .item__subtitle {
  line-height: 140%;
  color: var(--neutral-2);
  font-size: var(--m);
}

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

.program__inner {
  width: 100%;
  max-width: 1030px;
  margin: 0 auto;
  padding: 64px;
  border-radius: 20px;
  border: 1px solid var(--neutral-3);
  background: var(--neutral-4);
}

.program__title,
.program__subtitle {
  text-align: center;
}

.program__subtitle {
  margin-top: 12px;
  line-height: 140%;
  font-size: var(--m);
  color: var(--neutral-2);
}

.program__items {
  margin-top: var(--mt);
}

.program__items .item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.program__items .item:not(:last-child) {
  margin-bottom: 24px;
  padding-bottom: 23px;
  border-bottom: 1px solid #353535;
}

.program__items .item__title {
  min-width: 82px;
  color: var(--primary-1);
}

.program__items .item__subtitle {
  line-height: 120%;
  font-size: var(--m);
}

.program__items .item__subtitle b {
  font-weight: 700;
  font-size: 20px;
}

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

.format__inner {
  width: 100%;
  max-width: 1030px;
  margin: 0 auto;
}

.format__title,
.format__subtitle {
  text-align: center;
}

.format__subtitle {
  margin-top: 12px;
  line-height: 140%;
  font-size: var(--m);
  color: var(--neutral-2);
}

.format__items {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--gap);
  margin-top: var(--mt);
}

.format__items .item {
  display: flex;
  align-items: center;
  gap: 32px;
  width: 50%;
}

.format__items .item__img {
  flex: 0 0 40.9356725146%;
  height: 150px;
  border-radius: 20px;
  background: center/cover no-repeat;
}

.format__items .item__title {
  flex: 1 1 auto;
  font-size: 24px;
  line-height: 120%;
}

.format__items .item__title span,
.format__items .item__title b,
.format__items .item__title strong {
  color: var(--primary-1);
}

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

.benefits__inner {
  width: 100%;
  max-width: 1030px;
  margin: 0 auto;
}

.benefits__title,
.benefits__subtitle {
  text-align: center;
}

.benefits__subtitle {
  margin-top: 12px;
  line-height: 140%;
  font-size: var(--m);
  color: var(--neutral-2);
}

.benefits__items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  margin-top: var(--mt);
}

.benefits__items .item {
  flex: 1 1 45%;
  height: auto;
  min-height: 200px;
  padding: 32px;
  border-radius: 20px;
  border: 1px solid var(--neutral-3);
  background: var(--neutral-4);
}

.benefits__items .item__title {
  margin-bottom: 12px;
  font-size: var(--h4);
  line-height: 120%;
}

.benefits__items .item__title span,
.benefits__items .item__title b,
.benefits__items .item__title strong {
  color: var(--primary-1);
}

.benefits__items .item__subtitle {
  color: var(--neutral-2);
}

.benefits__btn {
  margin: var(--sp) auto 0;
}

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

.speaker__inner {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: var(--gap);
  width: 100%;
  max-width: 1030px;
  margin: 0 auto;
}

.speaker__col {
  flex: 1 1 45%;
}

.speaker__uptitle {
  font: 20px/120% var(--heading-font-family);
  /* 24px */
  text-transform: uppercase;
  color: var(--primary-1);
}

.speaker__info {
  margin-top: 32px;
  margin-bottom: -20px;
}

.speaker__info ul,
.speaker__info ol {
  padding-left: 30px;
}

.speaker__info ul {
  list-style: disc;
}

.speaker__info ol {
  list-style: auto;
}

.speaker__info li,
.speaker__info p {
  margin-bottom: 20px;
  line-height: 140%;
  font-size: var(--m);
}

.speaker__info b,
.speaker__info strong {
  color: var(--primary-1);
}

.speaker__photo {
  min-height: 465px;
  background: center bottom/contain no-repeat;
}

.speaker__photo:after {
  content: "";
  display: block;
  padding-bottom: 92.0792079208%;
}

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

.package__title,
.package__subtitle {
  text-align: center;
}

.package__subtitle {
  margin-top: 12px;
  line-height: 140%;
  font-size: var(--m);
  color: var(--neutral-2);
}

.package__items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  margin-top: var(--mt);
}

.package__items .col {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  flex: 1 1 45%;
}

.package__items .col.left .item {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex-grow: 1;
}

.package__items .item {
  padding: 32px;
  border-radius: 20px;
  border: 1px solid var(--neutral-3);
  background: var(--neutral-4);
}

.package__items .item__price-full,
.package__items .item__price-current {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: var(--h4);
}

.package__items .item__price-full span,
.package__items .item__price-current span {
  position: relative;
  font-family: var(--heading-font-family);
  line-height: 120%;
  /* 60px */
  text-transform: uppercase;
}

.package__items .item__price-full span {
  font-size: 30px;
}

.package__items .item__price-full span::before {
  content: "";
  position: absolute;
  top: 47%;
  left: -10%;
  transform-origin: center;
  transform: rotate(-36.43deg);
  width: 100%;
  height: 2px;
  background: var(--primary-1);
}

.package__items .item__price-current span {
  font-size: 50px;
  color: var(--primary-1);
}

.package__items .item__info {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: -24px;
}

.package__items .item__info li {
  display: flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  padding: 10px 20px;
  border-radius: 51px;
  border: 1px solid var(--neutral-3);
  line-height: 120%; 
  font-size: 24px;
}

.package__items .item__line {
  width: 100%;
  height: 1px;
  background: #353535;
}

.package__items .item__title {
  margin-bottom: 16px;
  font-size: var(--h4);
  line-height: 120%;
  /* 28.8px */
  color: var(--primary-1);
}

.package__items .item__desc {
  font-size: var(--m);
  line-height: 140%;
}

.package__items .item__btn {
  max-width: none;
}

.package__items .item--form {
  padding: 72px 115px;
}

.package__items .item__quote-text,
.package__items .item__quote-author {
  padding-left: 40px;
}

.package__items .item__quote-text {
  position: relative;
  margin: 32px 0 24px;
  line-height: 140%;
  font-size: var(--m);
}

.package__items .item__quote-text span,
.package__items .item__quote-text b,
.package__items .item__quote-text strong {
  color: var(--primary-1);
}

.package__items .item__quote-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M1.29224 21.8584C1.29224 20.6769 1.29224 19.4953 1.29224 18.3138C1.29224 17.083 1.29224 15.8769 1.29224 14.6953C1.29224 10.9046 1.83377 7.92612 2.91685 5.75996C3.99993 3.59381 5.89531 2.4615 8.60301 2.36304L10.0061 5.24304C8.47993 5.39073 7.42147 6.12919 6.8307 7.45842C6.28916 8.73842 6.01839 10.7815 6.01839 13.5877H9.93224V21.8584H1.29224ZM14.2892 21.8584C14.2892 20.6769 14.2892 19.4953 14.2892 18.3138C14.2892 17.083 14.2892 15.8769 14.2892 14.6953C14.2892 10.9046 14.8307 7.92612 15.9138 5.75996C16.9969 3.59381 18.8922 2.4615 21.5999 2.36304L23.003 5.24304C21.4769 5.39073 20.4184 6.12919 19.8276 7.45842C19.2861 8.73842 19.0153 10.7815 19.0153 13.5877H22.9292V21.8584H14.2892Z' fill='%23DB4437'/%3E%3C/svg%3E") left top/contain no-repeat;
}

.package__items .item__quote-author {
  font-size: var(--h4);
  line-height: 140%;
}

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

.reviews__title,
.reviews__subtitle {
  text-align: center;
}

.reviews__subtitle {
  margin-top: 12px;
  line-height: 140%;
  font-size: var(--m);
  color: var(--neutral-2);
}

.reviews__items {
  width: 92%;
  margin: var(--mt) auto 0;
}

.reviews__items .item {
  background: center/cover no-repeat;
  border-radius: 20px;
}

.reviews__items .item:after {
  content: "";
  display: block;
  padding-bottom: 67.2131147541%;
}

.swiper-container {
  position: relative;
}

.swiper {
  z-index: 2;
}

.swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: var(--mt);
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: var(--neutral-3);
  opacity: 1;
  margin: 0 7px;
  border-radius: 5px;
}

.swiper-pagination-bullet-active {
  width: 27px;
  background: var(--primary-1);
}

.swiper-button-prev,
.swiper-button-next {
  width: 100px;
  height: 43px;
  background: url("data:image/svg+xml,%3Csvg width='100' height='43' viewBox='0 0 100 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100' height='43' rx='21.5' transform='matrix(-1 0 0 1 100 0)' fill='%23DB4437'/%3E%3Cg clip-path='url(%23clip0_2029_24)'%3E%3Crect width='20.8018' height='20.8018' transform='matrix(-0.707107 0.707107 0.707107 0.707107 25.291 7)' fill='%23DB4437'/%3E%3Cpath d='M35.6455 21.7092L17.9365 21.709M17.9365 21.709L25.291 14.3545M17.9365 21.709L25.291 29.0635' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2029_24'%3E%3Crect width='20.8018' height='20.8018' fill='white' transform='matrix(-0.707107 0.707107 0.707107 0.707107 25.291 7)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") center/contain no-repeat;
  font-size: 0;
  z-index: 1;
  transition: var(--transition);
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: url("data:image/svg+xml,%3Csvg width='100' height='43' viewBox='0 0 100 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100' height='43' rx='21.5' transform='matrix(-1 0 0 1 100 0)' fill='%23BD2E22'/%3E%3Cg clip-path='url(%23clip0_2029_24)'%3E%3Crect width='20.8018' height='20.8018' transform='matrix(-0.707107 0.707107 0.707107 0.707107 25.291 7)' fill='%23BD2E22'/%3E%3Cpath d='M35.6455 21.7092L17.9365 21.709M17.9365 21.709L25.291 14.3545M17.9365 21.709L25.291 29.0635' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2029_24'%3E%3Crect width='20.8018' height='20.8018' fill='white' transform='matrix(-0.707107 0.707107 0.707107 0.707107 25.291 7)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") center/contain no-repeat;
}

.swiper-button-prev {
  left: 0;
  transform: translate(-50%, -50%);
}

.swiper-button-next {
  right: 0;
  transform: translate(50%, -50%) rotate(180deg);
}


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

.reviews2__title {
  text-align: center;
}

.reviews2__header {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 90px;
  margin-top: var(--mt);
}

.reviews2__header-content {
  width: 100%;
  max-width: 330px;
}

.reviews2__quote {
  font-size: 32px;
}

.reviews2__quote span {
  display: block;
  font-size: 48px;
  color: var(--primary-1);
  line-height: 120%; /* 57.6px */
  text-transform: uppercase;
}

.reviews2__author {
  text-align: right;
  line-height: 140%;
  font-style: italic;
}
.reviews2__desc {
  margin-top: var(--mt);
  line-height: 140%;
}

.reviews2__desc span {
  font-weight: 700;
}

.reviews2__header-image {
  width: 400px;
  border-radius: 20px;
  background: center top/cover no-repeat;
}

.reviews2__items {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: var(--mt);
}

.reviews2__items .item {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: calc((100% - 40px) / 3);
  padding: 32px;
  border-radius: 20px;
  background: var(--neutral-1);
  color: var(--neutral-4);
}

.reviews2__items .item__header {
  display: flex;
  align-items: center;
  gap: 12px;
}

.reviews2__items .item__photo {
  flex: 0 0 80px;
  height: 80px;
  border-radius: 50%;
  background: center/cover no-repeat;
}

.reviews2__items .item__info {
  flex: 1 1 auto;
  font-weight: 500;
}

.reviews2__items .item__name {
  font-size: var(--h4);
}

.reviews2__items .item__rating {
  padding-left: 134px;
  line-height: 24px;
  font-size: 16px;
  background: left center/contain no-repeat;
  color: var(--neutral-2);
}

.reviews2__items .item__desc {
  font-size: var(--m);
}



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

.faq__inner {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
}

.faq__title,
.faq__subtitle {
  text-align: center;
}

.faq__subtitle {
  margin-top: 12px;
  line-height: 140%;
  font-size: var(--m);
  color: var(--neutral-2);
}

.faq__items {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin-top: var(--mt);
}

.faq__items .item._active .item__question::after {
  transform: rotate(270deg);
}

.faq__items .item__question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 32px;
  border-radius: 20px;
  border: 1px solid var(--neutral-3);
  background: var(--neutral-4);
  line-height: 120%;
  font-size: var(--m);
  cursor: pointer;
}

.faq__items .item__question::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9999 1.25024C10.9999 0.697959 10.5522 0.250244 9.99991 0.250244C9.44762 0.250244 8.99991 0.69796 8.99991 1.25024L8.99991 9.00024L1.24991 9.00024C0.697622 9.00024 0.249907 9.44796 0.249907 10.0002C0.249907 10.5525 0.697622 11.0002 1.24991 11.0002L8.99991 11.0002L8.99991 18.7502C8.99991 19.3025 9.44762 19.7502 9.99991 19.7502C10.5522 19.7502 10.9999 19.3025 10.9999 18.7502L10.9999 11.0002H18.7499C19.3022 11.0002 19.7499 10.5525 19.7499 10.0002C19.7499 9.44796 19.3022 9.00024 18.7499 9.00024H10.9999L10.9999 1.25024Z' fill='%23DB4437'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: var(--transition);
}

.faq__items .item__answer {
  display: none;
  padding: 20px 32px 0;
  line-height: 140%;
  color: var(--neutral-2);
}

.faq__items .item__answer ul {
  list-style: disc;
  padding-left: 25px;
}

.faq__items .item__answer li:not(:first-child),
.faq__items .item__answer p + ul,
.faq__items .item__answer ul + p,
.faq__items .item__answer p:not(:first-of-type) {
  margin-top: 12px;
}

.faq__btn {
  margin: var(--sp) auto 0;
}

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

.registration__title,
.registration__subtitle {
  text-align: center;
}

.registration__subtitle {
  margin-top: 12px;
  line-height: 140%;
  font-size: var(--m);
  color: var(--neutral-2);
}

.registration__inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding: 32px;
  margin-top: var(--mt);
  border-radius: 20px;
  border: 1px solid var(--neutral-3);
  background: var(--neutral-4);
}

.registration__content {
  max-width: 346px;
}

.registration__image {
  position: absolute;
  right: auto;
  left: 120px;
  top: auto;
  bottom: -80px;
  width: 329px;
  aspect-ratio: 382/333;
  background: center/contain no-repeat;
}

.registration__lecturer {
  position: absolute;
  aspect-ratio: 587/459;
  width: 587px;
  background: center/contain no-repeat;
  position: absolute;
  bottom: -23px;
  right: 0px;
}

.registration__text {
  font-size: var(--h4);
}

.registration__text span,
.registration__text b,
.registration__text strong {
  font-weight: 700;
}

.registration__info {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
}

.registration__info li {
  display: flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  padding: 10px 20px;
  border-radius: 51px;
  border: 1px solid var(--neutral-3);
  line-height: 120%; 
  font-size: 18px;
}

.registration__timer-title {
  margin-top: var(--gap);
  margin-bottom: 16px;
  font-size: var(--h4);
  line-height: 120%;
}

.registration .form {
  width: 320px;
}

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

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

.footer__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 32px 0;
  border-top: 1px solid #353535;
}

.footer__logo {
  width: 96px;
  background: center/contain no-repeat;
}

.footer__logo:after {
  content: "";
  display: block;
  padding-bottom: 41.6666666667%;
}

.footer__address {
  max-width: 300px;
  padding-left: 32px;
  margin-left: 32px;
  margin-right: auto;
  border-left: 1px solid var(--neutral-1);
}

.footer__nav {
  display: flex;
  gap: 24px;
  text-transform: uppercase;
  font-family: var(--heading-font-family);
}

.footer__policy:hover {
  color: var(--primary-1);
}

.footer__email {
  color: var(--primary-1);
}

.footer__dev {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  line-height: 140%;
  font-size: 14px;
  color: var(--neutral-2);
}

.footer__dev:hover {
  color: var(--neutral-1);
}

.footer__dev::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg opacity='0.3'%3E%3Cpath d='M19.6401 4.48047L11.4284 4.48128L5.11914 25.6005H13.3311L16.3193 15.5972L19.6401 4.48047Z' fill='%23878787'/%3E%3Cpath d='M21.2102 4.48047H20.1972L23.8008 16.5431H16.6018L19.3075 25.6005H27.5191L21.2102 4.48047Z' fill='%23878787'/%3E%3Cpath d='M11.4284 4.48128L21.2102 4.48047M11.4284 4.48128L20.1972 4.48047M11.4284 4.48128L19.6401 4.48047L16.3193 15.5972M11.4284 4.48128L5.11914 25.6005H13.3311L16.3193 15.5972M21.2102 4.48047L27.5191 25.6005H19.3075L16.6018 16.5431M21.2102 4.48047H20.1972M20.1972 4.48047L23.8008 16.5431H16.6018M16.6018 16.5431L16.3193 15.5972' stroke='white' stroke-width='0.4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  content: "";
  display: block;
  width: 32px;
  height: 32px;
}

.modal-overlay {
  display: none;
  padding-top: 1px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  overflow: auto;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
}

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

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

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

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

#modal-video .modal-content {
  height: auto;
  width: 100%;
}

#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 {
  font: 50px/1.2 var(--heading-font-family), sans-serif;
  text-align: center;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--neutral-1);
  /*Параметры цифр */
  /*Параметры секций разделения (:)*/
  /*Параметры вспомогательного текста (дни, часы, минуты, секунды)*/
}

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

.countdownHolder .countDays,
.countdownHolder .countHours,
.countdownHolder .countMinutes,
.countdownHolder .countSeconds {
  display: flex;
  justify-content: center;
}

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

.countdownHolder .countDiv {
  width: 27px;
  height: 1em;
  position: relative;
}

.countdownHolder .countDiv:before,
.countdownHolder .countDiv:after {
  background: var(--neutral-1);
  position: absolute;
  width: 5px;
  height: 5px;
  left: 50%;
  transform: translateX(-50%);
  top: 0.4em;
  content: "";
}

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

.countdownHolder .textdigit {
  font: 24px/120% var(--default-font-family);
  margin-top: 6px;
  letter-spacing: 0px;
}

.privacy-policy {
  background: var(--neutral-5);
}

.privacy-policy .single-page__wrap {
  color: var(--neutral-1);
  padding-top: 100px;
  padding-bottom: 80px;
}

.privacy-policy .single-page__wrap h1 {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--primary-1);
  font-size: 77px;
}

.privacy-policy .single-page__wrap h2 {
  margin: 30px 0;
}

.privacy-policy .single-page__wrap h3 {
  margin: 35px 0 20px;
}

.privacy-policy .single-page__wrap p {
  margin: 16px 0;
}

.privacy-policy .single-page__wrap a {
  color: var(--primary-1);
}

.privacy-policy .single-page__wrap a:hover {
  text-decoration: underline;
}

@media (max-width: 1260px) {
  :root {
    --container-width: 760px;
    --gap: 15px;
    --mt: 40px;
    --h1: 60px;
    --h2: 40px;
    --h3: 26px;
    --m: 16px;
  }

  .header__menu {
    position: fixed;
    left: 0;
    top: 68px;
    transform: translateY(-100px);
    width: 100%;
    transition: var(--transition);
  }

  .header__btn {
    margin-left: auto;
    margin-right: 30px;
  }

  .header__burger {
    display: flex;
    height: 44px;
    width: 43px;
    border-radius: 10px;
    padding: 14px 10px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    cursor: pointer;
  }

  .hero__title {
    max-width: 430px;
  }

  .hero__row {
    gap: 35px;
  }

  .hero__subtitle {
    max-width: 280px;
  }

  .hero__btn {
    order: 2;
  }

  .hero__students {
    order: 1;
    margin-left: 0;
    margin-bottom: 35px;
  }

  .hero__author {
    order: 3;
  }

  .hero__author-img {
    right: -85px;
    width: 445px;
  }

  .video__inner {
    width: 100%;
  }

  .about__header {
    flex-direction: column;
  }

  .about__subtitle {
    margin-left: 0;
    margin-top: 15px;
  }

  .about__items .item {
    min-height: 315px;
    padding: 15px;
  }

  .about__items .item--bottom {
    padding-bottom: 25px;
  }

  .about__items .item--bottom .item__text span {
    font-size: 30px;
  }

  .for__right {
    flex-basis: 370px;
  }

  .for__item {
    padding: 15px;
  }

  .why__items .item__icon {
    width: 75px;
    height: 75px;
  }

  .why__items .item__title {
    margin: 20px 0 10px;
  }

  .format__items .item {
    gap: 15px;
  }

  .format__items .item__img {
    height: 110px;
  }

  .format__items .item__title {
    font-size: 18px;
  }

  .benefits__items .item {
    padding: 15px;
  }

  .speaker__info {
    margin: 25px 0 -15px;
  }

  .speaker__info li,
  .speaker__info p {
    margin-bottom: 15px;
  }

  .package__items .col.left .item {
    gap: 25px;
  }

  .package__items .item {
    padding: 15px;
    --h4: 20px;
  }

  .package__items .item__price-full,
  .package__items .item__price-current {
    font-size: 19px;
  }

  .package__items .item__price-full span {
    font-size: 24px;
  }

  .package__items .item__price-current span {
    font-size: 42px;
  }

  .package__items .item__info li {
    font-size: 16px;
  }

  .package__items .item--form {
    padding: 15px;
  }

  .reviews__items {
    width: 85%;
  }

  .swiper-container {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
  }

  .reviews2__header {
    gap: 30px;
    justify-content: space-between;
  }

  .reviews2__header-content {
    max-width: 300px;
  }

  .reviews2__quote {
    font-size: 24px;
  }

  .reviews2__quote span {
    font-size: 35px;
    display: inline;
  }

  .reviews2__items .item {
    width: calc((100% - 20px) / 2);
  }


  .registration__inner {
    justify-content: space-between;
  }

  .registration__content {
    max-width: 310px;
  }

  .registration__info li {
    font-size: 16px;
  }

  .registration__image {
    display: none;
  }

  .registration__lecturer {
    width: 340px;
    right: auto;
    left: 0;
    bottom: -13px;
    display: none;
  }

  .footer__logo {
    margin-left: auto;
    margin-bottom: 20px;
  }

  .footer__address {
    margin-bottom: 20px;
  }

  .footer__nav {
    font-size: 14px;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }

  .footer__dev {
    margin: 30px auto 0;
  }

  .countdownHolder {
    font-size: 40px;
  }

  .countdownHolder .countDiv {
    width: 24px;
  }

  .countdownHolder .textdigit {
    font-size: 20px;
  }
  
  .privacy-policy .single-page__wrap h1 {
    font-size: 50px;
  }

  .privacy-policy .single-page__wrap h2 {
    font-size: var(--h3);
  }

  .privacy-policy .single-page__wrap h3 {
    font-size: 24px;
  }

  .program__items .item__title {
    min-width: 100px
  }

}

@media (max-width: 760px) {
  :root {
    --container-width: 360px;
    --gap: 20px;
    --h1: 50px;
    --h2: 28px;
    --h3: 20px;
  }

  [class*=__container] {
    flex-direction: column;
  }

  br._desctop {
    display: none;
  }

  br._mobile {
    display: block;
  }

  .header__container {
    flex-direction: row;
  }

  .header__menu {
    transform: translateY(-120%);
    bottom: 0;
    flex-direction: column;
    gap: 10px;
    background-color: var(--neutral-5);
  }

  .header__menu a {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
  }

  .hero {
    padding-top: 100px;
  }

  .hero__row {
    gap: 20px;
  }

  .hero__subtitle {
    max-width: none;
  }

  .hero__gift-icon {
    width: 50px;
    height: 50px;
  }

  .hero__footer {
    margin-top: 140px;
  }

  .hero__btn {
    order: 1;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero__students {
    order: 2;
    margin-bottom: 0;
    margin-top: 25px;
  }

  .hero__author-img {
    width: 360px;
    bottom: 30px;
    right: -67px;
  }

  .hero__author-bg {
    bottom: 20px;
    left: -216px;
    width: 881px;
  }

  .hero__author-name,
  .hero__author-prof {
    display: none;
  }

  .video__preview::before {
    width: 50px;
    height: 50px;
  }

  .about__header {
    align-items: flex-start;
  }

  .about__items .item {
    flex-basis: 100%;
    min-height: 290px;
  }

  .for__row:first-child {
    flex-direction: column;
  }

  .for__row:last-child {
    flex-direction: column-reverse;
  }

  .for__right {
    flex-basis: 100%;
  }

  .for__img {
    height: 160px;
  }

  .why__items {
    gap: 45px;
  }

  .why__items .item {
    flex-basis: 100%;
  }

  .program__inner {
    padding: 30px 15px 15px;
  }

  .program__items .item:not(:last-child) {
    margin-bottom: 18px;
    padding-bottom: 17px;
  }

  .program__items .item__title {
    min-width: 75px;
    white-space: nowrap;
  }

  
  .program__items .item__subtitle b {
    font-size: 16px;
  }

  .program__items .item__subtitle {
    font-size: 14px;
  }

  .format__items .item {
    width: 100%;
  }

  .format__items .item__img {
    height: 100px;
  }

  .benefits__items .item {
    flex-basis: 100%;
  }

  .speaker__col {
    flex-basis: 100%;
  }

  .speaker__photo {
    min-height: auto;
  }

  .package__items .col {
    flex-basis: 100%;
  }

  .swiper-container {
    width: 90%;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 60px;
    height: 26px;
  }

  .reviews2__header-content {
    max-width: none;
  }

  .reviews2__header-image {
    width: 100%;
    height: 250px;
  }

  .reviews2__items .item {
    width: 100%;
  }

  .faq__items .item__question {
    padding: 20px 15px;
    border-radius: 15px;
  }

  .faq__items .item__question::after {
    width: 15px;
    height: 15px;
  }

  .faq__items .item__answer {
    padding-left: 15px;
    padding-right: 15px;
  }

  .faq__items .item__answer li:not(:first-child),
  .faq__items .item__answer p + ul,
  .faq__items .item__answer ul + p,
  .faq__items .item__answer p:not(:first-of-type) {
    margin-top: 6px;
  }

  .registration__inner {
    padding: 15px 15px 310px;
    gap: 20px;
  }

  .registration__content {
    margin-bottom: 25px;
    text-align: center;
  }

  .registration__content .countdownHolder {
    justify-content: center;
  }

  .registration__lecturer {
    display: block;
    width: 408px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
  }

  .registration .form {
    width: 100%;
  }

  .footer__address {
    padding-left: 15px;
    margin-left: 15px;
    font-size: 12px;
  }
  
  .privacy-policy .single-page__wrap h1 {
    font-size: 32px;
  }
}