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

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

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

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

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

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

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

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

@font-face {
    font-family: 'CraftworkGrotesk';
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/CraftworkGrotesk/CraftworkGrotesk-Heavy.eot');
    src: url('../fonts/CraftworkGrotesk/CraftworkGrotesk-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CraftworkGrotesk/CraftworkGrotesk-Heavy.woff') format('woff'),
        url('../fonts/CraftworkGrotesk/CraftworkGrotesk-Heavy.ttf') format('truetype'),
        url('../fonts/CraftworkGrotesk/CraftworkGrotesk-Heavy.svg#CraftworkGrotesk') 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: 1300px;
    --transition: 0.3s ease;
    --tr: 0.3s ease;
    --trd: 0.3s ease 0.3s;
    --default-font-family: 'Gilroy';
    --heading-font-family: 'CraftworkGrotesk';
    --sp-bg: 100px;
    --sp: 70px;
    --accent: #ff3900;
    --yellow: #ffd600;
    --yellow-h: #ffc400;
    --blue: #3827c8;
    --white: #ffffff;
    --dark: #02021e;
    --bg: #02021e;
    --text-color: #02021e;
    --fz-default: 18px;
    --h1: 42px;
    --h2: 40px;
    --h3: 40px;
    --h4: 30px;
    --l: 28px;
    --m: 20px;
    --s: 16px;
    --xs: 14px;
}

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

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

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

.wrapper {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    height: 100%;
    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;
}

br._t {
    display: none;
}

br._m {
    display: none;
}

br._d {
    display: initial;
}

b {
    font-weight: 600;
}

.controls {
    margin: 32px auto 0;
    display: flex;
    justify-content: space-between; 
    align-items: center;
    width: fit-content;
    min-width: 210px;
    background: none;
}

.controls .swiper-btn {
    flex: 0 0 auto;
}

.pagination {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding-top: 0;
    transform: translateX(0) !important;
}

.pagination .swiper-pagination-bullet {
    display: block;
    flex: 0 0 auto;
    opacity: 1;
    height: 8px;
    width: 8px;
    background: rgba(255, 255, 255, 0.4);
}

.pagination .swiper-pagination-bullet-active {
    background: var(--white);
    width: 12px;
    height: 12px;
}

.pagination.swiper-pagination-bullets-dynamic {
    transform: translateX(0) !important;
}

.pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
.pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(1);
}

.swiper-btn {
    border-radius: 0;
    width: 38px;
    height: 21px;
    background: center / contain no-repeat
        url('data:image/svg+xml,<svg width="38" height="21" viewBox="0 0 38 21" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="38" height="21" rx="10.5" fill="%23FF3900"/><g clip-path="url(%23clip0_3403_8872)"><path d="M21.0007 6.33325L20.0607 7.27325L23.114 10.3333H12.334V11.6666H23.114L20.054 14.7266L21.0007 15.6666L25.6673 10.9999L21.0007 6.33325Z" fill="white"/></g><defs><clipPath id="clip0_3403_8872"><rect width="16" height="16" fill="white" transform="translate(11 3)"/></clipPath></defs></svg>');
    cursor: pointer;
}

.swiper-btn_prev {
    transform: rotate(180deg);
}

.swiper-btn_prev:active {
    transform: rotate(180deg) scale(0.9);
    opacity: 0.75;
}

.swiper-btn_next:active {
    opacity: 0.75;
    transform: scale(0.9);
}

.swiper-btn.swiper-button-disabled {
    cursor: default;
    pointer-events: none;
    background: center / contain no-repeat
        url('data:image/svg+xml,<svg width="38" height="21" viewBox="0 0 38 21" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="37.5" y="20.5" width="37" height="20" rx="10" transform="rotate(-180 37.5 20.5)" stroke="%23FF3900"/><g clip-path="url(%23clip0_5428_580)"><path d="M21.0007 14.6665L20.0607 13.7265L23.114 10.6665L12.334 10.6665V9.33317H23.114L20.054 6.27317L21.0007 5.33317L25.6673 9.99984L21.0007 14.6665Z" fill="%23FF3900"/></g><defs><clipPath id="clip0_5428_580"><rect width="16" height="16" fill="white" transform="matrix(1 0 0 -1 11 18)"/></clipPath></defs></svg>');
}

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

.head__subtitle {
    font-size: 20px;
    margin-top: 20px;
    font-weight: 400;
    line-height: 1.4;
    font-family: 'CraftworkGrotesk';
}

h1,
._h1 {
    font: 700 var(--h1) var(--heading-font-family);
    color: var(--white);
}

h1 b,
._h1 b {
    color: #ff3900;
}

h2,
._h2 {
    font: 700 var(--h2) / 1.1 var(--heading-font-family);
}

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

h3,
._h3 {
    font: 700 var(--h3) var(--heading-font-family);
}

h3 span,
._h3 span {
    color: var(--accent);
}

h4,
._h4 {
    font: 700 var(--h4) var(--heading-font-family);
}

h4 span,
._h4 span {
    color: var(--accent);
}

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

._semibold {
    font-weight: 600;
}

._bold {
    font-weight: 700;
}

._accent {
    color: var(--accent);
}

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

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

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

.btn {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    padding: 20px 48px;
    font-size: 17px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    background: var(--yellow);
    transition: background var(--tr);
    border-radius: 10px;
}

.btn:hover {
    background: #083164;
}

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

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

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

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

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

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

.form .input__agree {
    display: flex;
    line-height: 1.4;
    margin-top: 20px;
    font-size: 14px;
    cursor: pointer;
}

.form .input__agree a {
    color: var(--blue);
    text-decoration: underline;
}

.form .input__agree input {
    height: 20px;
    width: 20px;
    height: 10px;
    width: 10px;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
}

.form .input__agree input:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 13px;
    width: 13px;
    background: var(--white);
    border: 1px solid var(--blue);
    border-radius: 4px;
}

.form .input__agree input:checked:before {
    background: center/contain no-repeat
        url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.0410156%22%20y%3D%220.364746%22%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%224%22%20fill%3D%22%233827C8%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.60168%209.42194C6.01589%208.90124%205.06614%208.90124%204.48036%209.42194C3.89457%209.94264%203.89457%2010.7869%204.48036%2011.3076L7.48036%2013.9742C8.06614%2014.4949%209.01589%2014.4949%209.60168%2013.9742L15.6017%208.64089C16.1875%208.12019%2016.1875%207.27597%2015.6017%206.75527C15.0159%206.23457%2014.0661%206.23457%2013.4804%206.75527L8.54102%2011.1458L6.60168%209.42194Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    border: none;
}

.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 .btn {
    width: 100%;
    margin: 40px 0 24px;
    background: var(--accent);
    color: var(--white);
}

.form .btn:disabled {
    background: #d7d7d8;
    color: var(--dark);
}

.form__text {
    color: #7f7f93;
    font-size: 12px;
    line-height: 1.4;
}

.agree-el {
    display: flex;
    align-items: center;
    line-height: 1.4;
    margin-top: 5px;
    font-size: 14px;
    cursor: pointer;
}

.agree-el span {
    font-size: 15px;
}

.agree-el a {
    color: #0057b8;
    text-decoration: underline;
}

.agree-el input {
    height: 20px;
    width: 20px;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
}

.agree-el input:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 18px;
    width: 18px;
    background: var(--white);
    border: 1px solid #0057b8;
    border-radius: 4px;
}

.agree-el input:checked:before {
    background: center/contain no-repeat
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M16 0H2C0.89 0 0 0.9 0 2V16C0 17.1 0.89 18 2 18H16C17.11 18 18 17.1 18 16V2C18 0.9 17.11 0 16 0ZM7 14L2 9L3.41 7.59L7 11.17L14.59 3.58L16 5L7 14Z" fill="%230057B8"/></svg>');
    border: none;
}

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

.header__container {
    padding-top: 30px;
    display: flex;
    justify-content: center;
}

.header__logo {
    background: center/contain no-repeat url(../img/header-logo.svg);
    width: 113.67px;
    pointer-events: initial;
}

.header__logo:after {
    content: '';
    display: block;
    padding-bottom: 41.3477610627%;
}

.hero {
    position: relative;
    overflow: hidden;
    background: var(--bg);
}

.hero::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: url('../img/hero__snow.webp') 50% / cover no-repeat;
}

.hero__decor {
    position: absolute;
    width: 700px;
    height: 900px;
    top: 0;
    right: -10%;
    background: rgba(0, 178, 255, 0.6);
    filter: blur(250px);
    transform: translate3d(0, 0, 0);
}

.hero__container {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 619px;
    grid-template-areas: 'main slider' 'btn  btn';
    padding-top: 157px;
    padding-bottom: 120px;
}

.hero__main-wrap {
    position: relative;
    grid-area: main;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.hero__btn-wrap {
    display: flex;
    align-content: start;
    grid-area: btn;
    column-gap: 35px;
    padding-top: 70px;
}

.snow__btn {
    display: inline-flex;
    align-items: center;
    background: var(--accent);
    color: var(--white);
}

.snow__btn._mob {
    display: none;
}

.hero__slider-wrap {
    grid-area: slider;
    position: relative;
}

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

.hero__slider-inner {
    overflow: hidden;
    /* position: relative; */
    /* height: 100%; */
    /* height: 100vh; */
    height: 820px;
    position: absolute;
    top: 50%;
    right: 0;
    pointer-events: none;
    transform: translateY(-43%);
    -webkit-mask: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
    -webkit-mask-composite: destination-in;
    mask-composite: intersect;
    mask: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
}

.hero__timer-wrap {
    /* grid-area: timer; */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.hero__label {
    position: relative;
    border-radius: 56px;
    background: rgba(255, 255, 255, 0.2);
    padding: 8px 24px 8px 8px;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    color: var(--white);
    font-weight: 400;
}

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

.hero__label::before {
    content: '';
    display: inline-block;
    width: 52px;
    height: 31px;
    background: center/contain no-repeat url('../img/ua.webp');
    margin-right: 11px;
}

.hero__label::after {
    content: '';
    top: -11px;
    right: -39px;
    position: absolute;
    aspect-ratio: 144 / 117;
    width: 72px;
    background: url(../img//hero/label-icon.webp) center / contain no-repeat;
    transform: rotate(80.615deg);
}

.hero__btm {
    position: relative;
}

.hero__btm_decor {
    position: absolute;
    top: -29px;
    right: 54px;
    transform: rotate(6.763deg);
}

.hero__btm_decor span {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    border-radius: 8px;
    padding: 8px 12px 6px 12px;
    background: var(--accent);
    box-shadow: 0px 1px 105.7px 0px rgba(255, 57, 0, 0.5);
}

.hero__btm_decor b {
    font-weight: 700;
}

.hero__btm_decor::before {
    content: '';
    position: absolute;
    right: 88px;
    top: 40px;
    transform: rotate(-6.763deg);
    width: 50px;
    height: 39px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='45' viewBox='0 0 52 45' fill='none'%3E%3Cpath d='M0.46967 38.4697C0.176777 38.7626 0.176777 39.2374 0.46967 39.5303L5.24264 44.3033C5.53553 44.5962 6.01041 44.5962 6.3033 44.3033C6.59619 44.0104 6.59619 43.5355 6.3033 43.2426L2.06066 39L6.3033 34.7574C6.59619 34.4645 6.59619 33.9896 6.3033 33.6967C6.01041 33.4038 5.53553 33.4038 5.24264 33.6967L0.46967 38.4697ZM50.25 0C50.25 11.5408 47.5243 21.0406 40.1209 27.6786C32.696 34.3358 20.4192 38.25 1 38.25V39.75C20.5716 39.75 33.2948 35.8136 41.1222 28.7954C48.9711 21.7581 51.75 11.7579 51.75 0L50.25 0Z' fill='white' fill-opacity='0.6'/%3E%3C/svg%3E")
        50% / contain no-repeat;
}

.hero__subtitle {
    font-size: var(--m);
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.7);
    font-family: 'CraftworkGrotesk';
}

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

.hero__slider {
    width: 561px;
    /* height: 340px; */
    height: 100%;
    /* transform: translateY(60px); */
}

.hero__slider .swiper-slide {
    /* filter: brightness(0.5); */
    transition: transform var(--tr), filter var(--tr);
}

.hero__slider .swiper-slide-prev {
    opacity: 1;
    /* filter: brightness(0.75); */
}

.hero__slider .swiper-slide-active {
    /* filter: brightness(1); */
    opacity: 1;
}

.hero__slider .image {
    height: 340px;
    width: 561px;
    border-radius: 15px;
}

.hero__slider .image .swiper-slide-shadow {
    opacity: 0 !important;
}

.hero__slider .image--1 {
    background: url(../img/hero/hero-slide_1.webp) center/contain no-repeat;
}

.hero__slider .image--2 {
    background: url(../img/hero/hero-slide_2.webp) center/contain no-repeat;
}

.hero__slider .image--3 {
    background: url(../img/hero/hero-slide_3.webp) center/contain no-repeat;
}

.hero__slider .image--4 {
    background: url(../img/hero/hero-slide_4.webp) center/contain no-repeat;
}

.hero__slider .image--5 {
    background: url(../img/hero/hero-slide_5.webp) center/contain no-repeat;
}

.hero__slider .image--6 {
    background: url(../img/hero/hero-slide_6.webp) center/contain no-repeat;
}

.hero__slider .image--7 {
    background: url(../img/hero/hero-slide_7.webp) center/contain no-repeat;
}

.hero__slider .image--8 {
    background: url(../img/hero/hero-slide_8.webp) center/contain no-repeat;
}

/* .hero__slider .image--9 {
    background: url(../img/hero/09.webp) center/contain no-repeat;
} */

.hero__slider-pagination {
    display: none;
}

.hero__timer-text {
    text-align: start;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    margin-bottom: 5px;
}

.controller {
    display: none;
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-40%);
    width: 36px;
    height: 74px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 100px;
    z-index: 2;
}

.controller__btn {
    position: absolute;
    left: 50%;
    height: 8px;
    width: 15px;
    background: center/contain no-repeat
        url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.00004%200.292969L15.3536%207.64652L14.6465%208.35363L8.00004%201.70718L1.35359%208.35363L0.646484%207.64652L8.00004%200.292969Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    transform: translateX(-50%);
    cursor: pointer;
}

.controller__btn_prev {
    top: 12px;
}

.controller__btn_next {
    bottom: 12px;
    transform: translateX(-50%) rotate(180deg);
}

.idea-salary-wrapper {
    background: linear-gradient(180deg, #191919 0%, #152e50 100%);
    overflow: hidden;
}

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

.idea__main {
    background: var(--white);
    border-radius: 50px;
    padding: 100px 0;
    position: relative;
}

.idea__front {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.idea__front .item {
    background: var(--white);
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding: 37px 45px;
}

.idea__front .item__img {
    flex: 0 0 auto;
    height: 80px;
    width: 80px;
    background: center/contain no-repeat;
    margin-right: 20px;
}

.idea__front .item__text {
    font-size: var(--s);
    line-height: 1.4;
}

.idea__benefit {
    background: rgb(235, 235, 235);
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
}

.idea__benefit b {
    font-weight: 700;
}

.idea__left {
    background: linear-gradient(270deg, rgba(22, 15, 97, 0.3) -139.39%, rgba(245, 245, 245, 0) 74.03%);
    flex: 0 0 632px;
    -webkit-clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0% 0);
    clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0% 0);
    padding: 50px 90px 75px 50px;
}

.idea__left p {
    font-size: var(--l);
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 0.93em;
}

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

.idea__right {
    flex: 0 0 600px;
    padding: 50px 60px 50px 0;
}

.idea__right h3 {
    font-size: var(--l);
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 15px;
}

.idea__right ul li {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 0.62em;
    position: relative;
    padding-left: 39px;
}

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

.idea__right ul li:before {
    content: '';
    display: block;
    height: 19px;
    width: 19px;
    background: center/contain no-repeat
        url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2219%22%20height%3D%2220%22%20viewBox%3D%220%200%2019%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.41233%200.529307C14.6105%200.521933%2018.8154%204.72522%2018.8239%209.93646C18.832%2015.1348%2014.6304%2019.3429%209.42117%2019.3528C4.2223%2019.3628%200.00738294%2015.158%209.69443e-06%209.95416C-0.00736355%204.74181%204.19207%200.53668%209.41233%200.529307ZM3.72166%2010.5219C5.12773%2011.9284%206.54487%2013.3467%207.93731%2014.74C10.3222%2012.3557%2012.7237%209.95526%2015.0949%207.58467C14.564%207.04641%2014.0188%206.49339%2013.4466%205.91272C11.6092%207.75021%209.7644%209.59544%207.91224%2011.448C7.06063%2010.5942%206.20238%209.73332%205.35778%208.8861C4.79778%209.44575%204.24774%209.99582%203.72166%2010.5219Z%22%20fill%3D%22%233827C8%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    position: absolute;
    top: 1px;
    left: 0;
}

.idea__you-get {
    padding: 100px 0 23px;
    position: relative;
}

.idea__you-get-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.idea__you-get-inner .item {
    position: relative;
    padding: 16px;
    background: rgba(230, 239, 248, 0.2);
    color: var(--white);
    border-radius: 16px;
    overflow: hidden;
}

.idea__you-get-inner .item::before {
    content: '';
    position: absolute;
    left: 90px;
    top: -83px;
    width: 75px;
    height: 244px;
    transform: rotate(-30deg);
    background-color: #529bfb;
    filter: blur(50px);
}

.idea__you-get-inner .item__icon {
    position: relative;
    aspect-ratio: 1;
    width: 62px;
    margin: 0 auto 20px;
}

.idea__you-get-inner .item__icon.cmd {
    background: url(../img/idea/cmd.svg) center/contain no-repeat;
}

.idea__you-get-inner .item__icon.glob {
    background: url(../img/idea/glob.svg) center/contain no-repeat;
}

.idea__you-get-inner .item__icon.mc {
    background: url(../img/idea/mc.svg) center/contain no-repeat;
}

.idea__you-get-inner .item__icon.calendar {
    background: url(../img/idea/calendar.svg) center/contain no-repeat;
}

.idea__you-get-inner .item__text {
    position: relative;
    font-size: var(--s);
    text-align: center;
}

.idea__you-get-inner .item__text b {
    font-weight: 700;
}

.plan {
    padding: 120px 0;
    background: var(--white);
}

.plan .swiper {
    top: -120px;
    left: 0;
    width: 100%;
    height: 42px;
    border: 1px solid #828282;
    background: #fff;
}

.plan .swiper-wrapper {
    transition: linear;
}

.plan .swiper-slide {
    aspect-ratio: 139 / 20;
    width: 139px;
    background: url(../img/plan/ticker-icon.svg) center / contain no-repeat;
}

.plan__title {
    text-align: center;
}

.plan__title b {
    color: var(--accent);
}

.plan__subtitle {
    margin-top: 20px;
    color: #111;
    font-size: 24px;
    text-align: center;
    font-family: 'CraftworkGrotesk';
    font-weight: 500;
    line-height: 120%;
}

.plan__subtitle b {
    font-weight: 700;
}

.plan__block {
    margin-top: 50px;
    padding: 45px 10px 64px;
    border-radius: 16px;
    background: rgba(0, 87, 184, 0.1);
}

.plan__uptitle {
    color: #02021e;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
}

.plan__uptitle b {
    font-weight: 700;
}

.plan__flag {
    display: block;
    margin: 14px auto 0;
    width: 163px;
    height: 19.286px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="163" height="20" viewBox="0 0 163 20" fill="none"><path d="M0 1.54386C0 0.69121 0.69121 0 1.54386 0H161.456C162.309 0 163 0.69121 163 1.54386V10.2857H0V1.54386Z" fill="%230057B8"/><path d="M0 10.2856H163V17.7418C163 18.5944 162.309 19.2856 161.456 19.2856H1.54385C0.6912 19.2856 0 18.5944 0 17.7418V10.2856Z" fill="%23FFD700"/></svg>')
        50% / contain no-repeat;
}

.plan__text {
    color: #02021e;
    text-align: center;
    font-family: 'CraftworkGrotesk';
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
    max-width: 656px;
    margin: 14px auto 0;
}

.plan__text b {
    font-weight: 700;
}

.plan__list {
    margin-top: 42px;
    display: flex;
    justify-content: center;
    gap: 24px;
}

.plan__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.plan__item_text {
    margin-top: 8px;
    color: #02021e;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
}

.plan__item_text b {
    font-weight: 700;
}

.plan__check {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M36.6664 18.4666V19.9999C36.6643 23.594 35.5005 27.0911 33.3486 29.9696C31.1966 32.8482 28.1718 34.9541 24.7253 35.9731C21.2787 36.9921 17.5951 36.8698 14.2238 35.6242C10.8525 34.3787 7.9741 32.0768 6.01794 29.0617C4.06179 26.0467 3.13266 22.48 3.36914 18.8938C3.60561 15.3075 4.99502 11.8938 7.33014 9.16173C9.66526 6.42964 12.821 4.52557 16.3267 3.73351C19.8323 2.94145 23.5001 3.30383 26.783 4.7666' stroke='%23FF3900' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M36.6667 6.66667L20 23.35L15 18.35' stroke='%23FF3900' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
        50% / contain no-repeat;
}

.plan__item:nth-child(2) .plan__check::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 60px;
    width: 350px;
    height: 1px;
    background: #0057b8;
}

.plan__item:nth-child(2) .plan__check::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 60px;
    width: 350px;
    height: 1px;
    background: #0057b8;
}

.salary {
    position: relative;
    padding-top: 23px;
    padding-bottom: 70px;
}

.salary__container {
    position: relative;
}

.salary__container::before {
    content: '';
    position: absolute;
    left: 58%;
    top: -100%;
    aspect-ratio: 310 / 1300;
    width: 310px;
    border-radius: 1300px;
    background: rgba(82, 155, 251, 0.6);
    filter: blur(100px);
    transform: rotate(-150deg);
}

.salary__container {
    position: relative;
}

.salary .head {
    position: relative;
    color: var(--white);
}

.salary .head__subtitle {
    line-height: 1.57;
}

.salary .head__subtitle b {
    font-weight: 700;
}

.salary__swiper {
    position: relative;
}

.salary__swiper .swiper-slide {
    width: 500px;
    border-radius: 20px;
    background: center/cover no-repeat;
}

.salary__swiper .swiper-slide:after {
    content: '';
    display: block;
    padding-bottom: 40%;
}

.salary__bottom {
    margin: 42px auto 0;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    color: rgba(255, 255, 255, 0.7);
    width: fit-content;
    text-align: center;
    line-height: 1.4;
}

.courses {
    padding: 120px 0;
    position: relative;
    background: var(--white);
    z-index: 1;
}

.courses .head__title span {
    color: var(--accent);
}

.courses__filter {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
}

.courses__filter-btn {
    cursor: pointer;
    font-size: var(--s);
    font-weight: 600;
    line-height: 1.23;
    padding: 14px 40px;
    border: 1px solid rgba(3, 3, 31, 0.2);
    border-radius: 100px;
    transition: border var(--tr), background var(--tr), color var(--tr);
}

.courses__filter-btn._active {
    font-weight: 700;
    background: var(--accent);
    color: var(--white);
    border-color: var(--accent);
}

.courses__swiper .swiper-slide {
    height: auto;
}

.courses .swiper-pagination-bullet {
    background: rgba(25, 25, 25, 0.4);
}

.courses .swiper-pagination-bullet-active {
    background: #191919;
}

.course {
    border: 1px solid rgba(2, 2, 30, 0.2);
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.course__main {
    flex: 1 1 auto;
    padding: 30px 37px 20px;
    display: flex;
    flex-direction: column;
}

.course__pretitle {
    margin-bottom: 10px;
}

.course__type {
    font-size: var(--s);
    line-height: 1.57;
}

.course__title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 30px;
    min-height: 65px;
    font-family: 'CraftworkGrotesk';
}

.course__img {
    height: 150px;
    width: 100%;
    background: center/contain no-repeat;
    margin-bottom: 30px;
}

.course__meta {
    display: flex;
    margin-bottom: 10px;
}

.course__meta-item {
    padding-left: 34px;
    position: relative;
    line-height: 1.57;
    padding-right: 26px;
}

.course__meta-item:last-child {
    padding-right: 0;
}

.course__meta-item:last-child:after {
    display: none;
}

.course__meta-item:before {
    content: '';
    display: block;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.course__meta-item:after {
    content: '';
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #ddd8e8;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.course__meta-item._lessons:before {
    background: center/contain no-repeat
        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_1963_4060)%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip1_1963_4060)%22%3E%0A%3Cpath%20d%3D%22M5%2012.18V16.18L12%2020L19%2016.18V12.18L12%2016L5%2012.18ZM12%202L1%208L12%2014L21%209.09V16H23V8L12%202Z%22%20fill%3D%22%2302021E%22%20fill-opacity%3D%220.4%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_1963_4060%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3CclipPath%20id%3D%22clip1_1963_4060%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%20transform%3D%22translate(0%20-1)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A');
}

.course__meta-item._duration:before {
    background: center/contain no-repeat
        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%22M12.491%203.5C7.523%203.5%203.5%207.532%203.5%2012.5C3.5%2017.468%207.523%2021.5%2012.491%2021.5C17.468%2021.5%2021.5%2017.468%2021.5%2012.5C21.5%207.532%2017.468%203.5%2012.491%203.5ZM16.1%2016.1C16.0167%2016.1834%2015.9178%2016.2496%2015.809%2016.2948C15.7001%2016.34%2015.5834%2016.3632%2015.4655%2016.3632C15.3476%2016.3632%2015.2309%2016.34%2015.122%2016.2948C15.0132%2016.2496%2014.9143%2016.1834%2014.831%2016.1L11.87%2013.139C11.785%2013.0556%2011.7173%2012.9562%2011.671%2012.8466C11.6246%2012.7369%2011.6005%2012.6191%2011.6%2012.5V8.9C11.6%208.405%2012.005%208%2012.5%208C12.995%208%2013.4%208.405%2013.4%208.9V12.131L16.1%2014.831C16.451%2015.182%2016.451%2015.749%2016.1%2016.1Z%22%20fill%3D%22%2302021E%22%20fill-opacity%3D%220.4%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}

.course__description {
    flex: 1 1 auto;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.course__rating {
    display: flex;
    align-items: center;
    gap: 11px;
}

.course__stars {
    width: 87px;
    height: 15px;
    background: center/contain no-repeat;
}

.course__rating-text {
    color: #747474;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
}

.course__bottom {
    padding: 20px 37px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0, 87, 184, 0.1);
}

.course__status {
    padding-left: 26px;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.57;
}

.course__status:before {
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.course__status.done:before {
    background: center/contain no-repeat
        url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_1963_4090)%22%3E%0A%3Cpath%20d%3D%22M8.00023%200.499734C12.4187%200.493466%2015.9929%204.06626%2016.0001%208.49582C16.007%2012.9144%2012.4356%2016.4913%208.00775%2016.4997C3.58871%2016.5082%200.00603136%2012.9341%20-0.0002359%208.51086C-0.00650316%204.08036%203.56301%200.506001%208.00023%200.499734ZM3.16316%208.99346C4.35833%2010.189%205.5629%2011.3945%206.74647%2012.5788C8.77361%2010.5522%2010.8149%208.5118%2012.8304%206.4968C12.3792%206.03927%2011.9157%205.56921%2011.4294%205.07564C9.86756%206.6375%208.2995%208.20595%206.72516%209.78066C6.00129%209.05488%205.27178%208.32315%204.55387%207.60301C4.07787%208.07871%203.61033%208.54627%203.16316%208.99346Z%22%20fill%3D%22%2302021E%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_1963_4090%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.5)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A');
}

.course__price {
    padding: 3px 16px;
    background: var(--white);
    color: var(--accent);
    border-radius: 100px;
    font-size: var(--s);
    text-decoration: line-through;
    font-weight: 700;
    line-height: 1.57;
}

.soon {
    padding: 100px 0;
    position: relative;
    color: var(--white);
    background: linear-gradient(180deg, #191919 0%, #152e50 100%);
    overflow: hidden;
    z-index: 1;
}

.soon__container {
    position: relative;
}

.soon__container::before {
    content: '';
    z-index: -1;
    left: 8%;
    top: -29%;
    position: absolute;
    aspect-ratio: 310 / 1300;
    width: 310px;
    transform: rotate(-30deg);
    border-radius: 1299px;
    background: rgba(82, 155, 251, 0.6);
    filter: blur(100px);
}

.soon .head {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
}

.soon .head__title {
    text-align: start;
    max-width: 680px;
    width: 100%;
    flex-shrink: 0;
}

.soon .head__subtitle {
    text-align: start;
    font-weight: 400;
    line-height: 120%;
    max-width: 529px;
}

.soon__swiper .product {
    padding: 24px 24px 16px;
    width: 413px;
    height: 600px;
    border-radius: 16px;
    overflow: hidden;
    background: #ffffff;
    display: flex;
    flex-direction: column;
}

.soon__swiper .product__img {
    width: 100%;
    height: 171px;
    border-radius: 8px;
    background: center/cover no-repeat;
}

.soon__swiper .product__main {
    margin-top: 24px;
    color: var(--dark);
    background: var(--white);
}

/* .soon__swiper .product__main::before {
    content: 'Онлайн курс';
    padding: 8px;
    border-radius: 100px;
    background: #aff6d3;
    color: var(--dark);
    font-size: 14px;
} */

.soon__swiper .product__title {
    margin-top: 16px;
    font-family: 'CraftworkGrotesk';
    font-size: 24px;
    font-weight: 700;
    color: var(--accent);
}

.soon__swiper .product__description {
    margin-top: 10px;
    font-size: 15px;
    color: var(--dark);
    line-height: 1.4;
}

.soon__swiper .product__bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 19px 24px;
    background: #ccddf1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.soon__swiper .product__bottom::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    aspect-ratio: 1/1;
    width: 20px;
    background: center / contain no-repeat
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_3403_9049)"><path d="M13.775 9.21683L12.8917 8.3335L8.825 12.4002L7.05833 10.6335L6.175 11.5168L8.825 14.1668L13.775 9.21683ZM15.8333 2.50016H15V0.833496H13.3333V2.50016H6.66667V0.833496H5V2.50016H4.16667C3.24167 2.50016 2.50833 3.25016 2.50833 4.16683L2.5 15.8335C2.5 16.7502 3.24167 17.5002 4.16667 17.5002H15.8333C16.75 17.5002 17.5 16.7502 17.5 15.8335V4.16683C17.5 3.25016 16.75 2.50016 15.8333 2.50016ZM15.8333 15.8335H4.16667V6.66683H15.8333V15.8335Z" fill="%23191919"/></g><defs><clipPath id="clip0_3403_9049"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
}

.soon__swiper .product__date {
    color: var(--dark);
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
}

.soon__swiper .product__date b {
    font-weight: 400;
}

.soon__swiper .product__price {
    margin-left: auto;
    background-color: #fff;
    color: var(--accent);
    font-size: var(--s);
    padding: 7px 16px;
    font-weight: 700;
    text-decoration: line-through;
    border-radius: 100px;
}

.soon__swiper .pagination {
    padding-top: 0;
}

.soon__bottom {
    margin: 20px auto 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    max-width: 432px;
}

.soon__btn-wrap {
    margin-top: 40px;
    text-align: center;
}

.access {
    padding: 120px 0;
    color: var(--dark);
    background-color: var(--white);
}

.access__container {
    position: relative;
}

.access .head {
    position: relative;
    color: var(--dark);
}

.access__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    position: relative;
}

.access .item {
    position: relative;
    background: #f2f6fb;
    padding: 40px;
    border-radius: 20px;
    overflow: hidden;
}

.access .item.item--app {
    display: flex;
    gap: 20px;
}

.access .item.item--app .item__text {
    flex: 1 1 50%;
}

.access .item.item--app .swiper-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 286px;
}

.access .item.item--app .item__up-title {
    background: #0057b8;
    padding: 10px 12px 8px;
    color: var(--white);
    font-size: 16px;
    line-height: 140%;
    border-radius: 100px;
    width: fit-content;
}

.access .item.item--app .item__title {
    margin-top: 20px;
}

.access .item.item--app .item__subtitle {
    margin-top: 20px;
    font-size: 16px;
    line-height: 140%;
    opacity: 0.7;
}

.access .item.item--app .swiper {
    aspect-ratio: 168 / 347;
    width: 168px;
}

.access .item.item--app .swiper-slide {
    background-color: gray;
}

.access .item.item--app .swiper-button-prev,
.access .item.item--app .swiper-button-next {
    position: absolute;
    cursor: pointer;
    z-index: 3;
    top: 50%;
    height: 20px;
    width: 20px;
    background: center/contain no-repeat
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M1 1L10 10.5L1 20' stroke='%2300B2FF' stroke-width='2'/%3E%3C/svg%3E");
}

.access .item.item--app .swiper-button-prev::after,
.access .item.item--app .swiper-button-next::after {
    content: '';
}

.access .item.item--app .swiper-slide {
    aspect-ratio: 168 / 347;
    width: 168px;
    background: center / cover no-repeat;
}

.access .item.item--app .swiper-button-prev {
    left: 20px;
    transform: rotate(180deg);
}

.access .item.item--app .swiper-button-next {
    right: 20px;
}

.access .item__head {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.access .item__img {
    flex: 0 0 auto;
    height: 99px;
    width: 99px;
    border-radius: 10px;
    background: center/cover no-repeat;
    margin-right: 30px;
}

.access .item__title {
    font-size: 24px;
    font-family: 'CraftworkGrotesk';
    font-weight: 700;
}

.access .item__content {
    font-size: var(--s);
    line-height: 1.4;
}

.access .item__content ul {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 1.2em;
}

.access .item__content ul:last-child {
    margin-bottom: 0;
}

.access .item__content ul li {
    position: relative;
    padding-left: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.access .item__content ul li:before {
    content: '';
    display: block;
    height: 8px;
    width: 8px;
    background: var(--accent);
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

.access .item__content p {
    margin-bottom: 1.2em;
    position: relative;
    z-index: 2;
}

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

.access .item__content p._light {
    opacity: 0.7;
}

.access .item__content img {
    position: absolute;
    right: -189px;
    bottom: -285px;
    width: 563px;
    height: 516px;
    margin-left: 20px;
}

.access .item__schedule {
    position: relative;
    padding-left: 36px;
    margin-top: 20px;
    font-size: var(--s);
}

.access .item__schedule:before {
    content: '';
    display: block;
    background: center/contain no-repeat
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.491 3.5C7.523 3.5 3.5 7.532 3.5 12.5C3.5 17.468 7.523 21.5 12.491 21.5C17.468 21.5 21.5 17.468 21.5 12.5C21.5 7.532 17.468 3.5 12.491 3.5ZM16.1 16.1C16.0167 16.1834 15.9178 16.2496 15.809 16.2948C15.7001 16.34 15.5834 16.3632 15.4655 16.3632C15.3476 16.3632 15.2309 16.34 15.122 16.2948C15.0132 16.2496 14.9143 16.1834 14.831 16.1L11.87 13.139C11.785 13.0556 11.7173 12.9562 11.671 12.8466C11.6246 12.7369 11.6005 12.6191 11.6 12.5V8.9C11.6 8.405 12.005 8 12.5 8C12.995 8 13.4 8.405 13.4 8.9V12.131L16.1 14.831C16.451 15.182 16.451 15.749 16.1 16.1Z' fill='%23ff3900'/%3E%3C/svg%3E");
    height: 24px;
    width: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.access .item__schedule span {
    color: var(--accent);
    font-weight: 500;
}

.access .item__swiper-container {
    position: relative;
}

.access .item__swiper {
    position: relative;
    margin: 36px auto 0;
    overflow: hidden;
    width: 455px;
}

.access .item__swiper .swiper-wrapper {
    width: 455px;
}

.access .item__swiper .chat {
    text-align: center;
}

.access .item__swiper .chat__logo {
    height: 44px;
    width: 44px;
    background: center/contain no-repeat;
    margin: 0 auto 15px;
}

.access .item__swiper .chat__title {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 3px;
}

.access .item__swiper .chat__members {
    font-size: 12px;
}

.access .item__swiper-controls .item-swiper-btn {
    position: absolute;
    cursor: pointer;
    z-index: 3;
    top: 50%;
    height: 20px;
    width: 20px;
    background: center/contain no-repeat
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M1 1L10 10.5L1 20' stroke='%2300B2FF' stroke-width='2'/%3E%3C/svg%3E");
}

.access .item__swiper-controls .item-swiper-btn_prev {
    left: -5px;
    transform: translateY(-50%) rotate(180deg);
}

.access .item__swiper-controls .item-swiper-btn_next {
    right: -5px;
    transform: translateY(-50%);
}

.access .item__swiper-controls .swiper-button-disabled {
    opacity: 0.5;
}

.info {
    position: relative;
    padding: 100px 0;
    z-index: 3;
    background: linear-gradient(180deg, #191919 0%, #152e50 100%);
    color: var(--white);
    overflow: hidden;
}

.info::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 53%;
    bottom: -24%;
    aspect-ratio: 31 / 130;
    width: 310px;
    height: 1300px;
    border-radius: 1299.41px;
    background: rgba(82, 155, 251, 0.6);
    filter: blur(100px);
    transform: rotate(-150deg);
}

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

.info__left {
    flex: 0 0 520px;
}

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

.info .head__title {
    text-align: left;
}

.info .head__title b {
    color: var(--accent);
}

.info .head__title span {
    color: var(--blue);
}

.info__text {
    font-size: 16px;
    line-height: 1.5;
}

.info__text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
}

.info__text p b {
    font-weight: 700;
}

.info__right {
    flex: 0 0 632px;
    position: relative;
}

.info__courses {
    width: 100%;
    height: 311px;
    background: 50% / contain no-repeat;
}

.info__cta {
    position: relative;
    background: var(--white);
    padding: 45px 103px;
    border-radius: 20px;
    box-shadow: 0px 0px 200px -100px var(--blue);
}

.info__cta-img {
    width: 125px;
    margin: 0 auto 22px;
    background: center/contain no-repeat;
}

.info__cta-img:after {
    content: '';
    display: block;
    padding-bottom: 81.6%;
}

.info__cta-text {
    font-size: 20px;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 30px;
}

.info__cta-btn {
    margin: 0 auto;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
}

.info__block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px;
    border-radius: 16px;
    background: #e5eef8;
    margin-top: 48px;
}

.info__block_text {
    max-width: 721px;
    width: 100%;
    color: #040327;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
}

.info__block_text b {
    color: var(--accent);
}

.info__block_btn .snow__btn {
    font-size: 17px;
    padding: 24px 40px;
}

.snow__btn_decor {
    width: 19px;
    height: 22px;
    margin-left: 12px;
    background: url(../img/hero__btn_decor.svg) 50% / contain;
}

.info__block_text span {
    display: inline-block;
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    transform: rotate(-3.86deg) translateY(-4px);
    padding: 6px 12px;
    border-radius: 100px;
    background: #0057b8;
}

.info__slider {
    margin: 0 auto;
    width: 632px;
    overflow: visible;
}

.info__slider .image {
    aspect-ratio: 387 / 236;
    width: 460px;
}

.info__slider-container {
    position: relative;
    overflow: hidden;
    height: 311px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 30px;
}

.info .pagination {
    left: auto !important;
    right: -50px;
    width: fit-content !important;
    top: 50%;
    height: fit-content;
    margin: 0;
    transform: rotate(90deg) !important;
}

.info__slider .swiper-slide {
    transition: transform 0.3s ease;
    cursor: grab;
    opacity: 0;
}

.info__slider .swiper-slide-active {
    transform: scale(1.2);
    z-index: 2;
    opacity: 1;
}

.info__slider .swiper-slide-prev {
    opacity: 1;
}

.info__slider .swiper-slide-next {
    opacity: 1;
    z-index: 1;
}

.info__slider .image .swiper-slide-shadow {
    opacity: 0 !important;
}

/* .info__slider .image--1 {
    background: url(../img/info/slide-1.webp) center / cover no-repeat;
}

.info__slider .image--2 {
    background: url(../img/info/slide-2.webp) center / cover no-repeat;
}

.info__slider .image--3 {
    background: url(../img/info/slide-3.webp) center / cover no-repeat;
} */

.info__slider .image--1 {
    background: url(../img/hero/hero-slide_1.webp) center/contain no-repeat;
}

.info__slider .image--2 {
    background: url(../img/hero/hero-slide_2.webp) center/contain no-repeat;
}

.info__slider .image--3 {
    background: url(../img/hero/hero-slide_3.webp) center/contain no-repeat;
}

.info__slider .image--4 {
    background: url(../img/hero/hero-slide_4.webp) center/contain no-repeat;
}

.info__slider .image--5 {
    background: url(../img/hero/hero-slide_5.webp) center/contain no-repeat;
}

.info__slider .image--6 {
    background: url(../img/hero/hero-slide_6.webp) center/contain no-repeat;
}

.info__slider .image--7 {
    background: url(../img/hero/hero-slide_7.webp) center/contain no-repeat;
}

.info__slider .image--8 {
    background: url(../img/hero/hero-slide_8.webp) center/contain no-repeat;
}

.info__slider .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    border: 1px solid #ababab;
    transform: scale(1) !important;
}

.info__slider .swiper-pagination .swiper-pagination-bullet-active {
    background: #ff3800;
    border: 1px solid #ff3800;
}

.army {
    padding: 120px 0;
    background-color: var(--white);
    color: var(--dark);
}

.army__container {
    position: relative;
}

.army .head {
    position: relative;
    margin-bottom: 96px;
}

.army .head__subtitle {
    margin: 20px auto 0;
    max-width: 755px;
    text-align: center;
    line-height: normal;
}

.army__swiper {
    position: relative;
}

.army__swiper .swiper-slide {
    position: relative;
    width: 684px;
    background: var(--dark) center/cover no-repeat;
    border-radius: 16px;
    overflow: hidden;
    transition: opacity var(--tr), transform var(--tr);
}

.army__swiper .swiper-slide:after {
    content: '';
    display: block;
    padding-bottom: 55%;
}

.army__swiper .swiper-slide._contain {
    background: var(--dark) center/contain no-repeat;
}

/* .army__swiper .swiper-slide._video:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 90%;
    width: 100%;
    z-index: 2;
} */

.army__swiper .swiper-slide._video iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.army__swiper .swiper-slide-prev {
    /* opacity: 0.6; */
}

.army__swiper .swiper-slide-active {
    opacity: 1;
    transform: scale(1.25);
    z-index: 3;
    filter: none;
}

.army__swiper .swiper-slide-next {
    /* opacity: 0.6; */
}

.army__swiper .controls {
    margin: 80px auto 0;
}

.army__swiper .pagination {
    padding-top: 0;
}

.army .pagination .swiper-pagination-bullet {
    background: rgba(25, 25, 25, 0.4);
}

.army .pagination .swiper-pagination-bullet-active {
    background: #191919;
}

.packages {
    position: relative;
    padding: 100px 0;
    background: linear-gradient(180deg, #191919 0%, #152e50 100%);
    overflow: hidden;
}

.packages::before {
    content: '';
    position: absolute;
    top: -36%;
    left: 9%;
    aspect-ratio: 310 / 1300;
    width: 310px;
    transform: rotate(-30deg);
    border-radius: 1300px;
    background: rgba(82, 155, 251, 0.6);
    filter: blur(100px);
}

.packages__container {
    max-width: 1084px;
}

.packages__head {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--white);
}

.packages__timer {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    background: #f2f6fb;
    color: rgba(25, 25, 25, 0.8);
    border-radius: 16px;
    overflow: hidden;
    z-index: 1;
}

.packages__timer::before {
    content: '';
    bottom: -20%;
    left: 30%;
    position: absolute;
    width: 76px;
    height: 244px;
    transform: rotate(-30deg);
    background-color: #529bfb;
    filter: blur(50px);
    z-index: -1;
}

.packages .simpleCountdown {
    margin-top: 8px;
}

.packages .hero__timer-text {
    color: rgba(25, 25, 25, 0.8);
}

.packages .countdownHolder .wrapDays,
.packages .countdownHolder .wrapHours,
.packages .countdownHolder .wrapMinutes,
.packages .countdownHolder .wrapSeconds {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(25, 25, 25, 0.15);
    height: 65px;
    width: 60px;
    border-radius: 8px;
    color: #191919;
}

.packages .countdownHolder .digit {
    font-size: 18px;
}

.packages .countdownHolder .textdigit {
    margin-top: 0;
    font-size: 12px;
}

.packages .countdownHolder .countDiv:before,
.packages .countdownHolder .countDiv:after {
    background: rgba(25, 25, 25, 0.6);
}

.packages__list {
    position: relative;
    margin-top: 50px;
    display: flex;
    gap: 20px;
}

.package {
    overflow: hidden;
    padding: 10px;
    flex: 1 1 50%;
    height: 930px;
    border-radius: 16px;
    background: #dae7f4;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.package__head {
    display: flex;
    gap: 16px;
    padding: 10px 10px 10px 24px;
    background-color: #191919;
    color: var(--white);
    border-radius: 6px;
    flex-shrink: 0;
    align-items: center;
}

.package__head::after {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    aspect-ratio: 1;
    width: 59px;
    margin-left: auto;
    background: center / contain no-repeat
        url('data:image/svg+xml,<svg width="59" height="59" viewBox="0 0 59 59" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="59" height="59" rx="3" fill="%230057B8"/><g clip-path="url(%23clip0_3403_11060)"><path d="M45 28H38.745L43.605 23.14L41.49 21.01L34.5 28H31.5V25L38.49 18.01L36.36 15.895L31.5 20.755V14.5H28.5V20.755L23.64 15.895L21.51 18.01L28.5 25V28H25.5L18.51 21.01L16.395 23.14L21.255 28H15V31H21.255L16.395 35.86L18.51 37.99L25.5 31H28.5V34L21.51 40.99L23.64 43.105L28.5 38.245V44.5H31.5V38.245L36.36 43.105L38.49 40.99L31.5 34V31H34.5L41.49 37.99L43.605 35.86L38.745 31H45V28Z" fill="%23E6EFF8"/></g><defs><clipPath id="clip0_3403_11060"><rect width="36" height="36" fill="white" transform="translate(12 11.5)"/></clipPath></defs></svg>');
}

.package__title h3 {
    font-size: 24px;
    line-height: 140%;
}

.package__title span {
    margin-top: 5px;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.package__body {
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: 14px;
}

.package__text {
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 8px;
}

.package__text b {
    font-weight: 700;
}

.package .package__text:last-of-type {
    margin-bottom: 0;
}

.package__list {
    margin-top: 20px;
    color: rgba(2, 2, 29, 0.7);
}

.package__list b {
    color: var(--dark);
    font-weight: 600;
}

.package__list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.package__list a {
    text-decoration: underline;
}

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

.package__list li:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    background: #0057b8;
}

.package__info {
    margin-bottom: 10px;
}

.package__info-additional {
    margin-top: 30px;
    display: flex;
    padding: 10px;
    border-radius: 10px;
    background: #f3f1f6;
}

.package__info-additional a {
    padding-left: 36px;
    position: relative;
    font-weight: 400;
    line-height: 1.4;
    color: #141414;
    font-size: 16px;
    text-decoration: underline;
}

.package__info-additional a:before {
    content: '';
    display: block;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 0;
    left: 0;
}

.package__info-additional .information:before {
    background: center/contain no-repeat
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_2765_5887)'%3E%3Cpath d='M11.9873 4.21812e-06C18.6143 -0.00549498 23.9955 5.36672 24 11.9933C24.0045 18.6168 18.6228 24.001 12.0003 24C5.37522 23.9985 -0.00249876 18.6178 8.71045e-07 11.9933C0.00250051 5.37972 5.37372 0.00550342 11.9873 4.21812e-06ZM13.599 14.4109C13.5995 14.4109 13.5995 14.4109 13.6 14.4109C13.6 13.3621 13.6025 12.3127 13.599 11.2639C13.596 10.3155 12.9091 9.6021 12.0048 9.6006C11.0974 9.5991 10.4025 10.31 10.401 11.2539C10.398 13.3521 10.398 15.4502 10.4035 17.5484C10.404 17.7289 10.4295 17.9159 10.4825 18.0879C10.7089 18.8233 11.4638 19.2977 12.2067 19.1872C13.0031 19.0687 13.5875 18.4298 13.596 17.6329C13.6075 16.5591 13.599 15.4847 13.599 14.4109ZM12.0092 7.99934C12.8916 7.99534 13.606 7.26944 13.5985 6.38407C13.5915 5.5117 12.8761 4.8023 12.0023 4.8008C11.1189 4.7993 10.399 5.5197 10.4005 6.40357C10.402 7.28594 11.1254 8.00334 12.0092 7.99934Z' fill='%2300B2FF'/%3E%3Cpath d='M13.5985 14.4109C13.5985 15.4847 13.6075 16.5591 13.5955 17.6329C13.587 18.4298 13.0026 19.0687 12.2062 19.1872C11.4628 19.2977 10.7084 18.8227 10.4819 18.0879C10.4289 17.9159 10.4034 17.7284 10.4029 17.5484C10.3974 15.4502 10.3974 13.352 10.4004 11.2538C10.4019 10.31 11.0968 9.59909 12.0042 9.60059C12.9086 9.60209 13.5955 10.3155 13.5985 11.2638C13.602 12.3127 13.5995 13.362 13.5995 14.4109C13.599 14.4109 13.5985 14.4109 13.5985 14.4109Z' fill='white'/%3E%3Cpath d='M12.0092 7.99933C11.1248 8.00333 10.4019 7.28643 10.4004 6.40306C10.3989 5.51919 11.1188 4.79929 12.0022 4.80029C12.8765 4.80179 13.5914 5.51069 13.5984 6.38356C13.6059 7.26893 12.8915 7.99483 12.0092 7.99933Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2765_5887'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.package__info-additional .video:before {
    background: center/contain no-repeat
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_2765_5893)'%3E%3Cpath d='M11.9943 2.17613e-06C18.6205 -0.00394641 23.9936 5.36613 24 11.9998C24.0064 18.6087 18.6314 23.9926 12.019 24C5.38241 24.0074 -0.00444864 18.623 0.000980663 11.9874C0.00640997 5.37304 5.37846 0.00395076 11.9943 2.17613e-06ZM8.59162 11.9835C8.59162 13.398 8.59409 14.8131 8.59014 16.2277C8.58916 16.5865 8.71206 16.8738 9.03436 17.047C9.34926 17.2163 9.64984 17.1576 9.93957 16.9651C12.0476 15.5629 14.1581 14.1651 16.2647 12.7613C16.893 12.3428 16.8866 11.6538 16.2563 11.2318C14.166 9.83297 12.0733 8.43813 9.9835 7.03836C9.67897 6.83402 9.36604 6.76689 9.03386 6.94557C8.70218 7.12424 8.58718 7.41841 8.58916 7.78859C8.59607 9.18688 8.59162 10.5852 8.59162 11.9835Z' fill='%2300B2FF'/%3E%3Cpath d='M8.59185 11.9836C8.59185 10.5853 8.5963 9.18698 8.58889 7.78868C8.58692 7.419 8.70192 7.12433 9.0336 6.94566C9.36578 6.76699 9.6787 6.83411 9.98324 7.03845C12.073 8.43823 14.1658 9.83306 16.2561 11.2319C16.8868 11.6539 16.8928 12.3429 16.2645 12.7614C14.1579 14.1652 12.0474 15.563 9.93931 16.9652C9.64958 17.1582 9.3485 17.2164 9.03409 17.0471C8.71179 16.8739 8.58889 16.5866 8.58988 16.2278C8.59383 14.8127 8.59185 13.3981 8.59185 11.9836Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2765_5893'%3E%3Crect width='23.999' height='24' fill='white' transform='translate(0.000976562)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.package__prices {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
}

.package__price {
    margin-top: auto;
    padding: 10px 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 6px;
    background: #fff;
}

.package__price-title {
    color: #191919;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}

.package__price-current {
    font-size: 50px;
    font-weight: 600;
    color: #000;
    font-family: 'CraftworkGrotesk';
    line-height: 140%;
}

.package__price-current span {
    font-size: 24px;
}

.package__price-old {
    color: #02021e;
    font-family: 'CraftworkGrotesk';
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
    text-decoration: line-through;
    opacity: 0.5;
}

.package__btn {
    margin-top: 30px;
    padding: 14px;
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent);
    color: var(--white);
}

.package__btn._disabled {
    color: #535353;
    background: #d7d7d8;
    pointer-events: none;
}

.package__bottom {
    margin-top: 15px;
    font-size: 13px;
    line-height: 1.4;
    opacity: 0.7;
    font-weight: 400;
}

.package .agree-el {
    margin-top: 35px;
}

.package.package--orange {
    background-color: #f3e4e2;
}

.package.package--orange .package__head::after {
    background: center / contain no-repeat
        url('data:image/svg+xml,<svg width="59" height="59" viewBox="0 0 59 59" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="59" height="59" rx="3" fill="%23FF3900"/><g clip-path="url(%23clip0_3403_11100)"><path d="M46.5 29.5L42.84 25.315L43.35 19.78L37.935 18.55L35.1 13.75L30 15.94L24.9 13.75L22.065 18.535L16.65 19.75L17.16 25.3L13.5 29.5L17.16 33.685L16.65 39.235L22.065 40.465L24.9 45.25L30 43.045L35.1 45.235L37.935 40.45L43.35 39.22L42.84 33.685L46.5 29.5ZM27.135 36.58L21.435 30.865L23.655 28.645L27.135 32.14L35.91 23.335L38.13 25.555L27.135 36.58Z" fill="%23FFECE6"/></g><defs><clipPath id="clip0_3403_11100"><rect width="36" height="36" fill="white" transform="translate(12 11.5)"/></clipPath></defs></svg>');
}

.package.package--orange .package__list li:before {
    background: #ff3900;
}

.package.package--orange .package__info-additional {
    background: rgba(255, 57, 0, 0.1);
}

.employment {
    position: relative;
    padding: 100px 0;
    position: relative;
    z-index: 3;
    overflow: hidden;
    background-color: var(--white);
}

.employment::before {
    content: '';
    position: absolute;
    aspect-ratio: 31 / 130;
    left: 0%;
    bottom: 0%;
    width: 310px;
    transform: rotate(-30deg);
    border-radius: 1300px;
    background: rgba(82, 155, 251, 0.4);
    filter: blur(100px);
}

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

.employment__main {
    position: relative;
    flex: 0 0 527px;
}

.employment__main .head__title span {
    color: var(--accent);
}

.employment__list {
    margin-top: 50px;
}

.employment .item {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.employment .item:last-child {
    margin-bottom: 0;
}

.employment .item__ico {
    flex: 0 0 auto;
    height: 80px;
    width: 80px;
    background: center/contain no-repeat;
    margin-right: 20px;
}

.employment .item__text {
    font-size: var(--s);
    line-height: 1.4;
    font-weight: 500;
}

.employment .item__text b {
    font-weight: 700;
}

.employment__image-wrap {
    flex: 0 0 50%;
    position: relative;
}

.employment__image {
    width: 711px;
    background: center/contain no-repeat;
    transform: translateX(-60px);
}

.employment__image:after {
    content: '';
    display: block;
    padding-bottom: 84.9462365591%;
}

.talents {
    padding: 100px 0 60px;
}

.talents__container {
    position: relative;
}

.talents__bg {
    position: absolute;
    top: -910px;
    left: 225px;
    height: 1968.25px;
    width: 1764.87px;
    background: center/contain no-repeat;
    transform: scale(-1) rotateZ(-15deg) rotateX(180deg);
    pointer-events: none;
}

.talents__body {
    color: var(--white);
    display: flex;
    margin-bottom: 50px;
    position: relative;
    z-index: 4;
}

.talents__left {
    flex: 0 0 450px;
}

.talents .head__title {
    text-align: left;
}

.talents__text {
    font-size: var(--s);
    line-height: 1.4;
}

.talents__text h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 20px;
}

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

.talents__text ul {
    color: rgba(255, 255, 255, 0.7);
}

.talents__text ul b {
    color: #ffffff;
}

.talents__text ul._checked li {
    position: relative;
    padding-left: 39px;
    margin-bottom: 10px;
}

.talents__text ul._checked li:last-child {
    margin-bottom: 0;
}

.talents__text ul._checked li:before {
    content: '';
    display: block;
    height: 19px;
    width: 19px;
    background: center/contain no-repeat
        url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2219%22%20height%3D%2220%22%20viewBox%3D%220%200%2019%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.41233%200.529307C14.6105%200.521933%2018.8154%204.72522%2018.8239%209.93646C18.832%2015.1348%2014.6304%2019.3429%209.42118%2019.3528C4.2223%2019.3628%200.00738294%2015.158%209.69443e-06%209.95416C-0.00736355%204.74181%204.19207%200.53668%209.41233%200.529307ZM3.72166%2010.5219C5.12773%2011.9284%206.54487%2013.3467%207.93731%2014.74C10.3222%2012.3557%2012.7237%209.95527%2015.0949%207.58467C14.564%207.04641%2014.0188%206.49339%2013.4466%205.91272C11.6092%207.75021%209.7644%209.59544%207.91224%2011.448C7.06063%2010.5942%206.20239%209.73332%205.35778%208.8861C4.79778%209.44575%204.24774%209.99582%203.72166%2010.5219Z%22%20fill%3D%22%233827C8%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    position: absolute;
    top: 0px;
    left: 0;
}

.talents__text ul._dots li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

.talents__text ul._dots li:last-child {
    margin-bottom: 0;
}

.talents__text ul._dots li:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    background: var(--blue);
}

.talents__center {
    position: relative;
}

.talents__center:before {
    content: '';
    display: block;
    height: 350px;
    width: 350px;
    border-radius: 50%;
    background: var(--blue);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3D(-50%, -50%, 0);
    filter: blur(100px);
}

.talents__img {
    width: 371px;
    background: center/contain no-repeat;
    transform: translateY(-10px);
}

.talents__img:after {
    content: '';
    display: block;
    padding-bottom: 177.897574124%;
}

.talents__right {
    padding-top: 20px;
    padding-left: 42px;
}

.talents__treasure {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 30px;
    max-width: 305px;
    font-size: 20px;
    line-height: 1.4;
    margin-top: 37px;
}

.talents__btn {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    position: relative;
}

.product-section {
    position: relative;
    padding: 100px 0;
    background: linear-gradient(180deg, #191919 0%, #152e50 100%);
}

.product-section::before {
    content: '';
    position: absolute;
    left: 67%;
    bottom: 0%;
    aspect-ratio: 31 / 130;
    width: 310px;
    border-radius: 1300px;
    background: rgba(82, 155, 251, 0.6);
    filter: blur(100px);
    transform: rotate(-150deg);
}

.product-section__container {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.product-section__title {
    position: relative;
    color: var(--white);
    font-weight: 700;
    line-height: 120%;
    max-width: 560px;
}

.product-section__title b {
    color: var(--accent);
}

.product-section__title .product-section__title_decor {
    position: absolute;
    display: inline-block;
    bottom: 0px;
    right: -245px;
    color: var(--white);
    font-family: 'CraftworkGrotesk';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    width: 230px;
    padding: 8px 16px;
    border-radius: 100px;
    background: #0057b8;
}

.product-section__phone {
    width: 100%;
    max-width: 459px;
    height: 816px;
    background: 50% / contain no-repeat;
}

.product-section__phone_mob {
    display: none;
}

.product-section__contain {
    margin-top: 30px;
}

.product-section__contain_title {
    color: var(--white);
    font-family: 'CraftworkGrotesk';
    font-size: 28px;
    font-weight: 600;
    line-height: 140%;
}

.product-section__contain_list {
    display: flex;
    gap: 10px;
    margin-top: 26px;
}

.product-section__contain_list li {
    position: relative;
    padding: 52px 20px 20px;
    background: #f2f6fb;
    color: #191919;
    font-size: 16px;
    line-height: 140%;
    border-radius: 10px;
}

.product-section__contain_list li::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: 20px;
    top: 20px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"><path d="M9.41233 9.68633e-06C14.6105 -0.00736385 18.8154 4.19592 18.8239 9.40717C18.832 14.6055 14.6304 18.8136 9.42118 18.8235C4.2223 18.8335 0.00738294 14.6287 9.69443e-06 9.42486C-0.00736355 4.21251 4.19207 0.00738322 9.41233 9.68633e-06ZM3.72166 9.99263C5.12773 11.3991 6.54487 12.8174 7.93731 14.2107C10.3222 11.8264 12.7237 9.42597 15.0949 7.05538C14.564 6.51711 14.0188 5.96409 13.4466 5.38343C11.6092 7.22091 9.7644 9.06614 7.91224 10.9187C7.06063 10.0649 6.20239 9.20403 5.35778 8.35681C4.79778 8.91646 4.24774 9.46652 3.72166 9.99263Z" fill="%230057B8"/></svg>')
        50% / contain no-repeat;
}

.product-section__contain_list li b {
    font-weight: 600;
}

.product-section__information {
    margin-top: 30px;
}

.product-section__information_title {
    color: var(--white);
    font-family: 'CraftworkGrotesk';
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 16px;
}

.product-section__information_list li {
    position: relative;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    padding-left: 18px;
    margin-bottom: 8px;
}

.product-section__information_list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: #0057b8;
    border-radius: 50%;
}

.product-section__information_list li b {
    font-weight: 600;
    color: var(--white);
}

.product-section .snow__btn {
    margin-top: 40px;
}

.education {
    position: relative;
    padding: 100px 0;
    background: var(--white);
    overflow: hidden;
}

.education::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5%;
    aspect-ratio: 300 / 1300;
    width: 300px;
    transform: rotate(-30deg);
    flex-shrink: 0;
    background: rgba(82, 155, 251, 0.4);
    filter: blur(100px);
}

.education__container {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.education__title {
    color: #02021e;
    font-family: 'CraftworkGrotesk';
    font-size: 44px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -1.32px;
}

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

.education__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 50px;
}

.education__list li {
    position: relative;
    padding: 16px 16px 16px 54px;
    border-radius: 10px;
    background: #f2f6fb;
    color: rgba(25, 25, 25, 0.8);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.education__list li b {
    font-weight: 600;
    color: #191919;
}

.education__list li::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10.4123 1.00001C15.6105 0.992636 19.8154 5.19592 19.8239 10.4072C19.832 15.6055 15.6304 19.8136 10.4212 19.8235C5.2223 19.8335 1.00738 15.6287 1.00001 10.4249C0.992636 5.21251 5.19207 1.00738 10.4123 1.00001ZM4.72166 10.9926C6.12773 12.3991 7.54487 13.8174 8.93731 15.2107C11.3222 12.8264 13.7237 10.426 16.0949 8.05538C15.564 7.51711 15.0188 6.96409 14.4466 6.38343C12.6092 8.22091 10.7644 10.0661 8.91224 11.9187C8.06063 11.0649 7.20239 10.204 6.35778 9.35681C5.79778 9.91646 5.24774 10.4665 4.72166 10.9926Z" fill="%230057B8"/></svg>')
        50% / contain no-repeat;
}

.education__list li b {
    font-weight: 700;
}

.education__text {
    width: 100%;
}

.education__img {
    position: absolute;
    right: -6%;
    aspect-ratio: 836 / 410;
    width: 836px;
    background: center / contain no-repeat;
    z-index: 2;
}

.education__wrap {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

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

.students {
    position: relative;
    padding: 100px 0;
    background: linear-gradient(180deg, #191919 0%, #152e50 100%);
    overflow: hidden;
    z-index: 1;
}

.students::before {
    content: '';
    position: absolute;
    aspect-ratio: 31 / 130;
    left: 23%;
    bottom: -5%;
    width: 310px;
    transform: rotate(-30deg);
    border-radius: 1300px;
    background: rgba(82, 155, 251, 0.4);
    filter: blur(100px);
    z-index: -1;
}

.students__title {
    color: var(--white);
    text-align: center;
}

.students__swiper {
    margin-top: 50px;
}

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

.students__swiper .swiper-slide {
    position: relative;
    /* width: 232px; */
    width: 280px;
    object-fit: contain;
    border-radius: 16px;
    overflow: hidden;
    transition: opacity var(--tr), transform var(--tr);
}
.students .pagination {
    padding-top: 0;
}

.students__btn-wrap {
    display: flex;
    justify-content: center;
    padding-top: 32px;
}

.faq {
    position: relative;
    padding: 100px 0 82px;
    background: var(--white);
}

.faq__items {
    margin: 0 auto;
    max-width: 876px;
}

.faq .item {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 16px;
    position: relative;
    z-index: 3;
}

.faq .item {
    margin-bottom: 8px;
}

.faq .item__question {
    background: #dae7f4;
    padding: 20px 76px 20px 20px;
    border-radius: 10px;
    min-height: 76px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    color: inherit;
    cursor: pointer;
}

.faq .item__question::before {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background: center/ contain no-repeat
        url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="35" height="35" rx="17.5" stroke="%23FF3900"/><g clip-path="url(%23clip0_3403_11322)"><path d="M25 19H19V25H17V19H11V17H17V11H19V17H25V19Z" fill="%23FF3900"/></g><defs><clipPath id="clip0_3403_11322"><rect width="24" height="24" fill="white" transform="translate(6 6)"/></clipPath></defs></svg>');
    transition: 0.3s ease;
}

.faq .item__answer {
    position: relative;
    max-height: 0;
    overflow: hidden;
    padding: 0 35px;
    font-size: 15px;
    line-height: 1.4;
    color: #191919;
    transition: 0.3s ease;
}

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

.faq .item.active .item__question:before {
    background: center/ contain no-repeat
        url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="36" height="36" rx="18" fill="%23FF3900"/><g clip-path="url(%23clip0_3403_11312)"><path d="M25 19H19H17H11V17H17H19H25V19Z" fill="white"/></g><defs><clipPath id="clip0_3403_11312"><rect width="24" height="24" fill="white" transform="translate(6 6)"/></clipPath></defs></svg>');
}

.faq .item.active .item__answer {
    max-height: 1000px;
    padding: 20px 35px;
}

.upgrade {
    position: relative;
    text-align: center;
    padding-top: 150px;
}

.success {
    padding-bottom: 90px;
}

.upgrade::before {
    content: '';
    position: absolute;
    top: -30%;
    left: 0;
    width: 100%;
    height: 400px;
    background: rgba(255, 157, 0, 0.6);
    filter: blur(250px);
    transform: translate3d(0, 0, 0);
    z-index: -2;
}

.upgrade::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1001px;
    background: url('../img/upgrade__decor.webp') 50% / cover no-repeat;
    z-index: -1;
}

.upgrade__bg {
    height: 863px;
    width: 100%;
    background: center/cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.upgrade__inner {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
}

.upgrade__title {
    font-size: 39px;
    color: var(--white);
}

.upgrade__subtitle {
    color: var(--white);
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 24px;
    font-family: 'CraftworkGrotesk';
}

.upgrade__timer {
    margin-bottom: 40px;
}

.upgrade__timer_title {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 10px;
}

/* .upgrade__timer_title b {
    font-weight: 700;
} */

.upgrade__timer_countdown {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

.upgrade__video {
    width: 100%;
    max-width: 700px;
    background: 50% / cover no-repeat;
    border-radius: 6px;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
    display: block;
}

.upgrade__video::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(2, 2, 30, 0.4) 0%, rgba(2, 2, 30, 0.4) 100%);
}

.upgrade__video svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.upgrade__video span {
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, 0.9);
    font-family: 'CraftworkGrotesk';
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
    z-index: 2;
}

.upgrade__video:after {
    content: '';
    padding-bottom: 56.25%;
    display: block;
}

.upgrade__btn {
    margin-bottom: 20px;
    background: var(--accent);
    color: var(--white);
}

.upgrade__link {
    display: flex;
    align-items: center;
    gap: 10px;
    display: inline-flex;
    text-decoration: underline;
    font-weight: 700;
    font-size: var(--s);
    color: var(--white);
}

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

.upgrade .success__text {
    color: var(--white);
    max-width: 700px;
    text-align: left;
    line-height: 1.4;
    margin: 0 auto;
    font-weight: 400;
}

.upgrade .success__text ul,
.upgrade .success__text p {
    margin-bottom: 30px;
}

.upgrade .success__text ul {
    list-style: disc;
    padding-left: 20px;
}

.upgrade .success__text ul li {
    margin-bottom: 15px;
    list-style-type: none;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.upgrade .success__text ul.item__answer_list {
    padding-left: 0;
}

.upgrade .success__text ul li::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #3827c8;
}

.upgrade .success__text ul li:last-child {
    margin-bottom: 0;
}

.upgrade .success__text ul li::marker {
    color: var(--blue);
    font-size: 24px;
}

.upgrade .success__text b {
    font-weight: 700;
}

.upgrade .success__text a {
    color: var(--accent);
}

.upgrade .success__text .change {
    margin-top: 50px;
}

.upgrade-faq {
    padding-top: calc(var(--sp) / 2);
    padding-bottom: var(--sp);
    color: var(--white);
}

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

.upgrade-faq .item {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.upgrade-faq .item__question {
    background: rgba(0, 87, 184, 0.3);
    border-radius: 4px;
    height: 70px;
    padding: 0 60px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #fff;
    cursor: pointer;
    font-family: 'CraftworkGrotesk';
}

.upgrade-faq .item__question::before {
    content: '';
    left: 20px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    color: var(--accent);
    transition: 0.3s ease;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 2.41748H20.5C21.0304 2.41748 21.5391 2.62819 21.9142 3.00327C22.2893 3.37834 22.5 3.88705 22.5 4.41748V16.4175C22.5 16.9479 22.2893 17.4566 21.9142 17.8317C21.5391 18.2068 21.0304 18.4175 20.5 18.4175H14.4L10.7 22.1275C10.5 22.3175 10.25 22.4175 10 22.4175H9.5C9.23478 22.4175 8.98043 22.3121 8.79289 22.1246C8.60536 21.9371 8.5 21.6827 8.5 21.4175V18.4175H4.5C3.96957 18.4175 3.46086 18.2068 3.08579 17.8317C2.71071 17.4566 2.5 16.9479 2.5 16.4175V4.41748C2.5 3.88705 2.71071 3.37834 3.08579 3.00327C3.46086 2.62819 3.96957 2.41748 4.5 2.41748ZM12.69 5.91748C11.8 5.91748 11.09 6.09748 10.55 6.45748C10 6.81748 9.72 7.41748 9.77 8.10748H11.74C11.74 7.82748 11.84 7.61748 12 7.47748C12.2 7.33748 12.42 7.26748 12.69 7.26748C13 7.26748 13.27 7.34748 13.45 7.52748C13.63 7.69748 13.72 7.91748 13.72 8.21748C13.72 8.49748 13.64 8.74748 13.5 8.95748C13.33 9.17748 13.12 9.35748 12.86 9.49748C12.34 9.81748 12 10.0975 11.79 10.3375C11.6 10.5775 11.5 10.9175 11.5 11.4175H13.5C13.5 11.1375 13.55 10.9175 13.64 10.7375C13.73 10.5675 13.9 10.4175 14.16 10.2675C14.62 10.0575 15 9.77748 15.29 9.41748C15.58 9.04748 15.73 8.65748 15.73 8.21748C15.73 7.51748 15.46 6.95748 14.92 6.53748C14.38 6.12748 13.63 5.91748 12.69 5.91748ZM11.5 12.4175V14.4175H13.5V12.4175H11.5Z' fill='%23F3F1F6'/%3E%3C/svg%3E%0A")
        50% / contain no-repeat;
}

.upgrade-faq .item__question:after {
    content: '';
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23FF3900'/%3E%3Cpath d='M8 11L12 15L16 11' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
        50% no-repeat;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    transition: var(--tr);
}

.upgrade-faq .item__answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
    transition: 0.3s ease;
    font-size: var(--s);
    line-height: 140%;
}

.upgrade-faq .item__answer p {
    margin-bottom: 20px;
    font-size: 18px;
}

.upgrade-faq .item__answer .item__answer_uptitle {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
}

.item__answer_uptitle {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
}

.upgrade-faq .item__answer b {
    font-weight: 700;
}

.upgrade-faq .item__answer ul {
    list-style: disc;
    margin: 20px 0;
    padding-left: 20px;
}

.upgrade-faq .item__answer a {
    color: var(--accent);
    text-decoration: underline;
}

.upgrade-faq ul.item__answer_list {
    font-size: 18px;
    font-weight: 400;
    padding-left: 0;
}

.upgrade-faq .item__answer_list li {
    margin-bottom: 15px;
    list-style-type: none;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.upgrade-faq .item__answer_list li::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #3827c8;
}

.upgrade-faq .item__answer__wrap {
    padding-left: 29px;
    border-left: 1px solid var(--white);
}

.item__answer__wrap {
    padding-left: 29px;
    border-left: 1px solid var(--white);
}

.upgrade-faq .item__answer_title {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
    flex-flow: 10px;
    font-family: 'CraftworkGrotesk';
}

.upgrade-faq .item__answer_title:before {
    content: '';
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5 6.41748H19.5V15.4175H6.5V17.4175C6.5 17.9675 6.95 18.4175 7.5 18.4175H18.5L22.5 22.4175V7.41748C22.5 6.86748 22.05 6.41748 21.5 6.41748ZM17.5 12.4175V3.41748C17.5 2.86748 17.05 2.41748 16.5 2.41748H3.5C2.95 2.41748 2.5 2.86748 2.5 3.41748V17.4175L6.5 13.4175H16.5C17.05 13.4175 17.5 12.9675 17.5 12.4175Z' fill='%23ffffff'/%3E%3C/svg%3E%0A")
        50% no-repeat;
}

.upgrade-faq .item.active .item__question:after {
    transform: translateY(-50%) rotate(180deg);
}

.upgrade-faq .item.active .item__answer {
    max-height: 1000px;
    padding: 58px 0;
}

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

.error__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 175px;
    padding-bottom: 140px;
}

.error__title {
    font-size: 55px;
    font-weight: 800;
    line-height: 1.27;
    color: red;
    margin-bottom: 20px;
}

.error__text {
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 55px;
}

.error__text a {
    color: var(--yellow);
}

.footer {
    background: #010117;
    color: #fff;
    padding-top: 35px;
    font-size: 12px;
    line-height: 130%;
    position: relative;
}

.footer a {
    color: rgba(255, 255, 255, 0.8);
    transition: 0.3s ease;
    text-decoration: none;
}

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

.footer__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer__logo {
    margin-bottom: 20px;
    display: flex;
}

.footer__logo svg {
    display: block;
}

.footer__info_text {
    max-width: 210px;
    margin-bottom: 20px;
}

.footer__social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer__social_link {
    margin-right: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer__social_link:last-child {
    margin-right: 0;
}

.footer__social_link img {
    display: block;
}

.footer__menu {
    margin-top: 15px;
}

.footer__menu_title {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}

.footer__menu_list {
    -moz-columns: 2;
    columns: 2;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

.footer__menu_list li {
    margin-bottom: 10px;
}

.footer__menu_list a {
    font-size: 13px;
}

.footer__contacts {
    margin-top: 15px;
}

.footer__contacts_title {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}

.footer__contacts_text {
    font-size: 13px;
}

.footer__contacts_text p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}

.footer__contacts_text p svg {
    margin-right: 5px;
}

.footer__bottom {
    width: 100%;
    margin-top: 50px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.footer__docs {
    display: flex;
    flex-wrap: wrap;
}

.footer__docs li {
    /* margin: 0 16px; */
    margin: 0 8px;
}

.footer__docs li:last-child {
    margin-right: 0;
}

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

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

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

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

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

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

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

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

.modal-sertification__content {
    padding: 30px;
    max-width: 760px;
    width: 100%;
    background: linear-gradient(102.22deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    justify-content: center;
    height: max-content;
}

.modal-sertification__title {
    font-weight: 700;
    margin-bottom: 8px;
}

.modal-sertification__title span {
    color: var(--blue);
}

.modal-sertification__text p {
    margin-bottom: 10px;
}

.modal-sertification__text b {
    font-weight: 700;
}

.modal-sertification__text ul li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}

.modal-sertification__text ul li:before {
    content: '';
    background: #00b2ff;
    border-radius: 3px;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 6px;
}

#modal-form .modal-overlay__container {
    width: auto;
}

#modal-form .modal-form {
    background: var(--white);
    padding: 48px 32px 32px;
    border-radius: 20px;
}

#modal-form .modal-form__title {
    font-size: 32px;
    line-height: 1.1;
    text-align: center;
    font-weight: 700;
    margin-bottom: 32px;
}

.countdownHolder {
    position: relative;
    display: flex;
}

.countdownHolder .wrapDays,
.countdownHolder .wrapHours,
.countdownHolder .wrapMinutes,
.countdownHolder .wrapSeconds {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(242, 247, 255, 0.2);
    height: 60px;
    width: 60px;
    border-radius: 8px;
    color: var(--white);
}

.countdownHolder .countelement {
    letter-spacing: -2px;
}

.countdownHolder .digit {
    top: 0 !important;
    opacity: 1 !important;
    font-weight: 700;
    font-size: 22px;
    font-family: 'CraftworkGrotesk';
}

.countdownHolder .digit:first-child {
    display: none;
}

.countdownHolder .digit:last-child {
    display: initial;
}

.countdownHolder .textdigit {
    font-size: 13px;
    font-weight: 500;
    margin-top: 2px;
}

.countdownHolder .countDiv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 16px;
}

.countdownHolder .countDiv:before,
.countdownHolder .countDiv:after {
    background: rgba(255, 255, 255, 0.1);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-bottom: 9px;
    content: '';
}

.countdownHolder .countDiv:after {
    top: 0.6em;
    margin-bottom: 0;
}

.whois__video-wrap {
    width: 935px;
    margin: 40px auto 0;
}

.whois__video {
    display: block;
    position: relative;
    padding-bottom: 48.02%;
    border-radius: 14px;
    background: center/cover no-repeat;
    border: 5px solid var(--accent);
}

.whois__video-btn {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 105px;
    width: 105px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: var(--accent) center/52px no-repeat
        url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_505_1014)'%3E%3Cpath d='M27.2116 3.42847C40.1035 3.42847 50.3509 13.6758 50.3509 26.5677C50.3509 39.4596 40.1035 49.7069 27.2116 49.7069C14.3198 49.7069 4.07242 39.4596 4.07242 26.5677C4.07242 13.6758 14.3198 3.42847 27.2116 3.42847ZM27.2116 0.122864C12.667 0.122864 0.766811 12.023 0.766811 26.5677C0.766811 41.1124 12.667 53.0125 27.2116 53.0125C41.7563 53.0125 53.6565 41.1124 53.6565 26.5677C53.6565 12.023 41.7563 0.122864 27.2116 0.122864Z' fill='white'/%3E%3Cpath d='M20.6005 13.3453V39.7902L40.4341 26.5678L20.6005 13.3453Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_505_1014'%3E%3Crect width='52.8897' height='52.8897' fill='white' transform='translate(0.766811 0.122864)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    transition: transform var(--tr);
}

.whois__video-btn:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

@media (max-width: 1260px) {
    :root {
        --container-width: 760px;
        --sp: 60px;
        --h1: 40px;
        --h2: 36px;
        --l: 24px;
    }

    br._d {
        display: none;
    }

    br._m {
        display: none;
    }

    br._t {
        display: initial;
    }

    .head {
        margin-bottom: 30px;
    }

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

    .btn {
        padding: 20px 40px;
    }

    .hero {
        background-size: cover;
    }

    .hero__container {
        padding-top: 120px;
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: var(--sp);
        grid-template-areas: 'main main' 'slider slider' 'btn  btn';
    }

    .hero__btn-wrap {
        padding-top: 0;
        display: flex;
        align-items: flex-end;
    }

    .hero__slider-wrap {
        padding: 30px 0;
    }

    .hero__slider-inner {
        overflow: initial;
        position: relative;
        top: 0;
        height: initial;
        right: 0;
        transform: none;
        /* -webkit-mask: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%); */
        -webkit-mask: initial;
        /* mask: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%); */
        mask: initial;
    }

    .hero__slider {
        width: 740px;
        height: 528.5714285714px;
        transform: translateY(0px);
        overflow: visible;
    }

    .hero__slider .image {
        width: 700px;
        height: 528.5714285714px;
    }

    .hero__btm_decor {
        right: 96px;
    }

    .idea__main {
        border-radius: 40px;
    }

    .idea__front .item {
        flex-direction: column;
        padding: 20px;
    }

    .idea__front .item__img {
        height: 70px;
        width: 70px;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .idea__front .item__text {
        text-align: center;
        font-size: var(--xs);
    }

    .idea__benefit {
        flex-direction: column;
    }

    .idea__left {
        flex: 0 0 auto;
        padding: 40px 40px 60px 40px;
        background-image: linear-gradient(0deg, rgba(22, 15, 97, 0.3) -139.39%, rgba(245, 245, 245, 0) 74.03%);
        -webkit-clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0% 0%);
        clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0% 0%);
    }

    .idea__right {
        flex: 0 0 auto;
        padding: 40px;
    }

    .idea__you-get {
        padding: 60px 0 23px;
    }

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

    /* for section without video */
    /* .plan {
        padding: var(--sp);
    } */

    /* for section with video */
    .plan {
        padding: 80px 0;
    }

    .plan .swiper {
        top: -80px;
    }

    .plan__text {
        font-size: 21px;
    }

    .plan__item:nth-child(2) .plan__check::before {
        width: 141px;
    }

    .plan__item:nth-child(2) .plan__check::after {
        width: 141px;
    }

    .salary__bottom {
        margin-top: 40px;
    }

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

    .courses__filter {
        justify-content: flex-start;
    }

    .courses__filter-btn {
        text-align: center;
        min-width: 150px;
        flex: 1 0 auto;
    }

    .course {
        border-radius: 15px;
    }

    .course__main {
        padding: 25px 25px 20px;
    }

    .course__img {
        height: 130px;
        margin-bottom: 25px;
    }

    .course__bottom {
        padding: 20px 25px;
    }

    .soon .head {
        flex-direction: column;
        align-items: center;
    }

    .soon .head__title {
        text-align: center;
    }

    .soon .head__subtitle {
        text-align: center;
        font-size: 18px;
    }

    .soon__container::before {
        left: -18%;
        top: -13%;
    }

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

    .access .item__content img {
        display: none;
    }

    .info__wrapper {
        flex-wrap: wrap;
    }

    .info__block {
        flex-direction: column;
        gap: 20px;
        margin-top: 10px;
    }

    .info__text p {
        font-size: 18px;
        max-width: 620px;
        margin: 0 auto;
    }

    .info__block_text {
        text-align: center;
    }

    .info__left {
        flex: 0 0 100%;
        margin-bottom: 40px;
    }

    .info .head__title {
        font-size: var(--h2);
    }

    .info .head__title {
        text-align: center;
    }

    .info__right {
        flex: 0 0 100%;
    }

    .info__slider-container {
        width: fit-content;
        margin: 0 auto;
    }

    .info .pagination {
        right: -24px;
    }

    .army__swiper .swiper-slide {
        width: 580px;
    }

    .packages::before {
        top: -6%;
        left: 14%;
    }

    .packages__head {
        flex-direction: column;
        text-align: center;
    }

    .packages__timer {
        margin-top: 32px;
    }

    .package {
        height: auto;
        max-width: 522px;
    }

    .packages__list {
        gap: 16px;
        flex-direction: column;
        align-items: center;
    }

    .package__title span {
        font-size: 14px;
    }

    .package__info-additional {
        flex-direction: column;
        gap: 20px;
    }

    .package__info-additional a:before {
        top: -4px;
    }

    .package__btn {
        padding: 15px 10px;
    }

    .employment::before {
        left: 9%;
        bottom: 16%;
    }

    .employment__container {
        flex-direction: column-reverse;
    }

    .employment__list {
        margin-top: 24px;
    }

    .employment__main {
        flex: 0 0 auto;
        margin-bottom: 30px;
    }

    .employment .item__ico {
        height: 65px;
        width: 65px;
        margin-right: 15px;
    }

    .employment__image-wrap {
        flex: 0 0 auto;
    }

    .employment__image {
        margin: 0 auto;
        width: 400px;
        transform: none;
    }

    .talents__body {
        flex-wrap: wrap;
    }

    .talents__left {
        flex: 0 0 50%;
    }

    .talents__center {
        flex: 0 0 50%;
    }

    .talents__img {
        width: 340px;
        transform: translateY(0px);
    }

    .talents__right {
        padding-left: 0;
        padding-top: 50px;
        flex: 0 0 100%;
    }

    .talents__right ul {
        padding-left: 7px;
    }

    .talents__treasure {
        margin: 30px auto 0;
    }

    .product-section__title .product-section__title_decor {
        margin-top: 16px;
        display: block;
        position: relative;
        right: auto;
        bottom: auto;
    }

    .product-section__phone {
        display: none;
    }

    .product-section__phone_mob {
        display: block;
        width: 100%;
        max-width: 340px;
        height: 600px;
        background: 50% / contain no-repeat;
    }

    .product-section__bottom {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .education__container {
        flex-direction: column-reverse;
    }

    .education__img {
        position: relative;
        transform: translateY(0);
        top: auto;
        right: auto;
        max-width: 851px;
        width: 100%;
    }

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

    .countdownHolder .digit {
        font-size: 24px;
    }

    .countdownHolder .textdigit {
        font-size: 9px;
    }

    .whois__video-wrap {
        width: 100%;
    }

    .whois a.whois__video {
        border-width: 3px;
    }

    .whois__video-btn {
        height: 80px;
        width: 80px;
        background-size: 40px;
    }
}

@media only screen and (max-width: 1260px) {
    .footer__menu {
        display: none;
    }

    .footer__copy {
        margin-bottom: 20px;
    }

    .footer__docs li {
        margin: 0;
        margin-right: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 760px) {
    :root {
        --container-width: 364px;
        --h1: 34px;
        --h2: 28px;
        --m: 18px;
    }

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

    br._d {
        display: none;
    }

    br._t {
        display: none;
    }

    br._m {
        display: initial;
    }

    .pagination .swiper-pagination-bullet {
        height: 6px;
        width: 6px;
    }

    .pagination .swiper-pagination-bullet-active {
        height: 10px;
        width: 10px;
    }

    .btn {
        font-size: 15px;
    }

    .header__container {
        padding-top: 15px;
    }

    .header__logo {
        width: 84.64px;
    }

    .hero__container {
        padding-top: 80px;
        grid-template-columns: repeat(1, 1fr);
        grid-template-areas: 'main' 'slider' 'timer' 'btn';
    }

    .hero__main-wrap {
        gap: 20px;
    }

    .hero__btn-wrap .btn {
        width: 100%;
    }

    .hero__timer-wrap {
        margin-bottom: 20px;
    }

    .hero__label {
        font-size: 12px;
        margin: 0 auto;
    }

    .hero__label::before {
        height: 20px;
        width: 20px;
    }

    .hero__label::after {
        width: 56px;
        top: -8px;
        right: -29px;
    }

    .hero__title {
        text-align: center;
        font-size: 28px;
    }

    .hero__subtitle {
        text-align: center;
        font-size: 18px;
        margin-bottom: 93px;
    }

    .hero__decor {
        width: 100%;
        height: 600px;
        top: 50%;
        transform: translate3d(0, 0, 0) translateY(-50%);
    }

    .hero__slider {
        width: 323px;
        height: 197px;
        overflow: visible;
    }

    .snow__btn._mob {
        display: inline-flex;
        justify-content: center;
    }

    .snow__btn._descktop {
        display: none;
    }

    .hero__slider .swiper-slide {
        opacity: 1;
    }

    .hero__slider .swiper-slide-prev {
        opacity: 1;
    }

    .hero__slider .image {
        width: 323px;
        height: 215px;
    }

    .hero__slider-pagination {
        display: flex;
        justify-content: center;
    }

    .hero__btn-wrap a {
        justify-content: center;
    }

    .hero__btn-wrap {
        flex-direction: column-reverse;
    }

    .hero__btm_decor {
        top: auto;
        bottom: 38px;
    }

    .hero__btm_decor::before {
        transform: rotate(97.389deg);
        width: 50px;
        height: 39px;
        right: -56px;
        top: -32px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='45' viewBox='0 0 52 45' fill='none'%3E%3Cpath d='M0.470647 6.53033C0.177753 6.23744 0.177753 5.76256 0.470647 5.46967L5.24362 0.696697C5.53651 0.403805 6.01138 0.403805 6.30428 0.696697C6.59717 0.989594 6.59717 1.46447 6.30428 1.75736L2.06164 6L6.30428 10.2426C6.59717 10.5355 6.59717 11.0104 6.30428 11.3033C6.01138 11.5962 5.53651 11.5962 5.24362 11.3033L0.470647 6.53033ZM50.251 45C50.251 33.4592 47.5253 23.9594 40.1219 17.3214C32.697 10.6642 20.4202 6.75 1.00098 6.75L1.00098 5.25C20.5726 5.25 33.2958 9.18644 41.1232 16.2046C48.972 23.2419 51.751 33.2421 51.751 45L50.251 45Z' fill='white' fill-opacity='0.6'/%3E%3C/svg%3E")
            50% / contain no-repeat;
    }

    .hero__subtitle br {
        display: none;
    }

    .controller {
        display: none;
    }

    .idea__main {
        border-radius: 20px;
        padding: 60px 0;
    }

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

    .idea__front .item {
        flex-direction: row;
        padding: 20px;
    }

    .idea__front .item__img {
        height: 80px;
        width: 80px;
        margin-bottom: 0;
        margin-right: 20px;
    }

    .idea__front .item__text {
        text-align: left;
    }

    .idea__left {
        padding: 30px 20px 46px;
    }

    .idea__left p {
        font-size: var(--m);
        margin-bottom: 0.55em;
    }

    .idea__right {
        padding: 30px 20px;
    }

    .idea__right h3 {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .idea__right ul li {
        font-size: 15px;
        padding-left: 30px;
    }

    .idea__you-get {
        padding-bottom: 0;
    }

    .idea__you-get-inner {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .idea__you-get-inner .item {
        display: flex;
        align-items: center;
        padding: 20px 25px;
        border-radius: 10px;
    }

    .idea__you-get-inner .item__icon {
        flex: 0 0 auto;
        margin: 0;
        margin-right: 10px;
    }

    .idea__you-get-inner .item__text {
        font-size: 15px;
        text-align: left;
    }

    .plan__block {
        padding: 30px 20px;
    }

    .plan__list {
        flex-direction: column;
    }

    .plan__item:nth-child(2) .plan__check::before,
    .plan__item:nth-child(2) .plan__check::after {
        display: none;
    }

    .plan__text {
        font-size: 18px;
    }

    .plan__item_text br {
        display: none;
    }

    .salary__container::before {
        width: 210px;
        left: 38%;
        top: -47%;
    }

    .salary__swiper .swiper-slide {
        border-radius: 10px;
    }

    .salary__bottom {
        margin-top: 30px;
    }

    .courses__filter {
        gap: 6px;
        margin-bottom: 20px;
    }

    .courses__filter-btn {
        flex: 0 0 auto;
        min-width: initial;
        font-size: 14px;
        padding: 10px 18px;
    }

    .course {
        border-radius: 10px;
    }

    .course__main {
        padding: 20px 20px 24px;
    }

    .course__type {
        font-size: 12px;
    }

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

    .course__status {
        font-size: 13px;
    }

    .course__price {
        font-size: 15px;
    }

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

    .soon__container::before {
        width: 180px;
        left: -18%;
        top: 31%;
    }

    .soon__swiper .product__title {
        font-size: 18px;
    }

    .soon__swiper .product__bottom {
        padding: 20px 10px;
    }

    .soon__swiper .product__date b {
        display: block;
    }

    .soon .product__bottom {
        gap: 10px;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .soon__swiper .product__bottom::before {
        width: 16px;
        margin-right: 0;
    }

    .soon__swiper .product__date b {
        margin-right: 5px;
    }

    .soon__swiper .product__date {
        display: flex;
    }

    .soon__swiper .product {
        border-radius: 20px;
        padding: 16px;
    }

    .soon__swiper .product__price {
        font-size: 14px;
        padding: 6px 14px;
    }

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

    .access__list {
        gap: 10px;
    }

    .access .item {
        padding: 20px 20px 32px;
        max-width: 100%;
        border-radius: 10px;
    }

    .access__container::before {
        transform: translate3d(0, 0, 0) translateY(-50%);
        width: 100%;
        top: 50%;
        height: 1706px;
    }

    .access .item__head {
        margin-bottom: 20px;
    }

    .access .item__img {
        height: 71px;
        width: 71px;
        margin-right: 20px;
    }

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

    .access .item__content ul {
        -moz-column-count: 1;
        column-count: 1;
    }

    .access .item__content img {
        height: 135px;
        width: 135px;
        margin-left: 10px;
    }

    .access .item.item--app .swiper-slide .access .item__swiper {
        max-width: 100%;
    }

    .access .item__swiper .swiper-wrapper {
        max-width: 300px;
    }

    .access .item.item--app {
        flex-direction: column;
    }

    .access .item.item--app .swiper-container {
        width: 260px;
        margin: 0 auto;
    }

    .access .item.item--app .swiper {
        width: 140px;
    }

    .access .item.item--app .swiper-slide {
        width: 140px;
    }

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

    .info::before {
        width: 210px;
        left: 72%;
        bottom: -17%;
    }

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

    .info .head__title {
        text-align: left;
    }

    .info__text {
        font-size: 15px;
        line-height: 1.4;
    }

    .info__cta {
        padding: 30px 19px;
        border-radius: 10px;
    }

    .info__cta-img {
        margin-bottom: 20px;
    }

    .info__cta-text {
        font-size: 15px;
    }

    .info__cta-btn {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }

    .info__courses {
        height: 180px;
    }

    .info__block {
        padding: 20px 16px;
    }

    .info__block_btn .snow__btn {
        padding: 20px;
        width: 100%;
    }

    .info__left {
        margin-bottom: 10px;
    }

    .info__slider .pagination {
        display: none;
    }

    .info__slider {
        max-width: 325px;
        height: 220px;
    }

    .info__slider-container {
        margin-top: 20px;
        width: 100%;
        height: 190px;
    }

    .info__slider {
        height: 194px;
    }

    .info__slider .swiper-slide-prev {
        transform: translateX(60px);
    }

    .info__slider .swiper-slide-next {
        transform: translateX(-60px);
    }

    .info__slider .image {
        width: 320px;
    }

    .info .pagination {
        transform: rotate(0) translateX(-50%) !important;
        right: auto;
        left: 50% !important;
        top: auto;
        bottom: -20px;
    }

    .info__block {
        margin-top: 40px;
    }

    .army {
        padding: 70px 0;
    }

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

    .army__swiper .swiper-slide {
        width: 344px;
        filter: none;
        border-radius: 10px;
    }

    .army__swiper .swiper-slide-active {
        transform: scale(1);
    }

    .army__swiper .controls {
        margin-top: 30px;
    }

    .packages {
        padding: 70px 0;
    }

    .packages::before {
        width: 210px;
    }

    .packages__list {
        margin-top: 30px;
    }

    .package {
        border-radius: 10px;
        gap: 10px;
    }

    .package__title h3 {
        font-size: 18px;
    }

    .package__head::after {
        width: 40px;
    }

    .package__body {
        padding: 8px;
    }

    .package__text {
        font-size: 16px;
    }

    .package__list {
        margin-top: 16px;
    }

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

    .package__price-current {
        font-size: 38px;
        line-height: normal;
    }

    .package__price-current span {
        font-size: 18px;
    }

    .package__info-additional a:before {
        top: -2px;
    }

    .package__info-additional a {
        font-size: 15px;
    }

    .package__btn {
        margin-top: 16px;
    }

    .package .agree-el {
        margin-top: 16px;
        font-size: 14px;
    }

    .package__bottom {
        font-size: 12px;
    }

    .employment {
        padding: 70px 0;
    }

    .employment::before {
        width: 210px;
        left: -17%;
        bottom: 8%;
    }

    .employment .item {
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .employment .item__ico {
        height: 50px;
        width: 50px;
        margin-right: 10px;
    }

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

    .employment__image {
        width: 318px;
    }

    .employment__main .head__title {
        font-size: 30px;
    }

    .employment__main .head__title br {
        display: none;
    }

    .talents__bg {
        left: -360px;
        top: 1360px;
        transform: scale(1) rotateZ(0deg) rotateX(0deg);
        height: 1145.82px;
        width: 1027.42px;
    }

    .talents__body {
        margin-bottom: 40px;
    }

    .talents__left {
        flex: 100%;
    }

    .talents .head__title {
        text-align: center;
    }

    .talents__text {
        font-size: 15px;
    }

    .talents__text h3 {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .talents__text p {
        font-size: inherit;
    }

    .talents__text ul {
        color: #ffffff;
    }

    .talents__text ul._checked li {
        padding-left: 29px;
    }

    .talents__text ul._dots li {
        padding-left: 20px;
    }

    .talents__center {
        flex: 100%;
        margin: 20px 0;
    }

    .talents__img {
        background: center/cover no-repeat;
        width: 100%;
    }

    .talents__img:after {
        content: '';
        display: block;
        padding-bottom: 204.9418604651%;
    }

    .talents__right {
        flex: 100%;
        padding-top: 0;
    }

    .talents__right ul {
        padding-left: 0px;
    }

    .talents__treasure {
        max-width: 100%;
        width: 100%;
        text-align: center;
        font-size: 18px;
        padding: 20px;
    }

    .talents__btn {
        width: 100%;
    }

    .product-section {
        padding: 70px 0;
    }

    .product-section::before {
        left: 63%;
        bottom: 7%;
        width: 210px;
    }

    .product-section__bottom {
        flex-direction: column;
    }

    .product-section__phone_mob {
        height: 460px;
    }

    .product-section .snow__btn {
        display: block;
        width: fit-content;
        margin: 24px auto 0;
    }

    .product-section__information {
        margin-top: 30px;
    }

    .product-section__title {
        font-size: 30px;
    }

    .product-section__title br {
        display: none;
    }

    .product-section__contain {
        margin-top: 24x;
    }

    .product-section__contain_list {
        margin-top: 16px;
        flex-direction: column;
    }

    .education {
        padding: 70px 0;
    }

    .education::before {
        width: 210px;
    }

    .education__title {
        font-size: 30px;
    }

    .education__title br {
        display: none;
    }

    .education__img {
        height: 200px;
    }

    .faq .item__question {
        padding: 16px 50px 16px 16px;
        font-size: 14px;
        min-height: 52px;
    }

    .faq .item__question::before {
        right: 16px;
        height: 20px;
        width: 20px;
        font-size: 18px;
    }

    .faq .item__answer {
        font-size: 14px;
        padding: 0 5px;
    }

    .faq .item.active .item__answer {
        padding: 12px 5px;
    }

    .students {
        padding-top: 70px;
    }

    .students::before {
        width: 210px;
    }

    .upgrade {
        padding-top: 100px;
    }

    .upgrade__title {
        font-size: 24px;
        line-height: 1.3;
    }

    .upgrade__subtitle {
        margin-bottom: 20px;
    }

    .upgrade__timer {
        margin-bottom: 20px;
    }

    .upgrade__video {
        margin-bottom: 20px;
    }

    .upgrade__video svg {
        width: 60px;
        height: 60px;
    }
    .upgrade__video span {
        top: 78%;
        font-size: 17px;
    }

    .upgrade .success__text {
        font-size: 16px;
    }

    .upgrade .success__text ul,
    .upgrade .success__text p {
        margin-bottom: 20px;
    }

    .upgrade-faq .item__question {
        padding: 10px 40px;
        height: auto;
        line-height: 120%;
    }

    .upgrade-faq .item__question:before {
        left: 10px;
        font-size: 16px;
    }

    .upgrade-faq .item__question:after {
        right: 10px;
    }

    .upgrade-faq .item__answer {
        padding: 0 30px;
    }

    .upgrade-faq .item.active .item__answer {
        padding: 10px 30px;
        padding-right: 1px;
    }

    .upgrade__btn.btn {
        padding: 20px;
    }

    .upgrade-faq .item.active .item__answer {
        max-height: 2000px;
    }

    .upgrade-faq .item__answer p {
        font-size: 15px;
    }

    .upgrade-faq .item__answer .item__answer_uptitle {
        font-size: 19px;
    }

    .item__answer_uptitle {
        font-size: 19px;
    }

    .upgrade-faq .item__answer_list li {
        font-size: 15px;
    }

    .upgrade-faq .item__question {
        font-size: 18px;
    }

    #modal-sertification {
        align-items: flex-start;
        padding-bottom: 60px;
    }

    .modal-sertification__content {
        padding: 20px;
        max-width: 320px;
    }

    .modal-sertification__text {
        font-size: 14px;
    }

    #modal-form .modal-form__title {
        font-size: 24px;
    }

    .countdownHolder .wrapDays,
    .countdownHolder .wrapHours,
    .countdownHolder .wrapMinutes,
    .countdownHolder .wrapSeconds {
        height: 68px;
        width: 68px;
    }

    .countdownHolder .countDiv {
        width: 20px;
    }
}

@media only screen and (max-width: 760px) {
    .footer__container {
        justify-content: center;
    }

    .footer__info {
        text-align: center;
    }

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

    .footer__logo {
        justify-content: center;
    }

    .footer__social {
        justify-content: center;
        margin-bottom: 20px;
    }

    .footer__social_link {
        margin: 0 10px;
    }

    .footer__contacts_title {
        display: none;
    }

    .footer__contacts_text p {
        justify-content: center;
    }

    .footer__bottom {
        text-align: center;
        justify-content: center;
        margin-top: 20px;
    }

    .footer__docs li {
        margin-right: 0;
        width: 100%;
    }
    .whois__video-wrap {
        margin: 30px auto 0;
    }
    .whois__video-btn {
        width: 30px;
        height: 30px;
    }
}