@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: 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: 'SFProDisplay';
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url('../fonts/San Francisco Pro Display/SFProDisplay-LightItalic.eot');
  src:
    url('../fonts/San Francisco Pro Display/SFProDisplay-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/San Francisco Pro Display/SFProDisplay-LightItalic.woff') format('woff'),
    url('../fonts/San Francisco Pro Display/SFProDisplay-LightItalic.ttf') format('truetype'),
    url('../fonts/San Francisco Pro Display/SFProDisplay-LightItalic.svg#SFProDisplay') format('svg');
}

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

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

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

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

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

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

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

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

@font-face {
  font-family: 'PressStart2P';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Press Start 2P/PressStart2P-Regular.eot');
  src:
    url('../fonts/Press Start 2P/PressStart2P-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Press Start 2P/PressStart2P-Regular.woff') format('woff'),
    url('../fonts/Press Start 2P/PressStart2P-Regular.ttf') format('truetype'),
    url('../fonts/Press Start 2P/PressStart2P-Regular.svg#PressStart2P') 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 0s;
  --sp: 60px;
  --default-font-family: 'SFProDisplay';
  --heading-font-family: 'HalvarBreitschrift';
  --gradient: linear-gradient(106deg, #dc3c30 15.79%, #006aff 96.32%);
  --bg-color-primary: #030406;
  --bg-color-secondary: #fff;
  --text-color-primary: #fff;
  --text-color-secondary: #030406;
  --white: rgba(255, 255, 255);
  --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: #030406;
  --black-80: rgba(3, 4, 6, 0.8);
  --fiolet: #7f3a97;
  --green: #b1ef42;
  --margin-default: 50px;
  --gap-default: 24px;
  --trd: 0.3s ease 0s;
  --swiper-pagination-color: var(--white);
  --swiper-pagination-bullet-inactive-color: var(--white);
  --swiper-pagination-bottom: 16px;
  --fz-default: 16px;
  --h1: 90px;
  --h2: 40px;
  --h3: 18px;
}

body {
  font:
    400 var(--fz-default) var(--default-font-family),
    SFProDisplay,
    Arial,
    sans-serif;
  background: var(--bg-color-primary);
  min-width: 360px;
  color: var(--text-color-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;
}

.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: 56px;
  height: 34px;
  border-radius: 8px;
  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,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font-family);
}

h1,
._h1 {
  font-weight: 800;
  font-size: var(--h1);
  line-height: 117%;
  text-transform: uppercase;
}

h2,
._h2 {
  font-weight: 700;
  font-size: var(--h2);
  line-height: 120%;
  letter-spacing: -1.2px;
  line-height: 110%;
  background: var(--gradient);
  -webkit-background-clip: text;
  background-clip: text;
  text-transform: uppercase;
}

h2 span,
._h2 span {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h3,
._h3 {
  font-weight: 700;
  font-size: var(--h3);
  line-height: 100%;
  text-transform: uppercase;
}

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

._semibold {
  font-weight: 600;
}

._bold {
  font-weight: 700;
}

.btn {
  background: #b1ef42;
  display: inline-block;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  padding: 18px 44px;
  border-radius: 6px;
  font-weight: 700;
  color: var(--text-color-secondary);
  text-transform: uppercase;
  text-align: center;
  text-wrap: nowrap;
  transition: var(--tr);
}

.btn:hover {
  background: #7fb81c;
}

.btn--secondary {
  font: normal 700 16px/1 var(--default-font-family);
  background: var(--fiolet);
  color: white;
  text-transform: uppercase;
  padding: 18px 44px;
}

.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: 15px;
  font-weight: 700;
  line-height: 140%;
  color: #b1ef42;
  border: none;
  background: none;
  cursor: pointer;
}

.show-more-btn::after {
  content: '';
  display: block;
  aspect-ratio: 1;
  width: 24px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_209_2890)"><path d="M7.41 7.58984L12 12.1698L16.59 7.58984L18 8.99984L12 14.9998L6 8.99984L7.41 7.58984Z" fill="%23B1EF42"/></g><defs><clipPath id="clip0_209_2890"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>')
    center/contain no-repeat;
}

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

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

.form .input {
  background: #fff;
  margin-top: 5px;
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  font-weight: 400;
  font-size: 16px;
  display: block;
}

.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: 20px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.header::before {
  background: transparent;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: var(--tr);
}

.header._filled::before {
  background: var(--bg-color-primary);
}

.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: 48px;
}

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

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

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

.header__btn {
  z-index: 1;
  padding: 13px 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  min-width: initial;
  border-radius: 12px;
  border: 1px solid var(--text-color-primary);
  transition: var(--tr);
}

.header__btn:hover {
  color: var(--text-color-secondary);
  background: var(--bg-color-secondary);
}

.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(--text-color);
}

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

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

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

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

.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(--trd);
}

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

.footer {
  margin-top: auto;
  background: #232326 !important;
  /*font-family: 'Gilroy';*/
}

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

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

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

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

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

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

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

#modal-video .video iframe,
#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: #3c3d3e;
  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(--text-color-primary);
}

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

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

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

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

.hero {
  padding: 140px 0 20px;
  background: url(../img/hero/bg.webp) center/cover;
}

.hero__info {
  display: flex;
  gap: 52px;
  justify-content: center;
}

.hero__info .item {
  display: flex;
  align-items: center;
  gap: 14px;
}

.hero__info .item__icon {
  width: 16px;
  height: 16px;
}

.hero__info .item:nth-child(1) .item__icon {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="17" viewBox="0 0 15 17" fill="none"><path d="M13.3333 1.66667H11.6667V0H10V1.66667H5V0H3.33333V1.66667H1.66667C0.7475 1.66667 0 2.41417 0 3.33333V15C0 15.9192 0.7475 16.6667 1.66667 16.6667H13.3333C14.2525 16.6667 15 15.9192 15 15V3.33333C15 2.41417 14.2525 1.66667 13.3333 1.66667ZM12.5 14.1667H7.5V9.16667H12.5V14.1667ZM13.3333 5.83333H1.66667V4.16667H13.3333V5.83333Z" fill="white" fill-opacity="0.4"/></svg>')
    center/contain no-repeat;
}

.hero__info .item:nth-child(2) .item__icon {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><g clip-path="url(%23clip0_209_2154)"><path d="M12.2117 5.625C11.6855 2.48555 10.4444 0.28125 9 0.28125C7.55564 0.28125 6.31452 2.48555 5.78831 5.625H12.2117ZM5.51613 9C5.51613 9.78047 5.55968 10.5293 5.63589 11.25H12.3605C12.4367 10.5293 12.4802 9.78047 12.4802 9C12.4802 8.21953 12.4367 7.4707 12.3605 6.75H5.63589C5.55968 7.4707 5.51613 8.21953 5.51613 9ZM17.2996 5.625C16.2617 3.23789 14.1605 1.39219 11.5657 0.646875C12.4512 1.83516 13.0609 3.62461 13.3802 5.625H17.2996ZM6.43064 0.646875C3.83952 1.39219 1.73468 3.23789 0.700403 5.625H4.61976C4.93548 3.62461 5.54516 1.83516 6.43064 0.646875ZM17.6879 6.75H13.5254C13.6016 7.48828 13.6452 8.24414 13.6452 9C13.6452 9.75586 13.6016 10.5117 13.5254 11.25H17.6843C17.8839 10.5293 17.9964 9.78047 17.9964 9C17.9964 8.21953 17.8839 7.4707 17.6879 6.75ZM4.35484 9C4.35484 8.24414 4.39839 7.48828 4.4746 6.75H0.312097C0.116129 7.4707 0 8.21953 0 9C0 9.78047 0.116129 10.5293 0.312097 11.25H4.47097C4.39839 10.5117 4.35484 9.75586 4.35484 9ZM5.78831 12.375C6.31452 15.5145 7.55564 17.7188 9 17.7188C10.4444 17.7188 11.6855 15.5145 12.2117 12.375H5.78831ZM11.5694 17.3531C14.1605 16.6078 16.2653 14.7621 17.3032 12.375H13.3839C13.0645 14.3754 12.4548 16.1648 11.5694 17.3531ZM0.700403 12.375C1.73831 14.7621 3.83952 16.6078 6.43427 17.3531C5.54879 16.1648 4.93911 14.3754 4.61976 12.375H0.700403Z" fill="white" fill-opacity="0.4"/></g><defs><clipPath id="clip0_209_2154"><rect width="18" height="18" fill="white"/></clipPath></defs></svg>')
    center/contain no-repeat;
}

.hero__info .item:nth-child(3) .item__icon {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path d="M13.9238 4.24306C13.9238 4.24306 14.1928 4.51373 14.3825 4.24359L14.7445 3.72482C14.871 3.54234 14.7076 3.41617 14.6909 3.40368L12.4955 1.8697H12.495C12.3598 1.77567 12.27 1.83277 12.223 1.88563L12.1836 1.94221L11.8492 2.42087C11.8476 2.42273 11.6606 2.7181 11.9597 2.87429V2.87456C12.3874 3.08493 13.1718 3.52852 13.9232 4.24465L13.9238 4.24306Z" fill="white" fill-opacity="0.4"/><path d="M10.2297 0.0185547H6.77022C6.50168 0.0185547 6.28174 0.234242 6.28174 0.507039V0.910258C6.28174 1.18279 6.50168 1.40273 6.77022 1.40273H6.94129V1.68748C6.94155 2.0968 7.2 2.1308 7.32963 2.12204C7.35168 2.11885 7.37452 2.1154 7.39869 2.11221L7.40214 2.11141H7.40188C7.86247 2.04846 8.62508 1.98816 9.49979 2.09946L9.50032 2.09866C9.50032 2.09866 10.0605 2.20252 10.0589 1.68721V1.40246H10.23C10.4988 1.40246 10.7185 1.18279 10.7185 0.909992V0.507039C10.7182 0.234508 10.4983 0.0185547 10.2297 0.0185547Z" fill="white" fill-opacity="0.4"/><path d="M8.49999 2.73633C4.56661 2.73633 1.37805 5.92516 1.37805 9.85906C1.37805 13.7922 4.56661 16.981 8.49999 16.981C12.4336 16.981 15.6219 13.7919 15.6219 9.85906C15.6219 5.92516 12.4336 2.73633 8.49999 2.73633ZM8.95607 9.85694C8.53771 9.85747 8.50211 9.56634 8.49999 9.48241V4.55692C8.51221 4.38559 8.60119 4.06286 9.09711 4.14627C9.10694 4.14759 9.11624 4.14866 9.1266 4.14998C9.15847 4.1553 9.18849 4.15955 9.2116 4.16141C10.6566 4.36434 13.8263 5.30412 14.2223 9.56502C14.2112 9.68348 14.144 9.85614 13.8473 9.858C11.2968 9.85083 9.68308 9.85402 8.95607 9.85694Z" fill="white" fill-opacity="0.4"/></svg>')
    center/contain no-repeat;
}

.hero__info .item:nth-child(4) .item__icon {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none"><g clip-path="url(%23clip0_209_2169)"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.31764 2.36842L8.94117 0.473686H0.470581V16.5789H2.35293V9.94737H7.62352L7.99999 11.8421H14.5882V2.36842H9.31764Z" fill="white" fill-opacity="0.4"/></g><defs><clipPath id="clip0_209_2169"><rect width="16" height="18" fill="white"/></clipPath></defs></svg>')
    center/contain no-repeat;
}

.hero__info__item-text {
  line-height: 140%;
}

.hero__title {
  margin-top: 20px;
  text-align: center;
  line-height: 110%;
}

.hero__title span {
  font: 400 80px/110% 'PressStart2P';
  display: inline-block;
  transform: translateY(12px);
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero__rating {
  margin-top: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

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

.hero__rating-text {
  font-size: 14px;
  color: var(--white-60);
}

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

.hero__desc {
  color: var(--white-80);
  margin: 12px auto 0;
  max-width: 694px;
  text-align: center;
  font-size: 20px;
  letter-spacing: -0.2px;
  line-height: 130%;
}

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

.hero__book {
  margin-top: 30px;
}

.hero .hero-book {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

.hero .hero-book__btn-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero .hero-book__btn-places {
  margin-top: 7px;
  color: var(--white-50);
  font-weight: 500;
}

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

.hero .hero-book__gift-icon {
  flex-shrink: 0;
  aspect-ratio: 1;
  width: 66px;
  background: url(../img/gift.webp) center/contain no-repeat;
}

.hero .hero-book__gift-text {
  max-width: 254px;
  line-height: 140%;
  color: var(--white-70);
}

.hero .hero-book__gift-text b {
  font-weight: 700;
  color: var(--white);
}

.hero__footer {
  margin-top: 40px;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.hero__footer .item {
  background: rgba(255, 255, 255, 0.05);
  position: relative;
  height: 272px;
  border-radius: 16px;
  overflow: hidden;
  padding: 16px;
}

.hero__footer .item__title {
  font: 400 70px/130% 'SFProDisplay';
  margin-top: -16px;
  letter-spacing: -0.7px;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 91.54%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: end;
}

.hero__footer .item__subtitle {
  margin-top: -8px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.16px;
  text-align: end;
}

.hero__footer .item-1 {
  background: center/cover no-repeat;
  width: 100%;
}

.hero__footer .item-2 {
  width: 395px;
  flex-shrink: 0;
}

.hero__footer .item-2::before {
  content: '';
  position: absolute;
  display: block;
  aspect-ratio: 1;
  width: 316px;
  border-radius: 316px;
  background: var(--fiolet);
  filter: blur(100px);
  left: 0;
  bottom: 0;
  transform: translate(-6px, 50%);
}

.hero__footer .item-2::after {
  content: 'Процеси';
  position: absolute;
  padding: 10px 16px 12px 16px;
  display: block;
  left: 50%;
  bottom: 56px;
  transform: translateX(-50%);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.15px;
  border-radius: 100px;
  background: var(--fiolet);
}

.hero__footer .item-2 .item__img {
  position: absolute;
  bottom: 16px;
  left: 16px;
  aspect-ratio: 167/177;
  width: 167px;
  background: center/contain no-repeat;
}

.hero__footer .item-3 {
  width: 246px;
  flex-shrink: 0;
}

.hero__footer .item-3::before {
  content: '';
  position: absolute;
  display: block;
  aspect-ratio: 1;
  width: 316px;
  border-radius: 316px;
  background: #3c9868;
  filter: blur(100px);
  left: 0;
  bottom: 0;
  transform: translate(-30px, 50%);
}

.hero__footer .item-3 .item__img {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  aspect-ratio: 199/98;
  width: 199px;
  background: center/contain no-repeat;
}

.logos {
  position: relative;
  text-align: center;
  padding: 20px 0 60px;
}

.logos .container {
  max-width: var(--container-width);
  overflow: visible;
}

.logos__title {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.72px;
  text-transform: uppercase;
  background: none;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}

.logos__items .swiper-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  transition-timing-function: linear;
}

.logos__items .item {
  width: 187px;
  height: 77px;
  margin-right: 15px;
  background: rgba(255, 255, 255, 0.02) 50%/120px auto no-repeat;
  border-radius: 16px;
}

.purpose {
  padding: 60px 0 55px;
  position: relative;
}

.purpose:before {
  background: url(../img/students/bg-st-s.webp) no-repeat top/cover;
  content: '';
  width: 100%;
  height: 78vw;
  display: block;
  position: absolute;
  left: 0;
  top: -9vw;
  z-index: -1;
}

.purpose__container {
  display: flex;
  gap: 50px;
}

.purpose__img-container {
  display: flex;
  align-items: center;
  aspect-ratio: 666/605;
  width: 666px;
  flex: 1;
}

.purpose__img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}

.purpose__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

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

.purpose__text-1 {
  margin-top: 50px;
  line-height: 140%;
}

.purpose__text-1 b {
  font-weight: 700;
}

.purpose__text-2 {
  margin-top: 12px;
  display: flex;
  align-items: center;
  font-weight: 700;
  gap: 10px;
}

.purpose__text-2 span:nth-child(1) {
  display: block;
  font-size: 45px;
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -1.38px;
}

.purpose__text-2 span:nth-child(2) {
  line-height: 140%;
  max-width: 414px;
}

.purpose__text-3 {
  margin-top: 12px;
  line-height: 140%;
}

.purpose__content-bottom {
  margin-top: 30px;
  gap: 10px;
  display: flex;
}

.purpose__content-bottom .item {
  position: relative;
  color: var(--white-70);
  padding: 16px;
  line-height: 140%;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  overflow: hidden;
}

.purpose__content-bottom .item b {
  color: var(--white);
  font-weight: 700;
}

.purpose__content-bottom .item-1 {
  flex: 260px 0 0;
  list-style: inside;
}

.purpose__content-bottom .item-1 li::marker {
  content: '– ';
}

.purpose__content-bottom .item-1::before {
  content: '';
  position: absolute;
  display: block;
  left: 50%;
  top: 64px;
  transform: translateX(-50%);
  aspect-ratio: 1;
  width: 316px;
  border-radius: 50%;
  background: var(--fiolet);
  filter: blur(100px);
  z-index: -1;
}

.purpose__content-bottom .item-2 {
  padding: 16px 34px 16px 16px;
  flex: 1;
  list-style: inside;
}

.purpose__content-bottom .item-2 li::marker {
  content: '– ';
}

.purpose__content-bottom .item-2::after {
  content: '';
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  aspect-ratio: 1;
  width: 8px;
  border-radius: 1px;
  background: #b1ef42;
}

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

.register-gift__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

.register-gift__container::before {
  content: '';
  position: absolute;
  top: 261px;
  left: 39%;
  width: 460px;
  height: 400px;
  border-radius: 460px;
  background: var(--fiolet);
  filter: blur(100px);
  z-index: -1;
}

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

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

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

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

.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;
  width: 402px;
  padding: 36px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 40px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.register-gift .form__title {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.72px;
}

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

.register-gift .form__gift-icon {
  display: block;
  height: 40px;
  width: 40px;
  flex-shrink: 0;
  border-radius: 6px;
  background: url(../img/gift.webp) center/contain no-repeat;
}

.register-gift .form__gift-text {
  line-height: 140%;
  color: var(--white-70);
}

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

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

.opportunity {
  padding: 50px 0 60px;
  position: relative;
}

.opportunity:before {
  background: url(../img/students/bg-st.webp) no-repeat top/cover;
  content: '';
  width: 100%;
  height: 78vw;
  display: block;
  position: absolute;
  left: 0;
  top: -9vw;
  z-index: -1;
}

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

.opportunity__title {
  margin-top: 26px;
  margin-left: 10px;
  grid-area: 1/3/2/5;
}

.opportunity .item {
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
}

.opportunity .item__up-title {
  position: relative;
  padding: 4.5px 16px 4.5px 34px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 15px;
  line-height: 140%;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
}

.opportunity .item__up-title::before {
  content: '';
  position: absolute;
  display: block;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: 1;
  width: 8px;
  border-radius: 1px;
}

.opportunity .item__title {
  margin-top: 30px;
  font-size: 18px;
  letter-spacing: -0.54px;
  max-width: 260px;
  text-transform: uppercase;
  color: #7f3a97;
}

.opportunity .item__text {
  margin-top: 10px;
  line-height: 140%;
  color: var(--white-70);
}

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

.opportunity .item-1 {
  grid-area: 1/1/2/2;
}

.opportunity .item-1 .item__up-title::before {
  background: #f06ed8;
}

.opportunity .item-2 {
  grid-area: 1/2/2/3;
}

.opportunity .item-2 .item__up-title::before {
  background: #f97250;
}

.opportunity .item-3 {
  grid-area: 2/2/3/3;
}

.opportunity .item-3 .item__up-title::before {
  background: #fecb00;
}

.opportunity .item-4 {
  grid-area: 2/3/3/4;
}

.opportunity .item-4 .item__up-title::before {
  background: #0cd3c2;
}

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

.for__container {
  padding: 80px 60px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
}

.for__title {
  text-align: center;
}

.for__list {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.for__list .item {
  position: relative;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  overflow: hidden;
}

.for__list .item::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 220px;
  transform: translateX(-50%);
  width: 426px;
  height: 316px;
  border-radius: 426px;
  background: rgba(127, 58, 151, 0.6);
  filter: blur(100px);
}

.for__list .item::after {
  background: #b1ef42;
  content: '';
  position: absolute;
  top: 16px;
  right: 16px;
  aspect-ratio: 1;
  width: 8px;
  border-radius: 1px;
}

.for__list .item__icon {
  display: block;
  aspect-ratio: 1;
  width: 60px;
}

.for__list .item__title {
  margin-top: 24px;
  font-size: 18px;
  letter-spacing: -0.54px;
  max-width: 340px;
}

.for__list .item__text {
  margin-top: 10px;
  color: var(--white-70);
  line-height: 140%;
}

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

.for__list .item__decor {
  background: rgba(127, 58, 151, 0.1);
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(127, 58, 151, 0) 0%, #7f3a97 50%, rgba(127, 58, 151, 0) 100%);
}

.for__list .item-1 .item__icon {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none"><g clip-path="url(%23clip0_209_1090)"><path d="M60 60H0V0H60V60ZM16.5146 40.5C16.5146 42.1499 17.8648 43.4998 19.5146 43.5H40.5C42.15 43.5 43.5 42.15 43.5 40.5V34.5H33C33 35.325 32.325 36 31.5 36H28.5C27.675 36 27 35.325 27 34.5H16.5146V40.5ZM30 16.5C26.685 16.5 24 19.185 24 22.5H18C16.35 22.5 15 23.85 15 25.5V30C15 31.665 16.335 33 18 33H27V31.5C27 30.675 27.675 30 28.5 30H31.5C32.325 30 33 30.675 33 31.5V33H42C43.65 33 45 31.65 45 30V25.5C45 23.85 43.65 22.5 42 22.5H36C36 19.185 33.315 16.5 30 16.5ZM30 19.5C31.65 19.5 33 20.85 33 22.5H27C27 20.85 28.35 19.5 30 19.5Z" fill="url(%23paint0_linear_209_1090)" fill-opacity="0.6"/></g><defs><linearGradient id="paint0_linear_209_1090" x1="30" y1="0" x2="30" y2="60" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6"/><stop offset="1" stop-color="white"/></linearGradient><clipPath id="clip0_209_1090"><rect width="60" height="60" rx="6" fill="white"/></clipPath></defs></svg>')
    center/contain no-repeat;
}

.for__list .item-2 .item__icon {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none"><g clip-path="url(%23clip0_209_1101)"><path d="M59.667 60H-0.333008V0H59.667V60ZM29.667 13.5C25.527 13.5 22.167 16.86 22.167 21H19.167C17.517 21 16.167 22.35 16.167 24V42C16.167 43.65 17.517 45 19.167 45H40.167C41.8169 44.9999 43.167 43.6499 43.167 42V24C43.167 22.3501 41.8169 21.0001 40.167 21H37.167C37.167 16.8601 33.8069 13.5001 29.667 13.5ZM35.4717 24C36.4467 24 37.1668 24.93 36.9268 25.875C36.1018 29.1149 33.1619 31.4999 29.667 31.5C26.172 31.5 23.2323 29.1149 22.4072 25.875C22.1523 24.9301 22.8865 24.0003 23.8613 24C24.5663 24 25.137 24.5102 25.332 25.2002C25.8571 27.1051 27.5971 28.5 29.667 28.5C31.7368 28.4999 33.4769 27.1051 34.002 25.2002C34.1969 24.5102 34.7667 24 35.4717 24ZM29.667 16.5C32.1569 16.5001 34.167 18.5101 34.167 21H25.167C25.167 18.51 27.177 16.5 29.667 16.5Z" fill="url(%23paint0_linear_209_1101)" fill-opacity="0.6"/></g><defs><linearGradient id="paint0_linear_209_1101" x1="29.667" y1="0" x2="29.667" y2="60" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6"/><stop offset="1" stop-color="white"/></linearGradient><clipPath id="clip0_209_1101"><rect width="60" height="60" rx="6" fill="white"/></clipPath></defs></svg>')
    center/contain no-repeat;
}

.for__list .item-3 .item__icon {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none"><g clip-path="url(%23clip0_209_1112)"><path d="M60.334 0V60H0.333984V0H60.334ZM25.834 31.5C21.829 31.5 13.834 33.51 13.834 37.5V40.5C13.834 41.325 14.509 42 15.334 42H36.334C37.1588 41.9997 37.834 41.3248 37.834 40.5V37.5C37.834 33.5102 29.8391 31.5002 25.834 31.5ZM37.3389 31.6953C39.3936 33.0903 40.833 34.9802 40.833 37.5V42H45.333C46.158 42 46.833 41.325 46.833 40.5V37.5C46.8329 34.2302 41.4788 32.2954 37.3389 31.6953ZM25.834 18C22.5203 18 19.834 20.6863 19.834 24C19.834 27.3137 22.5203 30 25.834 30C29.1475 29.9997 31.834 27.3135 31.834 24C31.834 20.6865 29.1475 18.0003 25.834 18ZM34.833 18C34.1283 18.0001 33.4687 18.1504 32.8389 18.3604C34.0836 19.9053 34.833 21.8702 34.833 24C34.833 26.1298 34.0836 28.0947 32.8389 29.6396C33.4687 29.8496 34.1283 29.9999 34.833 30C38.148 30 40.833 27.315 40.833 24C40.833 20.685 38.148 18 34.833 18Z" fill="url(%23paint0_linear_209_1112)" fill-opacity="0.6"/></g><defs><linearGradient id="paint0_linear_209_1112" x1="30.3335" y1="0" x2="30.3335" y2="60" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6"/><stop offset="1" stop-color="white"/></linearGradient><clipPath id="clip0_209_1112"><rect width="60" height="60" rx="6" fill="white"/></clipPath></defs></svg>')
    center/contain no-repeat;
}

.for__list .item-4 .item__icon {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none"><g clip-path="url(%23clip0_209_1128)"><path d="M60 60H0V0H60V60ZM19.5 16.5C17.85 16.5 16.5 17.85 16.5 19.5V40.5C16.5 42.15 17.85 43.5 19.5 43.5H40.5C42.15 43.5 43.5 42.15 43.5 40.5V19.5C43.5 17.85 42.15 16.5 40.5 16.5H19.5ZM24 27C24.825 27 25.5 27.675 25.5 28.5V36C25.5 36.825 24.825 37.5 24 37.5C23.175 37.5 22.5 36.825 22.5 36V28.5C22.5 27.675 23.175 27 24 27ZM30 22.5C30.825 22.5 31.5 23.175 31.5 24V36C31.5 36.825 30.825 37.5 30 37.5C29.175 37.5 28.5 36.825 28.5 36V24C28.5 23.175 29.175 22.5 30 22.5ZM36 31.5C36.825 31.5 37.5 32.175 37.5 33V36C37.5 36.825 36.825 37.5 36 37.5C35.175 37.5 34.5 36.825 34.5 36V33C34.5 32.175 35.175 31.5 36 31.5Z" fill="url(%23paint0_linear_209_1128)" fill-opacity="0.6"/></g><defs><linearGradient id="paint0_linear_209_1128" x1="30" y1="0" x2="30" y2="60" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6"/><stop offset="1" stop-color="white"/></linearGradient><clipPath id="clip0_209_1128"><rect width="60" height="60" rx="6" fill="white"/></clipPath></defs></svg>')
    center/contain no-repeat;
}

.for__list .item-5 .item__icon {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none"><g clip-path="url(%23clip0_209_1139)"><path d="M60.6666 -0.000244141V59.9998H-0.333374V-0.000244141H60.6666ZM38.6364 32.49C38.4114 36.5248 36.8365 40.9496 36.1315 42.7947L39.6119 44.1902C40.6018 44.5649 41.6666 43.8449 41.6666 42.78V36.1052C41.6666 35.1002 41.1716 34.17 40.3317 33.615L38.6364 32.49ZM19.0016 33.6003C18.1617 34.1704 17.6666 35.1003 17.6666 36.1052V42.78C17.6667 43.8449 18.7314 44.5644 19.7213 44.1746L23.2018 42.78C22.4818 40.9351 20.922 36.5252 20.6969 32.4753L19.0016 33.6003ZM30.5514 16.3054C30.0114 15.9154 29.3069 15.9154 28.7819 16.3054C26.9518 17.6255 22.9167 21.69 22.9166 31.4998C22.9166 34.7398 24.0867 38.6401 24.9567 41.0251C25.1667 41.61 25.7369 41.9998 26.3668 41.9998H32.9821C33.6118 41.9996 34.1666 41.6099 34.3766 41.0251C35.2466 38.6401 36.4166 34.7398 36.4166 31.4998C36.4166 21.69 32.3814 17.6255 30.5514 16.3054ZM29.6666 25.4998C31.3166 25.4998 32.6665 26.8498 32.6666 28.4998C32.6666 30.1498 31.3166 31.4998 29.6666 31.4998C28.0166 31.4998 26.6666 30.1498 26.6666 28.4998C26.6667 26.8498 28.0167 25.4998 29.6666 25.4998Z" fill="url(%23paint0_linear_209_1139)" fill-opacity="0.6"/></g><defs><linearGradient id="paint0_linear_209_1139" x1="30.1666" y1="-0.000244141" x2="30.1666" y2="59.9998" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6"/><stop offset="1" stop-color="white"/></linearGradient><clipPath id="clip0_209_1139"><rect width="60" height="60" rx="6" fill="white"/></clipPath></defs></svg>')
    center/contain no-repeat;
}

.for__list .item-6 .item__icon {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none"><g clip-path="url(%23clip0_209_1150)"><path d="M60.334 0V60H-0.666992V0H60.334ZM41.5234 36C41.2535 35.415 40.4136 35.4151 40.1436 36L38.958 38.625L36.333 39.8096C35.7482 40.0796 35.7484 40.9047 36.333 41.1748L38.958 42.3604L40.1436 45C40.4136 45.5849 41.2388 45.585 41.5088 45L42.6934 42.375L45.333 41.1904C45.918 40.9204 45.918 40.0952 45.333 39.8252L42.708 38.6396L41.5234 36ZM27.1982 21C26.6732 19.8301 24.9938 19.8302 24.4688 21L22.083 26.25L16.833 28.6348C15.6632 29.1748 15.6632 30.8402 16.833 31.3652L22.083 33.75L24.4688 39C25.0088 40.1699 26.6733 40.1699 27.1982 39L29.583 33.75L34.833 31.3652C36.003 30.8252 36.003 29.1598 34.833 28.6348L29.583 26.25L27.1982 21ZM41.5234 15C41.2534 14.415 40.4282 14.415 40.1582 15L38.9736 17.625L36.333 18.8096C35.7482 19.0796 35.7484 19.9047 36.333 20.1748L38.958 21.3604L40.1436 24C40.4136 24.5849 41.2534 24.585 41.5234 24L42.708 21.375L45.333 20.1904C45.918 19.9204 45.918 19.0952 45.333 18.8252L42.708 17.6396L41.5234 15Z" fill="url(%23paint0_linear_209_1150)" fill-opacity="0.6"/></g><defs><linearGradient id="paint0_linear_209_1150" x1="29.834" y1="0" x2="29.834" y2="60" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6"/><stop offset="1" stop-color="white"/></linearGradient><clipPath id="clip0_209_1150"><rect width="60" height="60" rx="6" fill="white"/></clipPath></defs></svg>')
    center/contain no-repeat;
}

.for__btn-container {
  display: flex;
  justify-content: center;
  margin: 50px 0 0;
}

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

.speakers:before {
  background: url(../img/students/bg-st-s.webp) no-repeat top/cover;
  content: '';
  width: 100%;
  height: 78vw;
  display: block;
  position: absolute;
  left: 0;
  top: -38vw;
  z-index: -1;
}

.speakers__title {
  background: none;
  text-align: center;
}

.speakers__title span {
  background: var(--gradient);
  -webkit-background-clip: text;
  background-clip: text;
}

.speakers .swiper {
  margin-top: 54px;
}

.speakers .swiper-slide {
  display: flex;
  gap: 49px;
  align-items: center;
}

.speakers__left {
  max-width: 340px;
  flex-shrink: 0;
}

.speakers__name {
  font-size: 32px;
  color: var(--fiolet);
  letter-spacing: -0.96px;
}

.speakers__img-container {
  aspect-ratio: 1;
  margin-left: 35px;
  max-width: 514px;
  width: 100%;
  pointer-events: none;
}

.speakers__img {
  width: 100%;
  height: auto;
}

.speakers__desc {
  margin-top: 20px;
  color: var(--white-70);
}

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

.speakers__expertise {
  margin-top: 60px;
  aspect-ratio: 245/76;
  width: 245px;
  background: center/contain no-repeat;
}

.speakers__btn {
  margin-top: 98px;
}

.speakers__achievements-wrapper {
  width: 374px;
  flex-shrink: 0;
}

.speakers__achievements {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.speakers__achievements .item {
  position: relative;
  padding-left: 32px;
  padding-bottom: 10px;
  color: var(--white-70);
  line-height: 140%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.speakers__achievements .item b {
  color: var(--white);
  font-weight: 700;
}

.speakers__achievements .item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  aspect-ratio: 1;
  width: 24px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_2005_24)"><path d="M5.99998 7C5.99998 7.55 6.44998 8 6.99998 8H14.59L5.70998 16.88C5.31998 17.27 5.31998 17.9 5.70998 18.29C6.09998 18.68 6.72998 18.68 7.11998 18.29L16 9.41V17C16 17.55 16.45 18 17 18C17.55 18 18 17.55 18 17V7C18 6.45 17.55 6 17 6H6.99998C6.44998 6 5.99998 6.45 5.99998 7Z" fill="%237F3A97"/></g><defs><clipPath id="clip0_2005_24"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>')
    center/contain no-repeat;
}

.speakers__achievements .item:last-child {
  border-bottom: none;
}

.speakers__show-more-btn {
  display: none;
}

.speakers__slider-controls {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 24px auto 0;
}

.speakers .swiper-button-prev,
.speakers .swiper-button-next {
  margin: 0;
  position: static;
}

.speakers .swiper-pagination {
  position: static;
  color: var(--text-color-primary);
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--white-70);
  line-height: 140%;
  letter-spacing: -0.8px;
}

.speakers .swiper-pagination-current {
  font-size: 20px;
  color: var(--white);
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.6px;
}

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

.skills:before {
  background: url(../img/students/bg-st.webp) no-repeat top/cover;
  content: '';
  width: 100%;
  height: 78vw;
  display: block;
  position: absolute;
  left: 0;
  top: -9vw;
  z-index: -1;
}

.skills__title {
  text-align: center;
}

.skills__list {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.skills__list .item {
  position: relative;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
  overflow: hidden;
}

.skills__list .item::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 160px;
  transform: translateX(-50%);
  width: 426px;
  height: 316px;
  border-radius: 426px;
  background: rgba(127, 58, 151, 0.6);
  filter: blur(100px);
}

.skills__list .item__header {
  display: flex;
  gap: 16px;
}

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

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

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

.skills__list .item__decor {
  background: rgba(127, 58, 151, 0.1);
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(127, 58, 151, 0) 0%, #7f3a97 50%, rgba(127, 58, 151, 0) 100%);
}

.skills__show-more-btn {
  display: none;
}

.programs {
  padding: 100px 0;
}

.programs__head {
  padding: 40px;
  display: flex;
  justify-content: space-between;
  background: url(../img/programs/header-bg.webp) center/cover;
  border-radius: 16px;
}

.programs__subtitle {
  font: 700 18px 'HalvarBreitschrift';
  margin-top: 20px;
  color: var(--white-70);
  text-transform: uppercase;
  letter-spacing: -0.54px;
}

.programs__info {
  padding: 16px;
  align-items: flex-start;
  border-radius: 16px;
  max-width: 438px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}

.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: 12px;
}

.programs__info-items .item {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  padding: 0 16px 0 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
  line-height: 140%;
  color: var(--white-70);
}

.programs__info-items .item span:first-child {
  font: 40px/110% 'HalvarBreitschrift';
  letter-spacing: -1.2px;
  color: var(--white);
}

.programs__info-items .item span:last-child {
  display: block;
}

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

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

.programs .module {
  background: var(--text-color-secondary);
  counter-increment: modules-count;
  padding: 0 24px 0 40px;
  outline: 1px solid transparent;
  transition: outline var(--tr);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
}

.programs .module._active {
  background: var(--bg-color-secondary);
  color: var(--text-color-secondary);
}

.programs .module__head {
  padding: 29.5px 0;
  display: grid;
  grid-template-columns: 340px 1fr 44px;
  align-items: center;
  font-family: 'HalvarBreitschrift';
  cursor: pointer;
}

.programs .module__head-label {
  color: var(--fiolet);
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.72px;
  text-transform: uppercase;
}

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

.programs .module__head-name {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.54px;
  text-transform: uppercase;
}

.programs .module__head-icon {
  background: transparent;
  aspect-ratio: 1/1;
  width: 44px;
  border-radius: 50%;
  position: relative;
  transition: opacity var(--tr);
  border: 1px solid #b1ef42;
}

.programs .module__head-icon:before,
.programs .module__head-icon:after {
  background: #b1ef42;
  content: '';
  display: block;
  height: 2px;
  width: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.programs .module__head-icon:after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform var(--tr);
}

.programs .module__head-icon:is(.module._active .module__head-icon) {
  background: #b1ef42;
}

.programs .module__head-icon:is(.module._active .module__head-icon):after {
  background: var(--bg-color-primary);
  transform: translate(-50%, -50%) rotate(0deg);
}

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

.programs .module__content-inner {
  grid-area: content;
  padding: 24px 0 32px;
  max-width: 828px;
}

.programs .module__themes {
  margin-bottom: 24px;
  color: var(--black-80);
  line-height: 140%;
}

.programs .module__theme {
  position: relative;
  padding-left: 32px;
  margin-bottom: 14px;
}

.programs .module__theme::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  aspect-ratio: 1;
  width: 24px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_209_938)"><path d="M6.00001 7C6.00001 7.55 6.45001 8 7.00001 8H14.59L5.71001 16.88C5.32001 17.27 5.32001 17.9 5.71001 18.29C6.10001 18.68 6.73001 18.68 7.12001 18.29L16 9.41V17C16 17.55 16.45 18 17 18C17.55 18 18 17.55 18 17V7C18 6.45 17.55 6 17 6H7.00001C6.45001 6 6.00001 6.45 6.00001 7Z" fill="%237F3A97"/></g><defs><clipPath id="clip0_209_938"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>')
    center/contain no-repeat;
}

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

.programs .module__result {
  padding: 16px;
  border-radius: 16px;
  background: rgba(127, 58, 151, 0.1);
  line-height: 140%;
  color: var(--black-80);
}

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

.programs .module__result-title {
  font: 700 18px 'HalvarBreitschrift';
  color: var(--fiolet);
  text-transform: uppercase;
  margin-bottom: 8px;
  letter-spacing: -0.54px;
}

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

.overview:before {
  background: url(../img/students/bg-st.webp) no-repeat top/cover;
  content: '';
  width: 100%;
  height: 78vw;
  display: block;
  position: absolute;
  left: 0;
  top: -36vw;
  z-index: -1;
}

.overview__title {
  text-align: center;
}
.overview__list {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.overview .item {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  padding: 24px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
}

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

.overview .item__title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.54px;
  max-width: 360px;
}

.overview .item__text {
  margin-top: 10px;
  color: var(--white-70);
  line-height: 140%;
}

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

.overview__show-more-btn {
  display: none;
}

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

.result__title {
  text-align: center;
}

.result__list {
  margin-top: 50px;
  padding: 80px 50px;
  display: flex;
  gap: 24px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
}

.result .item {
  position: relative;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05) url(../img/result/item-bg.webp) center/cover no-repeat;
  overflow: hidden;
}

.result .item::before {
  content: '';
  position: absolute;
  right: -325px;
  bottom: -294px;
  width: 426px;
  height: 316px;
  border-radius: 426px;
  background: rgba(127, 58, 151, 0.6);
  filter: blur(100px);
}

.result .item__number {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  width: 60px;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.6) 100%);
  color: var(--text-color-secondary);
  font-size: 32px;
  font-style: italic;
  font-weight: 300;
  letter-spacing: -0.96px;
}

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

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

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

.students:before {
  background: url(../img/students/bg-st.webp) no-repeat top/cover;
  content: '';
  width: 100%;
  height: 78vw;
  display: block;
  position: absolute;
  left: 0;
  top: -9vw;
  z-index: -1;
}

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

.students__title span {
  background: linear-gradient(106deg, #dc3c30 15.79%, #006aff 96.32%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.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 {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
  min-height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

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

.rass__inner {
  padding: 75px 60px;
  background: url(../img/rass/rass__bg.webp) center/cover no-repeat;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  border-radius: 16px;
}

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

.rass__content {
  max-width: 420px;
}

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

.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: normal 500 20px/120% var(--default-font-family);
}

.rass__date {
  background: url('../img/rass/agg.webp') no-repeat center/contain;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  gap: 5px;
  text-align: center;
  aspect-ratio: 318/434;
  width: 318px;
}

.rass__date_day {
  font: 800 170px/100% var(--heading-font-family);
  letter-spacing: -0.03em;
}

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

.rass__how li {
  position: relative;
  padding-left: 27px;
}

.rass__how li:before {
  left: 0;
  top: 0;
  content: '';
  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_209_631)%22%3E%0A%3Cpath%20d%3D%22M5.99998%207C5.99998%207.55%206.44998%208%206.99998%208H14.59L5.70998%2016.88C5.31998%2017.27%205.31998%2017.9%205.70998%2018.29C6.09998%2018.68%206.72998%2018.68%207.11998%2018.29L16%209.41V17C16%2017.55%2016.45%2018%2017%2018C17.55%2018%2018%2017.55%2018%2017V7C18%206.45%2017.55%206%2017%206H6.99998C6.44998%206%205.99998%206.45%205.99998%207Z%22%20fill%3D%22%237F3A97%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_209_631%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')
    50% / cover no-repeat;
  aspect-ratio: 1/1;
  width: 20px;
  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:before {
  background: url(../img/students/bg-st.webp) no-repeat top/cover;
  content: '';
  width: 100%;
  height: 78vw;
  display: block;
  position: absolute;
  left: 0;
  top: -3vw;
  z-index: -1;
}

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

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

.reviews__items {
  padding: 140px 0;
  width: 100%;
  overflow: visible;
  margin-bottom: var(--margin-default);
}

.reviews .item {
  height: 450px;
  border-radius: 23px;
  border: 5px solid #f7f7f7;
  opacity: 0.5;
  transition:
    opacity var(--tr),
    transform var(--tr);
  overflow: hidden;
}

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

.reviews__button {
  margin: 0 auto;
}

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

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

.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 var(--bg-color-primary);
  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;
  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;
}

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

.register__timer {
  margin-top: auto;
}

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

.register__title {
  margin-top: 30px;
  font-weight: 800;
  font-size: 42px;
  line-height: 110%;
  text-transform: uppercase;
  color: #ffffff;
}

.register__title span {
  font: 400 46px/110% 'PressStart2P';
  display: inline-block;
  transform: translateY(12px);
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateY(7px);
}

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

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

.register .form__title {
  font: 700 24px/120% var(--heading-font-family);
  text-transform: uppercase;
  letter-spacing: -0.03em;
}

.register .form__subtitle {
  margin-top: 10px;
  opacity: 0.8;
}

.register .form__subtitle b {
  font-weight: 700;
  opacity: 1;
}

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

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

.register .form .input {
  background: #fff;
  width: 100%;
  height: 45px;
  border: 1px solid #dcdcdc;
  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: 15px;
  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;
}

.register .gift-banner {
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 362px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  padding: 6px;
  display: flex;
  -moz-column-gap: 12px;
  column-gap: 12px;
  align-items: center;
}

.register .gift-banner__icon {
  background: url(../img/reg/icon-b.webp) no-repeat center/cover;
  border-radius: 3px;
  width: 69px;
  height: 55px;
}

.register .gift-banner__text {
  flex: 1;
  color: rgba(255, 255, 255, 0.7);
}

.register .gift-banner__text b,
.register .gift-banner__text .gift-banner__emoji {
  color: var(--white);
}

.faq {
  background: url(../img/faq/bg-faq.webp) no-repeat 18% 0 / cover;
  position: relative;
  padding: 60px 0 120px 0;
}

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

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

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

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

.faq .item__question {
  border-radius: 16px;
  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;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.faq .item__question:after {
  content: '';
  width: 36px;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  border-radius: 50%;
  background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14%208H8V14H6V8H0V6H6V0H8V6H14V8Z%22%20fill%3D%22%23B1EF42%22%2F%3E%0A%3C%2Fsvg%3E%0A')
    center/14px no-repeat;
  transition: 0.3s ease;
  border: 1px solid var(--green);
}

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

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

.faq .item.active .item__question {
  background: rgba(255, 255, 255, 0.1);
}

.faq .item.active .item__question:after {
  background: var(--green)
    url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2214%22%20height%3D%222%22%20viewBox%3D%220%200%2014%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14%202H8H6H0V0H6H8H14V2Z%22%20fill%3D%22%23070707%22%2F%3E%0A%3C%2Fsvg%3E%0A')
    center/14px no-repeat;
}

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

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

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

.packages-learning__title span {
  color: var(--accent);
}

.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: #3273fa;
}

.package-learning--premium .package-learning__title {
  background: #3273fa;
}

.package-learning--premium .package-learning__header-list li::before {
  background: #3273fa;
}

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

.packages__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  background: var(--white);
  padding: 24px;
  border-radius: 16px;
}

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

.info__text-par {
  padding-bottom: 5px;
  text-align: left;
}

.packages__timer_title {
  margin-bottom: 30px;
  text-align: left;
  color: #1c1c1c;
  font-size: 16px;
  font-weight: 500;
}

.packages__timer_title b {
  font-weight: 700;
}

.packages__timer-header {
  text-align: center;
  font-size: var(--s);
  font-weight: 500;
}

.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: 22.33%;
}

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

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

.package__btn {
  margin-top: 18px;
  display: inline-flex;
  padding: 18px 28px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border-radius: 6px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--bg-color-primary);
  transition: var(--transition);
}

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

.package-1 .package__btn {
  background: #0cd3c2;
}

.package-2 .package__btn {
  background: var(--fiolet);
}

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

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

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

.package__body-item {
  height: 74px;
  text-align: left;
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 0;
  position: relative;
  margin-bottom: 5px;
  background: rgba(7, 7, 7, 0.05);
}

.package__body-item-wrap ul {
  list-style: disc;
  margin-left: 20px;
}

.package-3 .package__body-item {
  border-radius: 0 12px 12px 0;
}

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

.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 {
  z-index: 7 !important;
}

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

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

.package__body-item.min-height {
  height: 255px;
}

.package__body-item.min-height .yes-value {
  font-size: 14px;
}

.package-3 .package__body-item.min-height .yes-value {
  font-size: 12px;
}

.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 {
  position: relative;
  width: 100%;
  height: 115px;
  align-self: center;
  color: #000;
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.package-1 .package__header-block,
.package-3 .package__header-block {
  height: 80px;
  background: rgba(185, 233, 235, 0.3);
  border-radius: 12px;
  position: relative;
  margin: 0 3px 5px 3px;
}

.package-1 .package__header-block:after,
.package-3 .package__header-block:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gradient);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.package-2 .package__header-block {
  height: 110px;
  background: var(--fiolet);
  border-radius: 12px;
  margin: 0 3px 5px 3px;
  color: var(--white);
}

.package-2 .package__header-block p {
  color: var(--white);
}

.package-3 .package__header-block {
  background: rgba(255, 157, 0, 0.1);
}

.package-1 .package__header-block::before,
.package-2 .package__header-block::before,
.package-3 .package__header-block::before {
  content: '+ бонус';
  position: absolute;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 7px;
  background: #000;
  border-radius: 100px;
  color: black;
  right: 5px;
  top: 5px;
  line-height: 100%;
}

.package-1 .package__header-block::before {
  background: #63dce0;
}

.package-2 .package__header-block::before {
  background: #e6fa52;
}

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

.package-2 .package__header-block::after {
  content: 'Хіт продажів';
  position: absolute;
  right: 70px;
  top: 5px;
  padding: 5px 7px;
  font-size: 14px;
  font-weight: 400;
  background: #b8ff62;
  border-radius: 100px;
  color: black;
  line-height: 100%;
}

.package-1 .package__header-title,
.package-2 .package__header-title,
.package-3 .package__header-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
}

.package-2 .package__header-title {
  font-size: 40px;
  line-height: 1;
  font-weight: 500;
}

.package-1 .package__header-sub-title,
.package-2 .package__header-sub-title,
.package-3 .package__header-sub-title {
  margin-top: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: var(--bg-color-primary);
  opacity: 0.5;
  text-align: left;
}

.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:after,
.package.package-2 .package__body-item:after,
.package.package-3 .package__body-item:after {
  content: '';
  display: block;
  right: 5px;
  left: 5px;
  top: 5px;
  bottom: 5px;
  position: absolute;
  border-radius: 12px;
  background: white;
  z-index: 1;
}

.package.package-2 .package__body-item:after {
  background: #d9c4e0;
}

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

.package.package-1 .package__body-item > *,
.package.package-2 .package__body-item > *,
.package.package-3 .package__body-item > * {
  z-index: 2;
}

.package.package-1 .package__body-item .info--value,
.package.package-2 .package__body-item .info--value,
.package.package-3 .package__body-item .info--value {
  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: 3;
}

.package__body-item.yes::before {
  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_282_607)%22%3E%0A%3Cpath%20d%3D%22M17.6473%200H6.35272C2.84426%200%200%202.84438%200%206.35297V17.647C0%2021.1556%202.84426%2024%206.35272%2024H17.6473C21.1557%2024%2024%2021.1556%2024%2017.647V6.35297C24%202.84438%2021.1557%200%2017.6473%200ZM16.6625%2013.3716H13.3368V16.6627H10.6458V13.3716H7.33753V10.6458H10.6458V7.33734H13.3368V10.6458H16.6625V13.3716Z%22%20fill%3D%22%230CD3C2%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_282_607%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')
    50% / contain no-repeat;
  content: '';
  aspect-ratio: 1/1;
  width: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.package-1 .package__body-item.yes::before {
  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_282_607)%22%3E%0A%3Cpath%20d%3D%22M17.6473%200H6.35272C2.84426%200%200%202.84438%200%206.35297V17.647C0%2021.1556%202.84426%2024%206.35272%2024H17.6473C21.1557%2024%2024%2021.1556%2024%2017.647V6.35297C24%202.84438%2021.1557%200%2017.6473%200ZM16.6625%2013.3716H13.3368V16.6627H10.6458V13.3716H7.33753V10.6458H10.6458V7.33734H13.3368V10.6458H16.6625V13.3716Z%22%20fill%3D%22%230CD3C2%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_282_607%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')
    50% / contain no-repeat;
}

.package-2 .package__body-item.yes::before {
  background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_282_617)%22%3E%0A%3Cpath%20d%3D%22M23.5297%200H8.47029C3.79235%200%200%203.7925%200%208.47062V23.5294C0%2028.2075%203.79235%2032%208.47029%2032H23.5297C28.2076%2032%2032%2028.2075%2032%2023.5294V8.47062C32%203.7925%2028.2076%200%2023.5297%200ZM22.2166%2017.8288H17.7824V22.2169H14.1944V17.8288H9.78337V14.1944H14.1944V9.78312H17.7824V14.1944H22.2166V17.8288Z%22%20fill%3D%22%237F3A97%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_282_617%22%3E%0A%3Crect%20width%3D%2232%22%20height%3D%2232%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%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%3Cpath%20d%3D%22M17.6473%200H6.35272C2.84426%200%200%202.84438%200%206.35297V17.647C0%2021.1556%202.84426%2024%206.35272%2024H17.6473C21.1557%2024%2024%2021.1556%2024%2017.647V6.35297C24%202.84438%2021.1557%200%2017.6473%200ZM16.6625%2013.3716H13.3368V16.6627H10.6458V13.3716H7.33753V10.6458H10.6458V7.33734H13.3368V10.6458H16.6625V13.3716Z%22%20fill%3D%22%23F97250%22%2F%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__body-item.yes-text-group .yes-value .info__text .info__text-item {
  text-align: left;
  font-weight: 400;
}

.package__body-item.yes-text-group .yes-value .info--value {
  margin-left: 100px;
}

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

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

.package__price_full {
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  text-align: center;
  text-decoration-line: line-through;
  color: var(--bg-color-primary);
  opacity: 0.5;
  margin-bottom: 2px;
}

.package__price_current {
  font: 700 28px/120% var(--heading-font-family);
  color: var(--bg-color-primary);
}

.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: 8px;
}

.package__places {
  margin-top: 8px;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: var(--bg-color-primary);
  opacity: 0.3;
}

.package-desc {
  width: 33%;
  position: relative;
}

.package-desc .package__header-title {
  text-align: start;
  color: var(--bg-color-primary);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.03em;
}

.package-desc .package__header-title b {
  display: inline-block;
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.package-desc .package__body-item {
  padding: 0 12px;
  font-size: 15px;
  line-height: 140%;
  color: var(--bg-color-primary);
  background: rgba(7, 7, 7, 0.05);
  border-radius: 12px 0 0 12px;
  margin-bottom: 5px;
}

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

.package-desc .packages__timer_title {
  text-align: left;
  margin-bottom: 30px;
}

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

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

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

.bonus__inner {
  padding: 30px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background: url(../img/bonus/bg_bonus.webp) 50% 31% / auto no-repeat;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.bonus__hide {
  width: 150px;
}

.bonus__title {
  background: linear-gradient(90.38deg, #dc3c30 0.33%, #006aff 41.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bonus__text {
  max-width: 380px;
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
}

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

.bonus .countdownHolder .wrapDays,
.bonus .countdownHolder .wrapHours,
.bonus .countdownHolder .wrapMinutes,
.bonus .countdownHolder .wrapSeconds {
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

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

.how:before {
  background: url(../img/students/bg-st-s.webp) no-repeat top/cover;
  content: '';
  width: 100%;
  height: 78vw;
  display: block;
  position: absolute;
  left: 0;
  top: -41vw;
  z-index: -1;
}

.how__items {
  margin-top: var(--margin-default);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap-default);
  text-align: left;
}

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

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

.how .item__number {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  aspect-ratio: 1/1;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.how .item__title {
  width: 100%;
  margin: 30px 0 10px;
}

.how .item__text {
  opacity: 0.7;
  font-size: 14px;
  line-height: 140%;
}

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

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

.employment:before {
  content: '';
  background: linear-gradient(180deg, rgba(7, 7, 7, 0) 0%, #070707 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 408px;
  z-index: -1;
}

.employment__container {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
  padding: 80px 50px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.employment__container:before,
.employment__container:after {
  content: '';
  display: block;
  position: absolute;
  filter: blur(100px);
  width: 1118px;
  height: 400px;
  border-radius: 1118px;
  z-index: -1;
}

.employment__container:before {
  opacity: 0.3;
  background: var(--red, #dc3c30);
  top: 0;
  right: 0;
  transform: translate(48%, -65%);
}

.employment__container:after {
  background: var(--Fiolet, #7f3a97);
  right: 0;
  transform: translate(0%, 81%);
  bottom: 0;
  left: 0;
  margin: 0 auto;
}

.employment__title {
  margin-bottom: 38px;
}

.employment__title b {
  background: var(--Gradient, linear-gradient(106deg, #dc3c30 15.79%, #006aff 96.32%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.employment__content {
  max-width: 590px;
}

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

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

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

.employment__text {
  margin-bottom: 30px;
  color: var(--white-70, rgba(255, 255, 255, 0.7));
}

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

.employment__subtitle {
  margin-bottom: 16px;
  font-weight: 700;
}

.employment .item {
  border-radius: 16px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  gap: 16px;
}

.employment .item__wrap-icon {
  background: var(--Fiolet, #7f3a97);
  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;
}

@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;
    --sp: 35px;
    --h1: 60px;
    --h2: 32px;
    --h3: 18px;
  }

  .course-info {
    gap: 12px;
  }

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

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

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

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

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

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

  .header {
    padding: 10px 0;
  }

  .header__logo {
    width: 68px;
  }

  .header__menu {
    gap: 24px;
  }

  .countdownHolder {
    font-size: 24px;
  }

  .countdownHolder .countDiv {
    width: 16px;
  }

  .hero {
    padding: 86px 0 12px;
  }

  /* .hero__title {
    font-size: 26px;
    margin-top: 26px;
  } */

  .hero__title span {
    font-size: 48px;
    transform: translateY(7px);
  }

  .hero__rating-stars {
    width: 98px;
  }

  .hero__rating-text {
    font-size: 13px;
  }

  .hero__desc {
    margin-top: 24px;
    font-size: 18px;
    letter-spacing: -0.18px;
  }

  .hero .hero-book__btn-places {
    font-size: 13px;
  }

  .hero .hero-book__gift-icon {
    width: 60px;
  }

  .hero .hero-book__gift-text {
    font-size: 15px;
  }

  .hero__footer {
    gap: 8px;
    flex-wrap: wrap;
  }

  .hero__footer .item__title {
    font-size: 40px;
  }

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

  .hero__footer .item-1 {
    height: 166px;
  }

  .hero__footer .item-2 {
    flex: 1;
    height: 239px;
  }

  .hero__footer .item-3 {
    flex: 1;
    width: 49%;
    height: 239px;
  }

  .logos {
    padding: 12px 0 35px;
  }

  .logos__title {
    font-size: 20px;
    margin-bottom: 23px;
  }

  .purpose {
    padding: 35px 0;
  }

  .purpose__container {
    gap: 24px;
    flex-direction: column;
  }

  .purpose__img-container {
    max-width: 440px;
  }

  .purpose__text-1 {
    margin-top: 30px;
    font-size: 15px;
  }

  .purpose__text-2 {
    margin-top: 10px;
    font-size: 15px;
  }

  .purpose__text-3 {
    margin-top: 10px;
    font-size: 15px;
  }

  .purpose__content-bottom {
    margin-top: 20px;
    flex-direction: column;
  }

  .purpose__content-bottom .item {
    font-size: 16px;
  }

  .purpose__content-bottom .item-1 {
    flex: auto;
  }

  .purpose__content-bottom .item-2 {
    flex: auto;
  }

  .register-gift__container-bg {
    background: url(../img/register-gift/container-bg.webp) 90% center/contain no-repeat;
  }

  .register-gift__title {
    margin-top: 24px;
    letter-spacing: -0.1px;
  }

  .register-gift__form-wrap {
    background: rgba(0, 0, 0, 0.4);
    padding: 24px 16px;
    width: 310px;
  }

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

  .register-gift .form__gift {
    margin-top: 10px;
    font-size: 15px;
  }

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

  .opportunity__title {
    margin: 0;
    grid-area: 1/1/2/3;
  }

  .opportunity .item__up-title {
    padding: 5px 16px 5px 34px;
    font-size: 14px;
  }

  .opportunity .item__title {
    margin-top: 24px;
  }

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

  .opportunity .item-1 {
    grid-area: 2/1/3/2;
  }

  .opportunity .item-2 {
    grid-area: 2/2/3/3;
  }

  .opportunity .item-3 {
    grid-area: 3/1/4/2;
  }

  .opportunity .item-4 {
    grid-area: 3/2/4/3;
  }

  .for__container {
    padding: 40px 16px;
  }

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

  .for__list .item__icon {
    width: 44px;
  }

  .for__list .item__title {
    margin-top: 24px;
  }

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

  .for__btn-container {
    margin-top: 30px;
  }

  .speakers .swiper {
    margin-top: 30px;
  }

  .speakers .swiper-slide {
    gap: 0;
    flex-direction: column;
  }

  .speakers__name {
    text-align: center;
  }

  .speakers__img-container {
    margin: 16px auto 0;
    max-width: 274px;
  }

  .speakers__desc {
    text-align: center;
    margin-top: 6px;
    font-size: 15px;
  }

  .speakers__expertise {
    margin: 15px auto 0;
  }

  .speakers__btn {
    display: none;
  }

  .speakers__achievements {
    margin-top: 20px;
    font-size: 15px;
  }

  .speakers__show-more-btn {
    display: flex;
    margin-top: 10px;
  }

  .speakers .swiper-pagination {
    font-size: 15px;
  }

  .speakers .swiper-pagination-current {
    font-size: 18px;
  }

  .skills__list {
    margin-top: 30px;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .skills__list .item {
    gap: 12px;
  }

  .skills__list .item__header {
    gap: 12px;
  }

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

  .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: 2px 10px;
  }

  .programs__info-items .item span:first-child {
    font-size: 32px;
    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__content {
    grid-template-columns: 150px 1fr 30px;
  }

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

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

  .programs .module__result {
    font-size: 15px;
  }

  .overview__list {
    gap: 10px;
  }

  .overview .item {
    gap: 16px;
  }

  .overview .item__icon {
    width: 60px;
  }

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

  .result__list {
    margin-top: 30px;
    padding: 40px 16px;
    flex-direction: column;
    gap: 10px;
  }

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

  .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 {
    max-width: 360px;
    justify-content: center;
    margin: 0 auto;
    background: url(../img/rass/rass__bg-mob.webp) center/cover no-repeat;
    gap: 30px;
  }

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

  .rass__title {
    text-align: left;
  }

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

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

  .rass__date {
    width: 221px;
  }

  .rass__date br {
    display: none;
  }

  .rass__date br {
    display: block;
  }

  .rass__date_day {
    font-size: 100px;
  }

  .rass__how {
    max-width: 340px;
  }

  .rass__how_list {
    gap: 12px;
  }

  .reviews__items {
    padding: var(--margin-default) 0 60px;
  }

  .reviews .item {
    opacity: 1;
  }

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

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

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

  .register__inner {
    padding: 16px;
  }

  .register__content {
    max-width: 340px;
  }

  .register__title {
    font-size: 24px;
  }

  .register__title span {
    font-size: 28px;
    transform: translateY(5px);
  }

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

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

  .register .form__subtitle br {
    display: none;
  }

  .faq__container {
    gap: 28px;
  }

  .faq .item__question {
    padding: 16px;
  }

  :root {
    --container-width: 760px;
    --sp: 50px;
    --fz-default: 16px;
    --h1: 48px;
    --h2: 30px;
    --h3: 29px;
    --h4: 20px;
    --l: 20px;
    --m: 18px;
    --s: 14px;
    --padding-custom: 70px;
  }

  br[d] {
    display: none;
  }

  br[t] {
    display: initial;
  }

  br[m] {
    display: none;
  }

  .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-desc .package__header-title b {
    height: 32px;
  }

  .package-desc .package__footer {
    background: #fff;
    position: absolute;
    z-index: 5;
    transform: scale(0.66);
    transform-origin: left top;
  }

  .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: 145px;
  }

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

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

  .package__body-item {
    height: 95px;
  }

  .package__price_full {
    font-size: 15px;
  }

  .package__price_current {
    font-size: 18px;
  }

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

  .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: 120px;
  }

  .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-1 .package__header-block::before,
  .package-2 .package__header-block::before,
  .package-3 .package__header-block::before {
    font-size: 12px;
  }

  .package-2 .package__header-block::before {
    top: 33px;
  }

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

  .package-2 .package__header-block::after {
    width: -moz-max-content;
    width: max-content;
    left: 5px;
    top: 5px;
  }

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

  .bonus__inner {
    flex-direction: column;
    gap: 24px;
    padding: 24px 16px 16px;
    background: url(../img/bonus/bg_bonus.webp) 40% 13% / auto no-repeat;
    align-items: flex-start;
  }

  .bonus__image {
    right: -165px;
    width: 641px;
    top: -117px;
  }

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

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

  .employment__content {
    max-width: 100%;
  }
}

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

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

  .swiper-btn {
    display: none;
  }

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

  h1,
  ._h1 {
    line-height: 100%;
  }

  .btn {
    width: 100%;
  }

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

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

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

  .hero__title {
    font-size: 26px;
    margin-top: 26px;
  }

  .hero__title span {
    font-size: 28px;
    transform: translateY(4px);
  }

  .hero__info {
    gap: 20px;
  }

  .hero__info .item {
    gap: 6px;
  }

  .hero__info .item:nth-child(2) {
    display: none;
  }

  .hero__desc {
    text-align: start;
  }

  .hero .hero-book {
    flex-direction: column-reverse;
    gap: 16px;
  }

  .hero .hero-book__btn-wrapper {
    width: 100%;
  }

  .hero__footer .item-2::after {
    left: auto;
    right: 16px;
    transform: none;
  }

  .hero__footer .item-2 .item__img {
    width: 129px;
  }

  .hero__footer .item-3 .item__img {
    width: calc(100% - 32px);
  }

  .logos__title {
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
  }

  .purpose:before {
    height: 100vh;
  }

  .purpose__img-container {
    max-width: none;
    width: 100%;
  }

  .register-gift__container::before {
    left: 50%;
    top: auto;
    bottom: -150px;
    transform: translateX(-50%);
  }

  .register-gift__container-bg {
    background: url(../img/register-gift/container-bg-mob.webp) center/contain no-repeat;
  }

  .register-gift__timer {
    margin-bottom: 120px;
  }

  .register-gift__form-wrap {
    width: 100%;
  }

  .opportunity:before {
    height: 100vh;
  }

  .opportunity__container {
    display: flex;
    flex-direction: column;
  }

  .for__title {
    text-align: start;
  }

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

  .speakers:before {
    height: 100vh;
  }

  .speakers__title {
    text-align: start;
  }

  .speakers .swiper-slide {
    align-items: flex-start;
  }

  .speakers__name {
    text-align: start;
  }

  .speakers__desc {
    text-align: start;
  }

  .speakers__expertise {
    margin: 15px 0 0;
  }

  .skills:before {
    height: 100vh;
  }

  .skills {
    padding: 0 16px;
  }

  .skills__container {
    padding: 40px 16px;
    background: rgba(255, 255, 255, 0.03);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 16px;
  }

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

  .skills__show-more-btn {
    display: flex;
    margin-top: 30px;
  }

  .programs__head {
    padding: 30px 16px;
    background: url(../img/programs/header-bg-mob.webp) center/cover;
  }

  .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__head {
    padding: 16px 0;
    grid-template-columns: 1fr 44px;
    row-gap: 16px;
  }

  .programs .module__head-name {
    grid-area: 2/1/3/4;
  }

  .programs .module__content {
    grid-template-columns: 1fr 38px;
    grid-template-areas: 'content content';
  }

  .programs .module__themes {
    -moz-columns: 1;
    columns: 1;
    -moz-column-gap: initial;
    column-gap: initial;
    margin-bottom: 13px;
  }

  .programs .module__themes li {
    margin-bottom: 10px;
  }

  .programs .module__themes li:last-child {
    margin-bottom: 0;
  }

  .programs .module__result {
    padding: 18px 8px 18px 20px;
    line-height: 1.4;
  }

  .overview:before {
    height: 100vh;
  }

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

  .overview__show-more-btn {
    display: flex;
    margin-top: 10px;
  }

  .result__title {
    margin-bottom: 20px;
  }

  .students:before {
    height: 100vh;
  }

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

  .reviews:before {
    height: 100vh;
  }

  .register {
    padding: 35px 0;
  }

  .register__inner {
    flex-direction: column;
    gap: 30px;
  }

  .register__content {
    max-width: 100%;
  }

  .register__timer {
    margin: 0 auto;
  }

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

  .faq__title {
    margin-bottom: 30px;
  }

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

  .faq .item__answer {
    padding: 0 0px 0 24px;
  }

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

  :root {
    --container-width: 360px;
    --sp: 50px;
    --fz-default: 16px;
    --h1: 48px;
    --h2: 30px;
    --h3: 18px;
    --l: 18px;
    --m: 16px;
    --s: 14px;
    --padding-custom: 50px;
  }

  br[d] {
    display: none;
  }

  br[t] {
    display: none;
  }

  br[m] {
    display: initial;
  }

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

  .packages__timer .countdownHolder .countDays,
  .packages__timer .countdownHolder .countHours,
  .packages__timer .countdownHolder .countMinutes,
  .packages__timer .countdownHolder .countSeconds {
    padding: 10px;
  }

  .packages__timer {
    text-align: center;
    margin-bottom: 30px;
    padding-top: 20px;
  }

  .packages__timer-header {
    display: none;
  }

  .packages__wrap {
    margin-top: 0;
  }

  .packages-header {
    flex-direction: column;
    gap: 6px;
    background: var(--accent);
    justify-content: center;
    align-items: center;
  }

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

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

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

  .packages__container {
    padding: 10px;
  }

  .package-1 .package__header-block,
  .package-2 .package__header-block,
  .package-3 .package__header-block {
    width: 100%;
    height: 100%;
  }

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

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

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

  .package .package__body-item {
    border-radius: 8px !important;
    padding: 10px 24px 10px 45px;
  }

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

  .package-1 .package__header-block,
  .package-2 .package__header-block,
  .package-3 .package__header-block {
    margin: 0 0 5px 0;
    padding: 17px 12px;
    border-radius: 6px;
  }

  .package-1 .package__header-block .package__header-title,
  .package-2 .package__header-block .package__header-title,
  .package-3 .package__header-block .package__header-title {
    line-height: 110%;
  }

  .package-2 .package__header-block {
    padding: 38px 12px 17px 12px;
  }

  .package-2 .package__header-block .package__header-title {
    font-size: 32px;
  }

  .package.package-2 .package__body-item:after {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
  }

  .package .package__body-item.yes::before {
    left: 12px;
    transform: translate(0, 0%);
    width: 24px;
    top: 10px;
  }

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

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

  .package__footer {
    background: #fff;
  }

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

  .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: 18px;
    height: unset;
    background: var(--white);
  }

  .package__body-item {
    display: none;
    height: auto;
    padding: 10px;
    padding-left: 45px;
    color: var(--bg-color-primary);
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 4px;
  }

  .package__body-item.yes.yes-text {
    padding-left: 45px;
  }

  .package__body-item.yes,
  .package__body-item.yes-text {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .package__body-item.yes-text {
    padding-left: 15px;
  }

  .package__body-item .yes-value {
    margin-bottom: 5px;
  }

  .package.package-1 .package__body-item .info,
  .package.package-2 .package__body-item .info,
  .package.package-3 .package__body-item .info {
    display: block;
    z-index: 5;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }

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

  .package__body-item .info__text {
    left: unset;
    right: 0;
    max-width: 95vw;
    top: 25px;
    transform: unset;
    z-index: 5;
  }

  .package__footer .packages__timer {
    display: none;
  }

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

  .packages__wrap {
    box-shadow: none;
  }

  .package__footer {
    padding: 20px 0 0;
  }

  .package__btn {
    padding: 16px 24px;
  }

  .package__body-item.min-height {
    height: auto;
  }

  .package__price_current {
    font-size: 24px;
  }

  .package-1,
  .package-2,
  .package-3 {
    padding: 10px;
    background: var(--white);
    border-radius: 16px;
    margin-bottom: 10px;
  }

  .packages__container {
    background: transparent;
    padding: 0;
  }

  .package-2 .package__header-block::before {
    top: 5px;
  }

  .package-2 .package__header-block::after {
    top: 5px;
    right: 4px;
    left: unset;
    font-size: 12px;
  }

  .package.package-1 .package__body-item > .package__body-item-wrap,
  .package.package-2 .package__body-item > .package__body-item-wrap,
  .package.package-3 .package__body-item > .package__body-item-wrap {
    display: block;
  }

  .bonus__inner {
    background: url(../img/bonus/bg_bonus_mob.webp) 50% 50% / auto no-repeat;
    min-height: 399px;
    align-items: center;
    text-align: center;
    justify-content: flex-start;
  }

  .bonus__image {
    right: -118px;
    width: 518px;
    top: 110px;
    transform: rotate(20deg);
  }

  .bonus__title {
    display: inline-block;
  }

  .bonus__text {
    font-size: 18px;
  }

  .how:before {
    height: 100vh;
  }

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

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

  .employment__container {
    padding: 40px 16px;
  }

  .employment__container:before {
    border-radius: 564px;
    opacity: 0.3;
    background: var(--red, #dc3c30);
    filter: blur(50.4870109558px);
    width: 564px;
    height: 202px;
    transform: translate(39%, 138%);
  }

  .employment__container:after {
    transform: translate(-50%, 81%);
  }

  .employment__title {
    font-size: 24px;
  }

  .employment__title br {
    display: none;
  }

  .employment .item {
    align-items: flex-start;
  }
}

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