@charset "UTF-8";

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: 'Roboto Flex';
  src: url('../fonts/Roboto_Flex/RobotoFlex.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: 'SF Pro Display';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/SF_Pro_Display/SF-Pro-Display-Semibold.eot');
  src:
    url('../fonts/SF_Pro_Display/SF-Pro-Display-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SF_Pro_Display/SF-Pro-Display-Semibold.woff') format('woff'),
    url('../fonts/SF_Pro_Display/SF-Pro-Display-Semibold.ttf') format('truetype'),
    url('../fonts/SF_Pro_Display/SF-Pro-Display-Semibold.svg#SF Pro Display') format('svg');
}

@font-face {
  font-family: 'SF Pro Display';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/SF_Pro_Display/SF-Pro-Display-Bold.eot');
  src:
    url('../fonts/SF_Pro_Display/SF-Pro-Display-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SF_Pro_Display/SF-Pro-Display-Bold.woff') format('woff'),
    url('../fonts/SF_Pro_Display/SF-Pro-Display-Bold.ttf') format('truetype'),
    url('../fonts/SF_Pro_Display/SF-Pro-Display-Bold.svg#SF Pro Display') 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: 1380px;
  --transition: 0.3s ease;
  --tr: 0.3s ease;
  --default-font-family: 'Roboto Flex';
  --sp: 60px;
  --text-primary: rgba(255, 255, 255, 0.7);
  --text-secondary: rgba(0, 1, 13, 0.7);
  --bg-primary: #00010d;
  --bg-secondary: #fff;
  --white: #fff;
  --white-80: rgba(255, 255, 255, 0.8);
  --white-70: rgba(255, 255, 255, 0.7);
  --white-60: rgba(255, 255, 255, 0.6);
  --white-50: rgba(255, 255, 255, 0.5);
  --black: #000;
  --black-70: rgba(0, 1, 13, 0.7);
  --green: #74c740;
  --gradient: linear-gradient(181deg, #6c62e7 -2.92%, #483dcc 99.95%);
  --title-gradient: linear-gradient(98deg, #fff 7.89%, #86afc3 53.19%, #9f77b4 98.49%);
  --fz-default: 16px;
  --h1: 120px;
  --h2: 50px;
  --h3: 24px;
  --swiper-pagination-color: var(--white);
  --swiper-pagination-bullet-inactive-color: var(--white);
  --swiper-pagination-bottom: 16px;
  --margin-default: 50px;
  --gap-default: 24px;
}

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

*,
*: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%;
}

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

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

.swiper-btn {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='61' viewBox='0 0 47 61' fill='none'%3E%3Ccircle opacity='0.2' cx='30.7928' cy='29.6356' r='16.2069' fill='%23E081F7'/%3E%3Cpath d='M25.4303 37.1099L30.8355 31.7047H9.91821e-05V29.1865H30.8355L25.4303 23.7813L27.2106 22.001L35.6553 30.4456L27.2106 38.8903L25.4303 37.1099Z' fill='%23E081F7'/%3E%3C/svg%3E")
    center/contain no-repeat;
  width: 47px;
  height: 60px;
  cursor: pointer;
}

body._lock {
  overflow: hidden;
}

.course-info {
  display: flex;
  gap: 24px;
}

.course-info-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.course-info-item__text {
  font-size: 14px;
  white-space: nowrap;
}

.course-info-item__icon {
  aspect-ratio: 1/1;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-button-next,
.swiper-button-prev {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--white);
  transition: var(--transition);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_209_279)'%3E%3Cpath d='M9.32171 12.833H23.3334V15.1663H9.32171V18.6663L4.66671 13.9997L9.32171 9.33301V12.833Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_209_279'%3E%3Crect width='28' height='28' fill='white' transform='matrix(-1 0 0 1 28 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    no-repeat center/contain;
  content: '' !important;
  width: 28px;
  height: 28px;
  will-change: transform;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: var(--white);
}

.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
  background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_209_279)'%3E%3Cpath d='M9.32171 12.833H23.3334V15.1663H9.32171V18.6663L4.66671 13.9997L9.32171 9.33301V12.833Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_209_279'%3E%3Crect width='28' height='28' fill='white' transform='matrix(-1 0 0 1 28 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.swiper-button-next {
  transform: scale(-1, 1);
}

h1,
._h1 {
  font: 700 var(--h1)/90% 'Montserrat';
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: -6px;
  text-transform: uppercase;
  background: var(--title-gradient, linear-gradient(98deg, #fff 7.89%, #86afc3 53.19%, #9f77b4 98.49%));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

h2,
._h2 {
  font: 700 var(--h2)/110% 'Montserrat';
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  background: var(--title-gradient, linear-gradient(98deg, #fff 7.89%, #86afc3 53.19%, #9f77b4 98.49%));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

h2 span:last-child,
._h2 span:last-child {
  font: 500 32px/130% 'Montserrat';
  width: -moz-fit-content;
  width: fit-content;
  color: var(--white-70, rgba(255, 255, 255, 0.7));
  letter-spacing: -0.96px;
  text-transform: uppercase;
  display: block;
}

h3,
._h3 {
  color: var(--white);
  font-weight: 700;
  font-size: var(--h3);
  line-height: 120%;
  letter-spacing: -0.72px;
}

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

._semibold {
  font-weight: 600;
}

._bold {
  font-weight: 700;
}

.btn {
  padding: 18px 44px;
  border-radius: 6px;
  background: var(--green);
  color: #00010d;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  transform: var(--tr);
  cursor: pointer;
  display: inline-block;
}

.btn:hover {
  background: #5fbf2a;
}

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

.show-more-btn {
  position: relative;
  display: flex;
  align-self: flex-start;
  padding: 0;
  gap: 4px;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--green);
}

.show-more-btn::after {
  content: '';
  display: block;
  aspect-ratio: 1;
  width: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_337_997)'%3E%3Cpath d='M7.41 7.58984L12 12.1698L16.59 7.58984L18 8.99984L12 14.9998L6 8.99984L7.41 7.58984Z' fill='%2374C740'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_337_997'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    center/contain no-repeat;
}

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

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

.form .input {
  margin-top: 5px;
  width: 100%;
  padding: 10px 20px;
  font-weight: 400;
  font-size: 16px;
  display: block;
  border-radius: 4px;
  background: #f0f0f0;
  border: none;
  height: 45px;
}

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

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

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

.form .subm {
  margin-top: 40px;
}

.header {
  padding: 16px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.header::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: var(--tr);
}

.header._filled::before {
  background: rgba(0, 0, 0, 0.9);
}

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

.header__logo {
  position: relative;
  background: url(../img/logo.svg) 50% / contain no-repeat;
  flex-shrink: 0;
  aspect-ratio: 96/40;
  width: 96px;
  display: block;
  transition: var(--tr);
}

.header__menu {
  position: relative;
  display: flex;
  gap: 50px;
}

.header__menu li a {
  font-size: 15px;
  font-weight: 400;
  color: var(--white-60);
  transition: color var(--tr);
}

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

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

.header__btn {
  background: var(--white);
  z-index: 1;
  padding: 15px 30px;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
  min-width: initial;
  border-radius: 6px;
  color: var(--text-secondary);
  transition: var(--tr);
  outline: 1px solid var(--white);
}

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

.header__social {
  display: none;
}

.burger {
  position: relative;
  z-index: 110;
  display: none;
  height: 17px;
  width: 25px;
  cursor: pointer;
}

.burger._active span {
  background: #fff !important;
}

.burger span {
  background: var(--white);
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  transition: var(--tr);
}

.burger span:is(.header._filled .burger span) {
  background: var(--white);
}

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

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

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

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

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

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

.header.active .header__social {
  transform: translateY(0);
}

.footer {
  margin-top: auto;
  font-family: 'Gilroy';
}

.modal-overlay,
.modal-examples,
.modal-showcase {
  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,
.modal-examples .modal-content,
.modal-showcase .modal-content {
  margin-bottom: 0px;
  border-radius: 4px;
}

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

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

.modal-overlay .close-button:after,
.modal-examples .close-button:after,
.modal-showcase .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,
#modal-video .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.countdownHolder {
  justify-content: flex-start;
  font-size: 30px;
  line-height: 100%;
  color: #01051c;
  font-weight: 600;
  text-align: center;
  display: flex;
  align-items: flex-start;
}

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

.countdownHolder .wrapDays,
.countdownHolder .wrapHours,
.countdownHolder .wrapMinutes,
.countdownHolder .wrapSeconds {
  background: var(--white);
  position: relative;
  aspect-ratio: 1;
  width: 65px;
  border-radius: 8px;
  padding: 10px;
}

.countdownHolder .countDays,
.countdownHolder .countHours,
.countdownHolder .countMinutes,
.countdownHolder .countSeconds {
  letter-spacing: -6px;
}

.countdownHolder .digit {
  position: absolute;
  display: block;
  letter-spacing: -1px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--black);
}

.countdownHolder .textdigit {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
  font-size: 11px;
  line-height: 100%;
  color: var(--black);
  text-transform: capitalize;
}

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

.countdownHolder .countDiv:before,
.countdownHolder .countDiv:after {
  background: var(--white);
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 50%;
  margin-left: -3px;
  top: 25px;
  content: '';
}

.countdownHolder .countDiv:after {
  top: 36px;
}

.students {
  padding: var(--sp) 0;
  text-align: center;
}

.students__subtitle {
  margin-top: 20px;
  opacity: 0.7;
}

.students__title {
  margin: 0 auto;
}

.students__logos {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  max-width: 1116px;
  margin: var(--margin-default) auto 0;
  gap: var(--gap-default);
}

.students .logo {
  min-height: 75px;
  border-radius: 10px;
  background: var(--Dark-grey, #191919);
  display: flex;
  justify-content: center;
  align-items: center;
}

.students .logo__image {
  max-height: 53px;
}

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

.rass:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 1333px;
  height: 493px;
  border-radius: 1333px;
  background: #4d8ff0;
  filter: blur(125px);
  top: 0;
  left: calc((100vw - 1440px) / 2);
}

.rass:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 214px;
  height: 780px;
  transform: rotate(90deg) translate(-126%, 5%);
  border-radius: 780px;
  background: #aa6490;
  filter: blur(125px);
  top: 0;
  right: calc((100vw - 1440px) / 2);
}

.rass__inner {
  padding: 50px;
  background: url(../img/rass/BG.webp) center/cover no-repeat;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  border-radius: 10px;
  min-height: 510px;
}

.rass__title {
  margin-bottom: 40px;
}

.rass__title span {
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rass__content {
  max-width: 400px;
}

.rass__text {
  margin-top: var(--margin-default);
  color: rgba(255, 255, 255, 0.7);
  line-height: 140%;
}

.rass__text span {
  font-weight: 500;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.rass__text span:hover i {
  padding: 10px;
  overflow: visible;
  opacity: 1;
  max-height: 5000px;
}

.rass__tooltip {
  position: absolute;
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: 320px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 130%;
  left: 50%;
  top: 35px;
  transition: 0.3s ease;
  transform: translateX(-50%);
  max-height: 0;
  opacity: 1;
  overflow: hidden;
  color: #59516a;
}

.rass__tooltip:before {
  content: '';
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

.rass__tooltip b {
  font-weight: 700;
  text-decoration: none;
  color: #59516a;
}

.rass__date_text,
.rass__date_month {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  color: var(--white);
}

.rass__date {
  position: relative;
  z-index: 1;
}

.rass__date:before,
.rass__date:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  aspect-ratio: 1/1;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.rass__date:before {
  width: 410px;
  background: rgba(217, 217, 217, 0.05);
}

.rass__date:after {
  width: 357px;
  background: rgba(217, 217, 217, 0.05);
}

.rass__date .rass__date-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  gap: 5px;
  text-align: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #191919;
  width: 298px;
  z-index: 1;
  background: url(../img/rass/future.webp) center/cover no-repeat;
}

.rass__date_day {
  font-style: normal;
  font-weight: 800;
  font-size: 120px;
  line-height: 100%;
  background: linear-gradient(97.5deg, #ffffff 7.89%, #86afc3 53.19%, #9f77b4 98.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.rass__how .rass__how_title {
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: var(--white);
}

.rass__how_list {
  margin-top: 30px;
  display: flex;
  flex-flow: column;
  gap: 20px;
}

.rass__how li {
  position: relative;
  padding-left: 15px;
  line-height: 140%;
  color: var(--white);
}

.rass__how li:before {
  left: 0;
  top: 7px;
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_239_5940)'%3E%3Cpath d='M4 0C1.79165 0 0 1.79165 0 4C0 6.20835 1.79165 8 4 8C6.21019 8 8 6.20835 8 4C8 1.79165 6.21019 0 4 0ZM4 5.72556C3.04727 5.72556 2.27444 4.95273 2.27444 4C2.27444 3.04727 3.04727 2.27444 4 2.27444C4.95273 2.27444 5.72556 3.04727 5.72556 4C5.72556 4.95273 4.95273 5.72556 4 5.72556Z' fill='url(%23paint0_linear_239_5940)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_239_5940' x1='0.32' y1='0.48' x2='8.96416' y2='1.831' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E581F4'/%3E%3Cstop offset='0.5' stop-color='%232D9BD3'/%3E%3Cstop offset='1' stop-color='%23AB79C5'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_239_5940'%3E%3Crect width='8' height='8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    50% / cover no-repeat;
  aspect-ratio: 1/1;
  width: 8px;
  position: absolute;
}

.rass__banks {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

.rass__bank {
  width: 156px;
  height: 44px;
  border-radius: 16px;
}

.rass__bank--privat {
  background: rgba(7, 7, 7, 0.6) url('../img/rass/privat.webp') 50% / auto 22px no-repeat;
}

.rass__bank--mono {
  background: rgba(7, 7, 7, 0.6) url('../img/rass/monobank.webp') 50% / auto 22px no-repeat;
}

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

.reviews .decor-1,
.reviews .decor-2,
.reviews .decor-3 {
  position: absolute;
  z-index: -1;
  bottom: 12%;
}

.reviews .decor-1 {
  width: 137.611px;
  height: 658.889px;
  transform: rotate(125.178deg) translate(195%, -4%);
  border-radius: 658.889px;
  background: #2a4a82;
  filter: blur(100px);
  right: calc((100vw - 1440px) / 2);
}

.reviews .decor-2 {
  width: 258px;
  height: 591.897px;
  transform: rotate(61.668deg) translate(23%, 18%);
  border-radius: 591.897px;
  background: #aa6490;
  filter: blur(125px);
  left: 26%;
}

.reviews .decor-3 {
  width: 258px;
  height: 493px;
  border-radius: 493px;
  background: #4d8ff0;
  filter: blur(125px);
  transform: translate(-41%, 36%);
  left: calc((100vw - 1440px) / 2);
}

.reviews__container {
  display: flex;
  flex-flow: column;
}

.reviews__items {
  padding: 160px 0;
  width: 100%;
  overflow: visible;
  margin-bottom: 50px;
}

.reviews .item {
  height: 524px;
  border-radius: 39px;
  border: 15px solid var(--bg-color-primary);
  opacity: 0.8;
  transition:
    opacity var(--tr),
    transform var(--tr);
  position: relative;
}

.reviews .item:before {
  background: url("../img/reviews/decor.png")
    center / 100% 100% no-repeat;
  content: '';
  display: block;
  width: calc(100% + 20px);
  height: calc(100% + 10px);
  position: absolute;
  left: -10px;
  top: -5px;
  z-index: -1;
}

.reviews .item.swiper-slide-active {
  opacity: 1;
}

.reviews .item__image {
  height: 100%;
  width: 100%;
  background: #f7f7f7 top/cover no-repeat;
  border-radius: 29px;
}

.reviews__button {
  margin: 0 auto;
  max-width: 339px;
  width: 100%;
  padding: 21px 44px;
  text-align: center;
}

.reviews .swiper-button-prev,
.reviews .swiper-button-next {
  top: -15px;
}

.reviews .swiper-button-prev {
  left: auto;
  right: 53px;
}

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

.reviews .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
}

.register {
  padding: 60px 0;
}

.register__inner {
  background: url(../img/reg/bg-form.webp) no-repeat 0 0 / cover;
  padding: 16px 16px 16px 40px;
  border-radius: 16px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  display: flex;
  justify-content: space-between;
}

.register__content {
  max-width: 640px;
  padding: 24px 0;
  display: flex;
  flex-flow: column;
}

.register__text {
  max-width: 504px;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 20px;
  margin-bottom: 20px;
}

.register__text b {
  color: var(--white);
}

.register .hero__grade {
  margin-top: 22px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--white-60);
  width: -moz-fit-content;
  width: fit-content;
}

.register .hero__grade b {
  font-weight: 700;
  color: var(--white-80);
}

.register .hero__grade-icon {
  aspect-ratio: 123/20;
  width: 123px;
  background: url(../img/hero/stars.svg) center/contain no-repeat;
}

.register__timer {
  margin-top: auto;
}

.register__timer_title {
  margin-bottom: 12px;
  opacity: 0.7;
}

.register__title {
  margin-top: 60px;
}

.register .form {
  max-width: 488px;
  position: relative;
  width: 100%;
  border-radius: 6px;
  background: rgb(255, 255, 255);
  text-align: center;
  color: var(--black, #070707);
  padding: 36px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.register .form__gift {
  margin-top: 12px;
  display: flex;
  gap: 12px;
  align-items: center;
}

.register .form__gift-icon {
  flex-shrink: 0;
  aspect-ratio: 1/1;
  width: 40px;
  padding: 4px;
  background: var(--black, #080808);
  border-radius: 6px;
  display: flex;
}

.register .form__gift-icon .icon {
  background: url(../img/hero/gift.webp) center/contain no-repeat;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.register .form__gift-text {
  color: var(--black-70, rgba(8, 8, 8, 0.7));
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.register .form__gift-text b {
  color: var(--black, #080808);
  font-weight: 700;
}

.register .form__inputs {
  margin: 20px 0 24px 0;
  display: flex;
  flex-flow: column;
  gap: 16px;
}

.register .form__header {
  text-align: left;
  position: relative;
}

.register .form__header:before {
  background: url(../img/reg/sale.webp) no-repeat center/contain;
  content: '';
  display: block;
  width: 116px;
  height: 99px;
  position: absolute;
  top: -42px;
  right: -30px;
}

.register .form__title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
}

.register .form__subtitle {
  margin-top: 10px;
  color: var(--text-secondary);
}

.register .form__subtitle b {
  font-weight: 700;
  color: var(--black);
}

.register .form__places {
  opacity: 0.9;
  font-size: 14px;
  margin-top: 9px;
  font-weight: 500;
}

.register .form__agree {
  font-size: 12px;
  line-height: 100%;
  margin-bottom: 20px;
  opacity: 0.8;
}

.register .form__agree a {
  color: var(--green);
  text-decoration: underline;
  display: block;
}

.register .form .input {
  background: #f0f0f0;
  width: 100%;
  height: 45px;
  border: none;
  padding-left: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  display: block;
  border-radius: 8px;
}

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

.register .form .input__label {
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
}

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

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

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

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

.register .form .subm {
  margin-top: 0;
}

.faq {
  position: relative;
  padding: 60px 0 120px 0;
}

.faq .decor-1,
.faq .decor-2,
.faq .decor-3 {
  position: absolute;
  z-index: -1;
  bottom: 0;
}

.faq .decor-1 {
  width: 137.611px;
  height: 658.889px;
  transform: rotate(-125.178deg) translate(-231%, -10%);
  border-radius: 658.889px;
  background: #2a4a82;
  filter: blur(100px);
  left: calc((100vw - 1440px) / 2);
}

.faq .decor-2 {
  width: 258px;
  height: 591.897px;
  transform: rotate(-61.668deg) translate(-40%, 29%);
  border-radius: 591.897px;
  background: #aa6490;
  filter: blur(125px);
  left: 50%;
}

.faq .decor-3 {
  width: 258px;
  height: 493px;
  border-radius: 493px;
  background: #4d8ff0;
  filter: blur(125px);
  transform: translate(40%, 54%);
  right: calc((100vw - 1440px) / 2);
}

.faq__container {
  display: flex;
  align-items: center;
  flex-flow: column;
  gap: 50px;
}

.faq__title {
  text-align: center;
}

.faq__items {
  max-width: 818px;
  display: flex;
  flex-flow: column;
  gap: 12px;
}

.faq .item__question {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  padding: 20px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  cursor: pointer;
  transition: 0.3s ease;
  color: var(--White, #fff);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.24px;
}

.faq .item__question:after {
  content: '';
  width: 36px;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  border: 1px solid var(--green, #74c740);
  border-radius: 50%;
  transition: 0.3s ease;
  will-change: transform;
  background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_239_6168)%22%3E%0A%3Cpath%20d%3D%22M19%2013H13V19H11V13H5V11H11V5H13V11H19V13Z%22%20fill%3D%22%2374C740%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_239_6168%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A')
    center/24px no-repeat;
}

.faq .item__answer {
  position: relative;
  max-height: 0;
  overflow: hidden;
  padding: 0 50px;
  transition: 0.3s ease;
  opacity: 0;
  line-height: 140%;
}

.faq .item__answer a {
  color: var(--accent);
}

.faq .item.active .item__question {
  background: rgba(255, 255, 255, 0.1);
  color: var(--White, #fff);
}

.faq .item.active .item__question:after {
  background: var(--green)
    url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_239_6158)%22%3E%0A%3Cpath%20d%3D%22M19%2013H13H11H5V11H11H13H19V13Z%22%20fill%3D%22%2300010D%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_239_6158%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A')
    center/24px no-repeat;
}

.faq .item.active .item__answer {
  opacity: 0.7;
  max-height: 1000px;
  padding: 18px 50px;
}

.hero-packages {
  position: relative;
  padding-bottom: var(--padding-custom);
}

.hero-packages::before {
  content: '';
  position: absolute;
  pointer-events: none;
  display: block;
  bottom: -180px;
  left: -70px;
  border-radius: 499px;
  opacity: 0.2;
  background: #a26dca;
  filter: blur(150px);
  width: 499px;
  height: 499px;
}

.hero-packages::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  /* z-index: 106; */
  top: -12%;
  width: 628px;
  height: 696px;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg width='840' height='932' viewBox='0 0 840 932' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Cg opacity='0.5' filter='url(%23filter0_f_108_2551)'%3E%3Ccircle cx='194' cy='194' r='194' transform='matrix(1 8.74228e-08 8.74228e-08 -1 300 440)' fill='%238B57C2'/%3E%3C/g%3E%3Cg opacity='0.5' filter='url(%23filter1_f_108_2551)'%3E%3Ccircle cx='194' cy='194' r='194' transform='matrix(1 8.74228e-08 8.74228e-08 -1 519 632)' fill='%23C257B7'/%3E%3C/g%3E%3Cg opacity='0.5' filter='url(%23filter2_f_108_2551)'%3E%3Ccircle cx='194' cy='194' r='194' transform='matrix(1 8.74228e-08 8.74228e-08 -1 540 324)' fill='%23C0C257'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_108_2551' x='0' y='-248' width='988' height='988' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='150' result='effect1_foregroundBlur_108_2551'/%3E%3C/filter%3E%3Cfilter id='filter1_f_108_2551' x='219' y='-56' width='988' height='988' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='150' result='effect1_foregroundBlur_108_2551'/%3E%3C/filter%3E%3Cfilter id='filter2_f_108_2551' x='240' y='-364' width='988' height='988' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='150' result='effect1_foregroundBlur_108_2551'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A")
    50% / cover no-repeat;
}

.hero-packages__container {
  display: flex;
  position: relative;
  justify-content: center;
  padding-top: 40px;
}

.hero-packages__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 665px;
  padding-right: 30px;
}

.hero-packages__photo {
  position: relative;
  flex: 0 0 55%;
}

.hero-packages__photo::after {
  content: '';
  width: 1200px;
  height: 1200px;
  position: absolute;
  left: 10%;
  top: 0;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg width='1200' height='1200' viewBox='0 0 1200 1200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1'%3E%3Ccircle cx='600' cy='600' r='473.5' stroke='white'/%3E%3Ccircle cx='600' cy='600' r='599.5' stroke='white'/%3E%3Ccircle cx='600' cy='600' r='365.5' stroke='white'/%3E%3Ccircle cx='600' cy='600' r='261.5' stroke='white'/%3E%3C/g%3E%3C/svg%3E%0A")
    50% / contain no-repeat;
  z-index: -1;
}

.hero-packages__information {
  gap: 37px;
  margin-right: -50px;
}

.hero-packages__information,
.hero-packages__information li {
  display: flex;
  align-items: center;
}

.hero-packages-icon {
  background: rgba(255, 255, 255, 0.2);
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  border-radius: 50%;
  margin-right: 12px;
}

.hero-packages__start_icon::after {
  content: '';
  display: block;
  width: 16px;
  height: 17px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_69_328)'%3E%3Cpath d='M14.5377 2.30847H13.8454V0.821289H12.4608V2.30847H5.53771V0.821289H4.15309V2.30847H3.46079C2.69925 2.30847 2.07617 2.9777 2.07617 3.79565V15.6931C2.07617 16.511 2.69925 17.1803 3.46079 17.1803H14.5377C15.2992 17.1803 15.9223 16.511 15.9223 15.6931V3.79565C15.9223 2.9777 15.2992 2.30847 14.5377 2.30847ZM14.5377 15.6931H3.46079V6.02642H14.5377V15.6931Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_69_328'%3E%3Crect width='16.6154' height='17.8462' fill='white' transform='translate(0.692383 0.0771484)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    50% / contain no-repeat;
}

.hero-packages__online_icon::after {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_69_335)'%3E%3Cpath d='M15.3088 2.69109C11.8226 -0.795191 6.17935 -0.795748 2.69257 2.69109C-0.793748 6.17738 -0.79427 11.8206 2.69257 15.3074C6.17879 18.7937 11.8221 18.7942 15.3088 15.3074C18.7952 11.8211 18.7957 6.1779 15.3088 2.69109ZM14.936 14.0357C14.5192 13.663 14.0733 13.3331 13.6034 13.0489C13.914 11.9759 14.098 10.7951 14.1415 9.56775H16.7643C16.6457 11.2222 16.0101 12.7741 14.936 14.0357ZM1.23707 9.56775H3.85988C3.90338 10.7951 4.08741 11.9759 4.39803 13.0489C3.92807 13.3331 3.48221 13.663 3.0654 14.0357C1.99132 12.7741 1.35569 11.2222 1.23707 9.56775ZM3.06543 3.96278C3.48225 4.3355 3.92811 4.66535 4.39807 4.94961C4.08744 6.02261 3.90341 7.20336 3.85992 8.43074H1.23707C1.35569 6.77638 1.99132 5.22444 3.06543 3.96278ZM8.43222 5.06712C7.50505 5.00081 6.61107 4.77245 5.78228 4.39572C6.26429 3.15451 7.15288 1.66581 8.43222 1.29689V5.06712ZM8.43222 6.20625V8.43078H4.99738C5.03673 7.39251 5.18384 6.3955 5.4285 5.48327C6.37034 5.895 7.38326 6.14088 8.43222 6.20625ZM8.43222 9.56775V11.7923C7.38326 11.8576 6.37034 12.1035 5.4285 12.5153C5.18384 11.603 5.03673 10.606 4.99738 9.56775H8.43222ZM8.43222 12.9314V16.7016C7.15295 16.3327 6.26436 14.8442 5.78228 13.6028C6.61107 13.2261 7.50505 12.9977 8.43222 12.9314ZM9.5692 12.9314C10.4964 12.9977 11.3904 13.2261 12.2191 13.6028C11.7371 14.8441 10.8485 16.3327 9.5692 16.7016V12.9314ZM9.5692 11.7923V9.56775H13.004C12.9647 10.606 12.8176 11.603 12.5729 12.5153C11.6311 12.1035 10.6182 11.8576 9.5692 11.7923ZM9.5692 8.43078V6.20625C10.6182 6.14088 11.6311 5.895 12.5729 5.48327C12.8176 6.3955 12.9647 7.39251 13.004 8.43078H9.5692ZM9.5692 5.06712V1.29692C10.8485 1.66585 11.7371 3.15454 12.2191 4.39575C11.3904 4.77245 10.4964 5.00081 9.5692 5.06712ZM12.1227 1.8645C12.8505 2.18317 13.5294 2.61528 14.138 3.15141C13.8483 3.40683 13.5426 3.63843 13.2234 3.84555C12.94 3.14371 12.5779 2.46165 12.1227 1.8645ZM4.77796 3.84555C4.45877 3.63843 4.15313 3.40683 3.8634 3.15141C4.47201 2.61528 5.15093 2.18317 5.87865 1.8645C5.42352 2.46172 5.06142 3.14378 4.77796 3.84555ZM4.778 14.153C5.06142 14.8548 5.42359 15.5369 5.87868 16.134C5.15097 15.8154 4.47204 15.3833 3.86343 14.8471C4.15313 14.5917 4.45881 14.3601 4.778 14.153ZM13.2234 14.153C13.5426 14.3601 13.8483 14.5917 14.138 14.8471C13.5294 15.3832 12.8505 15.8153 12.1227 16.134C12.5778 15.5369 12.94 14.8548 13.2234 14.153ZM14.1415 8.43078C14.098 7.20339 13.914 6.02261 13.6034 4.94965C14.0733 4.66539 14.5192 4.33554 14.936 3.96282C16.0101 5.22444 16.6457 6.77638 16.7644 8.43078H14.1415Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_69_335'%3E%3Crect width='17.8462' height='17.8462' fill='white' transform='translate(0.0771484 0.0771484)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    50% / contain no-repeat;
}

.hero-packages__flow_icon::after {
  content: '';
  display: block;
  width: 16px;
  height: 17px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18' fill='none'%3E%3Cg clip-path='url(%23clip0_69_341)'%3E%3Cpath d='M6.33352 10.2758H6.64158C9.33012 10.4025 11.1225 11.7655 12.6348 11.9223C12.7262 11.9284 12.8178 11.9284 12.9092 11.9223C14.556 11.9223 16.0234 10.4387 16.0234 9.96219V1.5789C16.0234 1.44622 15.8946 1.404 15.665 1.404C15.1049 1.404 13.8838 1.71762 12.8252 1.71762C12.702 1.71762 12.5844 1.71762 12.4611 1.71762C11.0609 1.60906 9.21249 0.0771484 6.92164 0.0771484C5.7886 0.0853956 4.67835 0.420716 3.7066 1.04816C3.60689 0.933895 3.47744 0.854734 3.33522 0.821059C3.193 0.787383 3.04466 0.800763 2.90962 0.859445C2.77459 0.918127 2.65917 1.01937 2.5785 1.14991C2.49783 1.28045 2.45568 1.43418 2.45756 1.59096V16.3552H1.651C1.45788 16.3552 1.27267 16.4378 1.13612 16.5848C0.999567 16.7319 0.922852 16.9313 0.922852 17.1392C0.922852 17.3472 0.999567 17.5466 1.13612 17.6937C1.27267 17.8407 1.45788 17.9233 1.651 17.9233H4.65879C4.85191 17.9233 5.03711 17.8407 5.17367 17.6937C5.31022 17.5466 5.38694 17.3472 5.38694 17.1392C5.38694 16.9313 5.31022 16.7319 5.17367 16.5848C5.03711 16.4378 4.85191 16.3552 4.65879 16.3552H3.91384V10.5834C4.70843 10.3915 5.51928 10.2884 6.33352 10.2758ZM3.91384 2.85147C4.7368 2.05092 5.81284 1.61939 6.92164 1.64525C7.96834 1.72092 8.99158 2.01377 9.93504 2.5077C10.6989 2.90148 11.5154 3.164 12.3547 3.28572H12.8252C13.4086 3.27409 13.9906 3.21968 14.5672 3.12288V9.59429C14.1114 10.0642 13.5164 10.346 12.8868 10.3904H12.7524C12.1754 10.2797 11.6118 10.0996 11.0721 9.85363C9.66943 9.22407 8.18021 8.84712 6.66399 8.73787H6.29432C5.48161 8.74595 4.67144 8.83682 3.87464 9.00927L3.91384 2.85147Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_69_341'%3E%3Crect width='15.1006' height='17.8462' fill='white' transform='translate(0.922852 0.0771484)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    50% / contain no-repeat;
}

.hero-packages__duration_icon::after {
  content: '';
  display: block;
  width: 16px;
  height: 17px;
  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 d='M6.875 5.125H8.625V9.5H13V11.25H6.875V5.125Z' fill='white'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.25 9.5C18.25 14.3326 14.3326 18.25 9.5 18.25C4.66738 18.25 0.75 14.3326 0.75 9.5C0.75 4.66738 4.66738 0.75 9.5 0.75C14.3326 0.75 18.25 4.66738 18.25 9.5ZM16.5 9.5C16.5 11.3565 15.7625 13.137 14.4497 14.4497C13.137 15.7625 11.3565 16.5 9.5 16.5C7.64349 16.5 5.86301 15.7625 4.55025 14.4497C3.2375 13.137 2.5 11.3565 2.5 9.5C2.5 7.64349 3.2375 5.86301 4.55025 4.55025C5.86301 3.2375 7.64349 2.5 9.5 2.5C11.3565 2.5 13.137 3.2375 14.4497 4.55025C15.7625 5.86301 16.5 7.64349 16.5 9.5Z' fill='white'%3E%3C/path%3E%3C/svg%3E")
    50% / contain no-repeat;
}

.hero-packages__information li span {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.hero-packages__uptitle {
  margin-top: 66px;
  display: flex;
  align-items: start;
}

.hero-packages__uptitle span {
  display: block;
  color: var(--blue);
  font-size: 241px;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  margin-right: 17px;
  line-height: 0.8;
}

.hero-packages__uptitle p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  max-width: 240px;
}

.hero-packages__uptitle p b {
  font-weight: 700;
}

.hero-packages__title {
  margin-top: 5px;
  text-transform: uppercase;
  text-align: center;
}

.hero-packages__raiting {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.hero-packages__raiting-stars {
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Layer_1' style='enable-background:new 0 0 612 792;' version='1.1' viewBox='0 0 612 792' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FCAF17;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='306,153 216.4,298.9 50,339 161,469.3 147.8,639.9 306,574.6 464.2,639.9 451,469.3 562,339 395.6,298.9 306,153 '/%3E%3C/g%3E%3C/svg%3E")
    0 50% repeat-x;
  width: 110px;
  height: 30px;
}

.hero-packages__raiting-text {
  margin-left: 10px;
  font-weight: 500;
}

.hero-packages__raiting-text b {
  font-weight: 700;
}

.hero-packages__description {
  margin-top: 40px;
  text-align: center;
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2;
}

.hero-packages__description b {
  font-weight: 800;
}

.hero-packages__places {
  text-align: center;
  font-size: 15px;
}

.hero-packages__btn-wrap {
  display: inline-block;
  margin-top: 82px;
}

.hero-packages__btn-wrap a {
  position: relative;
  overflow: hidden;
  transition: 0.2s transform ease-in-out;
  will-change: transform;
  z-index: 0;
}

.hero-packages__btn-wrap a::after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: 0.4s transform ease-out;
  will-change: transform;
  z-index: -1;
}

.package__header-mob {
  margin-bottom: 30px;
  display: none;
}

.package__header-mob .package__header-title {
  color: var(--black);
}

.hero-packages__btn-wrap a:hover {
  color: var(--dreen, #74c740);
  will-change: transform;
}

.hero-packages__btn-wrap a:hover::after {
  transform: translate(0, 0);
}

.hero-packages__photo_speakers {
  position: absolute;
  right: 0;
  top: 0;
  height: 432px;
  width: 188px;
  border-radius: 28px;
  background: var(--green, #74c740);
  padding: 54px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero-packages__photo_speakers span {
  color: #fff;
  display: block;
  text-align: center;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
}

.hero-packages__speakers_item {
  margin-top: 39px;
  width: 103px;
  height: 235px;
  background: url('../img/hero__speakers_item.webp') 50% / contain no-repeat;
}

.hero-packages__photo_system {
  position: absolute;
  bottom: -14px;
  right: 0;
  width: 456px;
  height: 454px;
  background: url('../img/hero__photo_system.webp') 50% / contain no-repeat;
}

.hero-packages__photo_brain {
  position: absolute;
  left: 0;
  top: 15%;
  width: 305px;
  height: 303.505px;
  background: url('../img/hero__photo_brain.webp') 50% / contain no-repeat;
}

.hero-packages__photo_hand {
  position: absolute;
  width: 162.522px;
  height: 162.522px;
  bottom: 15%;
  right: 6%;
  background: url('../img/hero__photo_hand.webp') 50% / contain no-repeat;
}

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

.packages-learning__title {
  font-size: var(--h2);
  text-align: center;
}

.packages-learning__title span {
  color: var(--green, #74c740);
}

.packages-learning__content {
  margin-top: 48px;
  display: flex;
  gap: 30px;
}

.packages-learning .col__sub-text {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 24px;
  font-weight: 500;
  padding: 0 24px;
}

.package-learning {
  border: solid 1px;
  border-radius: 20px;
  overflow: hidden;
}

.package-learning--standard {
  border-color: #ff7ef2;
}

.package-learning--standard .package-learning__title {
  background: #ff7ef2;
}

.package-learning--pro {
  border-color: #fecb00;
}

.package-learning--pro .package-learning__title {
  background: #fecb00;
  color: #121212;
}

.package-learning--pro .package-learning__header-list li::before {
  background: #fecb00;
}

.package-learning--premium {
  border-color: #8b57c2;
}

.package-learning--premium .package-learning__title {
  background: #8b57c2;
}

.package-learning--premium .package-learning__header-list li::before {
  background: #8b57c2;
}

.package-learning__header {
  position: relative;
  padding: 24px 24px 40px;
  margin-bottom: 16px;
}

.package-learning__header-title {
  font-size: 20px;
}

.package-learning__header-list {
  margin-top: 24px;
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7019607843);
}

.package-learning__header-list li {
  position: relative;
}

.package-learning__header-list li::before {
  content: '';
  position: absolute;
  aspect-ratio: 1/1;
  width: 10px;
  border-radius: 2px;
  left: -24px;
  top: 50%;
  transform: translateY(-50%);
}

.package-learning__header::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 24px;
  height: 1px;
  width: calc(100% - 48px);
  opacity: 0.3;
  background: #fff;
}

.package-learning__title {
  padding: 22px 0 18px;
  text-align: center;
  font-size: 30px;
  line-height: 100%;
}

.package-learning__body {
  padding: 24px 24px 40px;
}

.package-learning__body-title {
  font-size: 20px;
}

.package-learning__body-list {
  margin-top: 24px;
  padding-left: 24px;
  font-weight: 500;
  gap: 16px;
  display: flex;
  flex-direction: column;
  opacity: 0.7;
}

.package-learning__body-list li {
  position: relative;
}

.package-learning__body-list li::before {
  background: #fff;
  content: '';
  position: absolute;
  top: 12px;
  left: -16px;
  aspect-ratio: 1/1;
  width: 4px;
  border-radius: 2px;
  opacity: 0.7;
}

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

.packages-header {
  position: relative;
  padding: 12px 12px 12px 24px;
  border-radius: 20px;
  background: var(--green, #74c740) url(../img/packages/packages-header__bg.webp) 40%/460px no-repeat;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  overflow: hidden;
}

.packages-header-timer__title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 30px;
}

.packages-header-timer__title b {
  font-weight: 700;
}

.packages-header-timer .countelement,
.packages-header-timer .countDiv:before,
.packages-header-timer .countDiv:after {
  background: #fff !important;
}

.packages-header-bonus {
  background: #ddd3eb;
  padding: 20px 24px 16px 120px;
  font-size: 28px;
  color: var(--bg);
  max-width: 490px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.packages-header-bonus__image {
  background: url(../img/packages/packages-header__gift.webp) 50% / contain no-repeat;
  aspect-ratio: 1/1;
  position: absolute;
  width: 100px;
  position: absolute;
  left: 8px;
  top: 8px;
}

.packages-header-bonus__text {
  line-height: 100%;
}

.packages-header-bonus__text b {
  font-weight: 700;
}

.packages__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.packages__course-info {
  margin-bottom: 20px;
}

.packages__title {
  margin-top: 20px;
  font-weight: 400;
  width: 100%;
  max-width: 456px;
  color: #000;
  font-size: 46px;
}

.packages__title b {
  font-weight: 800;
}

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

.packages__footer-text b {
  font-weight: 700;
}

.packages__nav {
  display: none;
  padding: 20px 0;
}

.packages__wrap {
  width: 100%;
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.package {
  text-align: center;
  width: 20%;
}

.package .countdownHolder .wrapDays,
.package .countdownHolder .wrapHours,
.package .countdownHolder .wrapMinutes,
.package .countdownHolder .wrapSeconds,
.package .countdownHolder .countDiv:before,
.package .countdownHolder .countDiv:after {
  background: var(--black);
}

.package .digit {
  color: var(--white);
}

.package .textdigit {
  color: var(--white);
}

.package-1,
.package-3 {
  z-index: 1;
}

.package-2 {
  z-index: 2;
}

.package__btn:hover {
  filter: hue-rotate(45deg);
}

.package__btn {
  margin-top: 18px;
  display: inline-flex;
  padding: 18px 28px;
  justify-content: center;
  align-items: center;
  background: var(--green, #74c740);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 6px;
  min-width: auto;
  transition: filter 0.3s ease;
}

.package-1 .package__btn {
  background: #2a8dff;
}

.package-2 .package__btn {
  background: var(--green, #74c740);
}

.package-3 .package__btn {
  background: #a26dca;
}

.package__btn.disabled {
  pointer-events: none;
  opacity: 0.7;
  background: grey;
}

.package-desc .package__header {
  justify-content: flex-start;
}

.package__header {
  background: #fff;
  position: relative;
  height: 179px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  z-index: 0;
}

.package__body-item {
  height: 77px;
  text-align: left;
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 0;
  position: relative;
}

.package__body-item:first-child::after {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  height: 4px;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent);
  pointer-events: none;
}

.package__body-item p b {
  font-weight: 700;
}

.package__body-item:nth-child(odd) {
  background: #f4f5f7;
}

.package-desc .package__body-item:nth-child(odd) {
  border-radius: 8px 0 0 8px;
}

.package-desc .package__body-item:first-child {
  border-radius: 0 0 0 8px;
}

.package-3 .package__body-item:nth-child(odd) {
  border-radius: 0 8px 8px 0;
}

.package-3 .package__body-item:first-child {
  border-radius: 0 0 8px 0;
}

.package__body-item .info {
  position: relative;
  margin-left: 12px;
  cursor: pointer;
}

.package__body-item .info .info__text {
  background: #e8ddf3;
  min-width: 320px;
}

.package__body-item .info:hover .info__text {
  opacity: 1;
  min-width: 320px;
}

.package__body-item .info:hover .info__icon::before {
  opacity: 1;
}

.package__body-item .yes-value {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  flex: 1 1 auto;
  text-align: center;
}

.package-2 .package__body-item .yes-value {
  font-size: 16px;
  font-weight: 400;
}

.package__body-item .info__text-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.package__body-item .info__text-item {
  position: relative;
  width: 290px;
  padding: 0 0 0 10px !important;
  height: auto;
}

.package__body-item .info__text-item::before {
  background: #322929;
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}

.package-1 .package__header-block,
.package-2 .package__header-block,
.package-3 .package__header-block {
  background: #f4f5f7;
  position: relative;
  width: 100%;
  height: 144px;
  align-self: flex-end;
  color: #000;
  border-radius: 24px 24px 0 0;
}

.package-1 .package__header-block {
  border-radius: 24px 0 0 0;
}

.package-2 .package__header-block {
  height: 100%;
  background: var(--green, #74c740);
  color: #fff;
  box-shadow:
    3px 0 16px 0 rgba(3, 19, 54, 0.2),
    -3px 0 16px 0 rgba(3, 19, 54, 0.2);
}

.package-3 .package__header-block {
  border-radius: 0 24px 0 0;
}

.package-1 .package__header-block::before,
.package-2 .package__header-block::before,
.package-3 .package__header-block::before {
  content: '+ BONUS';
  position: absolute;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 10px 8px;
  background: #000;
  border-radius: 15px;
  color: #fff;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  line-height: 100%;
}

.package-1 .package__header-block::before {
  background: #2a8dff;
  color: #fff;
}

.package-3 .package__header-block::before {
  background: #a26dca;
}

.package-2 .package__header-block::before {
  position: absolute;
  left: auto;
  right: 0;
  transform: translate(0, -50%);
  height: 60px;
  z-index: -1;
  background: var(--Yellow, #fecb00);
  color: var(--black);
}

.package-2 .package__header-block::after {
  content: '';
  aspect-ratio: 112/108;
  width: 112px;
  position: absolute;
  background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%22112%22%20height%3D%22108%22%20viewBox%3D%220%200%20112%20108%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_370_2385)%22%3E%0A%3Cpath%20d%3D%22M56.3027%200.504639L2.60547%2054.3028L2.7064%20108L110%200.504639H56.3027Z%22%20fill%3D%22%23FECB00%22%2F%3E%0A%3Cpath%20d%3D%22M15.8497%2074.1747L14.4527%2067.683L14.6412%2067.4945L13.4086%2062.5399L14.7379%2061.2106L16.1687%2067.4268L15.9802%2067.6153L17.2079%2072.8164L15.8497%2074.1747ZM8.92292%2067.0256L10.4165%2065.5416L15.3856%2066.7307L15.4146%2066.7017L21.9547%2068.0697L20.4466%2069.5778L15.2696%2068.3839L15.2455%2068.408L8.92292%2067.0256ZM22.6604%2067.364L17.5656%2062.2692L18.8273%2061.0076L23.922%2066.1023L22.6604%2067.364ZM15.9947%2060.9302C15.7981%2060.7337%2015.6982%2060.5049%2015.695%2060.2439C15.6918%2059.9828%2015.811%2059.7315%2016.0527%2059.4898C16.2912%2059.2513%2016.5409%2059.1337%2016.8019%2059.1369C17.0662%2059.1369%2017.2966%2059.2352%2017.4931%2059.4318C17.6897%2059.6284%2017.7896%2059.8604%2017.7928%2060.1278C17.7961%2060.3889%2017.6768%2060.6402%2017.4351%2060.8819C17.1967%2061.1204%2016.9469%2061.238%2016.6859%2061.2348C16.4217%2061.2283%2016.1913%2061.1268%2015.9947%2060.9302ZM20.6109%2061.1284L19.6587%2060.1762L24.009%2055.8258L24.9613%2056.7781L23.4145%2058.3249L27.557%2062.4674L26.3002%2063.7241L22.1577%2059.5816L20.6109%2061.1284ZM27.2283%2052.6066L31.6318%2048.203L36.7266%2053.2978L35.4698%2054.5545L31.3273%2050.412L29.4373%2052.302L33.5798%2056.4445L32.323%2057.7013L27.2283%2052.6066ZM40.057%2053.989L32.9514%2046.8834L34.1164%2045.7185L34.7544%2046.2889L34.7834%2046.2599C34.6964%2045.9473%2034.7157%2045.5928%2034.8414%2045.1964C34.9703%2044.7968%2035.2007%2044.4311%2035.5326%2044.0992C36.1836%2043.4482%2036.9441%2043.1614%2037.8142%2043.2388C38.681%2043.3129%2039.4995%2043.735%2040.2697%2044.5052L40.4244%2044.6599C41.1881%2045.4236%2041.6103%2046.2389%2041.6908%2047.1058C41.7746%2047.9694%2041.4959%2048.7218%2040.8546%2049.3631C40.5259%2049.6918%2040.1779%2049.9271%2039.8105%2050.0688C39.4431%2050.2106%2039.0935%2050.2477%2038.7616%2050.18L41.3138%2052.7322L40.057%2053.989ZM37.6692%2049.0876C37.956%2049.2068%2038.2766%2049.2439%2038.6311%2049.1988C38.9823%2049.1504%2039.2949%2048.9893%2039.5688%2048.7154C39.9684%2048.3158%2040.1231%2047.8808%2040.0329%2047.4103C39.9426%2046.9334%2039.6639%2046.4613%2039.1966%2045.994L38.9356%2045.733C38.4651%2045.2625%2037.993%2044.9837%2037.5193%2044.8967C37.0488%2044.8065%2036.6122%2044.9628%2036.2094%2045.3656C35.929%2045.646%2035.7679%2045.9586%2035.726%2046.3034C35.6809%2046.6449%2035.7147%2046.9591%2035.8275%2047.2459L37.6692%2049.0876ZM41.1688%2043.9155L41.0141%2043.7608C40.2214%2042.9681%2039.8218%2042.1012%2039.8153%2041.1603C39.8089%2040.2128%2040.1859%2039.3589%2040.9464%2038.5984C41.7102%2037.8347%2042.5641%2037.4576%2043.5083%2037.4673C44.4525%2037.4705%2045.321%2037.8685%2046.1137%2038.6612L46.2684%2038.8159C47.0579%2039.6054%2047.4559%2040.4739%2047.4623%2041.4213C47.472%2042.3655%2047.0949%2043.2194%2046.3312%2043.9832C45.5707%2044.7437%2044.7168%2045.1207%2043.7693%2045.1143C42.8251%2045.1046%2041.9583%2044.705%2041.1688%2043.9155ZM42.2467%2042.4219L42.5077%2042.6829C42.9976%2043.1727%2043.4938%2043.4531%2043.9965%2043.524C44.496%2043.5916%2044.9504%2043.4208%2045.3596%2043.0116C45.7689%2042.6023%2045.9397%2042.148%2045.872%2041.6485C45.8011%2041.1458%2045.5208%2040.6495%2045.0309%2040.1597L44.7699%2039.8987C44.2769%2039.4056%2043.779%2039.1269%2043.2763%2039.0624C42.7768%2038.9947%2042.3241%2039.1639%2041.918%2039.57C41.5152%2039.9728%2041.346%2040.4255%2041.4105%2040.9282C41.4749%2041.431%2041.7537%2041.9288%2042.2467%2042.4219ZM54.9933%2037.6413L53.6882%2036.3362L50.3336%2039.6908L51.6387%2040.9959L50.4689%2042.1657L48.2115%2039.9083L53.9057%2034.2142L56.163%2036.4715L54.9933%2037.6413ZM47.1143%2034.625L48.5161%2036.1525C48.9479%2036.623%2049.2798%2037.0194%2049.5118%2037.3416C49.7406%2037.6606%2049.913%2037.9684%2050.029%2038.2649L48.7819%2039.512C48.7239%2039.2219%2048.5709%2038.8787%2048.3227%2038.4824C48.0714%2038.0828%2047.6686%2037.5833%2047.1143%2036.9839L45.0744%2034.7604L49.0139%2030.8209L54.1087%2035.9157L52.8519%2037.1724L48.7094%2033.0299L47.1143%2034.625ZM53.838%2033.1894C53.2837%2032.6352%2053.0791%2032.0019%2053.2241%2031.2898C53.3691%2030.5712%2053.7687%2029.8848%2054.4229%2029.2306L55.4621%2028.1913L55.1528%2027.882C54.9014%2027.6306%2054.6307%2027.4921%2054.3407%2027.4663C54.0507%2027.4341%2053.7413%2027.5823%2053.4126%2027.911C53.084%2028.2397%2052.9164%2028.5394%2052.9099%2028.8101C52.9067%2029.0775%2052.9953%2029.3015%2053.1758%2029.482L53.2338%2029.54L51.9915%2030.7822L51.9335%2030.7242C51.4953%2030.286%2051.3277%2029.7156%2051.4308%2029.0131C51.5339%2028.3106%2051.9142%2027.6306%2052.5716%2026.9732C53.229%2026.3159%2053.8864%2025.9485%2054.5437%2025.8712C55.2011%2025.7874%2055.8247%2026.0403%2056.4144%2026.63L58.7539%2028.9696C58.9634%2029.179%2059.1793%2029.3595%2059.4016%2029.511C59.6208%2029.6592%2059.8286%2029.7704%2060.0252%2029.8445L60.1025%2029.9218L58.8748%2031.1496C58.7555%2031.1141%2058.6186%2031.0513%2058.4639%2030.9611C58.3092%2030.8708%2058.1674%2030.7709%2058.0385%2030.6614C58.1288%2030.9643%2058.1143%2031.3301%2057.995%2031.7586C57.8758%2032.1872%2057.6067%2032.611%2057.1878%2033.0299C56.6948%2033.523%2056.1453%2033.8049%2055.5395%2033.8758C54.9304%2033.9435%2054.3633%2033.7147%2053.838%2033.1894ZM54.9981%2031.8263C55.243%2032.0712%2055.5105%2032.1969%2055.8005%2032.2033C56.0873%2032.2066%2056.3838%2032.0551%2056.6899%2031.749C57.0089%2031.4299%2057.1781%2031.0513%2057.1975%2030.613C57.2168%2030.1748%2057.0911%2029.8203%2056.8204%2029.5496L56.2549%2028.9841L55.38%2029.859C54.9868%2030.2521%2054.7613%2030.6163%2054.7033%2030.9514C54.6485%2031.2833%2054.7468%2031.575%2054.9981%2031.8263ZM64.8541%2025.1703L63.6167%2026.4077L58.5219%2021.3129L59.7593%2020.0755L64.8541%2025.1703ZM66.6909%2023.3334L62.9206%2022.5504L62.9013%2020.9069L68.0927%2021.9317L66.6909%2023.3334ZM61.1418%2022.7147L62.1617%2021.6948L61.4463%2018.3885L62.7804%2017.0544L63.7713%2022.009L62.1037%2023.6766L61.1418%2022.7147ZM61.7798%2028.2445L60.4216%2029.6028L59.4065%2024.4114L60.9871%2024.4839L61.7798%2028.2445ZM61.1418%2022.7147L62.1037%2023.6766L60.4119%2025.3684L55.4573%2024.3775L56.8301%2023.0047L60.1364%2023.7201L61.1418%2022.7147ZM68.6293%2021.3951L63.5345%2016.3003L64.7961%2015.0387L69.8909%2020.1335L68.6293%2021.3951ZM61.9635%2014.9614C61.767%2014.7648%2061.6671%2014.536%2061.6638%2014.275C61.6606%2014.014%2061.7798%2013.7626%2062.0215%2013.521C62.26%2013.2825%2062.5097%2013.1649%2062.7708%2013.1681C63.035%2013.1681%2063.2654%2013.2664%2063.462%2013.4629C63.6586%2013.6595%2063.7585%2013.8915%2063.7617%2014.159C63.7649%2014.42%2063.6457%2014.6714%2063.404%2014.9131C63.1655%2015.1515%2062.9158%2015.2692%2062.6548%2015.2659C62.3905%2015.2595%2062.1601%2015.158%2061.9635%2014.9614ZM71.2346%2018.7897L66.1399%2013.695L68.5761%2011.2588C69.2012%2010.6336%2069.7845%2010.2727%2070.3259%2010.176C70.864%2010.0761%2071.3506%2010.2437%2071.7857%2010.6787C72.095%2010.9881%2072.2562%2011.3297%2072.2691%2011.7035C72.2852%2012.0741%2072.1724%2012.4446%2071.9307%2012.8152L71.9452%2012.8297C72.3738%2012.5107%2072.7895%2012.3496%2073.1923%2012.3464C73.5983%2012.3399%2073.9641%2012.4994%2074.2896%2012.8249C74.7472%2013.2825%2074.9389%2013.8061%2074.8648%2014.3959C74.7907%2014.9791%2074.4523%2015.5721%2073.8497%2016.1747L71.2346%2018.7897ZM69.4703%2014.5409L70.5047%2013.5064C70.7851%2013.2261%2070.9285%2012.9667%2070.9349%2012.7282C70.9414%2012.4898%2070.8415%2012.2674%2070.6353%2012.0612C70.4451%2011.871%2070.2373%2011.7856%2070.0117%2011.805C69.7829%2011.8211%2069.5283%2011.9693%2069.248%2012.2497L68.2135%2013.2841L69.4703%2014.5409ZM71.6455%2016.7161L72.8249%2015.5366C73.115%2015.2466%2073.2616%2014.9743%2073.2648%2014.7197C73.2713%2014.4619%2073.173%2014.2315%2072.9699%2014.0285C72.7669%2013.8255%2072.5397%2013.7272%2072.2884%2013.7336C72.037%2013.7401%2071.7647%2013.8899%2071.4715%2014.1832L70.2921%2015.3626L71.6455%2016.7161Z%22%20fill%3D%22%23080808%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_370_2385%22%3E%0A%3Crect%20width%3D%22108%22%20height%3D%22108%22%20fill%3D%22white%22%20transform%3D%22translate(2)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A')
    center/contain no-repeat;
  left: -3px;
  top: -1px;
}

.package-1 .package__header-title,
.package-2 .package__header-title,
.package-3 .package__header-title {
  margin-top: 51px;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: var(--black);
  text-transform: uppercase;
  letter-spacing: -0.24px;
}

.package-2 .package__header-title {
  color: #fff;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  letter-spacing: normal;
}

.package-1 .package__header-sub-title,
.package-2 .package__header-sub-title,
.package-3 .package__header-sub-title {
  line-height: normal;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 600;
  opacity: 0.5;
  font-size: 10px;
  width: 110px;
}

.package.package-1 .package__body-item .info,
.package.package-2 .package__body-item .info,
.package.package-3 .package__body-item .info {
  display: none;
}

.package.package-1 .package__body-item .info--value,
.package.package-2 .package__body-item .info--value,
.package.package-3 .package__body-item .info--value {
  display: block;
  margin: 0;
  display: flex;
  justify-content: center;
}

.package.package-1 .package__body-item .info--value .info__text-item,
.package.package-2 .package__body-item .info--value .info__text-item,
.package.package-3 .package__body-item .info--value .info__text-item {
  font-size: 16px;
}

.package__body-item .info__icon {
  position: relative;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg opacity='0.5'%3E%3Cpath d='M8.55769 7.25736C8.55769 6.94912 8.30779 6.69922 7.99955 6.69922C7.6913 6.69922 7.44141 6.94912 7.44141 7.25736V11.7225C7.44141 12.0307 7.6913 12.2806 7.99955 12.2806C8.30779 12.2806 8.55769 12.0307 8.55769 11.7225V7.25736Z' fill='%2301051C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM1.11628 8C1.11628 4.19823 4.19823 1.11628 8 1.11628C11.8017 1.11628 14.8837 4.19823 14.8837 8C14.8837 11.8017 11.8017 14.8837 8 14.8837C4.19823 14.8837 1.11628 11.8017 1.11628 8Z' fill='%2301051C'/%3E%3Cpath d='M8.74423 5.02348C8.74423 5.43448 8.41106 5.76767 8.00005 5.76767C7.58903 5.76767 7.25586 5.43448 7.25586 5.02348C7.25586 4.61248 7.58903 4.2793 8.00005 4.2793C8.41106 4.2793 8.74423 4.61248 8.74423 5.02348Z' fill='%2301051C'/%3E%3C/g%3E%3C/svg%3E")
    center/contain no-repeat;
  display: block;
}

.package__body-item .info__icon::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 20px;
  width: 22px;
  height: 7px;
  transform: translateX(-50%);
  transition: 0.3s ease;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

.package__body-item .info__text {
  position: absolute;
  top: 26px;
  transform: translateX(-35%);
  background: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  transition: 0.3s ease;
  padding: 10px;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

.package__body-item.yes::before {
  content: '';
  aspect-ratio: 1/1;
  width: 28px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.package-1 .package__body-item.yes::before {
  background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_245_649)%22%3E%0A%3Cpath%20d%3D%22M14%200C6.28009%200%200%206.28009%200%2014C0%2021.7199%206.28009%2028%2014%2028C21.7199%2028%2028%2021.7199%2028%2014C28%206.28009%2021.7199%200%2014%200ZM21.0957%2011.0332L13.5123%2018.6164C13.2848%2018.8439%2012.9861%2018.9584%2012.6875%2018.9584C12.3889%2018.9584%2012.0902%2018.8439%2011.8627%2018.6164L8.07111%2014.8248C7.61481%2014.3687%207.61481%2013.6313%208.07111%2013.1752C8.52719%2012.7189%209.2644%2012.7189%209.7207%2013.1752L12.6875%2016.142L19.4461%209.38361C19.9022%208.92731%2020.6394%208.92731%2021.0957%209.38361C21.5518%209.83969%2021.5518%2010.5769%2021.0957%2011.0332Z%22%20fill%3D%22%232A8DFF%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_245_649%22%3E%0A%3Crect%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A')
    50% / contain no-repeat;
}

.package-2 .package__body-item.yes::before {
  background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_245_759)%22%3E%0A%3Cpath%20d%3D%22M20%200C8.97156%200%200%208.97156%200%2020C0%2031.0284%208.97156%2040%2020%2040C31.0284%2040%2040%2031.0284%2040%2020C40%208.97156%2031.0284%200%2020%200ZM30.1367%2015.7617L19.3033%2026.5948C18.9783%2026.9199%2018.5516%2027.0834%2018.125%2027.0834C17.6984%2027.0834%2017.2717%2026.9199%2016.9467%2026.5948L11.5302%2021.1783C10.8783%2020.5267%2010.8783%2019.4733%2011.5302%2018.8217C12.1817%2018.1699%2013.2349%2018.1699%2013.8867%2018.8217L18.125%2023.06L27.7802%2013.4052C28.4317%2012.7533%2029.4849%2012.7533%2030.1367%2013.4052C30.7883%2014.0567%2030.7883%2015.1099%2030.1367%2015.7617Z%22%20fill%3D%22%2374C740%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_245_759%22%3E%0A%3Crect%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A')
    50% / contain no-repeat;
}

.package-3 .package__body-item.yes::before {
  background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_245_691)%22%3E%0A%3Cpath%20d%3D%22M14%200C6.28009%200%200%206.28009%200%2014C0%2021.7199%206.28009%2028%2014%2028C21.7199%2028%2028%2021.7199%2028%2014C28%206.28009%2021.7199%200%2014%200ZM21.0957%2011.0332L13.5123%2018.6164C13.2848%2018.8439%2012.9861%2018.9584%2012.6875%2018.9584C12.3889%2018.9584%2012.0902%2018.8439%2011.8627%2018.6164L8.07111%2014.8248C7.61481%2014.3687%207.61481%2013.6313%208.07111%2013.1752C8.52719%2012.7189%209.2644%2012.7189%209.7207%2013.1752L12.6875%2016.142L19.4461%209.38361C19.9022%208.92731%2020.6394%208.92731%2021.0957%209.38361C21.5518%209.83969%2021.5518%2010.5769%2021.0957%2011.0332Z%22%20fill%3D%22%23A26DCA%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_245_691%22%3E%0A%3Crect%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A')
    50% / contain no-repeat;
}

.package__body-item.yes.yes-text::before {
  display: none;
}

.package__body-item .yes__value {
  flex: 1 1 auto;
  text-align: center;
  font-size: 15px;
}

.package__footer {
  background: #fff;
  padding: 40px 0 40px;
  position: relative;
}

.package__footer .packages__timer {
  padding-top: 35px;
}

.package__price_full {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  text-decoration-line: line-through;
  opacity: 0.6;
}

.package__price_current {
  color: var(--green, #74c740);
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
}

.package__price_current span {
  font-size: 50px;
  font-weight: 600;
}

.package-1 .package__price_current {
  color: #2a8dff;
}

.package-2 .package__price_current {
  color: var(--green, #74c740);
}

.package-3 .package__price_current {
  color: #a26dca;
}

.package__btn-book {
  margin-top: 20px;
  display: none;
}

.package__places {
  margin-top: 10px;
  font-size: 12px;
  color: #000;
  font-weight: 400;
  line-height: 24px;
}

.package__places_upd {
  margin-top: 10px;
  font-size: 12px;
  color: rgba(13, 13, 13, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.package-desc {
  width: 40%;
}

.package-desc .package__header-title {
  color: rgba(13, 13, 13, 0.9);
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  text-align: left;
  padding-left: 12px;
}

.package-desc .package__body-item {
  padding: 0 12px;
  color: #111;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.package-desc .package__footer {
  background: #fff;
}

.package-desc .packages__timer_title {
  text-align: left;
  margin-bottom: 17px;
  color: var(--Black, #080808);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

.package-1 .package__price_current.disabled,
.package-2 .package__price_current.disabled,
.package-3 .package__price_current.disabled {
  color: grey;
}

.package-2 .package__body {
  position: relative;
  z-index: 1;
  box-shadow: 8px 0 8px -2px rgba(0, 0, 0, 0.05);
}

.package-2 .package__body-item.yes::before {
  width: 40px;
}

.package-2 .package__body-item:nth-child(even) {
  background: #f2faec;
}

.package-2 .package__body-item:nth-child(odd) {
  background: #e3f4d9;
}

.bonus {
  background: var(--white);
  padding-top: var(--sp);
}

.bonus__inner {
  background: var(--black);
  padding: 30px 80px 30px 30px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 16%;
  column-gap: 16%;
}

.bonus__inner:before {
  content: '';
  display: block;
  position: absolute;
  width: 460px;
  height: 400px;
  border-radius: 460px;
  background: #4682dc;
  filter: blur(125px);
  top: 35%;
  left: 100px;
}

.bonus__image {
  position: absolute;
  right: 0px;
  width: 441px;
  aspect-ratio: 1/1;
  background: url(../img/bonus/hand.webp) 36% 50% / cover no-repeat;
}

.bonus__image:before {
  background: linear-gradient(270deg, rgba(0, 1, 13, 0) 0%, #00010d 100%);
  content: '';
  display: block;
  left: 0%;
  top: 0;
  height: 100%;
  width: 200px;
  position: absolute;
}

.bonus__content {
  max-width: 530px;
  position: relative;
  z-index: 2;
}

.bonus__text {
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
}

.bonus__text b {
  color: rgb(255, 255, 255);
  font-weight: 700;
}

.bonus-timer {
  position: relative;
  z-index: 2;
}

.bonus-timer__title {
  margin-bottom: 16px;
  font-weight: 500;
  text-align: left;
}

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

.how .decor-1,
.how .decor-2,
.how .decor-3 {
  position: absolute;
  z-index: -1;
  bottom: 0;
}

.how .decor-1 {
  width: 137.611px;
  height: 658.889px;
  transform: rotate(125.178deg) translate(195%, -4%);
  border-radius: 658.889px;
  background: #2a4a82;
  filter: blur(100px);
  right: calc((100vw - 1440px) / 2);
}

.how .decor-2 {
  width: 258px;
  height: 591.897px;
  transform: rotate(61.668deg) translate(23%, 18%);
  border-radius: 591.897px;
  background: #aa6490;
  filter: blur(125px);
  left: 26%;
}

.how .decor-3 {
  width: 258px;
  height: 493px;
  border-radius: 493px;
  background: #4d8ff0;
  filter: blur(125px);
  transform: translate(-41%, 36%);
  left: calc((100vw - 1440px) / 2);
}

.how__title {
  text-align: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.how__title span:last-child {
  width: 100%;
}

.how__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  text-align: left;
}

.how .item {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.15);
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-flow: wrap;
}

.how .item__image {
  height: 106px;
  -o-object-fit: contain;
  object-fit: contain;
}

.how .item__number {
  border-radius: 50%;
  aspect-ratio: 1/1;
  width: 45px;
  color: var(--white, #fff);
  background: var(--black, #00010d);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

.how .item__title {
  width: 100%;
  margin: 20px 0 10px;
  text-transform: unset;
  font-size: 24px;
  color: var(--White, #fff);
  font-weight: 700;
  line-height: 120%;
  /* 28.8px */
  letter-spacing: -0.72px;
}

.how .item__text {
  color: var(--white-70, rgba(255, 255, 255, 0.7));
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.how__button {
  padding: 18px 70px;
  margin-top: 50px;
}

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

.employment .decor-1,
.employment .decor-2,
.employment .decor-3 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  display: none;
}

.employment .decor-1 {
  width: 137.611px;
  height: 658.889px;
  transform: rotate(125.178deg) translate(195%, -4%);
  border-radius: 658.889px;
  background: #2a4a82;
  filter: blur(100px);
  right: calc((100vw - 1440px) / 2);
}

.employment .decor-2 {
  width: 258px;
  height: 591.897px;
  transform: rotate(61.668deg) translate(23%, 18%);
  border-radius: 591.897px;
  background: #aa6490;
  filter: blur(125px);
  left: 26%;
}

.employment .decor-3 {
  width: 258px;
  height: 493px;
  border-radius: 493px;
  background: #4d8ff0;
  filter: blur(125px);
  transform: translate(-41%, 36%);
  left: calc((100vw - 1440px) / 2);
}

.employment__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.employment__title {
  margin-bottom: 38px;
}

.employment__title b {
  color: var(--blue);
}

.employment__content {
  max-width: 630px;
}

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

.employment__image {
  aspect-ratio: 671/545;
  width: 100%;
  max-width: 671px;
  background: 50% / contain no-repeat;
}

.employment__button {
  margin: var(--margin-default) auto 0;
}

.employment__text {
  margin-bottom: 30px;
  max-width: 626px;
  position: relative;
  margin-top: 20px;
  padding: 20px 70px 20px 84px;
  color: var(--black-70);
  font-size: 16px;
  line-height: 140%;
  border-radius: 10px;
  background: linear-gradient(98deg, #fff 7.89%, #86afc3 53.19%, #c186e0 98.49%);
}

.employment__text b {
  font-weight: 700;
}

.employment__text::before {
  content: '👉';
  position: absolute;
  font-size: 36px;
  line-height: 140%;
  left: 25px;
  top: 20px;
}

.employment__subtitle {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: var(--white);
}

.employment__list-title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: var(--white);
}

.employment .item {
  position: relative;
  padding-left: 15px;
  line-height: 140%;
}

.employment .item:before {
  left: 0;
  top: 7px;
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_239_5940)'%3E%3Cpath d='M4 0C1.79165 0 0 1.79165 0 4C0 6.20835 1.79165 8 4 8C6.21019 8 8 6.20835 8 4C8 1.79165 6.21019 0 4 0ZM4 5.72556C3.04727 5.72556 2.27444 4.95273 2.27444 4C2.27444 3.04727 3.04727 2.27444 4 2.27444C4.95273 2.27444 5.72556 3.04727 5.72556 4C5.72556 4.95273 4.95273 5.72556 4 5.72556Z' fill='url(%23paint0_linear_239_5940)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_239_5940' x1='0.32' y1='0.48' x2='8.96416' y2='1.831' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E581F4'/%3E%3Cstop offset='0.5' stop-color='%232D9BD3'/%3E%3Cstop offset='1' stop-color='%23AB79C5'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_239_5940'%3E%3Crect width='8' height='8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    50% / cover no-repeat;
  aspect-ratio: 1/1;
  width: 8px;
  position: absolute;
}

.employment .item__wrap-icon {
  background: var(--blue);
  border-radius: 8px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
}

.employment .item__icon {
  width: 24px;
  height: 24px;
  background: 50% / contain no-repeat;
}

.employment .item__text {
  flex: 1;
  color: var(--white-70, rgba(255, 255, 255, 0.7));
}

.employment .item__text b {
  font-weight: 700;
  color: var(--white);
}

.employment .item:after {
  display: none;
}

.hero {
  position: relative;
  padding-bottom: var(--sp);
  background: url(../img/hero/bg.png) center/cover no-repeat;
}

.hero__image {
  right: 0;
  top: 0;
  position: absolute;
  width: 800px;
  height: 100%;
  background: center/cover no-repeat;
}

.hero__image-mob {
  display: none;
}

.hero__image-mob::before {
  content: '';
  position: absolute;
  left: 8px;
  top: -6px;
  width: 104px;
  height: 81px;
  background: url(../img/hero/discount.webp) center/contain no-repeat;
  transform: rotate(351deg);
  border-radius: 8px;
  box-shadow: -4px 4px 6px rgba(0, 0, 0, 0.25);
}

.hero__top-items {
  margin-top: 30px;
  display: flex;
  gap: 30px;
}

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

.hero__top-items .item .item__icon {
  aspect-ratio: 1;
  width: 18px;
  display: block;
}

.hero__top-items .item:nth-child(1) .item__icon {
  background: url(../img/hero/icon-1.svg) center/contain no-repeat;
}

.hero__top-items .item:nth-child(2) .item__icon {
  background: url(../img/hero/icon-2.svg) center/contain no-repeat;
}

.hero__top-items .item:nth-child(3) .item__icon {
  background: url(../img/hero/icon-3.svg) center/contain no-repeat;
}

.hero__top-items .item:nth-child(4) .item__icon {
  background: url(../img/hero/icon-4.svg) center/contain no-repeat;
}

.hero__top-items .item__text {
  font-size: 14px;
  color: var(--white);
}

.hero__date-info {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 42px;
  padding: 6px 15px;
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(20, 110, 245, 0.2);
  color: var(--white-80);
  border-radius: 100px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  text-transform: uppercase;
  line-height: 130%;
}

.hero__date-info b {
  font-weight: 800;
}

.hero__date-info-icon {
  aspect-ratio: 1;
  display: inline-block;
  width: 12px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M6 0C6 0 6.33105 3.08996 7.62054 4.37946C8.91004 5.66895 12 6 12 6C12 6 8.91004 6.33105 7.62054 7.62054C6.33105 8.91004 6 12 6 12C6 12 5.66895 8.91004 4.37946 7.62054C3.08996 6.33105 0 6 0 6C0 6 3.08996 5.66895 4.37946 4.37946C5.66895 3.08996 6 0 6 0Z" fill="%2374C740"/></svg>')
    center/contain no-repeat;
}

.hero__title {
  position: relative;
  margin-top: 18px;
  max-width: 575px;
}

.hero__title::before {
  content: '';
  position: absolute;
  right: -50px;
  top: 6px;
  width: 108px;
  height: 85px;
  background: url(../img/hero/discount.webp) center/contain no-repeat;
  transform: rotate(351deg);
  box-shadow: -4px 4px 6px rgba(0, 0, 0, 0.25);
}

.hero__grade {
  margin-top: 22px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--white-60);
  width: -moz-fit-content;
  width: fit-content;
}

.hero__grade b {
  font-weight: 700;
  color: var(--white-80);
}

.hero__grade-icon {
  aspect-ratio: 123/20;
  width: 123px;
  background: url(../img/hero/stars.svg) center/contain no-repeat;
}

.hero__text {
  margin-top: 40px;
  font-size: 20px;
  letter-spacing: -0.2px;
  line-height: 130%;
  max-width: 633px;
}

.hero__text b {
  font-weight: 600;
  color: var(--white);
}

.hero__footer {
  margin-top: 60px;
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.hero__book-text {
  font: 500 14px 'SF Pro Display';
  color: var(--white-50);
}

.hero__book {
  display: flex;
  align-items: center;
  flex-flow: column;
  gap: 7px;
}

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

.hero__gift-icon {
  aspect-ratio: 1;
  flex-shrink: 0;
  width: 60px;
  border-radius: 6px;
  background: url(../img/hero/gift.webp) rgba(255, 255, 255, 0.2) center/contain no-repeat;
}

.hero__gift-text {
  font-size: 14px;
  max-width: 263px;
}

.hero__gift-text b {
  font-weight: 700;
  color: #fff;
}

.logos {
  padding: var(--sp) 0;
  text-align: center;
  padding-top: 30px;
}

.logos .swiper {
  margin-top: 30px;
  overflow: visible;
}

.logos__title {
  font: normal 700 24px/120% 'Roboto Flex';
  width: 100%;
  color: #fff;
  text-align: center;
  letter-spacing: -0.72px;
  text-transform: none;
}

.logos__items {
  transition: linear;
}

.logos .item {
  width: 187px;
  height: 77px;
  margin-right: 15px;
  background: rgba(255, 255, 255, 0.03) center/55% no-repeat;
  border-radius: 10px;
}

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

.who__container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 40px;
}

.who__decor {
  position: absolute;
  filter: blur(125px);
  z-index: -1;
}

.who__decor-1 {
  top: 31%;
  left: -4%;
  width: 258px;
  height: 493px;
  border-radius: 493px;
  background: #4d8ff0;
}

.who__decor-2 {
  top: 0%;
  left: 28%;
  width: 258px;
  height: 591.897px;
  transform: rotate(61.668deg);
  border-radius: 591.897px;
  background: #aa6490;
}

.who__decor-3 {
  top: 17%;
  left: 87%;
  width: 137.611px;
  height: 658.889px;
  border-radius: 658.889px;
  background: #2a4a82;
  transform: rotate(125.178deg);
  filter: blur(100px);
}

.who__img {
  aspect-ratio: 1;
  width: 686px;
  flex-shrink: 0;
  background: center/contain no-repeat;
}

.who__paragraph {
  margin-top: 12px;
  font-size: 16px;
}

.who__paragraph b {
  color: var(--white);
}

.who__paragraph:first-of-type {
  margin-top: 50px;
  max-width: 412px;
  color: var(--white, #fff);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.72px;
}

.who__container-footer {
  position: relative;
  margin-top: 30px;
  padding: 20px 62px 20px 84px;
  color: var(--black-70);
  font-size: 16px;
  line-height: 140%;
  border-radius: 10px;
  background: linear-gradient(98deg, #fff 7.89%, #86afc3 53.19%, #c186e0 98.49%);
}

.who__container-footer b {
  font-weight: 700;
}

.who__container-footer::before {
  content: '👉';
  position: absolute;
  font-size: 36px;
  line-height: 140%;
  left: 25px;
  top: 20px;
}

.register-gift {
  padding: 55px 0 44px;
  position: relative;
}

.register-gift:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 1333px;
  height: 493px;
  border-radius: 1333px;
  background: #4d8ff0;
  filter: blur(125px);
  top: 0;
  left: calc((100vw - 1440px) / 2);
}

.register-gift:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 214px;
  height: 780px;
  transform: rotate(90deg) translate(-126%, 5%);
  border-radius: 780px;
  background: #aa6490;
  filter: blur(125px);
  top: 0;
  right: calc((100vw - 1440px) / 2);
}

.register-gift__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 16px 16px 16px 50px;
  border-radius: 10px;
  overflow: hidden;
  min-height: 549px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  width: calc(100% - 20px);
}

.register-gift__container-bg {
  position: absolute;
  inset: 0;
  background: url(../img/register-gift/register-gift-bg.webp) center/cover no-repeat;
  z-index: -1;
}

.register-gift__body {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 640px;
}

.register-gift__title {
  margin-top: 34px;
}

.register-gift__title span {
  color: var(--black);
}

.register-gift__text {
  color: var(--white-70, rgba(255, 255, 255, 0.7));
  font-size: var(--h4);
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.24px;
  max-width: 587px;
}

.register-gift__text b {
  font-weight: 700;
  color: var(--white);
}

.register-gift__timer {
  margin-top: auto;
  margin-bottom: 34px;
}

.register-gift__timer-label {
  color: var(--white-70);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.register-gift .countdownHolder {
  margin-top: 12px;
}

.register-gift__form-wrap {
  display: flex;
  max-width: 446px;
  width: 100%;
  padding: 36px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 40px;
  border-radius: 6px;
  background: var(--White, #fff);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.register-gift .form {
  color: var(--black, #080808);
}

.register-gift .form__title {
  margin-bottom: 12px;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
}

.register-gift .form__gift {
  margin-top: 12px;
  display: flex;
  gap: 12px;
  align-items: center;
}

.register-gift .form__gift-icon {
  flex-shrink: 0;
  aspect-ratio: 1/1;
  width: 40px;
  padding: 4px;
  background: var(--black, #080808);
  border-radius: 6px;
  display: flex;
}

.register-gift .form__gift-icon .icon {
  background: url(../img/hero/gift.webp) center/contain no-repeat;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.register-gift .form__gift-text {
  color: var(--black-70, rgba(8, 8, 8, 0.7));
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.register-gift .form__gift-text b {
  color: var(--black, #080808);
  font-weight: 700;
}

.register-gift .form__fields {
  margin-top: 20px;
}

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

.programs:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 1333px;
  height: 493px;
  border-radius: 1333px;
  background: #4d8ff0;
  filter: blur(125px);
  top: 0;
  left: calc((100vw - 1440px) / 2);
}

.programs:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 214px;
  height: 780px;
  transform: rotate(90deg) translate(-126%, 5%);
  border-radius: 780px;
  background: #aa6490;
  filter: blur(125px);
  top: 0;
  right: calc((100vw - 1440px) / 2);
}

.programs__head {
  padding: 30px 33px;
  display: flex;
  justify-content: space-between;
  background: url(../img/programs/header-bg.webp) 50% 54% / cover;
  border-radius: 10px;
}

.programs__header {
  color: var(--black);
}

.programs__subtitle {
  margin-top: 20px;
  color: var(--White, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

.programs__info {
  padding: 10px 13px;
  align-items: flex-start;
  max-width: 460px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.15);
}

.programs__info p {
  color: var(--white-70);
  line-height: 140%;
}

.programs__info p b {
  color: var(--white);
  font-weight: 700;
}

.programs__info-items {
  margin-top: 20px;
  display: flex;
  gap: 10px;
}

.programs__info-items .item {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 13px;
  padding: 16px 19px;
  border-radius: 6px;
  background: var(--White, #fff);
}

.programs__info-items .item span:first-child {
  background: linear-gradient(99deg, #e581f4 4.27%, #2d9bd3 52.14%, #ab79c5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 88%;
}

.programs__info-items .item span:last-child {
  color: var(--black);
  display: block;
  font-weight: 700;
  line-height: 140%;
  text-transform: lowercase;
}

.programs__modules {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  counter-reset: step -1;
}

.programs__btn {
  margin: 56px auto 0px;
}

.programs .module {
  counter-increment: step;
  padding: 0 20px 0 30px;
  transition: var(--tr);
  border-radius: 16px;
  background: #0d0e19;
}

.programs .module._active {
  background: var(--white);
  color: var(--Black, #00010d);
}

.programs .module._active .module__head {
  border-bottom: 1px solid #e9e9f1;
}

.programs .module__head {
  padding: 20px 0;
  display: grid;
  grid-template-columns: 315px 1fr 50px;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}

.programs .module__head-label {
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  background: linear-gradient(98.88deg, #e581f4 4.27%, #2d9bd3 52.14%, #ab79c5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.programs .module__head-label:before {
  content: 'Модуль ' counter(step);
}

.programs .module:last-child .module__head-label:before {
  content: 'Бонусний модуль';
}

.programs .module__head-name {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.24px;
}

.programs .module__head-icon {
  background: transparent;
  aspect-ratio: 1/1;
  width: 44px;
  position: relative;
  transition: opacity var(--tr);
  border-radius: 4px;
  border: 1px solid var(--green);
  display: flex;
  align-items: center;
  justify-content: center;
}

.programs .module__head-icon .icon {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_239_5465)'%3E%3Cpath d='M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z' fill='%2374C740'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_239_5465'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    no-repeat center/contain;
  width: 24px;
  height: 24px;
  transition:
    background-color 1s ease,
    transform 0.2s ease;
}

.programs .module__head-icon:is(.module._active .module__head-icon) {
  background: var(--green);
}

.programs .module__head-icon:is(.module._active .module__head-icon) .icon {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_324_21)'%3E%3Cpath d='M19 13H13H11H5V11H11H13H19V13Z' fill='%23070707'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_324_21'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  transform: rotate(180deg);
}

.programs .module__content {
  display: grid;
  grid-template-columns: 315px 1fr;
  grid-template-areas: 'space content';
  overflow: hidden;
  height: 0;
  position: relative;
  transition: height var(--tr);
}

.programs .module__content-inner {
  grid-area: content;
  padding-bottom: 40px;
  padding-top: 20px;
}

.programs .module__themes {
  margin-bottom: 30px;
  color: var(--black-80);
  line-height: 140%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-right: 50px;
}

.programs .module__theme {
  position: relative;
  padding-left: 16px;
  max-width: 765px;
}

.programs .module__theme::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  height: 6px;
  width: 6px;
  background: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='3' fill='url(%23paint0_linear_239_5440)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_239_5440' x1='0.24' y1='0.36' x2='6.72312' y2='1.37325' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E581F4'/%3E%3Cstop offset='0.5' stop-color='%232D9BD3'/%3E%3Cstop offset='1' stop-color='%23AB79C5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A")
    center/contain no-repeat;
}

.programs .module__theme b {
  color: var(--black);
  font-weight: 700;
}

.programs .module__result {
  padding: 10px 16px;
  line-height: 140%;
  color: var(--black-80);
  border-radius: 6px;
  background: linear-gradient(97.48deg, #ffffff -3.87%, #86afc3 47.31%, #9f77b4 98.49%);
}

.programs .module__result b {
  color: var(--black);
  font-weight: 700;
}

.programs .module__result-title {
  font-weight: 700;
  margin-bottom: 5px;
}

.programs__btn {
  margin: 70px auto 0 auto;
  max-width: 339px;
  width: 100%;
  padding: 21px 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.result__grid {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px 20px;
}

.result .logo {
  width: 62px;
  height: 62px;
}

.result .logo__image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.result .item {
  display: flex;
  padding: 24px;
  gap: 16px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
}

.result .item__text {
  color: var(--white-70);
  line-height: 140%;
  flex: 1;
}

.result .item__text b {
  color: var(--white);
  font-weight: 700;
}

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

.advantages__title {
  margin: 0 auto 0;
}

.advantages__title span:nth-child(2) {
  margin: 0 auto;
}

.advantages__list {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.advantages__list .item {
  padding: 16px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.15);
  flex: 1;
}

.advantages__list .item__header {
  display: flex;
  flex-flow: column;
  gap: 30px;
}

.advantages__list .item__icon {
  display: inline-block;
  aspect-ratio: 1;
  flex-shrink: 0;
  width: 50px;
  background: center/contain no-repeat;
}

.advantages__list .item__text {
  margin-top: 10px;
  line-height: 140%;
}

.advantages__list .item__text b {
  font-weight: 700;
  color: var(--white);
}

.advantages__list .item:nth-child(1) .item__icon {
  background: url(../img/advantages/icon-1.svg);
}

.advantages__list .item:nth-child(2) .item__icon {
  background: url(../img/advantages/icon-2.svg);
}

.advantages__list .item:nth-child(3) .item__icon {
  background: url(../img/advantages/icon-3.svg);
}

.advantages__list .item:nth-child(4) .item__icon {
  background: url(../img/advantages/icon-4.svg);
}

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

.examples .decor-1,
.examples .decor-2,
.examples .decor-3 {
  position: absolute;
  z-index: -1;
  bottom: -22%;
}

.examples .decor-1 {
  width: 137.611px;
  height: 658.889px;
  transform: rotate(125.178deg) translate(195%, -4%);
  border-radius: 658.889px;
  background: #2a4a82;
  filter: blur(100px);
  right: calc((100vw - 1440px) / 2);
}

.examples .decor-2 {
  width: 258px;
  height: 591.897px;
  transform: rotate(61.668deg) translate(23%, 18%);
  border-radius: 591.897px;
  background: #aa6490;
  filter: blur(125px);
  left: 26%;
}

.examples .decor-3 {
  width: 258px;
  height: 493px;
  border-radius: 493px;
  background: #4d8ff0;
  filter: blur(125px);
  transform: translate(-41%, 36%);
  left: calc((100vw - 1440px) / 2);
}

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

.examples__title span:last-child {
  margin-top: 8px;
}

.examples__swiper-container {
  position: relative;
  margin-top: 50px;
  width: 100%;
}

.examples__swiper-mob-container {
  position: relative;
  margin-top: 30px;
  display: none;
}

.examples__swiper-mob-container .swiper {
  margin: 0 72px;
}

.examples__swiper-mob-container .swiper-button-prev {
  transform: translateY(-20px);
}

.examples__swiper-mob-container .swiper-button-next {
  transform: translateY(-20px) rotate(180deg) !important;
}

.examples .swiper {
  margin: 0 62px;
  padding-bottom: 50px;
}

.examples .swiper-slide {
  aspect-ratio: 232/413;
  width: 232px;
  border-radius: 10px;
  cursor: pointer;
  background: center/contain no-repeat;
}

.examples .swiper-slide::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1;
  width: 44px;
  transition: var(--tr);
  background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3CforeignObject%20x%3D%22-4%22%20y%3D%22-4%22%20width%3D%2252%22%20height%3D%2252%22%3E%3Cdiv%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml%22%20style%3D%22backdrop-filter%3Ablur(2px)%3Bclip-path%3Aurl(%23bgblur_0_239_6278_clip_path)%3Bheight%3A100%25%3Bwidth%3A100%25%22%3E%3C%2Fdiv%3E%3C%2FforeignObject%3E%3Cg%20data-figma-bg-blur-radius%3D%224%22%3E%0D%0A%3Crect%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%2222%22%20fill%3D%22white%22%20fill-opacity%3D%220.3%22%2F%3E%0D%0A%3Cpath%20d%3D%22M18%2016.82V27.18C18%2027.97%2018.87%2028.45%2019.54%2028.02L27.68%2022.84C28.3%2022.45%2028.3%2021.55%2027.68%2021.15L19.54%2015.98C18.87%2015.55%2018%2016.03%2018%2016.82Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22bgblur_0_239_6278_clip_path%22%20transform%3D%22translate(4%204)%22%3E%3Crect%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%2222%22%2F%3E%0D%0A%3C%2FclipPath%3E%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A')
    center/contain no-repeat;
}

.examples .swiper-slide:hover::before {
  width: 66px;
}

.examples__nav {
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 25px));
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.examples__nav .swiper-button-prev,
.examples__nav .swiper-button-next {
  position: relative;
  margin: 0;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  width: 45px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--white, #fff);
  transition: var(--tr);
  z-index: 1;
}

.examples__nav .swiper-button-prev::after,
.examples__nav .swiper-button-next::after {
  content: '';
  width: 18px;
  height: 9px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="10" viewBox="0 0 19 10" fill="none"><path d="M4.65496 3.5H18.6666V5.83333H4.65496V9.33333L-4.00543e-05 4.66667L4.65496 0V3.5Z" fill="white"/></svg>')
    center/contain no-repeat;
}

.examples__nav .swiper-button-prev:hover,
.examples__nav .swiper-button-next:hover {
  background: var(--white, #fff);
}

.examples__nav .swiper-button-prev:hover::after,
.examples__nav .swiper-button-next:hover::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="10" viewBox="0 0 19 10" fill="none"><path d="M4.65496 3.5H18.6666V5.83333H4.65496V9.33333L-4.00543e-05 4.66667L4.65496 0V3.5Z" fill="black"/></svg>')
    center/contain no-repeat;
}

.examples__btn-container {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}

.examples .swiper-button-next {
  transform: rotate(180deg);
}

.modal-examples {
  padding-top: 0;
}

.modal-examples video {
  margin: 0 auto;
  max-height: 85vh;
  max-width: 90%;
}

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

.speakers__header {
  position: relative;
}

.speakers__items {
  padding: 50px 0;
}

.speakers .speaker {
  background: rgba(255, 255, 255, 0.05);
  aspect-ratio: 670/507;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  padding: 16px;
}

.speakers .speaker__media {
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
}

.speakers .speaker__media:before {
  content: '';
  display: block;
  width: 100%;
  height: 142px;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: var(--transition);
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 1, 13, 0) 0%, #00010d 111.27%);
}

.speakers .speaker__img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transition: var(--transition);
}

.speakers .speaker__panel {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  padding: 10px;
  display: flex;
  -moz-column-gap: 20px;
  column-gap: 20px;
  align-items: flex-start;
  z-index: 10;
}

.speakers .speaker__panel-head {
  flex: 1;
}

.speakers .speaker__panel-title {
  text-transform: unset;
  padding: 11px 0;
}

.speakers .speaker__list {
  padding-top: 5px;
  display: none;
}

.speakers .speaker__list li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 16px;
  line-height: 140%;
}

.speakers .speaker__list li b {
  font-weight: 700;
  color: var(--white);
}

.speakers .speaker__list li:last-child {
  margin-bottom: 0;
}

.speakers .speaker__list li:before {
  background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_239_4387)'%3E%3Cpath d='M4 0C1.79165 0 0 1.79165 0 4C0 6.20835 1.79165 8 4 8C6.21019 8 8 6.20835 8 4C8 1.79165 6.21019 0 4 0ZM4 5.72556C3.04727 5.72556 2.27444 4.95273 2.27444 4C2.27444 3.04727 3.04727 2.27444 4 2.27444C4.95273 2.27444 5.72556 3.04727 5.72556 4C5.72556 4.95273 4.95273 5.72556 4 5.72556Z' fill='url(%23paint0_linear_239_4387)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_239_4387' x1='0.32' y1='0.48' x2='8.96416' y2='1.831' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E581F4'/%3E%3Cstop offset='0.5' stop-color='%232D9BD3'/%3E%3Cstop offset='1' stop-color='%23AB79C5'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_239_4387'%3E%3Crect width='8' height='8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    no-repeat center top/contain;
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 6px;
  width: 8px;
  height: 8px;
}

.speakers .speaker__close {
  background: transparent;
  border-radius: 50%;
  border: 1px solid var(--green, #fecb00);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: var(--transition);
  position: absolute;
  right: 10px;
}

.speakers .speaker__close svg {
  transition: var(--transition);
}

.speakers .speaker__close svg path {
  transition: var(--transition);
  fill: var(--white);
}

.speakers .speaker.active .speaker__img {
  filter: blur(4px);
}

.speakers .speaker.active .speaker__media:before {
  height: 100%;
}

.speakers .speaker.active .speaker__close {
  background: var(--green);
}

.speakers .speaker.active .speaker__close svg {
  transform: rotate(135deg);
}

.speakers .speaker.active .speaker__close svg path {
  fill: var(--Black, #080808);
}

.speakers .swiper-button-prev,
.speakers .swiper-button-next {
  top: unset;
  bottom: 0;
}

.speakers .swiper-button-prev {
  left: auto;
  right: 53px;
}

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

.speakers .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
}

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

.tools .decor-1,
.tools .decor-2,
.tools .decor-3 {
  position: absolute;
  z-index: -1;
  bottom: 0;
}

.tools .decor-1 {
  width: 137.611px;
  height: 658.889px;
  transform: rotate(-125.178deg) translate(-231%, -10%);
  border-radius: 658.889px;
  background: #2a4a82;
  filter: blur(100px);
  left: calc((100vw - 1440px) / 2);
}

.tools .decor-2 {
  width: 258px;
  height: 591.897px;
  transform: rotate(-61.668deg) translate(-40%, 29%);
  border-radius: 591.897px;
  background: #aa6490;
  filter: blur(125px);
  left: 50%;
}

.tools .decor-3 {
  width: 258px;
  height: 493px;
  border-radius: 493px;
  background: #4d8ff0;
  filter: blur(125px);
  transform: translate(40%, 54%);
  right: calc((100vw - 1440px) / 2);
}

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

.tools__title span {
  width: 100% !important;
  text-align: center;
}

.tools__grid {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

.tools .tool-card {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 10px;
  padding: 20px 18px;
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  max-width: 152px;
  width: 100%;
}

.tools .tool-card__icon {
  height: 62px;
}

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

.tools .tool-card__name {
  line-height: 140%;
  color: var(--white);
}

.tools__show-more-btn {
  display: none;
  margin-top: 20px;
}

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

.for__container {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}

.for__left-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.for__title {
  max-width: 500px;
}

.for__list {
  max-width: 670px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.for__list .item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.for__list .item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.for__list .item__decor {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.for__list .item__decor:before,
.for__list .item__decor:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  aspect-ratio: 1/1;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.for__list .item__decor:before {
  width: 100%;
  height: 100%;
  background: rgba(217, 217, 217, 0.05);
}

.for__list .item__decor:after {
  width: 86%;
  height: 86%;
  background: rgba(217, 217, 217, 0.12);
}

.for__list .item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
  width: 50px;
  height: 50px;
  position: relative;
  z-index: 2;
  border-radius: 50%;
  color: var(--black);
  background: var(--Gradient, linear-gradient(98deg, #fff 7.89%, #86afc3 53.19%, #9f77b4 98.49%));
}

.for__list .item_title {
  color: var(--white);
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  margin-bottom: 10px;
}

.for__list .item__text {
  color: var(--white-70);
  line-height: 160%;
  max-width: 575px;
}

.for__list .item__text b {
  font-weight: 700;
  color: var(--white);
}

.for__list .item__wrap {
  flex: 1;
}

.for .btn-mob {
  display: none;
}

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

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

.showcase__title span {
  width: 100% !important;
  text-align: center;
}

.showcase__items {
  padding-top: 50px;
}

.showcase .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.showcase .item {
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  aspect-ratio: 437/295;
  cursor: pointer;
}

.showcase .item::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1;
  width: 44px;
  transition: var(--tr);
  background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3CforeignObject%20x%3D%22-4%22%20y%3D%22-4%22%20width%3D%2252%22%20height%3D%2252%22%3E%3Cdiv%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml%22%20style%3D%22backdrop-filter%3Ablur(2px)%3Bclip-path%3Aurl(%23bgblur_0_239_6278_clip_path)%3Bheight%3A100%25%3Bwidth%3A100%25%22%3E%3C%2Fdiv%3E%3C%2FforeignObject%3E%3Cg%20data-figma-bg-blur-radius%3D%224%22%3E%0D%0A%3Crect%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%2222%22%20fill%3D%22white%22%20fill-opacity%3D%220.3%22%2F%3E%0D%0A%3Cpath%20d%3D%22M18%2016.82V27.18C18%2027.97%2018.87%2028.45%2019.54%2028.02L27.68%2022.84C28.3%2022.45%2028.3%2021.55%2027.68%2021.15L19.54%2015.98C18.87%2015.55%2018%2016.03%2018%2016.82Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22bgblur_0_239_6278_clip_path%22%20transform%3D%22translate(4%204)%22%3E%3Crect%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%2222%22%2F%3E%0D%0A%3C%2FclipPath%3E%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A')
    center/contain no-repeat;
}

.showcase .item:hover::before {
  width: 66px;
}

.showcase .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
}

.modal-showcase {
  padding-top: 0;
}

.modal-showcase video {
  margin: 0 auto;
  max-height: 85vh;
  max-width: 90%;
}

@media (min-width: 1261px) {
  .reviews .item.swiper-slide-active {
    opacity: 1;
    transform: scale(1.4);
    z-index: 2;
  }
}

@media (max-width: 1260px) {
  :root {
    --container-width: 760px;
    --h1: 70px;
    --h2: 36px;
    --h3: 20px;
    --sp: 35px;
    --fz-default: 15px;
  }

  .course-info {
    gap: 12px;
  }

  .course-info-item {
    gap: 8px;
  }

  .course-info-item--format {
    display: none;
  }

  .course-info-item__text {
    font-size: 13px;
  }

  h1,
  ._h1 {
    letter-spacing: -3.5px;
  }

  h2,
  ._h2 {
    letter-spacing: -1.08px;
  }

  h2 span:last-child,
  ._h2 span:last-child {
    letter-spacing: -0.72px;
    font-size: 24px;
  }

  h3,
  ._h3 {
    letter-spacing: -0.6px;
  }

  .btn {
    font-size: 15px;
  }

  .form .input__label {
    font-size: 14px;
  }

  .form .subm {
    margin-top: 30px;
    width: 100%;
  }

  .header {
    padding: 16px 0;
  }

  .header__logo {
    width: 68px;
  }

  .header__menu {
    gap: 24px;
  }

  .header__btn {
    font-size: 14px;
    padding: 7px 18px;
  }

  .countdownHolder {
    font-size: 24px;
  }

  .countdownHolder .countDiv {
    width: 16px;
  }

  .students__logos {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 30px;
  }

  .students .logo {
    border-radius: 10px;
    padding: 10px;
    min-height: 50px;
    height: 50px;
  }

  .students .logo__image {
    width: auto;
    max-width: 100%;
    max-height: 100%;
  }

  .rass__inner {
    background: url(../img/rass/bg-mob.webp) center/cover no-repeat;
    max-width: 360px;
    justify-content: center;
    margin: 0 auto;
    gap: 72px;
  }

  .rass__inner {
    flex-wrap: wrap;
    padding: 40px 16px;
  }

  .rass__title {
    text-align: left;
    margin-bottom: 20px;
  }

  .rass__content {
    text-align: center;
    max-width: 100%;
  }

  .rass__text {
    margin-top: 20px;
    text-align: left;
    font-size: 15px;
  }

  .rass__date_text,
  .rass__date_month {
    font-size: 15px;
  }

  .rass__date:before {
    width: 311px;
  }

  .rass__date:after {
    width: 270px;
  }

  .rass__date .rass__date-inner {
    width: 226px;
  }

  .rass__date_day {
    font-size: 80px;
  }

  .rass__how {
    max-width: 340px;
  }

  .rass__how .rass__how_title {
    font-size: 20px;
  }

  .rass__how_list {
    gap: 12px;
    margin-top: 12px;
  }

  .rass__how li {
    font-size: 15px;
  }

  .reviews__items {
    padding: 50px 0 60px;
  }

  .reviews .item {
    height: 504px;
  }

  .reviews .item {
    height: 484px;
  }

  .reviews .item {
    opacity: 0.4;
  }

  .reviews .swiper-button-prev,
  .reviews .swiper-button-next {
    top: auto;
    bottom: -7px;
  }

  .reviews .swiper-button-prev {
    left: 20%;
    right: auto;
  }

  .reviews .swiper-button-next {
    right: 20%;
  }

  .register__inner {
    padding: 16px;
  }

  .register__content {
    max-width: 340px;
  }

  .register .hero__grade {
    margin-top: 20px;
    font-size: 13px;
  }

  .register .hero__grade-icon {
    width: 98px;
  }

  .register .form {
    padding: 24px 16px;
  }

  .register .form__header:before {
    top: -38px;
  }

  .register .form__title {
    font-size: 20px;
  }

  .register .form__subtitle br {
    display: none;
  }

  .faq .item__question {
    padding: 16px;
  }

  .hero-packages__information {
    gap: 15px;
  }

  .hero-packages__information li span {
    font-size: 14px;
  }

  .hero-packages__duration {
    display: none !important;
  }

  .hero-packages-icon {
    width: 30px;
    height: 30px;
  }

  .hero-packages__uptitle {
    margin-top: 21px;
  }

  .hero-packages__uptitle span {
    font-size: 170px;
  }

  .hero-packages__uptitle p br {
    display: none;
  }

  .hero-packages__raiting-stars {
    width: 77px;
    height: 21px;
  }

  .hero-packages__description {
    font-size: 16px;
    margin-top: 14px;
  }

  .hero-packages__places {
    font-size: 12px;
  }

  .hero-packages__btn-wrap {
    margin-top: 30px;
  }

  .hero-packages__photo_hand {
    width: 102.522px;
    height: 102.522px;
    bottom: -67%;
    right: 38%;
  }

  .hero-packages {
    padding-bottom: 400px;
  }

  .hero-packages__photo_brain {
    width: 255px;
    height: 253.505px;
    left: 27%;
    bottom: -65%;
    top: auto;
  }

  /* .hero-packages__photo_system {
    width: 102.522px;
    height: 102.522px;
    bottom: -67%;
    right: 38%;
  } */

  .hero-packages__photo_speakers {
    height: 232px;
    width: 133px;
    padding: 20px 10px;
  }

  .hero-packages__photo_speakers span {
    font-size: 18px;
  }

  .hero-packages__speakers_item {
    margin-top: 25px;
    width: 96px;
    height: 107px;
  }

  .hero-packages__text {
    padding-right: 0;
  }

  .hero-packages__text {
    max-width: 412px;
  }

  .hero-packages__photo::after {
    width: 800px;
    height: 800px;
  }

  .packages-learning__content {
    margin-top: 32px;
    gap: 16px;
  }

  .packages-learning .col__sub-text {
    margin-top: 16px;
    padding: 0 16px;
    gap: 16px;
  }

  .package-learning .package-learning__title {
    font-size: 24px;
    padding: 18px 16px;
  }

  .package-learning .package-learning__header-list li::before {
    left: -16px;
    width: 8px;
  }

  .package-learning__header {
    padding: 16px;
    margin-bottom: 8px;
  }

  .package-learning__header-list {
    line-height: 120%;
    font-size: 15px;
    padding-left: 16px;
    gap: 8px;
  }

  .package-learning__body {
    padding: 16px 16px 24px;
  }

  .package-learning__body-list {
    margin-top: 16px;
    padding-left: 16px;
    font-size: 15px;
    gap: 8px;
  }

  .packages__wrap {
    margin-top: 50px;
  }

  .packages .countdownHolder {
    font-size: 22px;
  }

  .packages-header {
    padding: 12px 12px 12px 16px;
  }

  .packages-header-bonus {
    height: 102px;
    max-width: 360px;
    padding-left: 90px;
    align-self: center;
  }

  .packages-header-bonus__image {
    width: 72px;
    left: 12px;
    top: 12px;
  }

  .packages-header-bonus__text {
    font-size: 18px;
  }

  .package__header {
    font-size: 16px;
    height: 120px;
  }

  .package__body-item {
    padding: 0 10px;
  }

  .package__footer .packages__timer {
    padding-top: 45px;
  }

  .package__price_full {
    font-size: 18px;
  }

  .package__price_current {
    font-size: 18px;
  }

  .package__price_current span {
    font-size: 28px;
  }

  .package__btn {
    margin-top: 16px;
    padding: 10px;
    min-width: initial;
    width: 95%;
    text-wrap: auto;
  }

  .package-desc .package__body-item {
    padding: 0 10px;
    font-size: 14px;
  }

  .package-desc .package__header-title {
    font-size: 26px;
  }

  .package-1 .package__header-block,
  .package-2 .package__header-block,
  .package-3 .package__header-block {
    height: 92px;
  }

  .package-2 .package__header-block {
    height: 100%;
  }

  .package-1 .package__header-title,
  .package-2 .package__header-title,
  .package-3 .package__header-title {
    margin-top: 24px;
  }

  .package-2 .package__header-title {
    margin-top: 42px;
    font-size: 32px;
    line-height: 32px;
  }

  .package-2 .package__header-block::after {
    width: 82px;
    position: absolute;
    left: -2px;
    top: -1px;
  }

  .packages__container {
    justify-content: center;
    max-width: 100%;
  }

  .bonus__inner {
    flex-direction: column;
    gap: 24px;
    padding: 24px 16px 16px;
    align-items: flex-start;
  }

  .bonus__inner:before {
    z-index: 1;
    top: 72%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .bonus__image {
    right: 0;
    width: 100%;
    top: 0;
    aspect-ratio: 2/1;
  }

  .how__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .employment .decor-1,
  .employment .decor-2,
  .employment .decor-3 {
    display: block;
  }

  .employment__container {
    justify-content: center;
    flex-direction: column;
  }

  .employment__content {
    max-width: 100%;
  }

  .employment .item {
    font-size: 15px;
  }

  .hero {
    background: url(../img/hero/bg-mob.png) center/cover no-repeat;
  }

  .hero__container {
    display: flex;
    align-items: center;
    flex-flow: column;
  }

  .hero__image {
    display: none;
  }

  .hero__image-mob {
    position: relative;
    margin-top: 30px;
    display: block;
    width: 343px;
    height: 307px;
    background: center/cover no-repeat;
  }

  .hero__date-info {
    margin-top: 30px;
  }

  .hero__title {
    max-width: none;
  }

  .hero__title::before {
    display: none;
  }

  .hero__grade {
    margin-top: 20px;
    font-size: 13px;
  }

  .hero__grade-icon {
    width: 98px;
  }

  .hero__text {
    margin-top: 20px;
    max-width: 420px;
    font-size: 16px;
  }

  .logos .swiper {
    margin-top: 16px;
  }

  .logos__title {
    font-size: 20px;
    letter-spacing: -0.6px;
  }

  .who__container {
    display: flex;
    align-items: center;
    gap: 24px;
  }

  .who__img {
    width: 343px;
  }

  .who__paragraph {
    font-size: 15px;
  }

  .who__paragraph:first-of-type {
    margin-top: 24px;
    font-size: 20px;
  }

  .who__container-footer {
    padding: 16px 16px 16px 76px;
    font-size: 15px;
  }

  .register-gift__container {
    padding: 16px;
  }

  .register-gift__title {
    margin-top: 0;
    padding-right: 5px;
  }

  .register-gift__form-wrap {
    padding: 16px;
    flex: 0 0 50%;
  }

  .programs__head {
    flex-direction: column;
  }

  .programs__header {
    margin-bottom: 20px;
  }

  .programs__subtitle {
    margin-top: 12px;
  }

  .programs__info p {
    font-size: 15px;
  }

  .programs__info-items {
    margin-top: 12px;
  }

  .programs__info-items .item {
    padding: 6px 10px;
  }

  .programs__info-items .item span:first-child {
    font-size: 40px;
    line-height: 100%;
  }

  .programs__info-items .item span:last-child {
    font-size: 15px;
    line-height: 100%;
  }

  .programs .module__head {
    grid-template-columns: 150px 1fr 44px;
    padding: 20px 0;
  }

  .programs .module__head-label {
    font-size: 20px;
  }

  .programs .module__head-name {
    font-size: 20px;
  }

  .programs .module__content {
    grid-template-columns: 1fr;
  }

  .programs .module__content-inner {
    padding: 20px 0 16px;
  }

  .programs .module__themes {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .result__grid {
    grid-template-columns: 1fr;
  }

  .advantages__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .advantages__list .item__header {
    display: flex;
    align-items: center;
    flex-flow: row;
    gap: 16px;
  }

  .examples .swiper {
    padding-bottom: 40px;
  }

  .examples__nav {
    transform: translateY(calc(-50% - 20px));
  }

  .examples__btn-container {
    margin-top: 40px;
  }

  .speakers .speaker {
    overflow: visible;
    aspect-ratio: unset;
    padding: 0;
    background-color: transparent;
  }

  .speakers .speaker__media:before {
    display: none;
  }

  .speakers .speaker__media {
    aspect-ratio: 338/255;
  }

  .speakers .speaker__img {
    border-radius: 10px;
  }

  .speakers .speaker__panel {
    position: static;
    padding: 0;
  }

  .speakers .speaker__list {
    display: block !important;
  }

  .speakers .speaker__close {
    display: none;
  }

  .speakers .speaker.active .speaker__img {
    filter: none;
  }

  .for__list .item__icon {
    font-size: 15px;
  }

  .for__list .item_title {
    font-size: 20px;
  }

  .for__list .item__text {
    font-size: 15px;
  }

  .showcase .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

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

  [class*='__container'] {
    flex-wrap: wrap;
  }

  .swiper-btn {
    display: none;
  }

  .course-info {
    justify-content: center;
  }

  .header__menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(18, 18, 18, 0.5647058824);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transform: translateY(-100%);
    z-index: 104;
    transition: transform var(--tr);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }

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

  .header__menu._active {
    transform: translateY(0%);
  }

  .header__social {
    display: flex;
    position: fixed;
    bottom: 50px;
    left: 0;
    justify-content: center;
    align-items: center;
    z-index: 100;
    width: 100%;
    opacity: 1;
    transition: 0.3s ease;
    transform: translateX(-100%);
    z-index: 111;
  }

  .header__social_link {
    margin: 0 10px;
  }

  .burger {
    display: block;
  }

  .students__logos {
    grid-template-columns: repeat(3, 1fr);
  }

  .rass:after {
    transform: rotate(90deg) translate(-130%, 32%);
  }

  .reviews .decor-1,
  .reviews .decor-2,
  .reviews .decor-3 {
    bottom: -14%;
  }

  .reviews .decor-1 {
    transform: rotate(125.178deg) translate(104%, -11%);
    right: -20%;
  }

  .reviews .decor-2 {
    transform: rotate(61.668deg) translate(-135%, -35%);
    left: 77%;
  }

  .reviews .decor-3 {
    left: calc((100vw - 1440px) / 2);
    right: unset;
    transform: translate(146%, -59%);
  }

  .register {
    padding: 35px 0;
  }

  .register__inner {
    flex-direction: column;
    gap: 30px;
    border-radius: 22px;
    background-image: url(../img/reg/bg-form-mob.webp);
  }

  .register__content {
    max-width: 100%;
    padding: 24px 0 0 0;
  }

  .register__timer {
    margin: 0 auto;
  }

  .register__title {
    margin-top: 24px;
  }

  .faq .decor-1 {
    display: none;
  }

  .faq .decor-2 {
    transform: rotate(61.668deg) translate(0%, 3%);
    left: 77%;
  }

  .faq .decor-3 {
    left: calc((100vw - 1440px) / 2);
    right: unset;
    transform: translate(155%, 17%);
  }

  .faq {
    padding: 35px 0 70px 0;
  }

  .faq__title {
    padding: 0 10px;
  }

  .faq .item__question {
    font-size: 20px;
  }

  .faq .item__question:after {
    width: 34px;
  }

  .faq .item__answer {
    padding: 0 0px 0 24px;
    font-size: 15px;
  }

  .faq .item.active .item__answer {
    padding: 16px 0px 16px 24px;
  }

  .package__header-mob {
    display: block;
  }

  .hero-packages__container {
    flex-direction: column;
    padding-top: 20px;
  }

  .hero-packages__information {
    width: 100%;
    gap: 0;
    justify-content: space-between;
    margin-right: 0;
  }

  .hero-packages::after {
    width: 328px;
    height: 396px;
  }

  .hero-packages__text,
  .hero-packages__photo {
    flex: 0 0 100%;
  }

  .hero-packages__photo {
    min-height: 340px;
  }

  .hero-packages__text {
    margin-bottom: 50px;
  }

  .hero-packages__btn-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 8px;
  }

  .hero-packages__photo_brain {
    width: 205px;
    height: 203.505px;
    left: 13%;
    bottom: -42%;
  }

  .hero-packages {
    padding-bottom: 280px;
  }

  .hero-packages__photo_speakers {
    height: 200px;
    width: 105px;
  }

  .hero-packages__photo_hand {
    bottom: -44%;
    right: 25%;
    width: 82px;
    height: 81px;
  }

  .hero-packages__photo_system {
    width: 203px;
    height: 238px;
    bottom: 0;
    right: 25px;
  }

  .packages-learning__content {
    flex-direction: column;
    gap: 38px;
  }

  .packages__wrap {
    margin-top: 0;
  }

  .packages-header {
    flex-direction: column;
    gap: 6px;
    background: var(--green, #74c740);
    justify-content: center;
    align-items: center;
  }

  .packages-header-timer {
    margin: 0 !important;
  }

  .packages-header-bonus {
    height: auto;
  }

  .package {
    width: 100%;
    margin-bottom: 50px;
  }

  .package-1 .package__header-block,
  .package-2 .package__header-block,
  .package-3 .package__header-block {
    width: 100%;
    height: 100%;
    border-radius: 16px 16px 0 0;
    text-align: left;
    padding: 10px;
  }

  .package-2 .package__header-block {
    padding-left: 60px;
  }

  .package-1 .package__header-title,
  .package-2 .package__header-title,
  .package-3 .package__header-title {
    font-size: 24px;
    line-height: 24px;
    margin-top: 4px;
  }

  .package-1 .package__header-sub-title,
  .package-2 .package__header-sub-title,
  .package-3 .package__header-sub-title {
    margin-top: 8px;
    position: static;
    font-size: 12px;
    width: 100%;
    transform: none;
  }

  .package-2 .package__body {
    box-shadow: none;
  }

  .package .package__body-item {
    border-radius: 8px !important;
  }

  .package .package__body-item:first-child {
    border-radius: 0 0 8px 8px !important;
  }

  .package .package__body-item.yes::before {
    left: 28px;
    transform: translate(0, -50%);
    width: 28px;
  }

  .package__body-item.yes.yes-text::before {
    display: none;
  }

  .package__body-item .yes__value {
    display: none;
  }

  .package__footer {
    background: #fff;
  }

  .package-desc {
    background: transparent;
    margin-bottom: 20px;
  }

  .packages__date,
  .packages__duration {
    margin: 0;
  }

  .packages__date span,
  .packages__duration span {
    font-size: 15px;
  }

  .package-desc .package__body,
  .package-desc .package__header {
    display: none;
  }

  .package-desc .package__footer {
    padding: 0;
    background: transparent;
  }

  .package__name {
    height: 50px;
    display: inline-flex !important;
    padding: 0 15px;
    font-weight: 800;
    font-size: 14px;
    line-height: 17px;
    align-items: center;
  }

  .package__header {
    font-size: 20px;
    height: 70px;
  }

  .package__body-item {
    display: none;
    height: auto;
    padding: 10px;
    padding-left: 88px;
    color: var(--black);
    font-size: 15px;
    font-weight: 400;
    line-height: 140%;
  }

  .package__body-item:nth-child(odd) {
    background: #f2f2f2;
  }

  .package__body-item.yes {
    display: flex;
  }

  .package__body-item .yes-value {
    order: -1;
    position: absolute;
    left: 44px;
    transform: translateX(-50%);
    max-width: 88px;
    font-size: 10px !important;
  }

  .package.package-1 .package__body-item .info,
  .package.package-2 .package__body-item .info,
  .package.package-3 .package__body-item .info {
    display: block;
    padding-left: 16px;
  }

  .package-2 .package__header-block::before {
    height: 32px;
    z-index: 1;
  }

  .package-1 .package__header-block::before,
  .package-2 .package__header-block::before,
  .package-3 .package__header-block::before {
    font-size: 12px;
    right: 0;
    left: unset;
    transform: none;
  }

  .package-2 .package__header-block::after {
    width: 72px;
  }

  .package__body-item .info {
    margin-left: auto;
  }

  .package__body-item .info__text {
    left: unset;
    top: 25px;
    right: 0;
    transform: unset;
  }

  .package__footer .packages__timer {
    display: none;
  }

  .packages-header-timer {
    padding: 0;
    display: block;
  }

  .packages__wrap {
    box-shadow: none;
  }

  .package__header {
    background: var(--text-color);
  }

  .package__footer {
    padding: 20px 0 0;
  }

  .package__btn {
    padding: 16px 24px;
  }

  .bonus__inner {
    align-items: center;
    text-align: center;
    justify-content: flex-start;
    flex-direction: column-reverse;
  }

  .bonus__image {
    aspect-ratio: 1/1;
  }

  .bonus__text {
    font-size: 20px;
    text-align: left;
  }

  .how .decor-1 {
    transform: rotate(125.178deg) translate(104%, -11%);
    right: -20%;
  }

  .how .decor-2 {
    transform: rotate(61.668deg) translate(-135%, -35%);
    left: 77%;
  }

  .how .decor-3 {
    left: calc((100vw - 1440px) / 2);
    right: unset;
    transform: translate(146%, -59%);
  }

  .how__title {
    margin-bottom: 30px;
  }

  .how__items {
    grid-template-columns: 1fr;
  }

  .how .item {
    padding: 16px;
  }

  .how .item__number {
    font-size: 15px;
  }

  .how .item__title {
    margin: 16px 0 6px;
    font-size: 20px;
  }

  .how__button {
    width: 100%;
  }

  .employment {
    padding: var(--sp) 16px;
  }

  .employment .decor-1,
  .employment .decor-2,
  .employment .decor-3 {
    display: block;
  }

  .employment .decor-1 {
    transform: rotate(125.178deg) translate(104%, -11%);
    right: -20%;
  }

  .employment .decor-2 {
    transform: rotate(61.668deg) translate(-135%, -35%);
    left: 77%;
  }

  .employment .decor-3 {
    left: calc((100vw - 1440px) / 2);
    right: unset;
    transform: translate(146%, -59%);
  }

  .employment__container {
    padding: 40px 16px;
  }

  .employment__title br {
    display: none;
  }

  .employment__text {
    padding: 16px 16px 16px 72px;
    font-size: 15px;
  }

  .employment__text::before {
    left: 14px;
  }

  .employment__subtitle {
    font-size: 20px;
  }

  .hero__container {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
  }

  .hero__image-mob {
    align-self: center;
  }

  .hero__top-items .item:nth-child(2) {
    display: none;
  }

  .hero__footer {
    align-self: center;
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    gap: 24px;
    margin-top: 30px;
  }

  .who__decor-1 {
    top: 29%;
    left: -35%;
  }

  .who__decor-2 {
    top: -6%;
    left: 66%;
  }

  .who__decor-3 {
    top: 55%;
    left: 66%;
  }

  .who__img {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
  }

  .who__paragraph:first-of-type {
    margin-top: 397px;
  }

  .register-gift:after {
    transform: rotate(90deg) translate(-130%, 32%);
  }

  .register-gift__container-bg {
    background: url(../img/register-gift/gift-bg-mob.webp) center/cover no-repeat;
  }

  .register-gift__form-wrap {
    flex: 0 0 100%;
  }

  .register-gift .form__title {
    font-size: 20px;
  }

  .programs:after {
    transform: rotate(90deg) translate(-130%, 32%);
  }

  .programs__head {
    padding: 30px 16px;
  }

  .programs__subtitle {
    font-size: 20px;
  }

  .programs__info {
    max-width: initial;
  }

  .programs__info p {
    margin-bottom: 10px;
  }

  .programs__info-items .item {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    flex: 1;
  }

  .programs .module {
    padding: 0 16px;
    border-radius: 15px;
  }

  .programs .module._active .module__head {
    border-bottom: none;
  }

  .programs .module__head {
    border-bottom: none;
  }

  .programs .module__head {
    padding: 16px 0;
    grid-template-columns: 1fr 44px;
  }

  .programs .module__head-name {
    grid-area: 2/1/3/2;
  }

  .programs .module__themes {
    -moz-columns: 1;
    columns: 1;
    -moz-column-gap: initial;
    column-gap: initial;
    margin-bottom: 13px;
    padding-right: 0px;
  }

  .programs .module__themes li {
    margin-bottom: 6px;
  }

  .programs .module__themes li:last-child {
    margin-bottom: 0;
  }

  .programs .module__result {
    padding: 18px 8px 18px 20px;
    line-height: 1.4;
  }

  .programs__btn {
    margin-top: 40px;
  }

  .result__title {
    padding: 0 20px;
  }

  .result__grid {
    margin-top: 30px;
  }

  .result .logo {
    width: 44px;
    height: 44px;
  }

  .result .item {
    padding: 16px;
  }

  .result .item__text {
    font-size: 15px;
  }

  .result .item__text br {
    display: none;
  }

  .advantages__list {
    grid-template-columns: repeat(1, 1fr);
  }

  .examples .decor-1,
  .examples .decor-2,
  .examples .decor-3 {
    bottom: -60%;
  }

  .examples .decor-1 {
    transform: rotate(125.178deg) translate(104%, -11%);
    right: -20%;
  }

  .examples .decor-2 {
    transform: rotate(61.668deg) translate(-135%, -35%);
    left: 77%;
  }

  .examples .decor-3 {
    left: calc((100vw - 1440px) / 2);
    right: unset;
    transform: translate(146%, -59%);
  }

  .examples__swiper-container {
    display: none;
  }

  .examples__swiper-mob-container {
    display: block;
  }

  .modal-examples video {
    max-width: 100%;
  }

  .speakers {
    overflow: hidden;
  }

  .speakers__title {
    margin: 0 auto;
  }

  .speakers__title span {
    width: 100% !important;
    text-align: center;
  }

  .speakers__items {
    overflow: visible;
    padding: 30px 10px 50px 10px;
  }

  .speakers .speaker__panel {
    padding: 16px 0 0 0;
  }

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

  .tools .decor-1 {
    transform: rotate(125.178deg) translate(415%, -60%);
    left: unset;
    right: 0;
  }

  .tools .decor-2 {
    transform: rotate(61.668deg) translate(0%, 3%);
    left: 77%;
  }

  .tools .decor-3 {
    left: calc((100vw - 1440px) / 2);
    right: unset;
    transform: translate(155%, 17%);
  }

  .tools__grid {
    margin-top: 30px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    row-gap: 5px;
    justify-content: flex-start;
  }

  .tools .tool-card {
    padding: 11px;
    width: calc(25% - 5px);
  }

  .tools .tool-card__icon {
    height: 44px;
  }

  .tools .tool-card__name {
    font-size: 11px;
  }

  .tools__show-more-btn {
    display: flex;
  }

  .for__container {
    flex-direction: column;
  }

  .for__left-content {
    flex-direction: column;
  }

  .for__list {
    gap: 12px;
  }

  .for__list .item {
    gap: 12px;
    padding-bottom: 12px;
  }

  .for__list .item__decor {
    width: 60px;
    height: 60px;
  }

  .for__list .item__icon {
    width: 43px;
    height: 43px;
  }

  .for__list .item_title {
    margin-bottom: 6px;
  }

  .for .btn-desk {
    display: none;
  }

  .for .btn-mob {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
  }

  .showcase {
    overflow: hidden;
  }

  .showcase__items {
    padding: 30px 10px 40px;
    overflow: visible;
  }

  .showcase .swiper-wrapper {
    display: flex;
    gap: unset;
  }

  .modal-showcase video {
    max-width: 100%;
  }
}

@media (max-width: 460px) {
  :root {
    --container-width: 100%;
  }
}