@charset "UTF-8";

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

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

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

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

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

@font-face {
  font-family: "TTFirsNeue";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/TTFirsNeue/TTFirsNeue-Bold.eot");
  src: url("../fonts/TTFirsNeue/TTFirsNeue-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue/TTFirsNeue-Bold.woff") format("woff"), url("../fonts/TTFirsNeue/TTFirsNeue-Bold.ttf") format("truetype"), url("../fonts/TTFirsNeue/TTFirsNeue-Bold.svg#TTFirsNeue") 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 {
  --screen-height: 100vh;
  --container-width: 1260px;
  --transition: 0.3s ease;
  --ff1: "MazzardH";
  --ff2: "MazzardM";
  --ff3: "TTFirsNeue";
  --default-font-family: var(--ff1);
  --heading-font-family: var(--ff3);
  --sp: 80px;
  --accent: #B92F9F;
  --accent-d: #77186A;
  --accent2: #BC1925;
  --accent3: #FFD232;
  --bg: #fff;
  --bg2: #F5F5F5;
  --text-color: #0D2433;
  --h1: 40px;
  --h2: 45px;
  --h3: 32px;
  --h4: 30px;
  --l: 25px;
  --m: 20px;
  --s: 16px;
  --xs: 15px;
  --xxs: 14px;
  --tr: 0.3s ease 0s;
  --trd: 0.3s ease 0.3s;
  --fz-default: var(--s);
}

body {
  font: 400 var(--fz-default)/1.4 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._lock {
  position: fixed;
  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;
}

[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;
}

h1 {
  font-weight: 800;
  font-size: var(--h1);
  line-height: 106%;
}

h2 {
  font: 800 var(--h2)/125% var(--heading-font-family);
}

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

h3 {
  font: 800 var(--h3)/130% var(--heading-font-family);
}

h4 {
  font: 800 var(--h4)/133% var(--heading-font-family);
}

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

.btn {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50px;
  font-size: var(--xs);
  line-height: 1.1;
  min-width: 224px;
  padding: 19px 25px;
  position: relative;
  transition: background-color var(--tr), color var(--tr), border var(--tr);
}

.btn:before {
  content: "";
  display: block;
  height: 26px;
  width: 26px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  background: center/contain no-repeat;
  transition: var(--tr);
}

.btn_dark {
  background: #23232E;
  color: #ffffff;
}

.btn_dark:hover {
  background: var(--accent);
}

.btn_trans {
  border: 1px solid #23232E;
}

.btn_trans:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: #ffffff;
}

.btn_color {
  background: var(--accent);
  color: #ffffff;
}

.btn_color:hover {
  background: #23232E;
}

.btn_white {
  background: #ffffff;
}

.btn_white:hover {
  background: #23232E;
  color: #ffffff;
}

.btn_arrow-white {
  padding-right: 50px;
}

.btn_arrow-white:before {
  background: url("../img/btn-circle-white.svg");
}

.btn_arrow-dark {
  padding-right: 50px;
}

.btn_arrow-dark:before {
  background: url("../img/btn-circle-dark.svg");
}

.btn_arrow-dark:hover:before {
  background: url("../img/btn-circle-white.svg");
}

.btn_arrow-color {
  padding-right: 50px;
}

.btn_arrow-color:before {
  background: url("../img/btn-circle-color.svg");
}

.btn_arrow-color:hover:before {
  background: url("../img/btn-circle-white.svg");
}

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

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

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

.form .input__label {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  display: block;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  transition: 0.3s ease;
}

.form .input__wrap.focused .input__label {
  transform: translate(0, -25px);
  font-size: 10px;
}

.form:before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}

.form.loading:before {
  display: block;
  background: rgba(255, 255, 255, 0.5) url("../img/loading.svg") 50% no-repeat;
}

.form.success:before {
  display: block;
  background: rgba(255, 255, 255, 0.5) url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 50 50' xml:space='preserve'%3E%3Ccircle style='fill:%2325AE88;' cx='25' cy='25' r='25'/%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;' points=' 38,15 22,33 12,25 '/%3E%3C/svg%3E") center/30px no-repeat;
}

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

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

.contact-form {
  background: #ffffff;
  border-radius: 3px;
  width: 100%;
  max-width: 320px;
  padding: 30px 20px;
}

.contact-form__title {
  font-weight: bold;
  font-size: 25px;
  line-height: 120%;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}

.contact-form__subtitle {
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 120%;
}

.contact-form__agree {
  margin-top: 20px;
  text-align: center;
  opacity: 0.57;
  font-size: 11px;
  line-height: 120%;
}

.contact-form .btn {
  cursor: pointer;
  max-width: 100%;
  width: 100%;
  text-align: center;
  font-weight: 700;
  border: none;
}

.contact-form__agree a {
  text-decoration: underline;
  color: var(--accent);
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.header:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}

.header__logo {
  display: block;
  width: 195px;
  height: 59px;
  background: center/contain no-repeat;
  position: relative;
  z-index: 1;
}

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

.header__menu {
  display: flex;
  margin: 0 -15px;
  position: relative;
}

.header__menu li {
  padding: 0 15px;
}

.header__menu li a,
.header__lang li {
  font-size: var(--xs);
}

.header__lang {
  margin-left: 80px;
}

.header__lang ul {
  display: flex;
  gap: 15px;
}

.header .current-lang {
  pointer-events: none;
}

.header .current-lang a {
  opacity: 0.6;
}

.header__btn {
  margin-left: 70px;
  position: relative;
  padding: 10px 20px;
  font-size: 13px;
  min-width: 215px;
}

.header__burger {
  position: relative;
  display: block;
  border: 1px solid var(--text-color);
  height: 33px;
  width: 33px;
  padding: 8px 5px;
  border-radius: 5px;
}

.burger {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.burger span {
  background: #000000;
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
}

.burger span:nth-child(1) {
  top: 0%;
  transform: rotate(0deg);
  transition: transform var(--tr), top var(--trd);
}

.burger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  transition: opacity var(--trd);
}

.burger span:nth-child(3) {
  top: 100%;
  transform: rotate(0deg) translateY(-100%);
  transition: transform var(--tr), top var(--trd);
}

.burger._open span:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  transition: top var(--tr), transform var(--trd);
}

.burger._open span:nth-child(2) {
  top: 50%;
  opacity: 0;
  transition: opacity var(--tr);
}

.burger._open span:nth-child(3) {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  transition: top var(--tr), transform var(--trd);
}

.footer {
  background: #360236;
  background: linear-gradient(45deg, #360236 1%, #8b1f7a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#360236", endColorstr="#8b1f7a",GradientType=1 );
}

.footer__top {
  padding: 25px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
  font-size: var(--xxs);
}

.footer__menu {
  display: flex;
}

.footer__menu .menu-item {
  margin-right: 48px;
}

.footer__menu .menu-item a {
  color: #ffffff;
  transition: color var(--tr);
}

.footer__menu .menu-item a:hover {
  color: var(--accent3);
}

.footer__menu .menu-item:last-child {
  margin-right: 0px;
}

.footer__mail-wrap a {
  color: var(--accent3);
  transition: color var(--tr);
}

.footer__mail-wrap a:hover {
  color: #ffffff;
}

.footer__social-list {
  display: flex;
}

.footer__social-link {
  margin-right: -15px;
}

.footer__social-link:last-child {
  margin-right: 0;
}

.footer__social-link a {
  background: var(--accent-d);
  display: inline-block;
  height: 62px;
  width: 62px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  transition: background-color var(--tr);
}

.footer__social-link a:before {
  content: "";
  display: block;
  height: 18px;
  width: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.footer__social-link a:hover {
  background: var(--accent3);
}

.footer__bottom {
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #B3B3B3;
  font-size: 12px;
}

.footer__bottom a {
  color: #B3B3B3;
}

.footer__bottom-add-links a {
  margin-right: 33px;
  transition: color var(--tr);
}

.footer__bottom-add-links a:hover {
  color: var(--accent3);
}

.footer__bottom-add-links a:last-child {
  margin-right: 0px;
}

.footer__dev {
  position: relative;
  padding-left: 28px;
  transition: color var(--tr);
}

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

.footer__dev:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 18px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_442_309)'%3E%3Cg opacity='0.3'%3E%3Cpath d='M11.1813 1.14844L5.78928 1.14896L1.64648 14.8546H7.03863L9.00079 8.36282L11.1813 1.14844Z' fill='%234F4F51'/%3E%3Cpath d='M12.2115 1.14844H11.5463L13.9125 8.97672H9.18555L10.9621 14.8546H16.354L12.2115 1.14844Z' fill='%234F4F51'/%3E%3Cpath d='M5.78928 1.14896L12.2122 1.14844M5.78928 1.14896L11.5471 1.14844M5.78928 1.14896L11.1813 1.14844L9.00079 8.36282M5.78928 1.14896L1.64648 14.8546H7.03863L9.00079 8.36282M12.2122 1.14844L16.3548 14.8546H10.9629L9.18631 8.97672M12.2122 1.14844H11.5471M11.5471 1.14844L13.9133 8.97672H9.18631M9.18631 8.97672L9.00079 8.36282' stroke='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_442_309'%3E%3Crect width='18' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") left bottom/contain no-repeat;
}

.fb:before {
  background: url("data:image/svg+xml,%3Csvg width='9' height='18' viewBox='0 0 9 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.84224 18V9.78874H8.49525L8.89208 6.58853H5.84224V4.54651C5.84224 3.62066 6.08956 2.98902 7.36885 2.98902H9V0.126227C8.21026 0.0394076 7.41655 -0.00268613 6.62241 0.000132693C4.27067 0.000132693 2.662 1.49107 2.662 4.23011V6.58969H0V9.7899H2.662V18H5.84224Z' fill='white'/%3E%3C/svg%3E%0A") center/contain no-repeat;
}

.insta:before {
  background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.04078 0.804375C5.08266 0.84825 4.42866 0.999938 3.85641 1.2225C3.26447 1.45238 2.76235 1.75988 2.2621 2.26031C1.76147 2.76056 1.45397 3.26269 1.22335 3.85444C1.00022 4.42687 0.848346 5.08106 0.805221 6.03881C0.762471 6.99881 0.751221 7.30575 0.751221 9.75C0.751221 12.1943 0.762096 12.5001 0.805596 13.4601C0.849658 14.4182 1.00135 15.0722 1.22372 15.6444C1.45378 16.2364 1.76128 16.7385 2.26172 17.2388C2.76178 17.7394 3.26391 18.0476 3.85547 18.2775C4.4281 18.5001 5.08228 18.6518 6.04022 18.6956C7.00022 18.7393 7.30678 18.75 9.75085 18.75C12.1953 18.75 12.5011 18.7393 13.4611 18.6956C14.4192 18.6518 15.074 18.5001 15.6466 18.2775C16.2383 18.0476 16.7397 17.7394 17.2398 17.2388C17.7404 16.7385 18.0479 16.2364 18.2785 15.6446C18.4998 15.0722 18.6517 14.418 18.6967 13.4602C18.7398 12.5002 18.751 12.1943 18.751 9.75C18.751 7.30575 18.7398 6.999 18.6967 6.039C18.6517 5.08087 18.4998 4.42687 18.2785 3.85462C18.0479 3.26269 17.7404 2.76056 17.2398 2.26031C16.7392 1.75969 16.2385 1.45219 15.646 1.2225C15.0723 0.999938 14.4179 0.84825 13.4598 0.804375C12.5 0.760697 12.1943 0.750005 9.7508 0.75L9.75047 0.75C7.30742 0.750004 7.00061 0.760695 6.04078 0.804375ZM13.9559 4.04829C14.1335 3.9296 14.3423 3.86625 14.5559 3.86625V3.86587C15.1522 3.86587 15.6359 4.34962 15.6359 4.94587C15.636 5.15949 15.5727 5.36834 15.4541 5.54599C15.3355 5.72365 15.1668 5.86213 14.9695 5.94393C14.7721 6.02573 14.555 6.04717 14.3454 6.00554C14.1359 5.96391 13.9434 5.86108 13.7924 5.71006C13.6413 5.55903 13.5384 5.36659 13.4967 5.15708C13.455 4.94758 13.4763 4.7304 13.5581 4.53304C13.6398 4.33567 13.7782 4.16698 13.9559 4.04829ZM5.12991 9.75C5.12991 7.19756 7.19935 5.12812 9.75178 5.12812C12.3042 5.12812 14.3731 7.19756 14.3731 9.75C14.3731 12.3024 12.3042 14.3709 9.75178 14.3709C7.19935 14.3709 5.12991 12.3024 5.12991 9.75Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7518 9.75C12.7518 8.09306 11.4085 6.75 9.75178 6.75C8.09485 6.75 6.75178 8.09306 6.75178 9.75C6.75178 11.4067 8.09485 12.75 9.75178 12.75C11.4085 12.75 12.7518 11.4067 12.7518 9.75Z' fill='white'/%3E%3C/svg%3E%0A") center/contain no-repeat;
}

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

.hero {
  height: 100vh;
  padding-top: 59px;
  position: relative;
  padding-bottom: 100px;
  transition: height 0.6s ease 0s;
}

.hero__container {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  justify-content: center;
  overflow: visible;
}

.hero__inner {
  flex: 0 0 auto;
}

.hero__left {
  flex: 0 0 62%;
  padding-left: 77px;
  position: relative;
  z-index: 2;
}

.hero__tags {
  display: flex;
  padding-bottom: 15px;
  padding-left: 180px;
}

.hero__tag {
  display: inline-block;
  position: relative;
  padding: 15px 39px;
  border-radius: 50px;
  overflow: hidden;
  text-align: center;
  border: 2px solid #B92F9F;
}

.hero__tag:before,
.hero__tag:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  background: #000;
  height: 6px;
  width: 6px;
  top: 50%;
  transform: translateY(-50%);
}

.hero__tag:before {
  left: 18px;
}

.hero__tag:after {
  right: 18px;
}

.hero__title {
  font-family: var(--ff1);
  text-transform: uppercase;
}

.hero__title span,
.hero__title strong {
  display: block;
  /* font-size: 200px; */
  font-size: 170px;
  line-height: 1;
  background: #360236;
  background: linear-gradient(45deg, #360236 0%, #b92f9f 50%, #360236 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#360236", endColorstr="#360236",GradientType=1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero__title span:last-of-type,
.hero__title strong:last-of-type {
  padding-left: 165px;
  margin-top: -20px;
}

.hero__title b {
  line-height: 1.5;
}

.hero__title b:last-of-type {
  text-align: right;
  display: block;
}

.hero__right {
  flex: 0 0 38%;
  position: relative;
  z-index: 1;
}

.hero__cube {
  padding-bottom: 100%;
  position: relative;
}

.hero__cube-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  transform: translateY(30px) scale(1.2);
}

.hero__cube-inner video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.99;
}

.hero__bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 50px;
  z-index: 5;
}

.hero__scroll-down-btn {
  height: 48px;
  width: 38px;
  background: center/contain no-repeat;
  cursor: pointer;
}

.second__container {
  padding-top: 80px;
  padding-bottom: 100px;
}

.second__item {
  font: 35px var(--ff2);
  text-align: center;
  margin-bottom: 60px;
  opacity: 0;
  transform: scale(1.2);
}

.second__item:first-child {
  font-size: 40px;
  font-weight: 700;
  color: var(--accent);
  text-transform: uppercase;
}

.second__item:last-child {
  color: var(--accent);
}

.second__item b {
  font-weight: 700;
}

.second__btn-wrap {
  text-align: center;
}

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

  100% {
    transform: translate(-50%, 30px);
  }
}

@keyframes slash {
  0% {
    transform: translate(-50%, 0px);
  }

  100% {
    transform: translate(-50%, 30px);
  }
}

.about {
  background: var(--bg2);
}

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

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

.about__row {
  display: flex;
  margin: -10px;
}

.about__item {
  flex: 0 0 33.33%;
  padding: 10px;
}

.about__item-inner {
  background: var(--bg);
  border-radius: 10px;
  padding: 80px 30px;
  height: 100%;
  font-family: var(--ff1);
  text-align: center;
}

.about__item-title-wrap {
  margin-bottom: 40px;
}

.about__item-title {
  display: inline-block;
  padding: 10px 30px;
  font-size: var(--m);
  font-weight: 600;
  color: #ffffff;
  border-radius: 50px;
  line-height: 1.6;
  background: #b92f9f;
  background: linear-gradient(45deg, #b92f9f 0%, #360236 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b92f9f", endColorstr="#360236",GradientType=1 );
}

.about__item-text {
  font-size: var(--l);
  line-height: 1.4;
  font-weight: 600;
}

.about__item:last-child .about__item-inner {
  position: relative;
  padding: 30px 50px;
  background: #b92f9f;
  background: linear-gradient(135deg, #b92f9f 0%, #360236 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b92f9f", endColorstr="#360236",GradientType=1 );
}

.about__item:last-child .about__item-inner:before {
  content: "";
  display: block;
  height: 314px;
  width: 299px;
  background: url("../img/about-decor.png") center/contain no-repeat;
  position: absolute;
  left: 50%;
  top: 37%;
  -webkit-animation-name: slash;
  animation-name: slash;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.about__item:last-child .about__item-title {
  background: #ffffff;
  color: var(--text-color);
}

.about__item:last-child .about__item-text {
  color: #ffffff;
}

.about__btn-wrap {
  text-align: center;
  padding-top: 65px;
}

.about__btn-wrap .btn {
  min-width: 400px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

.how-work__container {
  padding-top: var(--sp);
  padding-bottom: var(--sp);
}

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

.how-work__row {
  display: flex;
  margin: -10px;
}

.how-work__item {
  flex: 0 0 33.33%;
  padding: 10px;
}

.how-work__item:last-child .arrows-anim {
  transform: rotate(180deg);
}

.how-work__item-inner {
  background: var(--bg2);
  border-radius: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.how-work__item-top {
  padding: 30px 25px 0;
}

.how-work__item-decor {
  background: #ffffff;
  padding: 5px 30px;
  border-radius: 5px;
  margin-bottom: 30px;
}

.how-work__item-content {
  margin-bottom: 45px;
}

.how-work__item-content h3 {
  font: var(--l) var(--ff1);
  margin-bottom: 30px;
}

.how-work__item-content strong {
  font-weight: 700;
  color: var(--accent);
}

.how-work__item-content p {
  margin-bottom: 16px;
}

.how-work__item-content p strong {
  font-weight: 400;
}

.how-work__item-content p:last-child {
  margin-bottom: 0;
}

.how-work__item-image {
  padding-bottom: 57%;
  background: center/contain no-repeat;
}

.how-work__item-decor-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.how-work__item-decor-arrow {
  background: center/contain no-repeat;
  height: 20px;
  width: 30px;
}

.how-work__item-decor-arrow:last-child {
  transform: rotate(180deg);
}

.how-work__item-decor-circle {
  height: 30px;
  width: 30px;
  background: center/contain no-repeat;
}

@-webkit-keyframes arrows {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

@keyframes arrows {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

.arrows-anim {
  display: flex;
  align-items: center;
  padding: 5px 0;
}

.arrows-anim__arrow {
  background: center/contain no-repeat;
  height: 20px;
  width: 30px;
  margin-right: 35px;
  -webkit-animation-name: arrows;
  animation-name: arrows;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.arrows-anim__arrow:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.arrows-anim__arrow:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.arrows-anim__arrow:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.arrows-anim__arrow:nth-child(4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.arrows-anim__arrow:nth-child(5) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.arrows-anim__arrow:nth-child(6) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.arrows-anim__arrow:nth-child(7) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.arrows-anim__arrow:nth-child(8) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.arrows-anim__arrow:nth-child(9) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.arrows-anim__arrow:last-child {
  margin-right: 0;
}

.for {
  background: var(--bg2);
}

.for__container {
  padding-top: 20px;
  padding-bottom: 80px;
}

.for__item {
  padding: 50px 0;
}

.for__item:first-child .for__item-title span {
  color: var(--accent);
}

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

.for__item-title {
  margin-bottom: 10px;
}

.for__item-title span {
  color: var(--accent2);
}

.for__item-row {
  margin: 0 -10px;
  display: flex;
}

.for__item-col {
  flex: 0 0 37.5%;
  padding: 0 10px;
}

.for__item-col-inner {
  background: var(--bg);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px;
  border-radius: 10px;
}

.for__item-col-head {
  flex: 0 0 auto;
  text-align: center;
  margin-bottom: 40px;
}

.for__item-col-tag {
  background: var(--bg2);
  display: inline-block;
  padding: 10px 30px;
  font-size: var(--m);
  font-weight: 600;
  border-radius: 50px;
  line-height: 1.6;
}

.for__item-col-ava-wrap {
  flex: 0 0 auto;
  margin-bottom: 20px;
}

.for__item-col-ava {
  display: inline-block;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background: center/contain no-repeat;
  position: relative;
}

.for__item-col-ava:before {
  content: "";
  display: block;
  height: 27px;
  width: 27px;
  border-radius: 50%;
  background: var(--bg2) url("../img/quotes-gray.svg") center/13px no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}

.for__item-col-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.for__item-col-content p:first-child {
  margin-bottom: 20px;
  font-size: var(--m);
  line-height: 1.4;
}

.for__item-col-content p:last-child {
  font-size: var(--s);
  color: #929292;
  /* opacity: 0;
  transform: translateY(50px); */
}

.for__item-btn-col {
  flex: 0 0 25%;
  padding: 0 10px;
  text-align: center;
}

.for__item-image {
  padding-bottom: 138%;
  background: center/cover no-repeat;
  margin-bottom: 30px;
}

.for__item-col_after .for__item-col-inner {
  border: 1px solid rgba(185, 47, 159, 0.2);
}

.for__item-col_after .for__item-col-tag {
  color: #ffffff;
  background: #b92f9f;
  background: linear-gradient(45deg, #b92f9f 0%, #360236 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b92f9f", endColorstr="#360236",GradientType=1 );
}

.for__item-col_after .for__item-col-ava:before {
  background: var(--accent) url("../img/quotes-white.svg") center/13px no-repeat;
}

@-webkit-keyframes rightArrow {
  0% {
    transform: translate(-10px, -50%);
  }

  100% {
    transform: translateX(10px, -50%);
  }
}

@keyframes rightArrow {
  0% {
    transform: translate(-10px, -50%);
  }

  100% {
    transform: translateX(10px, -50%);
  }
}

.how-build__container {
  padding-top: var(--sp);
  padding-bottom: var(--sp);
}

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

.how-build__title span {
  color: var(--accent2);
}

.how-build__content {
  border: 1px solid rgba(75, 75, 75, 0.2);
  padding: 15px 50px 50px;
  border-radius: 10px;
}

.how-build__niches {
  padding-top: 50px;
}

.how-build__niches-title {
  font-size: var(--l);
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 16px;
}

.how-build__niches-list {
  margin: -15px;
  display: flex;
  flex-wrap: wrap;
}

.how-build__niches-item {
  flex: 0 0 33.33%;
  padding: 15px;
}

.tab {
  overflow: hidden;
}

.tab__btn-list {
  display: flex;
  border-bottom: 1px solid rgba(75, 75, 75, 0.2);
  margin: 0 -30px;
}

.tab__btn {
  flex: 1 1 auto;
  padding: 0 35px 18px;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  position: relative;
  color: #8A8A8A;
}

.tab__btn b {
  display: inline-block;
  margin-top: 7px;
  font-size: var(--h4);
  font-weight: 700;
}

.tab__btn:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 38px;
  width: 1px;
  background: #C0C0C0;
  transform: translate(0, -50%);
}

.tab__btn.active {
  color: var(--accent);
}

.tab__btn.active:after {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L11.6573 6.55861L17.8183 3.7651L13.7239 9.15005L19.7493 12.2252L12.9863 12.3815L14.3388 19.0097L10 13.8197L5.66116 19.0097L7.01367 12.3815L0.250721 12.2252L6.27611 9.15005L2.18168 3.7651L8.34271 6.55861L10 0Z' fill='%23B92F9F'/%3E%3C/svg%3E") center/contain no-repeat;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}

.tab__content-list {
  padding-top: 40px;
}

.tab__content {
  background: var(--bg2);
  display: none;
  padding: 50px 107px 50px 118px;
  border-radius: 10px;
}

.tab__content.active {
  display: flex;
}

.tab__content-left {
  flex: 0 0 50%;
  padding-right: 70px;
  display: flex;
  flex-direction: column;
}

.tab__content-title {
  flex: 0 0 auto;
  margin-bottom: 20px;
  position: relative;
}

.tab__content-title:before {
  background: url("data:image/svg+xml,%3Csvg width='46' height='27' viewBox='0 0 46 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.0417 1.00049C34.1349 7.5937 37.6745 10.5358 45 13.5005M45 13.5005C37.6745 16.4652 34.1349 19.4073 34.0417 26.0005M45 13.5005H0' stroke='black' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A") center/contain no-repeat;
  content: "";
  display: block;
  width: 45px;
  height: 25px;
  position: absolute;
  right: calc(100% + 20px);
  top: 50%;
  transform: translateY(-50%);
  -webkit-animation-name: rightArrow;
  animation-name: rightArrow;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.tab__content-subtitle {
  flex: 1 1 auto;
  font-size: var(--m);
  margin-bottom: 50px;
}

.tab__content-subtitle b {
  color: var(--accent);
  font-weight: 700;
}

.tab__content-image {
  flex: 0 0 auto;
  height: 102px;
  width: 306px;
  background: center/contain no-repeat;
}

.tab__content-right {
  flex: 0 0 50%;
  padding-left: 55px;
}

.tab__content-text {
  color: #5E5E5E;
}

.niche {
  padding: 30px;
  background: var(--bg2);
  border-radius: 10px;
}

.niche_last {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.niche_last p {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--accent);
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: var(--m);
}

.niche_last p span {
  display: block;
  font-size: 96px;
  line-height: 1.4;
  color: transparent;
  -webkit-text-stroke: 1px var(--accent);
}

.niche_last .btn {
  width: 100%;
}

.niche__img {
  margin-bottom: 23px;
  padding-bottom: 36.66%;
  background: center/cover no-repeat;
  border-radius: 5px;
  overflow: hidden;
}

.niche__title {
  font: 700 var(--m) var(--ff1);
  margin-bottom: 23px;
  text-align: center;
  text-transform: uppercase;
}

.niche__income {
  background: var(--bg);
  margin-bottom: 40px;
  padding: 10px 18px;
  border-radius: 50px;
  text-align: center;
}

.niche__income span:last-child {
  font-weight: 700;
}

.niche__prop {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
}

.niche__prop:last-child {
  margin-bottom: 0;
}

.niche__prop-value {
  display: flex;
}

.niche__prop-star {
  display: block;
  height: 20px;
  width: 20px;
  background: url("../img/star-0.svg");
  margin-right: 2px;
}

.niche__prop-star:last-child {
  margin-right: 0;
}

.niche__prop-value[data-rate="1"] .niche__prop-star:nth-child(1) {
  background: url("../img/star-1.svg");
}

.niche__prop-value[data-rate="2"] .niche__prop-star:nth-child(1),
.niche__prop-value[data-rate="2"] .niche__prop-star:nth-child(2) {
  background: url("../img/star-1.svg");
}

.niche__prop-value[data-rate="3"] .niche__prop-star:nth-child(1),
.niche__prop-value[data-rate="3"] .niche__prop-star:nth-child(2),
.niche__prop-value[data-rate="3"] .niche__prop-star:nth-child(3) {
  background: url("../img/star-1.svg");
}

.niche__prop-value[data-rate="4"] .niche__prop-star:nth-child(1),
.niche__prop-value[data-rate="4"] .niche__prop-star:nth-child(2),
.niche__prop-value[data-rate="4"] .niche__prop-star:nth-child(3),
.niche__prop-value[data-rate="4"] .niche__prop-star:nth-child(4) {
  background: url("../img/star-1.svg");
}

.niche__prop-value[data-rate="5"] .niche__prop-star:nth-child(1),
.niche__prop-value[data-rate="5"] .niche__prop-star:nth-child(2),
.niche__prop-value[data-rate="5"] .niche__prop-star:nth-child(3),
.niche__prop-value[data-rate="5"] .niche__prop-star:nth-child(4),
.niche__prop-value[data-rate="5"] .niche__prop-star:nth-child(5) {
  background: url("../img/star-1.svg");
}

@-webkit-keyframes pulse {
  0% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }

  100% {
    left: -24px;
    top: -24px;
    right: -24px;
    bottom: -24px;
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }

  100% {
    left: -24px;
    top: -24px;
    right: -24px;
    bottom: -24px;
    opacity: 0;
  }
}

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

.lecturer__title {
  text-align: center;
  margin-bottom: 75px;
}

.lecturer__title span {
  color: var(--accent2);
}

.lecturer__info {
  display: flex;
}

.lecturer__info-list {
  flex: 0 0 40%;
  padding-top: 20px;
}

.lecturer__info-list ul {
  padding-right: 95px;
}

.lecturer__info-list ul li {
  padding-left: 47px;
  position: relative;
  margin-bottom: 16px;
}

.lecturer__info-list ul li strong {
  color: var(--accent);
}

.lecturer__info-list ul li:before {
  background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='12.5' stroke='black'/%3E%3Cpath d='M18.6013 10.0557L12 16.6569L7.39878 12.0557' stroke='black'/%3E%3C/svg%3E%0A");
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -4px;
  height: 26px;
  width: 26px;
}

.lecturer__info-list ul li:last-child {
  margin-bottom: 0;
}

.lecturer__info-right {
  flex: 0 0 60%;
  position: relative;
}

.lecturer__info-img {
  position: relative;
  height: 420px;
  width: 420px;
  border-radius: 50%;
  background: center/contain no-repeat;
  overflow: hidden;
  z-index: 2;
}

.lecturer__info-position {
  position: absolute;
  border: 1px solid #000000;
  border-radius: 50px;
  background: var(--bg);
  padding: 14px 25px 14px 14px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.1;
}

.lecturer__info-position_3 {
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 100px;
}

.lecturer__indicators {
  padding-top: 100px;
}

.lecturer__indicators-list {
  margin: -10px;
  display: flex;
}

.lecturer__indicators-item {
  flex: 0 0 33.33%;
  padding: 10px;
}

.lecturer__view {
  padding-top: 100px;
}

.lecturer__video {
  position: relative;
  margin-bottom: 100px;
}

.lecturer__video-preview {
  padding-bottom: 42.74%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.lecturer__video-preview video {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.lecturer__video-preview:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#cc000000",GradientType=0 );
}

.lecturer__video-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 82px;
  width: 100%;
  max-width: 285px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

.lecturer__video-icon {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  width: 100px;
  height: 100px;
  background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='50' fill='white'/%3E%3Cpath d='M63.5 46.4019C65.5 47.5566 65.5 50.4434 63.5 51.5981L47 61.1244C45 62.2791 42.5 60.8357 42.5 58.5263L42.5 39.4737C42.5 37.1643 45 35.7209 47 36.8756L63.5 46.4019Z' fill='%23B92F9F'/%3E%3C/svg%3E%0A") center/contain no-repeat;
  z-index: 2;
  filter: drop-shadow(0px 0px 15px rgba(2, 2, 2, 0.13));
}

.lecturer__video-icon:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #ffffff;
  -webkit-animation: pulse 1.1s linear 0s infinite;
  animation: pulse 1.1s linear 0s infinite;
}

.lecturer__view-title {
  font-size: var(--h4);
  text-align: center;
  line-height: 1.4;
  margin-bottom: 50px;
}

.lecturer__view-title b {
  font-weight: 700;
}

.lecturer__view-logos-wrap {
  overflow: hidden;
}

.lecturer__view-logos {
  display: flex;
  flex-wrap: wrap;
  margin: -5px -4px;
}

.lecturer__view-logo {
  flex: 0 0 16.6666666667%;
  padding: 5px 4px;
  position: relative;
  transform: scale(0);
}

.lecturer__view-logo:before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: #DADADA;
  position: absolute;
  right: 0;
}

.lecturer__view-logos.visible .lecturer__view-logo {
  transform: scale(1);
}

.lecturer__view-logos.visible .lecturer__view-logo:nth-child(1) {
  transition: transform 0.3s ease 0.1s;
}

.lecturer__view-logos.visible .lecturer__view-logo:nth-child(2) {
  transition: transform 0.3s ease 0.2s;
}

.lecturer__view-logos.visible .lecturer__view-logo:nth-child(3) {
  transition: transform 0.3s ease 0.3s;
}

.lecturer__view-logos.visible .lecturer__view-logo:nth-child(4) {
  transition: transform 0.3s ease 0.4s;
}

.lecturer__view-logos.visible .lecturer__view-logo:nth-child(5) {
  transition: transform 0.3s ease 0.5s;
}

.lecturer__view-logos.visible .lecturer__view-logo:nth-child(6) {
  transition: transform 0.3s ease 0.6s;
}

.lecturer__view-logo-item {
  padding-bottom: 50%;
  background: center/contain no-repeat;
}

.indicator {
  border: 1px solid #DADADA;
  border-radius: 10px;
  padding: 35px;
  height: 100%;
}

.indicator__title {
  margin-bottom: 30px;
  font-size: 60px;
  font-weight: 700;
  color: var(--accent);
  line-height: 0.9;
}

.indicator__text {
  font-size: var(--s);
  line-height: 1.3;
}

.indicator__image {
  height: 55px;
  width: 131px;
  margin-bottom: 30px;
  background: center/contain no-repeat;
}

.need {
  background: #360236;
  background: linear-gradient(45deg, #360236 1%, #8b1f7a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#360236", endColorstr="#8b1f7a",GradientType=1 );
}

.need__container {
  padding-top: var(--sp);
  padding-bottom: var(--sp);
  color: var(--bg);
}

.need__title {
  color: var(--bg);
  text-align: center;
  margin-bottom: 15px;
}

.need__title span {
  color: var(--accent3);
}

.need__subtitle {
  text-align: center;
  font-size: var(--h4);
  line-height: 1.4;
  margin-bottom: 35px;
}

.need__subtitle span {
  display: inline-block;
  padding: 0 22px;
  position: relative;
}

.need__subtitle span:before,
.need__subtitle span:after {
  content: "";
  display: block;
  height: 7px;
  width: 7px;
  background: var(--bg);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.need__subtitle span:before {
  left: 0;
}

.need__subtitle span:after {
  right: 0px;
}

.need__row {
  display: flex;
  margin: -10px;
}

.need__row_last {
  margin: 0;
  padding-top: var(--sp);
}

.need__item {
  flex: 0 0 50%;
  padding: 10px;
}

.need__item-inner {
  background: var(--bg);
  color: var(--text-color);
  border-radius: 5px;
  padding: 40px;
  height: 100%;
}

.need__item-title {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 40px;
}

.need__item-title span {
  color: var(--accent2);
}

.need__item-title:before {
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  margin-right: 20px;
}

.need__item-title_no-need:before {
  background: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15.002' r='14.5' stroke='%23BC1925'/%3E%3Cpath d='M19.6153 10.3848L14.9999 15.0002M14.9999 15.0002L10.3845 19.6155M14.9999 15.0002L19.6153 19.6155M14.9999 15.0002L10.3845 10.3848' stroke='%23BC1925'/%3E%3C/svg%3E") center/contain no-repeat;
}

.need__item-title_need:before {
  background: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15.002' r='14.5' stroke='%2318AC30'/%3E%3Cpath d='M21.2308 10.002L13.6154 18.6173L9 14.002' stroke='%2318AC30'/%3E%3C/svg%3E%0A") center/contain no-repeat;
}

.need__item-content {
  font-size: var(--m);
}

.need__item-content ul {
  padding-left: 30px;
  list-style: disc;
}

.need__item-content ul li {
  margin-bottom: 10px;
  line-height: 1.4;
}

.need__item-content ul li:last-child {
  margin-bottom: 0;
}

.need__left {
  flex: 0 0 50%;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
  padding-right: 10px;
}

.need__left span {
  color: var(--accent3);
}

.need__right {
  flex: 0 0 50%;
  padding-left: 80px;
}

.need__btn-wrap {
  padding-top: 30px;
}

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

.packages__title span {
  color: var(--accent2);
}

.packages__main {
  margin-bottom: 90px;
}

.packages__row {
  margin: -35px;
  display: flex;
}

.packages__item-wrap {
  flex: 0 0 50%;
  padding: 35px;
}

.packages__item {
  border-radius: 10px 10px 0px 0px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.packages__item-img {
  flex: 0 0 auto;
  padding-bottom: 43%;
  background: center/cover no-repeat;
}

.packages__item-content {
  flex: 1 1 auto;
  padding: 0 30px 20px 30px;
  border-radius: 0 0 10px 10px;
  border: 1px solid rgba(75, 75, 75, 0.2);
  display: flex;
  flex-direction: column;
}

.packages__item-content strong {
  font-weight: 700;
}

.packages__item-pretitle-wrap {
  text-align: center;
}

.packages__item-pretitle {
  display: inline-block;
  transform: translateY(-50%);
  padding: 19px 25px;
  color: #ffffff;
  border-radius: 50px;
  font-size: var(--s);
}

.packages__item-pretitle_dark {
  background: #23232E;
  padding-left: 20px;
  padding-right: 20px;
}

.packages__item-pretitle_color {
  background: var(--accent);
  margin-bottom: 2px;
}

.packages__item-title {
  font-size: 35px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  padding: 0 30px;
  margin-bottom: 35px;
}

.packages__item-text-1 {
  margin-bottom: 30px;
  padding: 0 10px;
  min-height: 325px;
  font-size: var(--s);
}

.packages__item-text-1 ul {
  list-style: disc;
  padding-left: 25px;
}

.packages__item-text-1 ul li {
  margin-bottom: 10px;
}

.packages__item-text-1 ul li:last-child {
  margin-bottom: 0;
}

.packages__item-text-2 {
  background: #F5F5F5;
  padding: 30px 23px;
  border-radius: 10px;
  margin-bottom: 30px;
  font-size: var(--s);
}

.packages__item-text-2 p {
  margin-bottom: 15px;
}

.packages__item-text-2 p:last-child {
  margin-bottom: 0;
}

.packages__item-price {
  margin-bottom: 15px;
  font-weight: 700;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.packages__item-price span:first-child {
  color: transparent;
  -webkit-text-stroke: 1px var(--text-color);
  font-size: 70px;
}

.packages__item-price span:last-child {
  display: inline-block;
  padding-top: 15px;
  padding-left: 5px;
  font-size: 22px;
}

.packages__item-bottom {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.packages__item-btn {
  margin-bottom: 22px;
}

.packages__item-btn .btn {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

.packages__item-places {
  text-align: center;
}

.packages__bottom {
  background: #F5F5F5;
  border-radius: 10px;
  padding: 60px 200px;
  position: relative;
  text-align: center;
  font-size: var(--m);
}

.packages__bottom:before,
.packages__bottom:after {
  content: "";
  display: block;
  height: 125px;
  width: 125px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.packages__bottom:before {
  background: url("../img/hand-left.png") center/contain no-repeat;
  left: 40px;
}

.packages__bottom:after {
  background: url("../img/hand-right.png") center/contain no-repeat;
  right: 40px;
}

.packages__bottom-icon {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23B92F9F'/%3E%3Cpath d='M21.8275 35.0801C21.8275 34.16 22.1281 33.3931 22.7293 32.7797C23.3305 32.1443 24.082 31.8266 24.9837 31.8266C25.907 31.8266 26.6692 32.1443 27.2704 32.7797C27.8715 33.3931 28.1721 34.16 28.1721 35.0801C28.1721 36.0222 27.8715 36.8 27.2704 37.4135C26.6692 38.0269 25.907 38.3337 24.9837 38.3337C24.082 38.3337 23.3305 38.0269 22.7293 37.4135C22.1281 36.8 21.8275 36.0222 21.8275 35.0801ZM27.528 26.7515H22.4717L21.6665 11.667H28.3332L27.528 26.7515Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
}

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

.notif__content {
  font-size: var(--h2);
  font-weight: 700;
}

.notif__content strong {
  color: var(--accent);
}

.notif__content img {
  margin: 0 5px;
  transform: translateY(15px);
}

.notif__content p {
  margin-bottom: 75px;
}

.notif__content p:last-child {
  margin-bottom: 0;
}

.notif__content span.accent {
  display: inline-block;
  padding: 0 25px;
  border-radius: 50px;
}

.notif__content span.accent_1 {
  border: 1px solid var(--accent);
}

.notif__content span.accent_2 {
  border: 1px solid var(--accent3);
}

.notif__btn {
  padding-top: 15px;
  text-align: center;
}

.question {
  background: var(--bg2);
}

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

.question__title {
  margin-bottom: 10px;
  text-align: center;
}

.question__subtitle {
  text-align: center;
  font-size: var(--m);
  margin-bottom: 50px;
}

.question__content-wrap {
  position: relative;
}

.question__content {
  background: var(--bg);
  padding: 65px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
}

.question__content-inner {
  position: relative;
}

.question__slider-buttons-wrap {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 2;
}

.question__main-slider-wrap {
  overflow: hidden;
}

.question__slider-btn {
  height: 68px;
  width: 68px;
  border: 1px solid #000000;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  z-index: 1;
  background: url("data:image/svg+xml,%3Csvg width='41' height='24' viewBox='0 0 41 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6578 23L1 12M1 12L11.6578 1M1 12H41' stroke='black'/%3E%3C/svg%3E%0A") center/40px 22px no-repeat;
  cursor: pointer;
  overflow: hidden;
}

.question__slider-btn.swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
}

.question__slider-btn_prev {
  left: 0;
  transform: translate(-50%, -50%);
}

.question__slider-btn_next {
  right: 0;
  transform: translate(50%, -50%) rotate(180deg);
}

.slider-buttons {
  flex: 0 0 58.8%;
  position: relative;
  overflow: hidden;
}

.slider-buttons__btn {
  display: inline-block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 50px;
  border: 1px solid #BBBBBB;
  color: #BBBBBB;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
}

.slider-buttons .swiper-slide-thumb-active .slider-buttons__btn {
  background: var(--accent);
  border: 1px solid var(--accent);
  color: #ffffff;
}

@-webkit-keyframes finger {
  0% {
    transform: translateX(200px);
  }

  100% {
    transform: translateX(0px);
    visibility: hidden;
  }
}

@keyframes finger {
  0% {
    transform: translateX(200px);
  }

  100% {
    transform: translateX(0px);
    visibility: hidden;
  }
}

.quest-slider__slide {
  display: flex;
  transition: visibility 0s ease 0s;
  transition-property: none;
  visibility: hidden;
  opacity: 1;
}

.quest-slider__slide.swiper-slide-visible {
  visibility: visible;
  opacity: 1;
}

.quest-slider__slide-left {
  flex: 0 0 41.2%;
  padding-right: 107px;
}

.quest-slider__slide-big-img {
  padding-bottom: 149%;
  background: center/contain no-repeat;
}

.quest-slider__slide-right {
  flex: 0 0 58.8%;
  padding-right: 75px;
  padding-top: 97px;
}

.quest-slider__slide-question-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 33px;
  transform: translateY(-20px);
  opacity: 0;
}

.quest-slider__slide-question-ava {
  flex: 0 0 auto;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  border: 1px solid #000000;
  background: center/cover no-repeat;
  margin-right: 25px;
}

.quest-slider__slide-question {
  font-weight: 700;
  font-size: var(--m);
}

.quest-slider__slide-answer-wrap {
  transform: translateY(-20px);
  opacity: 0;
}

.quest-slider__slide-answer-head {
  display: flex;
  align-items: center;
}

.quest-slider__slide-expert-ava {
  flex: 0 0 auto;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  border: 1px solid var(--accent);
  background: center/cover no-repeat;
  margin-right: 25px;
}

.quest-slider__slide-answer-title {
  color: var(--accent);
  font-size: var(--xs);
}

.quest-slider__slide-answer-content {
  padding-left: 96px;
}

.quest-slider__slide-answer-content p {
  margin-bottom: 15px;
}

.quest-slider__slide-answer-content p:last-child {
  margin-bottom: 0;
}

.question__content-wrap.visible .swiper-slide-visible .quest-slider__slide-question-wrap {
  transform: translateY(0px);
  opacity: 1;
  transition: transform 0.5s ease 0.5s, opacity 0.5s ease 0.5s;
}

.question__content-wrap.visible .swiper-slide-visible .quest-slider__slide-answer-wrap {
  transform: translateY(0px);
  opacity: 1;
  transition: transform 0.5s ease 2s, opacity 0.5s ease 2s;
}

@media (min-width: 1261px) {
  .header__container {
    max-width: 1500px;
  }

  .header__burger {
    display: none;
  }

  .hero__container {
    max-width: 1500px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero__row {
    display: flex;
  }

  .for__item-btn-col .btn {
    width: 100%;
  }

  .for__item:nth-child(odd) .for__item-btn-col {
    order: 1;
    transform: translateY(50%);
    opacity: 0;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  }

  .for__item:nth-child(odd) .for__item-col_now {
    order: 2;
    transform: translateY(50%);
    opacity: 0;
    transition: transform 0.5s ease 0.5s, opacity 0.5s ease 0.5s;
  }

  .for__item:nth-child(odd) .for__item-col_after {
    order: 3;
    transform: translateY(50%);
    opacity: 0;
    transition: transform 0.5s ease 1s, opacity 0.5s ease 1s;
  }

  .for__item:nth-child(even) .for__item-col_now {
    order: 1;
    transform: translateY(50%);
    opacity: 0;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  }

  .for__item:nth-child(even) .for__item-col_after {
    order: 2;
    transform: translateY(50%);
    opacity: 0;
    transition: transform 0.5s ease 0.5s, opacity 0.5s ease 0.5s;
  }

  .for__item:nth-child(even) .for__item-btn-col {
    order: 3;
    transform: translateY(50%);
    opacity: 0;
    transition: transform 0.5s ease 1s, opacity 0.5s ease 1s;
  }

  .for__item.visible .for__item-btn-col {
    transform: translateY(0%);
    opacity: 1;
  }

  .for__item.visible .for__item-col_now {
    transform: translateY(0%);
    opacity: 1;
  }

  .for__item.visible .for__item-col_after {
    transform: translateY(0%);
    opacity: 1;
  }

  .lecturer__info-positions {
    position: absolute;
    top: 0;
    right: 0;
    height: 420px;
    width: 420px;
    border-radius: 50%;
    background: var(--bg2);
    overflow: hidden;
    z-index: 1;
  }

  .lecturer__info-position:before {
    content: "";
    display: block;
    height: 23px;
    width: 23px;
    position: absolute;
  }

  .lecturer__info-position_1 {
    top: 20%;
    left: 25%;
    padding-right: 50px;
    padding-left: 28px;
    transform: rotate(24.66deg);
  }

  .lecturer__info-position_1:before {
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    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%3Ccircle cx='12.3699' cy='11.6255' r='11.5' fill='%23D9D9D9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3698 17.8177C12.3574 14.402 9.58979 11.6369 6.17749 11.6369C9.59741 11.6369 12.3698 8.85933 12.3698 5.43311C12.3821 8.84882 15.1498 11.6139 18.5621 11.6139C15.1421 11.6139 12.3698 14.3915 12.3698 17.8177Z' stroke='%234F4F4F' stroke-width='0.893939'/%3E%3C/svg%3E%0A") center/contain no-repeat;
  }

  .lecturer__info-position_2 {
    top: 47%;
    left: 55%;
    transform: rotate(-13deg);
    padding-left: 50px;
  }

  .lecturer__info-position_2:before {
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    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%3Ccircle cx='12.1189' cy='12.1079' r='11.5' fill='%23D9D9D9'/%3E%3Cpath d='M12.12 12.1017L12.1188 5.91553L12.1176 12.1017M12.1223 12.1027L16.4974 7.72921L12.124 12.1044M12.1249 12.1066L18.3111 12.1078L12.1249 12.109M12.124 12.1113L16.4974 16.4864L12.1223 12.113M12.12 12.1139L12.1188 18.3001L12.1176 12.1139M12.1154 12.113L7.7402 16.4864L12.1137 12.1113M12.1127 12.109L5.92651 12.1078L12.1127 12.1066M12.1137 12.1044L7.7402 7.72921L12.1154 12.1027' stroke='%234F4F4F' stroke-width='0.893939'/%3E%3C/svg%3E%0A") center/contain no-repeat;
  }

  .lecturer__info-position_3 {
    top: 65%;
    left: 22%;
    transform: rotate(18.35deg);
  }

  .lecturer__info-position_3:before {
    top: 165%;
    left: 55%;
    transform: rotate(-18.35deg);
    background: 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%3Ccircle cx='11.5' cy='11.5' r='11.5' fill='%23D9D9D9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.6922 11.4999C17.6922 11.4999 14.9199 15.0383 11.4999 15.0383C8.08002 15.0383 5.30762 11.4999 5.30762 11.4999C5.30762 11.4999 8.08002 7.96143 11.4999 7.96143C14.9199 7.96143 17.6922 11.4999 17.6922 11.4999ZM11.4999 12.9751C12.3944 12.9751 13.1194 12.3146 13.1194 11.4999C13.1194 10.6851 12.3944 10.0246 11.4999 10.0246C10.6055 10.0246 9.8804 10.6851 9.8804 11.4999C9.8804 12.3146 10.6055 12.9751 11.4999 12.9751Z' stroke='%234F4F4F' stroke-width='0.893939'/%3E%3C/svg%3E%0A") center/cover no-repeat;
  }

  .packages__container {
    padding: var(--sp) 90px;
  }
}

@media only screen and (max-width: 1500px) {
  .hero__title span,
  .hero__title strong {
    /* font-size: 170px; */
    font-size: 130px;
  }
}

@media (max-width: 1260px) {
  :root {
    --container-width: 760px;
    --sp: 50px;
    --h1: 48px;
    --h2: 36px;
    --h3: 29px;
    --h4: 20px;
    --l: 20px;
    --m: 18px;
    --s: 14px;
  }

  .header__control {
    position: fixed;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #ffffff;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 100px;
    padding-right: calc((100vw - 760px) / 2 + 20px);
    box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.437);
    transform: translateX(100%);
    transition: transform var(--tr);
  }

  .header__control._open {
    transform: translateX(0);
  }

  .header__menu {
    flex-direction: column;
    margin: 0;
    /* margin-bottom: 40px; */
  }

  .header__menu li {
    padding: 0;
    text-align: right;
    margin-bottom: 30px;
  }

  .footer__menu {
    flex: 0 0 33.33%;
    flex-direction: column;
  }

  .footer__menu .menu-item {
    margin-right: 20px;
    margin-bottom: 5px;
  }

  .footer__menu .menu-item:last-child {
    margin-bottom: 0px;
  }

  .header__lang {
    margin-bottom: 40px;
  }

  .footer__mail-wrap {
    flex: 0 0 33.33%;
  }

  .footer__mail-wrap a {
    display: block;
  }

  .footer__social-list {
    flex: 0 0 33.33%;
    justify-content: center;
  }

  .footer__bottom-copywrite {
    flex: 0 0 33.33%;
  }

  .footer__bottom-add-links {
    flex: 0 0 33.33%;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
  }

  .footer__bottom-add-links a {
    margin-right: 0px;
  }

  .footer__bottom-dev {
    flex: 0 0 33.33%;
  }

  .hero__container {
    padding-bottom: 5.43vh;
  }

  .hero__left {
    padding-left: 0px;
  }

  .hero__tags {
    justify-content: center;
    padding-left: 0;
    padding-bottom: 2.04vh;
  }

  .hero__title {
    text-align: center;
  }

  .hero__title span,
  .hero__title strong {
    display: inline-block;
    font-size: 80px;
  }

  .hero__title span:last-of-type,
  .hero__title strong:last-of-type {
    padding-left: 0px;
  }

  .hero__title b:last-of-type {
    text-align: center;
  }

  .hero__right {
    padding: 0 20%;
  }

  .hero__cube {
    padding-bottom: 0;
    height: 35vh;
    max-height: 400px;
    width: 100%;
  }

  .second__item {
    margin-bottom: 40px;
    font-size: 28px;
  }

  .second__item:first-child {
    font-size: 36px;
  }

  .about__row {
    flex-wrap: wrap;
  }

  .about__item {
    flex: 0 0 50%;
    min-height: 332px;
  }

  .about__item-inner {
    padding: 70px 30px;
  }

  .about__item:last-child {
    flex: 0 0 100%;
  }

  .about__btn-wrap {
    padding-top: 120px;
  }

  .how-work__row {
    flex-wrap: wrap;
  }

  .how-work__item {
    flex: 0 0 100%;
  }

  .how-work__item-inner {
    flex-direction: row;
  }

  .how-work__item-top {
    flex: 0 0 50%;
    padding: 30px 25px;
  }

  .how-work__item-decor {
    display: none;
  }

  .how-work__item-content {
    margin-bottom: 0;
  }

  .how-work__item-image-wrap {
    flex: 0 0 50%;
    padding-right: 25px;
  }

  .how-work__item-image {
    padding-bottom: 75%;
    background: bottom/contain no-repeat;
    height: 100%;
  }

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

  .for__item {
    padding: 40px 0;
  }

  .for__item:last-child {
    padding-bottom: 0;
  }

  .for__item-head {
    margin-bottom: 30px;
  }

  .for__item-row {
    flex-wrap: wrap;
  }

  .for__item-col {
    flex: 0 0 50%;
  }

  .for__item-col_now {
    order: 1;
  }

  .for__item-col_after {
    order: 2;
  }

  .for__item-col-inner {
    padding: 25px;
  }

  .for__item-col-head {
    margin-bottom: 30px;
  }

  .for__item-col-ava-wrap {
    text-align: center;
  }

  .for__item-btn-col {
    order: 3;
    flex: 0 0 100%;
    padding-top: 30px;
  }

  .for__item-image {
    display: none;
  }

  .how-build__content {
    padding: 15px 40px 40px;
  }

  .how-build__niches-list {
    margin: -10px;
  }

  .how-build__niches-item {
    flex: 0 0 50%;
    padding: 10px;
  }

  .tab__btn-list {
    flex-wrap: wrap;
    border-bottom: none;
  }

  .tab__btn {
    flex: 1 1 25%;
    padding: 0 35px 30px;
    border-bottom: 1px solid rgba(75, 75, 75, 0.2);
  }

  .tab__content {
    padding: 50px 50px 50px 100px;
    flex-direction: column;
  }

  .tab__content-left {
    flex: 0 0 auto;
    padding-right: 0px;
  }

  .tab__content-title {
    order: 2;
  }

  .tab__content-subtitle {
    flex: 0 0 auto;
    order: 3;
    margin-bottom: 50px;
  }

  .tab__content-image {
    order: 1;
    height: initial;
    width: initial;
    padding-bottom: 33.333%;
    margin-bottom: 30px;
  }

  .tab__content-right {
    flex: 0 0 auto;
    padding-left: 0px;
  }

  .niche {
    padding: 20px;
  }

  .niche__income {
    font-size: var(--s);
  }

  .niche__prop-name {
    font-size: var(--s);
  }

  .lecturer__title {
    margin-bottom: 50px;
  }

  .lecturer__info {
    flex-wrap: wrap;
  }

  .lecturer__info-list {
    flex: 0 0 50%;
  }

  .lecturer__info-list ul {
    padding-right: 30px;
  }

  .lecturer__info-right {
    flex: 0 0 50%;
  }

  .lecturer__info-img {
    padding-bottom: 100%;
    height: auto;
    width: auto;
  }

  .lecturer__info-position {
    z-index: 3;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .lecturer__info-position_1 {
    bottom: 3%;
    left: -30px;
    transform: rotate(-10deg);
  }

  .lecturer__info-position_2 {
    bottom: 10%;
    left: 27%;
    transform: rotate(5deg);
  }

  .lecturer__info-position_3 {
    bottom: -10px;
    right: 0;
    transform: rotate(5deg);
  }

  .lecturer__indicators {
    padding-top: 75px;
  }

  .lecturer__indicators-list {
    margin: -5px;
  }

  .lecturer__indicators-item {
    padding: 5px;
  }

  .lecturer__view {
    padding-top: 75px;
  }

  .lecturer__video {
    margin-bottom: 75px;
  }

  .lecturer__video-preview {
    padding-bottom: 50%;
  }

  .lecturer__video-icon {
    width: 80px;
    height: 80px;
  }

  .lecturer__view-title {
    margin-bottom: 40px;
  }

  .indicator {
    padding: 15px;
  }

  .indicator__title {
    line-height: 1.2;
    font-size: 48px;
    margin-bottom: 15px;
  }

  .indicator__image {
    margin-bottom: 15px;
  }

  .need__item-inner {
    padding: 20px;
  }

  .need__item-title {
    margin-bottom: 20px;
  }

  .need__left {
    font-size: 24px;
  }

  .need__right {
    padding-left: 40px;
  }

  .need__btn-wrap {
    text-align: center;
  }

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

  .packages__title {
    margin-bottom: 40px;
  }

  .packages__main {
    margin-bottom: 75px;
  }

  .packages__row {
    margin: -10px;
  }

  .packages__item-wrap {
    padding: 10px;
    overflow: hidden;
  }

  .packages__item-content {
    padding: 0 15px 15px 15px;
  }

  .packages__item-pretitle_dark {
    margin-bottom: -20px;
  }

  .packages__item-pretitle {
    width: 100%;
  }

  .packages__item-title {
    font-size: 26px;
    margin-bottom: 30px;
  }

  .packages__item-text-1 {
    min-height: 375px;
  }

  .packages__bottom-icon {
    height: 40px;
    width: 40px;
  }

  .notif__content {
    text-align: center;
  }

  .notif__content p {
    margin-bottom: 50px;
  }

  .notif__content p {
    margin-bottom: 40px;
  }

  .question__subtitle {
    margin-bottom: 40px;
  }

  .question__content {
    padding: 20px;
  }

  .slider-buttons {
    flex: 0 0 100%;
  }

  .quest-slider__slide-left {
    padding-top: 80px;
    padding-right: 30px;
  }

  .quest-slider__slide-right {
    padding-top: 80px;
    padding-right: 0px;
  }

  .quest-slider__slide-question-wrap {
    margin-bottom: 25px;
  }

  .quest-slider__slide-question-ava {
    height: 50px;
    width: 50px;
  }

  .quest-slider__slide-question {
    font-size: var(--s);
  }

  .quest-slider__slide-expert-ava {
    height: 50px;
    width: 50px;
  }

  .quest-slider__slide-answer-title {
    font-size: var(--s);
  }

  .quest-slider__slide-answer-content {
    padding-left: 76px;
  }
}

@media (max-width: 760px) {
  :root {
    --container-width: 360px;
    --sp: 50px;
    --h1: 24px;
    --h2: 24px;
    --h3: 18px;
    --l: 18px;
    --m: 16px;
    --s: 14px;
  }

  .header__control {
    width: 100%;
    align-items: center;
    box-shadow: none;
    padding: 100px calc((100vw - 360px) / 2 + 15px) 0;
  }

  .header__menu li {
    text-align: center;
  }

  .header__lang {
    margin-left: auto;
    margin-right: auto;
  }

  .header__btn {
    margin-left: 0;
  }

  .footer__top {
    flex-direction: column;
    align-items: center;
    padding: 30px 0 20px;
  }

  .footer__menu {
    flex: 0 0 auto;
    align-items: center;
    margin-bottom: 30px;
  }

  .footer__menu .menu-item {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .footer__mail-wrap {
    flex: 0 0 auto;
    text-align: center;
    margin-bottom: 30px;
  }

  .footer__mail-wrap a {
    margin-top: 10px;
  }

  .footer__bottom {
    flex-direction: column;
  }

  .footer__bottom-copywrite {
    flex: 0 0 auto;
    margin-bottom: 30px;
    text-align: center;
  }

  .footer__bottom-add-links {
    flex: 0 0 auto;
    text-align: center;
    margin-bottom: 30px;
  }

  .footer__bottom-add-links a {
    margin-bottom: 5px;
  }

  .footer__bottom-add-links a:last-child {
    margin-bottom: 0;
  }

  .footer__bottom-dev {
    flex: 0 0 auto;
  }

  .hero {
    height: var(--screen-height);
    padding-bottom: 60px;
  }

  .hero__container {
    padding-top: 2.72vh;
    justify-content: flex-start;
    padding-bottom: 0;
  }

  .hero__tags {
    padding-bottom: 2.04vh;
  }

  .hero__tag {
    font-size: 1.9vh;
    padding: 0.68vh 4.08vh;
  }

  .hero__tag:before {
    left: 2.45vh;
  }

  .hero__tag:after {
    right: 2.45vh;
  }

  .hero__title span,
  .hero__title strong {
    font-size: 55px;
  }

  .hero__title span:last-of-type,
  .hero__title strong:last-of-type {
    padding-left: 0px;
    margin-top: 0;
  }

  .hero__right {
    margin-top: 0px;
    padding: 0 0;
  }

  .hero__cube {
    padding-bottom: 0;
    height: 41vh;
    max-height: 340px;
    width: 100%;
  }

  .hero__cube-inner {
    transform: translateY(0px) scale(1.1);
  }

  .hero__bottom {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: static;
    padding-top: 0px;
    padding-bottom: 2.04vh;
  }

  .second__item {
    font-size: 22px;
  }

  .second__item:first-child {
    font-size: 28px;
  }

  .about__item {
    flex: 0 0 100%;
    min-height: 250px;
  }

  .about__item-inner {
    padding: 30px 30px;
  }

  .about__item:last-child .about__item-inner:before {
    height: 190px;
    width: 190px;
    top: 55%;
  }

  .about__btn-wrap .btn {
    min-width: 100%;
  }

  .how-work__item-inner {
    flex-direction: column;
  }

  .how-work__item-image-wrap {
    flex: 0 0 auto;
    padding-right: 0px;
  }

  .how-work__item-image {
    padding-bottom: 57%;
    height: initial;
  }

  .for__item {
    padding: 30px 0;
  }

  .for__item:last-child {
    padding-bottom: 0;
  }

  .for__item-col {
    flex: 0 0 100%;
    padding: 10px 10px;
  }

  .for__item-btn-col {
    padding-top: 10px;
  }

  .how-build__content {
    padding: 15px;
  }

  .how-build__niches-list {
    margin: -20px -15px;
  }

  .how-build__niches-item {
    flex: 0 0 100%;
    padding: 20px 15px;
  }

  .tab__btn-list {
    margin: -15px -20px;
  }

  .tab__btn {
    padding: 15px 20px 15px;
  }

  .tab__content {
    padding: 25px;
  }

  .tab__content-title:before {
    display: none;
  }

  .tab__content-subtitle {
    margin-bottom: 30px;
  }

  .tab__content-text {
    font-size: var(--s);
  }

  .niche_last p {
    margin-bottom: 30px;
  }

  .niche_last .btn {
    font-size: var(--s);
  }

  .niche__income {
    margin-bottom: 30px;
  }

  .lecturer__info-list {
    flex: 0 0 100%;
    order: 2;
  }

  .lecturer__info-right {
    order: 1;
    flex: 0 0 100%;
    padding: 0 30px;
    margin-bottom: 30px;
  }

  .lecturer__info-position {
    font-size: 10px;
  }

  .lecturer__info-position_1 {
    bottom: 0;
    left: 0;
  }

  .lecturer__info-position_2 {
    transform: rotate(0deg);
    left: 45%;
  }

  .lecturer__info-position_3 {
    bottom: -30px;
  }

  .lecturer__indicators {
    padding-top: 50px;
  }

  .lecturer__indicators-list {
    flex-wrap: wrap;
    margin: -10px;
  }

  .lecturer__indicators-item {
    flex: 0 0 100%;
    padding: 10px;
  }

  .lecturer__view {
    padding-top: 50px;
  }

  .lecturer__video {
    margin-bottom: 60px;
  }

  .lecturer__video-preview {
    padding-bottom: 60%;
  }

  .lecturer__view-logo {
    flex: 0 0 33.3333333333%;
  }

  .need__row {
    flex-wrap: wrap;
  }

  .need__item {
    flex: 0 0 100%;
  }

  .need__left {
    font-size: var(--l);
    text-align: center;
    flex: 0 0 100%;
  }

  .need__right {
    flex: 0 0 100%;
    padding-top: 30px;
    padding-left: 0px;
    text-align: center;
    font-size: var(--xs);
  }

  .packages__main {
    margin-bottom: 50px;
  }

  .packages__row {
    flex-wrap: wrap;
  }

  .packages__item-wrap {
    flex: 0 0 100%;
  }

  .packages__item-title {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .packages__item-text-1 {
    min-height: auto;
  }

  .packages__item-text-2 {
    margin-bottom: 15px;
  }

  .packages__item-price span:first-child {
    font-size: 64px;
  }

  .packages__item-price span:last-child {
    font-size: 16px;
  }

  .packages__bottom {
    padding: 15px 20px;
  }

  .packages__bottom:before,
  .packages__bottom:after {
    display: none;
  }

  .packages__bottom-icon {
    height: 25px;
    width: 25px;
  }

  .question__content {
    padding: 15px;
    overflow: hidden;
  }

  .question__slider-btn {
    display: none;
  }

  .slider-buttons {
    flex: 0 0 auto;
    width: 100%;
    overflow: visible;
  }

  .slider-buttons.visible::before {
    content: "";
    display: block;
    height: 50px;
    width: 50px;
    background: url("../img/finger.png") center/contain no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    pointer-events: none;
    -webkit-animation-name: finger;
    animation-name: finger;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  .quest-slider__slide-left {
    display: none;
  }

  .quest-slider__slide-right {
    flex: 0 0 100%;
  }

  .quest-slider__slide-question-wrap {
    align-items: flex-start;
  }

  .quest-slider__slide-question-ava {
    height: 40px;
    width: 40px;
    margin-right: 15px;
  }

  .quest-slider__slide-expert-ava {
    height: 40px;
    width: 40px;
    margin-right: 15px;
  }

  .quest-slider__slide-answer-content {
    padding-left: 56px;
  }
}