/*File: design/css/pages/main.css*/
.container-fluid {
    width: 100%;
    padding-left: 2.8125em;
    padding-right: 2.8125em;
}

.container-xl {
    max-width: 89.875em;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
}

.container-lg {
    max-width: 75em;
}

.title-h1,
.title-h2,
.title-h3,
.title-h4,
.title-h5 {
    font-weight: 400;
    line-height: 1.2;
}

.title-h1 {
    font-size: 4em;
    line-height: 1;
}

.title-h2 {
    font-size: 2.625em;
}

.title-h3 {
    font-size: 2em;
}

.title-h4 {
    font-size: 1.5em;
}

.title-h5 {
    font-size: 1.125em;
}

.text-xl {
    font-size: 1.25em;
}

:root {
    --header-height: 5.625em;
}

@font-face {
    font-family: "Noir Pro";
    src: url("/design/fonts/NoirPro/NoirPro-Bold.woff2") format("woff2"), url("/design/fonts/NoirPro/NoirPro-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noir Pro";
    src: url("/design/fonts/NoirPro/NoirPro-BoldItalic.woff2") format("woff2"), url("/design/fonts/NoirPro/NoirPro-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Noir Pro";
    src: url("/design/fonts/NoirPro/NoirPro-Heavy.woff2") format("woff2"), url("/design/fonts/NoirPro/NoirPro-Heavy.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noir Pro";
    src: url("/design/fonts/NoirPro/NoirPro-HeavyItalic.woff2") format("woff2"), url("/design/fonts/NoirPro/NoirPro-HeavyItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Noir Pro";
    src: url("/design/fonts/NoirPro/NoirPro-Italic.woff2") format("woff2"), url("/design/fonts/NoirPro/NoirPro-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Noir Pro";
    src: url("/design/fonts/NoirPro/NoirPro-Light.woff2") format("woff2"), url("/design/fonts/NoirPro/NoirPro-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noir Pro";
    src: url("/design/fonts/NoirPro/NoirPro-LightItalic.woff2") format("woff2"), url("/design/fonts/NoirPro/NoirPro-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Noir Pro";
    src: url("/design/fonts/NoirPro/NoirPro-Medium.woff2") format("woff2"), url("/design/fonts/NoirPro/NoirPro-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noir Pro";
    src: url("/design/fonts/NoirPro/NoirPro-MediumItalic.woff2") format("woff2"), url("/design/fonts/NoirPro/NoirPro-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Noir Pro";
    src: url("/design/fonts/NoirPro/NoirPro-Regular.woff2") format("woff2"), url("/design/fonts/NoirPro/NoirPro-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noir Pro Semi";
    src: url("/design/fonts/NoirPro/NoirPro-SemiBold.woff2") format("woff2"), url("/design/fonts/NoirPro/NoirPro-SemiBold.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noir Pro Semi";
    src: url("/design/fonts/NoirPro/NoirPro-SemiBoldItalic.woff2") format("woff2"), url("/design/fonts/NoirPro/NoirPro-SemiBoldItalic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

html {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

body {
    font-size: 0.8333333333vw;
    background-color: #181718;
    color: white;
    font-weight: 300;
    font-family: "Noir Pro", sans-serif;
    position: relative;
    overflow-x: hidden;
}

.top-bottom {
    background: url("/design/img/page-main/bg-bottom.jpg") no-repeat center 3.125em/cover;
}

.section {
    padding-bottom: 10em;
}

.section--sm {
    padding-bottom: 5em;
}

.section__title span {
    color: #9745ff;
}

.section__head {
    margin-bottom: 3.5em;
}

.button {
    height: 3.75em;
    background: -webkit-gradient(linear, left top, right top, from(rgb(151, 69, 255)), to(rgb(112, 24, 223)));
    background: linear-gradient(0.25turn, rgb(151, 69, 255) 0%, rgb(112, 24, 223) 100%);
    border: none;
    border-radius: 0.625em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 2em;
    padding-right: 2em;
}

.button__text {
    font-size: 1.25em;
    line-height: 1;
    color: white;
}

.fixed-mobi {
    padding: 2.625em 1.5625em 1.5625em;
    background: #111;
    position: fixed;
    left: 0;
    width: 70vw;
    z-index: 200;
    height: 100vh;
    overflow: auto;
    top: 0;
}

.has-short-header .header-nav {
    display: none;
}

.no-footer-page .footer {
    display: none;
}

.footer .mt-3.text-center {
    opacity: 0.5
}

.no-header-page .header {
    position: relative;
}

.no-header-page .header-nav {
    display: none;
}

.lead-page {
    position: relative;
    background: url("/design/img/page-main/lead.jpg") no-repeat top center/cover;
    min-height: 100vh;
}

.lead-page .header-nav {
    display: none;
}

.lead-page main::before,
.lead-page main::after {
    display: none;
}

.lead-page .title-h1 {
    font-size: 4.84375em;
    font-weight: 500;
}

.lead-page__container {
    max-width: 96.875em;
    min-height: 100vh;
}

.lead-page__container .contact-form-el__disclaimer {
    margin-top: 2.5em;
}

.lead-page__container .contact-form-el__disclaimer .contact-form-el__span {
    font-size: 1em;
}

.lead-page__container .contact-form-el__span {
    font-size: 1.25em;
}

.lead-page__container .contact-wrapper {
    padding: 3.125em 2.8125em;
    margin-top: 3em;
    height: 22.8125em;
}

.lead-page__container .contact-wrapper__desc {
    margin-bottom: 2.8125em;
}

@media (max-width: 991px) {
    .lead-page__container .contact-wrapper__desc {
        margin-bottom: 1.4em;
        max-width: 20em;
        margin-left: auto;
        margin-right: auto;
    }

    .lead-page__container {
        min-height: initial;
    }

    .lead-page__container .contact-form-el__disclaimer .contact-form-el__span {
        font-size: 0.7em;
        line-height: 1.2;
    }

    .lead-page .contact-form-el__input {
        font-size: 1em !important;
        height: 4.5em;
    }
}

.lead-page__container .contact-wrapper__span {
    line-height: 1.6;
    display: block;
    font-size: 2em;
}

.lead-page__container .button {
    border-radius: 1em;
}

.lead-page .button__text {
    font-size: 1.5em;
}

.lead-page input::placeholder {
    opacity: 0.6;
}

.lead-page__container input,
.lead-page__container .button {
    height: 5em;
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 600;
    -webkit-transition: background 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-backdrop-filter 0.3s ease;
    transition: background 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-backdrop-filter 0.3s ease;
    transition: background 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease;
    transition: background 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-backdrop-filter 0.3s ease;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.header.is-scroll {
    position: fixed;
    background: rgba(24, 23, 24, 0.9);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.header.is-scroll .header__container {
    height: 4.375em;
}

.header__container {
    height: 7.1875em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.5em;
    padding-right: 2.5em;
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

.header-menu-open {
    width: 2.5em;
    height: 2.5em;
    padding: 0;
    border: none;
    background: transparent;
    color: white;
}

.header-menu-open svg {
    width: 2em;
    height: 2em;
}

.header-logo__img {
    width: auto;
    height: 3.25em;
}

.header-nav {
    margin-left: 13.125em;
}

.header-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.1875em;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.header-nav__link {
    color: white;
    text-decoration: none;
    font-weight: 400;
}

.header-nav__text {
    font-size: 1em;
    color: white;
}

.header-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 2.3125em;
}

.header-socials__link {
    width: 1.875em;
    height: 1.875em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
}

.header-socials__link:first-child {
    margin-right: 0.8125em;
}

.header-socials__icon {
    width: 0.875em;
    height: 0.875em;
    color: black;
}

.header-btn {
    height: 2.5em;
    color: white !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    background-color: #9745ff;
    --border-width: 0px;
    border-style: none !important;
    border-radius: 20px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: background-color, color, border-color, opacity, gap, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, color, border-color, opacity, gap, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, color, border-color, box-shadow, opacity, transform, gap;
    transition-property: background-color, color, border-color, box-shadow, opacity, transform, gap, -webkit-box-shadow, -webkit-transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    text-decoration: none;
    width: 11.875em;
}

.header-btn:hover {
    background: #181718 !important;
}

.fixed-mobi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1200;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.fixed-mobi.showed {
    -webkit-transform: none;
    transform: none;
}

.fixed-mobi__close {
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    top: 0.9375em;
    right: 0.9375em;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    color: white;
}

.fixed-mobi__close svg {
    width: 2em;
    height: 2em;
}

.fixed-mobi__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1em;
}

.fixed-mobi__socials svg {
    width: 1.875em;
    height: 1.875em;
}

.hero {
    position: relative;
    overflow: hidden;
    background: radial-gradient(54.17% 130% at 50% 50%, #2D0B58 0%, #181717 100%);
}

.hero__container {
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.hero-container__content {
    width: 50em;
    position: relative;
    z-index: 100;
    padding-top: 6.75em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 53.75em;
}

.hero-content__subtitle {
    opacity: 0.75;
}

.hero-content__title {
    margin-top: 0.6875em;
    margin-bottom: 2.8125em;
}

.hero-subtitle__text {
    font-size: 1.09375em;
    line-height: 1;
}

.hero-title__text {
    font-size: 4em;
    color: white;
    font-weight: 400;
    line-height: 1.01;
}

.hero-title__text span {
    color: rgb(151, 69, 255);
}

.hero-offer {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(156, 156, 156, 0.42)), to(rgba(37, 36, 36, 0.66)));
    background-image: linear-gradient(0.25turn, rgba(156, 156, 156, 0.42) 0%, rgba(37, 36, 36, 0.66) 100%);
    border-radius: 1.5em;
    padding: 2.1875em;
    max-width: 35.625em;
}

.hero-offer__text {
    margin-bottom: 2.1875em;
}

.hero-offer__span {
    font-size: 1.65625em;
    line-height: 1.14;
}

.hero-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.875em;
}

.hero-actions__btn {
    height: 3.75em;
    border: none;
    border-radius: 0.75em;
}

.hero-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    gap: 0.625em;
    font-weight: 400;
    white-space: nowrap;
}

.hero-btn:last-child img {
    width: 1.25em;
    height: 1.25em;
}

.hero-btn svg {
    width: 1.5625em;
    height: 1.5625em;
}

.hero-btn__text {
    font-size: 1em;
    line-height: 1;
}

.main-page .top-bg .lesson-example {
    position: relative;
}

.main-page .top-bg .lesson-example::before {
    content: '';
    width: 50em;
    height: 50em;
    position: absolute;
    background: radial-gradient(circle at center, rgba(14, 71, 157, 0.21) 0%, rgba(255, 247, 5, 0) 60%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hero-btn--primary {
    color: white;
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(151, 69, 255)), to(rgb(112, 24, 223)));
    background-image: linear-gradient(0.25turn, rgb(151, 69, 255) 0%, rgb(112, 24, 223) 100%);
}

.hero-btn--primary:hover {
    background: #181718;
}

.hero-btn--secondary {
    background: white;
    color: #9745ff !important;
}

.hero-visual {
    position: absolute;
    bottom: -0.9375em;
    width: 44.375em;
    right: -9.375em;
    z-index: 20;
}

.hero-visual__image {
    width: 100%;
}

.hero-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    left: 115%;
    position: absolute;
    z-index: 100;
    bottom: 5.3125em;
    width: 15.9375em;
}

.hero-info__name {
    font-size: 1.5em;
    line-height: 1;
    font-weight: 400;
}

.hero-info__role {
    margin-bottom: 0.3125em;
    margin-top: 0em;
}

.hero-info__role-text {
    font-size: 1em;
    line-height: 1.2;
    display: block;
    opacity: 0.5;
}

.hero-info__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.9375em;
    opacity: 0.5;
}

.hero-info__logos a:first-child img {
    width: 4.375em;
}

.hero-info__logos .last:last-child img {
    width: 10.625em;
    height: 2.75em;
    -o-object-fit: cover;
    object-fit: cover;
}

.form-control-main {
    height: 3.75em;
    width: 100%;
    border: 1px solid #c9c9c9;
    background: transparent;
    border-radius: 0.3125em;
    padding-left: 0.9375em;
}

.modal-dialog {
    max-width: 37.5em;
}

.modal-content {
    padding: 2.5em 3.125em;
    background: #181718;
    color: white;
}

.modal-content .button {
    width: 100%;
}

.modal-content .btn-close {
    top: 0.9375em;
    right: 0.9375em;
    position: absolute;
}

.modal-content form {
    margin-bottom: 1.875em;
}

.modal-content .modal-text {
    margin-top: 0.625em;
    display: block;
}

.modal-content .modal__head {
    color: white;
    margin-bottom: 3em;
}

.form-group:not(:last-child) {
    margin-bottom: 1.5em;
}

.about-video {
    position: relative;
    z-index: 100;
    padding-bottom: 11.5625em;
}

.about-video__container {
    max-width: 67.5em;
}

.about-video .section__head {
    margin-bottom: 1.125em;
    padding-left: 0.625em;
    margin-top: -0.125em;
}

.about-video .title-h3 {
    font-size: 2em;
}

.about-video-wrapper__iframe {
    /* height: 27.6875em; */
    width: 100%;
    border-radius: 0.75em;
}

.target {
    position: relative;
}

.target .section__head {
    margin-bottom: 6.25em;
}

.target .title-h2 {
    font-size: 3.0625em;
    font-weight: 500;
}

.target__container {
    position: relative;
    z-index: 300;
}

.target-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8.75em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0.625em;
    margin-right: 0.625em;
}

.target-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.1875em;
}

.target-card-header__icon {
    width: 4.375em;
    height: 4.375em;
    margin-right: 3.125em;
}

.target-card-header__tag {
    background: linear-gradient(0.03turn, rgba(151, 69, 255, 0.25) 16%, rgba(255, 139, 69, 0.22) 100%);
    padding: 0;
    color: #bf8dff;
}

.target-info-content {
    max-width: 72.5em;
    background: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8.75em;
    border-radius: 0.75em;
    background: rgb(250, 245, 255);
    height: 7.75em;
    color: #181718;
}

.target-card-title {
    font-size: 1.1em;
    line-height: 1.4;
    margin-bottom: 0.6153846154em;
    max-width: 19.2307692308em;
}

.target-card-desc {
    margin-bottom: 0;
    opacity: 0.5;
    margin-top: 0.5em;
}

.target-card-desc__text {
    font-size: 1em;
}

.target-info-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.6875em 1.25em;
}

.target-info-content__icon {
    min-width: 1.5em;
    height: 1.5em;
    margin-right: 0.625em;
}

.target-info-text {
    margin: 0;
    font-size: 1.25em;
    line-height: 1.1;
}

.target-info-text span {
    color: #9745ff;
}

.target-card-tag {
    min-height: 3.75em;
    border-radius: 0.625em;
    max-width: 14em;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0.625em;
    padding-right: 0.625em;
}

.target-card-tag__text {
    font-size: 0.875em;
    display: block;
    line-height: 1;
}

.target-btn {
    height: 3.75em;
    margin-top: 2.8125em;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    background-color: #9745ff;
    --border-width: 0px;
    border-style: none !important;
    border-radius: 1.5em;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-weight: 800;
    white-space: normal;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: background-color, color, border-color, opacity, gap, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, color, border-color, opacity, gap, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, color, border-color, box-shadow, opacity, transform, gap;
    transition-property: background-color, color, border-color, box-shadow, opacity, transform, gap, -webkit-box-shadow, -webkit-transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.target-btn__text {
    font-weight: 400;
    font-size: 1.125em;
}

.modules-slider {
    padding-bottom: 6.6875em;
}

.modules-slider .section__head {
    text-align: center;
    margin-bottom: 2.8125em;
}

.modules-slider .title-h2 {
    font-size: 2.625em;
}

.case-studies-container__swiper:hover .case-studies-swiper__arrow {
    transform: translateY(-1.5em);
}

.color-main {
    color: rgba(151, 69, 255, 1);
}

.swiper-slide-active img {
    opacity: 1 !important;
}

.modules-slider-swiper img {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 2em;
    opacity: 0.2;
}

.modules-slider-swiper__arrow {
    width: 2.5em;
    height: 2.5em;
    background: white;
    border-radius: 50%;
    color: black;
    top: 42%;
}

.modules-slider-swiper__arrow::after {
    display: none;
}

.modules-slider-swiper__arrow--prev {
    left: 31.8%;
}

.modules-slider-swiper__arrow--next {
    right: 31.8%;
}

.modules-slider-swiper__icon {
    width: 1.5625em !important;
    height: 1.5625em !important;
}

.modules-slider-swiper__pagination {
    height: 2.5em;
    z-index: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;
    margin-top: 0.5em;
    position: static !important;
    margin-top: 2.0625em;
}

.modules-slider-swiper__pagination .swiper-pagination-bullet {
    position: static;
    margin: 0 !important;
    background: white;
    width: 0.5em;
    height: 0.5em;
}

.modules-slider-slide {
    padding-right: 2.5em;
    padding-left: 2.5em;
}

.lesson-example {
    position: relative;
    padding-bottom: 7.1875em;
    max-width: 81.5625em;
}

.lesson-example.last {
    padding-bottom: 14.375em;
}

.lesson-example__container {
    position: relative;
    z-index: 150;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.lesson-subtitle__text {
    font-size: 1.3125em;
}

.lesson-example-container > div {
    padding-top: 1.4375em;
    position: relative;
}

.lesson-example-container > div::before {
    content: "";
    background: url("/design/img/downloads/noroot.png") no-repeat center/cover;
    -webkit-transform: rotate(140deg);
    transform: rotate(140deg);
    position: absolute;
    width: 10.625em;
    height: 10.625em;
    bottom: 0.3125em;
    right: 0;
}

.lesson-example-container__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 1em;
}

.lesson-example-container__visual {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42.75em;
    flex: 0 0 42.75em;
    max-width: 42.75em;
}

.lesson-example-content__title {
    margin-bottom: 0.5em;
}

.lesson-example-content__desc {
    max-width: 28.75em;
    margin-bottom: 0;
}

.lesson-desc__text {
    font-size: 1.25em;
    line-height: 1.2;
}

.lesson-example-visual__wrapper {
    border-radius: 0.75em;
    position: relative;
    z-index: 400;
}

.lesson-title {
    margin-top: 0.75em;
    margin-bottom: 0.9375em;
}

.lesson-title__text {
    font-weight: 400;
    line-height: 1.1;
    font-size: 2.0625em;
}

.learning {
    background: #faf5ff;
    padding-top: 5.625em;
    padding-bottom: 5.5em;
}

.learning .section__head {
    text-align: center;
    margin-bottom: 4.625em;
}

.learning-center .title-h2 {
    font-size: 3.25em;
}

.learning__container {
    padding-left: 0;
    padding-right: 0;
}

.learning-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.learning-cards__item {
    padding: 2.1875em 1.5625em;
    border-radius: 0.0625em;
}

.learning-card-tag {
    height: 2.6875em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 2.5em;
    margin-bottom: 0.625em;
}

.learning-card {
    min-height: 20.1875em;
    border-radius: 0.9375em;
}

.learning-card--purple {
    background: url("/design/img/downloads/1.png.webp") no-repeat center bottom/cover;
}

.learning-card--purple .learning-card-tag {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.25)));
    background: linear-gradient(0turn, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%);
}

.learning-card--purple .learning-card-desc {
    max-width: 12.5em;
}

.learning-card--white {
    background: white;
    color: #181718;
}

.learning-card--white .learning-card-tag {
    color: #9745ff;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(250, 245, 255)), to(rgb(250, 245, 255)));
    background: linear-gradient(0turn, rgb(250, 245, 255) 0%, rgb(250, 245, 255) 100%);
}

.learning-card__desc {
    font-size: 1.25em;
    margin-bottom: 0;
    line-height: 1.05;
}

.learning-subtitle {
    margin-top: 1.375em;
    text-align: center;
    margin-bottom: 1.0625em;
}

.learning-card-title {
    margin-bottom: 0.75em;
}

.learning-card-title__text {
    line-height: 1.1;
    font-weight: 400;
    display: block;
    font-size: 2.0625em;
}

.learning-points {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4.0625em 1.25em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.learning-point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1em;
}

.learning-point__icon img {
    width: 2.25em;
    height: 2.25em;
}

.learning-point__text {
    font-size: 1.25em;
    line-height: 1.1;
    margin-bottom: 0;
}

.learning-center {
    background: #181718;
    border-radius: 2.1875em;
    padding: 4.375em 3.75em 8.5625em 4.375em;
}

.skills__container {
    color: #181718;
    margin-top: 4.375em;
    text-align: center;
}

.skills__container .section__head {
    margin-bottom: 1.5625em;
}

.skills-cloud {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.625em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.skills-cloud__tag {
    color: #9745ff;
    font-weight: 400;
    height: 2.6875em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f0e5ff;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border-radius: 1.5625em;
}

.program-list.first .program-btn + div {
    display: none;
}

.main-page .program-list.first .program-item:first-child .program-btn + div {
    display: block;
}

.program-accordion.last {
    padding-bottom: 10em;
}

.program-accordion.last .program-container {
    max-width: 61.875em;
}

.program-accordion.last .section__head {
    margin-bottom: 2.875em;
}

.program-accordion.last .program-btn {
    min-height: 3.5625em;
}

.program-accordion.last .program-list__item:not(:last-child) {
    margin-bottom: 0.75em !important;
}

.program-accordion {
    padding-top: 5em;
    padding-bottom: 5.3125em;
}

.program-accordion .container-xl {
    max-width: 74.375em;
}

.program-accordion .section__head {
    margin-bottom: 2.625em;
}

.program-list__item {
    background: white;
    border-radius: 1.25em;
    border: none;
}

.program-list__item:not(:last-child) {
    margin-bottom: 0.3125em;
}

.program-body {
    padding: 0em 1.875em 1.875em;
    color: black;
}

.program-btn {
    min-height: 4.6875em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.875em;
    padding-right: 1.875em;
    cursor: pointer;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.program-btn.collapsed .ico {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.program-btn:hover .ico {
    stroke: white;
    background: #9745ff;
}

.program-btn .ico {
    min-width: 2.5em;
    height: 2.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    stroke: #9745ff;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.program-btn .ico svg {
    width: 1.5em;
    height: 1.5em;
}

.program-btn__text {
    font-size: 1.125em;
    margin-right: 0.5em;
    font-weight: 400;
    color: #181718;
}

.program-footer {
    height: 5em;
    margin-top: 3.4375em;
    background: rgb(250, 245, 255);
    border-radius: 0.75em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #181718;
}

.program-footer svg {
    width: 1.5em;
    height: 1.5em;
}

.program-footer__text {
    margin: 0;
    font-size: 1.25em;
}

.program-body-list {
    padding: 0;
    margin: 0;
    padding-left: 1em;
}

.program-body-list li:not(:last-child) {
    margin-bottom: 0.125em;
}

.program-body-image {
    width: 30em;
    margin-bottom: 0.625em;
}

.case-studies {
    padding-bottom: 7.8125em;
}

.case-studies .section__head {
    margin-bottom: 6.25em;
}

.case-studies-swiper__arrow {
    width: 3.75em;
    height: 3.75em;
    background: #247ec4;
    color: white;
    border-radius: 50%;
    transition: transform 0.2s ease;
}

.case-studies-swiper__arrow::after {
    display: none;
}

.case-studies-swiper__icon {
    width: 1.875em !important;
    height: 1.875em !important;
}

.case-card {
    background-color: rgb(250, 245, 255);
    min-height: 27.5em;
    color: #181818;
    padding: 2em;
    border-radius: 0.9375em;
}

.case-card-body__role {
    margin-top: 0.625em;
    opacity: 0.5;
}

.case-card-title {
    font-size: 1.625em;
    font-weight: 400;
    line-height: 1.2;
}

.case-card-title__highlight {
    color: #9745ff;
}

.case-card-text__span {
    font-size: 1.25em;
}

.about-author {
    position: relative;
    overflow: hidden;
}

.about-author::before {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 15.625em;
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#181718));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #181718 100%);
    z-index: 100;
}

.about-author .title-h1 {
    font-size: 2.6875em;
}

.about-author__container {
    max-width: 115em;
}

.about-author__container::before {
    content: "";
    width: 75em;
    height: 57.5em;
    background: radial-gradient(circle at center, rgba(14, 71, 157, 0.21) 0%, rgba(255, 247, 5, 0) 60%);
    position: absolute;
    left: 9.375em;
}

@media (max-width: 991px) {
    .about-author__container::before {
        left: 50%;
        transform: translateX(-50%);
        top: -5em;
        background: radial-gradient(62.32% 83.76% at 50% 50%, rgba(138, 14, 157, 0.34) 0%, rgba(138, 14, 157, 0) 60%);
    }
}

.author-content {
    position: relative;
    z-index: 100;
}

.author-content__subtitle span {
    font-size: 1.75em;
}

.author-content__name {
    margin-top: 5.625em;
    margin-bottom: 2.8125em;
}

.author-content__list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.author-list {
    max-width: 59.375em;
}

.author-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.3125em;
}

.author-list__item:not(:last-child) {
    margin-bottom: 2em;
}

.author-list__icon {
    min-width: 3.625em;
    width: 3.625em;
    height: 3.625em;
    margin-left: -0.625em;
}

.author-list__icon img {
    width: 100%;
}

.author-list__text {
    display: block;
    font-size: 1.25em;
    opacity: 0.75;
    line-height: 2.1;
}

.author-highlight {
    margin-top: 2em;
    max-width: 52.5em;
    color: #9745ff;
}

.author-highlight__text {
    font-size: 1.25em;
    line-height: 1.8;
}

.author-visual {
    margin-top: -3.125em;
}

.author-quote {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(156, 151, 151, 0.2)), to(rgba(255, 255, 255, 0.04)));
    background: linear-gradient(0turn, rgba(156, 151, 151, 0.2) 0%, rgba(255, 255, 255, 0.04) 100%);
    padding: 2.5em;
    border-radius: 1.5em;
    height: 18.8em;
}

.author-quote img {
    width: 3.5625em;
    margin-bottom: 1em;
}

.author-quote__text {
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.4;

    opacity: 0.8;
}

.author-partners-title {
    font-size: 0.875em;
    margin-bottom: 0.8333333333em;
    margin-top: 1.8em;
    margin-left: 1.2em;
}

.author-img {
    z-index: 50;
}

.author-partners {
    position: relative;
    z-index: 50;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.5em;
}

.author-partners a {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.author-partners a img {
    width: 100%;
}

.pricing {
    padding-top: 7.8em;
    position: relative;
}

.pricing::before {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 15.625em;
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#181718));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #181718 100%);
    z-index: 100;
}

.pricing .section__head {
    margin-bottom: 2.1875em;
}

input::placeholder {
    opacity: 0.6;
}

.pricing__container {
    position: relative;
    z-index: 100;
    max-width: 81.875em;
}

.contact-btn__text {
    font-size: 0.9em;
    line-height: 1.1;
    font-weight: 400;
}

.pricing__container .title-h2 {
    font-weight: 500;
}

.pricing-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.price-card {
    width: 25em;
    border: 2px solid rgba(151, 69, 255, 0.20);
    padding: 1.5em;
    border-radius: 1.5em;
    position: relative;
    overflow: hidden;
}

.price-card > * {
    position: relative;
    z-index: 50;
}

.price-card .button {
    width: 100%;
}

.price-card:before {
    content: "";
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(250, 245, 255)), to(rgba(255, 255, 255, 0.21)));
    background: linear-gradient(0turn, rgb(250, 245, 255) 0%, rgba(255, 255, 255, 0.21) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}

.price-card .button {
    color: white;
}

.price-card .button.orange {
    background: rgb(255, 105, 20) !important;
}

.price-card .button:not(:last-child) {
    margin-bottom: 0.625em;
}

.price-card-name__text span {
    color: #9745ff;
}

.price-features {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.price-features__item:not(:last-child) {
    margin-bottom: 1.5625em;
}

.price-card-header__desc {
    margin-bottom: 0.625em;
    line-height: 1.2;
}

.price-card .button {
    max-width: 18.5625em;
    margin-left: auto;
    margin-right: auto;
}

.price-card-footer {
    padding-top: 2.625em;
    margin-top: 2.25em;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, .25)
}

.price-feature-value__badge {
    min-height: 1.5625em;
}

.price-feature-value__badge,
.price-feature-value__num {
    height: 1.25em;
    white-space: nowrap;
    padding-left: 0.625em;
    padding-right: 0.625em;
    border-radius: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #9745ff;
}

.price-feature-value__icon {
    width: 1.25em;
    height: 1.25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #9745ff;
    border-radius: 50%;
}

.price-feature-value__icon--cross {
    opacity: 0.4;
}

.price-feature-value__svg {
    width: 0.9375em;
    height: 0.9375em;
}

.price-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2.75em;
}

.price-feature:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 1.25em;
}

.installment {
    padding-bottom: 5.3125em;
}

.installment-container {
    position: relative;
}

.installment-container::before {
    content: "";
    width: 49.375em;
    height: 49.375em;
    background: url("/design/img/downloads/Leonardo_Phoenix_Dig.png.webp") no-repeat center/cover;
    position: absolute;
    top: 30%;
    -webkit-transform: translateY(-50%) rotate(300deg);
    transform: translateY(-50%) rotate(300deg);
    right: 0;
    z-index: -10;
    opacity: 0.4;
    -webkit-filter: blur(34px);
    filter: blur(34px);
}

.installment-container__card {
    border-radius: 2.5em;
    padding-left: 5.8125em;
    padding-right: 2.8125em;
    background: linear-gradient(0.269turn, rgba(64, 64, 64, 0.48) 0%, rgba(46, 46, 46, 0.32) 100%);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 7.875em;
    padding-bottom: 3.6875em;
    max-width: 60.625em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

.installment-container__card > * {
    position: relative;
    z-index: 50;
}

.installment-container__card::before {
    content: "";
    background: url("/design/img/downloads/Leonardo_Phoenix_Dig.png.webp");
    position: absolute;
    width: 35em;
    height: 35em;
    top: -15%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -3.75em;
    -webkit-filter: blur(1.125em);
    filter: blur(1.125em);
    opacity: 0.5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.installment-container__card .center-box {
    margin-top: 0.625em;
    margin-bottom: 0.5em;
}

.installment-card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.installment-card-title__highlight {
    color: #9745ff;
    display: block;
}

.installment-card-title > span {
    font-weight: 400;
    line-height: 1;
    font-size: 4.25em;
}

.installment-card-desc__text {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    display: block;
}

.installment-card-desc__text span {
    line-height: 1.3;
    font-size: 1.5em;
}

.installment-card__logos {
    margin-bottom: 1.5em;
}

.installment-logos__logo.first {
    width: 14.3125em;
    margin-right: 2.5em;
}

.installment-logos__logo.last {
    width: 9.25em;
}

.installment-footer .target-btn {
    margin-top: 0 !important;
}

.installment-footer__text {
    font-size: 1.5em;
    text-align: center;
}

.installment-footer-text {
    margin-top: 1.5625em;
    margin-bottom: 1.6875em;
    color: #9745ff;
}

.contact-form {
    position: relative;
    overflow: hidden;
    padding-bottom: 11em;
}

.contact-form .section__head {
    margin-bottom: 0.9375em;
}

.contact-form__container {
    position: relative;
    z-index: 50;
    max-width: 61.25em;
}

.contact-wrapper {
    background: -webkit-gradient(linear, left top, right top, from(rgba(156, 156, 156, 0.22)), to(rgba(37, 36, 36, 0.36)));
    background: linear-gradient(0.25turn, rgba(156, 156, 156, 0.22) 0%, rgba(37, 36, 36, 0.36) 100%);
    padding: 2em;
    border-radius: 1.5em;
}

.contact-wrapper__span {
    font-size: 1.5em;
    line-height: 1.2;
}

.lead-page .contact-form-el__input {
    font-size: 1.5em;
    height: 3.5em;
}

.contact-form-el__input {
    height: 3.125em;
    width: 100%;
    border: none;
    padding-left: 0.9375em;
    background-color: rgb(65, 56, 78);
    border-radius: 0.75em;
    color: white;
    font-weight: 300;
}

.contact-form-el__input::-webkit-input-placeholder {
    color: white;
}

.contact-form-el__input::-moz-placeholder {
    color: white;
}

.contact-form-el__input:-ms-input-placeholder {
    color: white;
}

.contact-form-el__input::-ms-input-placeholder {
    color: white;
}

.contact-form-el__input::placeholder {
    color: white;
}

.contact-form-el__btn {
    height: 3.125em;
    width: 100%;
}

.contact-form-el__disclaimer {
    margin-bottom: 0;
    margin-top: 0.625em;
}

.contact-form-el__span {
    font-size: 0.625em;
    opacity: 0.5;
    line-height: 1.5;
    display: block;
}

.footer {
    background-color: #181718;
    padding-top: 1em;
    padding-bottom: 2em;
    position: relative;
    z-index: 50;
}

.footer__bottom {
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 2em;
}

.footer-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5em;
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer-nav__link {
    color: white;
    text-decoration: none;
}

.footer-nav__text {
    font-size: 0.9375em;
}

.footer-bottom {
    text-align: center;
}

.footer-bottom__text {
    opacity: 0.5;
    text-align: center;
}

.record-jumbotron {
    margin-top: 5.625em;
    padding-bottom: 3.75em;
}

.record-jumbotron a {
    color: white;
    text-decoration: underline;
    opacity: 0.5;
}

.record-jumbotron iframe {
    height: 32.5em;
    width: 100%;
    border-radius: 1.5em;
}

.prices-tariff {
    background: -webkit-gradient(linear, left top, right top, from(rgba(156, 156, 156, 0.22)), to(rgba(37, 36, 36, 0.36)));
    background: linear-gradient(90deg, rgba(156, 156, 156, 0.22) 0%, rgba(37, 36, 36, 0.36) 100%);
    padding: 2.5em;
    border-radius: 1.5em;
    max-width: 59.375em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.prices-tariff:before {
    content: "";
    width: 3.4375em;
    height: 3.4375em;
    background: url("/design/img/page-main/arrow-star.png") no-repeat center center/cover;
    position: absolute;
    top: -1.5625em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.prices-tariff .button {
    position: absolute;
    bottom: -1.875em;
    background: url("/design/img/page-main/button.png") no-repeat center center/cover;
}

.prices-tariff .button::before {
    content: "";
    position: absolute;
    width: 9.75em;
    height: 6.875em;
    background: url("/design/img/page-main/arrow-prices.png") no-repeat center center/cover;
    right: -11.25em;
    top: -3.4375em;
}

.prices-tariff .row {
    max-width: 43.75em;
    margin-left: auto;
    margin-right: auto;
}

.prices-tariff .row .title-h2 {
    font-size: 3em;
}

.prices-tariff__head {
    margin-bottom: 0.5em;
}

.prices-tariff__head .title-h3 {
    line-height: 1;
    font-size: 2.75em;
}

.prices-tariff__head .title-h3 + * {
    line-height: 1;
    font-size: 1.0625em;
    margin-top: 0.1764705882em;
}

.prices-tariff__footer {
    margin-top: 1.875em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.prices-tariff__footer > *:first-child {
    font-size: 0.9375em;
}

.prices-tariff__footer .timer {
    font-size: 2.5em;
    line-height: 1;
    margin-top: -0.05em;
}

.prices-tariff__footer > span {
    opacity: 0.5;
    font-size: 1.5em;
}

.prices-tariff .prices {
    margin-top: 0.1875em;
}

.prices-tariff .price-old {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: line-through;
    opacity: 0.5;
}

.prices-tariff .price-new {
    font-size: 2.875em;
    font-weight: 400;
    line-height: 1;
    color: #ff6914;
}

.gift-box {
    background: -webkit-gradient(linear, left top, right top, from(rgba(156, 156, 156, 0.22)), to(rgba(37, 36, 36, 0.36)));
    background: linear-gradient(0.25turn, rgba(156, 156, 156, 0.22) 0%, rgba(37, 36, 36, 0.36) 100%);
    padding: 1.25em 2.8125em 1.25em 1.25em;
    border-radius: 1.5em;
    position: relative;
    height: 19em;
    max-width: 63.125em;
    margin-left: auto;
    margin-right: auto;
}

.gift-box:before {
    content: "";
    width: 2.1875em;
    height: 2.1875em;
    background: url("/design/img/page-main/arrow-star.png") no-repeat center center/cover;
    position: absolute;
    top: -1.125em;
    left: 7.5em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.gift-box:after {
    content: "";
    background: url("/design/img/page-main/gift-2.png") no-repeat center center/cover;
    position: absolute;
    width: 6.25em;
    height: 6.25em;
    top: -2.5em;
    right: -1.25em;
    -webkit-transform: rotate(32deg);
    transform: rotate(32deg);
}

.gift-box .img-gift {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
    margin-left: -1.5625em;
    margin-top: 0.5em;
}

.gift-box .title-h3 {
    margin-bottom: 0.3125em;
    font-size: 2em;
}

.head-icon {
    width: 9.375em;
    height: auto;
    margin-right: 1.25em;
}

.nice-countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nice-countdown > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nice-countdown > div:not(:last-child) {
    border-right: 0.125em solid rgba(255, 255, 255, 0.2);
}

.nice-countdown > div span:first-child {
    line-height: 1;
    font-size: 4.375em;
    font-weight: 400;
}

.nice-countdown > div span:last-child {
    margin-top: 0.625em;
}

.record-page {
    position: relative;
}

.record-page .record-section-three .section__head {
    z-index: 100;
    position: relative;
}

.record-page .header-nav {
    display: none;
}

.record-page::before,
.record-page::after {
    display: none;
}

.record-section-two {
    padding-bottom: 3.75em;
    position: relative;
}

.record-section-two::before {
    content: "";
    width: 80em;
    height: 80em;
    background: radial-gradient(62.32% 83.76% at 50% 50%, rgba(138, 14, 157, 0.34) 0%, rgba(138, 14, 157, 0) 60%);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 80;
}

.record-section-two .title-h2 {
    font-weight: 400;
    font-size: 2.375em;
}

.record-section-two .section__head {
    margin-bottom: 2.1875em;
}

.record-section-two > div {
    position: relative;
    z-index: 100;
}

.record-section-three {
    margin-bottom: 7.3125em;
}

.record-section-three .section__head {
    margin-bottom: 7.5em;
}

.record-section-three .title-h2 {
    margin-left: -1.2121212121em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    position: relative;
    padding-left: 0.7142857143em;
    font-size: 1.75em;
}

.record-section-three .title-h2:before {
    content: "";
    background: url("/design/img/page-main/arrow.png") no-repeat center center/cover;
    width: 2.9642857143em;
    height: 2.9642857143em;
    left: 46%;
    position: absolute;
    top: 1.6071428571em;
}

.record-section-three .title-h2 span {
    margin-top: 0.1785714286em;
    color: white;
}

.record-section-three .title-h2 img {
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg);
    margin-right: 1.4285714286em;
}

.record-page .modules-slider {
    padding-bottom: 4.0625em;
}

.record-page .lesson-example {
    padding-bottom: 9.6875em;
}

.record-page .contact-form {
    padding-bottom: 5.75em;
    padding-top: 5em;
    position: relative;
}

.record-page .contact-form::after {
    content: "";
    width: 50em;
    height: 37.5em;
    background: radial-gradient(62.32% 83.76% at 50% 50%, rgba(138, 14, 157, 0.34) 0%, rgba(138, 14, 157, 0) 60%);
    position: absolute;
    top: 0;
    right: 0;
    position: absolute;
}

.record-page .contact-form::before {
    content: "";
    background: url("/design/img/downloads/Leonardo_Phoenix_Dig.png.webp") no-repeat center center/cover;
    width: 46.25em;
    height: 46.25em;
    position: absolute;
    opacity: 0.2;
    -webkit-filter: blur(3.125em);
    filter: blur(3.125em);
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: 10%;
}

.record-page .contact-form .section__head {
    margin-bottom: 0.9375em;
}

.record-page .contact-form .contact-form-el__disclaimer {
    margin-top: 1.75em;
    display: block;
}

.record-page .contact-form .contact-wrapper__span {
    font-size: 1.3125em;
}

.record-page .contact-form .title-h2 {
    font-size: 2.09375em;
}

.record-page .pricing {
    background: radial-gradient(circle at center, rgb(49, 28, 49) 0%, rgb(24, 23, 24) 93%);
    padding-bottom: 8.75em;
    position: relative;
}

.record-page .pricing > div {
    position: relative;
    z-index: 100;
}

.record-page .pricing::after {
    content: "";
    left: 0;
    right: 0;
    height: 18.75em;
    top: 0;
    background: rgba(24, 23, 24, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 23, 24, 0)), color-stop(88%, rgb(25, 23, 25)));
    background: linear-gradient(180deg, rgba(24, 23, 24, 0) 0%, rgb(25, 23, 25) 88%);
    position: absolute;
    z-index: 50;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.record-page .pricing::before {
    content: "";
    left: 0;
    right: 0;
    height: 18.75em;
    bottom: 0;
    background: rgba(24, 23, 24, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 23, 24, 0)), color-stop(88%, rgb(25, 23, 25)));
    background: linear-gradient(180deg, rgba(24, 23, 24, 0) 0%, rgb(25, 23, 25) 88%);
    position: absolute;
    z-index: 50;
}

.record-page .pricing .price-card-footer {
    margin-top: 1.875em;
}

.record-page .program-accordion.last {
    padding-bottom: 5em;
}

.record-page .program-accordion.last .program-container {
    max-width: 74.375em;
}

.record-page .program-accordion.last .program-item:not(:last-child) {
    margin-bottom: 0.3125em !important;
}

.record-page .program-accordion.last .program-body {
    padding-bottom: 2.1875em;
}

.record-page .program-accordion.last .program-btn {
    min-height: 4.64375em;
}

.record-page .program-accordion.last .section__head {
    margin-bottom: 2.5em;
}

.record-page .program-accordion.last .title-h2 {
    font-size: 2.625em;
}

.record-page .program-accordion.first {
    padding-bottom: 7.8125em;
}

.record-page .program-accordion.first .section__head {
    margin-bottom: 5.625em;
}

.record-page .program-accordion.first .program-list__item {
    background: rgb(46, 43, 43);
    color: white;
}

.record-page .program-accordion.first .program-list__item:not(:last-child) {
    margin-bottom: 0.625em;
}

.record-page .program-accordion.first .program-btn__text {
    font-size: 1.5em;
}

.record-page .program-accordion.first .program-btn__text,
.record-page .program-accordion.first .program-body {
    color: white;
}

.record-page .program-accordion.first .program-btn {
    height: 5.125em;
}

.record-page .program-accordion.first .program-container {
    max-width: 61.25em;
}

.final-page {
    padding-top: 3.625em;
}

.final-page .gift {
    z-index: 200;
    position: relative;
}

.final-page .gift .section__title span {
    font-size: 1.6em;
}

.final-page::after {
    display: none;
}

.final-page .first > div {
    position: relative;
    z-index: 100;
}

.final-page main::before {
    content: "";
    width: 80em;
    height: 59.5625em;
    background: radial-gradient(62.32% 83.76% at 50% 50%, rgba(138, 14, 157, 0.34) 0%, rgba(138, 14, 157, 0) 60%);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 1.25em;
    z-index: 80;
}

.final-page .contact-form {
    padding-top: 5em !important;
}

.final-page .contact-form .section__head {
    margin-bottom: 2.1875em;
}

.final-page .contact-form .title-h2 {
    font-size: 2.875em;
}

.final-page .pricing {
    padding-bottom: 6.25em;
}

.final-page .pricing .section__head {
    margin-bottom: 4.0625em;
}

.final-page .pricing .pricing-grid {
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
}

.final-page .pricing .price-card {
    width: 23em;
}

.final-page .pricing .price-card {
    padding: 1.75em 0.75em;
}

.final-page .pricing .price-features__item:not(:last-child) {
    margin-bottom: 1.5625em;
}

.final-page .pricing .price-card__footer {
    max-width: 18.125em;
    margin-top: 2.5em;
    margin-left: auto;
    margin-right: auto;
}

.final-page .prices-tariff__head {
    margin-bottom: 2.1875em;
}

.final-page .prices-tariff__footer {
    margin-top: 4.5625em;
}

.final-page .first {
    padding-bottom: 4.6875em;
}

.final-page .first .section__head {
    margin-bottom: 3.125em;
}

.final-page .section-timer {
    padding-bottom: 15.625em;
    padding-top: 1.5em;
}

.final-page .gift {
    margin-bottom: 4.375em;
}

.final-page .gift img {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
    margin-right: 0.9375em;
}

.final-page .gift .section__title {
    margin-left: -1.2121212121em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    position: relative;
    padding-left: 0.6060606061em;
    font-size: 1.25em;
}

.final-page .gift .section__title:before {
    content: "";
    background: url("/design/img/page-main/arrow.png") no-repeat center center/cover;
    width: 3.6em;
    height: 3.6em;
    left: 46%;
    position: absolute;
    top: 2.3636363636em;
}

.final-page .gift .section__title span {
    margin-top: 0.1515151515em;
    color: white;
}

.final-page .gift .section__title img {
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg);
    margin-right: 2em;
    margin-top: -1em;
}

.final-page .gift-box::after,
.web-b-page .gift-box::after {
    width: 17.8125em;
    height: 17.8125em;
    -webkit-transform: none;
    transform: none;
    top: -4.375em;
    right: -4.375em;
    background: url("/design/img/downloads/Group_1000004572_1.png.webp") no-repeat center center/cover;
}

.final-page .contact-form::after {
    content: "";
    width: 50em;
    height: 37.5em;
    background: radial-gradient(62.32% 83.76% at 50% 50%, rgba(138, 14, 157, 0.34) 0%, rgba(138, 14, 157, 0) 60%);
    position: absolute;
    top: 0;
    right: 0;
    position: absolute;
}

.final-page .contact-form::before {
    content: "";
    background: url("/design/img/downloads/Leonardo_Phoenix_Dig.png.webp") no-repeat center center/cover;
    width: 46.25em;
    height: 46.25em;
    position: absolute;
    opacity: 0.2;
    -webkit-filter: blur(3.125em);
    filter: blur(3.125em);
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: 10%;
}

.final-page .about-video {
    padding-bottom: 5.9375em;
}

.final-page .title-h2 {
    font-size: 2.625em;
}

.final-page .white-box {
    background: #FAF5FF;
    padding-top: 5.6875em;
    padding-bottom: 3.75em;
}

.final-page .white-box .gift-box,
.web-b-page .white-box .gift-box {
    background: white;
    color: black;
    padding-left: 5em;
    height: 21.875em;
    max-width: 61.5em;
    padding-right: 5em;
    padding-top: 1.875em;
}

.final-page .white-box .gift-box .title-h3 {
    font-size: 2.0625em;
}

.final-page .white-box .gift-box::before {
    display: none;
}

.final-page .white-box .gift-box__list {
    background: rgb(151, 69, 255);
    border-radius: 0.75em;
    height: 11.625em;
}

.record-page .contact-form {
    padding-top: 3.75em;
}

.record-page main::before,
.record-page main::after {
    display: none;
}

body main {
    overflow: hidden;
    position: relative;
}

@media (min-width: 992px) {
    body main::after {
        content: "";
        width: 106.25em;
        height: 73.375em;
        background: radial-gradient(60.01% 90.42% at 50% 50%, rgba(14, 157, 107, 0.21) 0%, rgba(14, 157, 107, 0) 60%);
        position: absolute;
        left: -30%;
        top: 0;
        z-index: 50;
    }

    body main::before {
        content: "";
        width: 80em;
        height: 59.5625em;
        background: radial-gradient(62.32% 83.76% at 50% 50%, rgba(138, 14, 157, 0.34) 0%, rgba(138, 14, 157, 0) 60%);
        position: absolute;
        right: -30%;
        top: 1.25em;
        z-index: 80;
    }

    .lead-page__container {
        position: relative;
        z-index: 50;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .hero::after {
        content: "";
        width: 50em;
        height: 37.5em;
        background: radial-gradient(62.32% 83.76% at 50% 50%, rgba(138, 14, 157, 0.34) 0%, rgba(138, 14, 157, 0) 60%);
        position: absolute;
        top: 0;
        right: 0;
        position: absolute;
    }

    .hero::before {
        content: "";
        left: 0;
        right: 0;
        height: 18.75em;
        bottom: 0;
        background: rgba(24, 23, 24, 0);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 23, 24, 0)), color-stop(88%, rgb(25, 23, 25)));
        background: linear-gradient(180deg, rgba(24, 23, 24, 0) 0%, rgb(25, 23, 25) 88%);
        position: absolute;
        z-index: 50;
    }

    .hero-btn:first-child {
        min-width: 12.5em;
    }

    .hero-btn:last-child {
        width: 10.5em;
    }

    .target-grid__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31%;
        flex: 0 0 31%;
        max-width: 31%;
    }

    .target-btn {
        padding-left: 2.5em;
        padding-right: 2.5em;
    }

    .modules-slider-swiper img {
        min-height: 0;
        height: auto;
    }

    .lesson-example-container > div {
        padding-left: 5.9375em;
    }

    .lesson-example-visual__wrapper {
        width: 42.75em;
        overflow: hidden;
    }

    .learning-cards__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48.5%;
        flex: 0 0 48.5%;
        max-width: 48.5%;
    }

    .learning-point {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        max-width: 47%;
    }

    .case-studies .swiper-slide {
        width: 32.5em;
    }

    .author-img {
        position: absolute;
        top: -13.75em;
        right: -4.375em;
        width: 61.375em;
    }

    .installment-card-desc__text {
        width: 21.25em;
        min-width: 21.875em;
    }

    .nice-countdown > div {
        width: 9.0625em;
    }
}

@media (min-width: 1921px) {
    body {
        font-size: 16px;
    }
}

@media (max-width: 1290px) {
    body {
        font-size: 1vw;
    }
}

@media (max-width: 991px) {
    .container-fluid {
        padding-left: 0.9375em;
        padding-right: 0.9375em;
    }

    .title-h1 {
        font-size: 1.75em;
    }

    .title-h2 {
        font-size: 2em;
        font-weight: 400;
    }

    .title-h3 {
        font-size: 1.5em;
    }

    .title-h4 {
        font-size: 1.375em;
    }

    .title-h5 {
        font-size: 0.875em;
    }

    body {
        font-size: 4.1025641026vw;
    }

    .section {
        padding-bottom: 5em;
    }

    .section--sm {
        padding-bottom: 2.5em;
    }

    .section__head {
        margin-bottom: 2em;
    }

    .lead-page {
        text-align: center;
        padding-bottom: 2.5em;
    }

    .lead-page .title-h1 {
        font-size: 1.625em;
        max-width: 12.3076923077em;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.2;
    }

    .lead-page__container {
        padding-top: 6.25em;
    }

    .lead-page__container .contact-wrapper {
        height: initial;
        max-width: 100%;
        margin-top: 0.9375em;
        padding: 1.5em;
    }

    .lead-page__container .contact-wrapper__span {
        font-size: 1em;
        line-height: 1.2;
    }

    .lead-page__container .contact-wrapper__span br {
        display: none;
    }

    .lead-page__container input,
    .lead-page__container .button {
        height: 3.5em;
    }

    .lead-page .contact-btn__text {
        font-size: 1em;
    }

    .header__container {
        height: 4.0625em;
        padding-left: 1.25em;
        padding-right: 1.25em;
    }

    .header__nav {
        display: none;
    }

    .header-menu-open {
        margin-right: -0.625em;
    }

    .header-menu-open svg {
        width: 2.5em;
        height: 2.5em;
    }

    .header-logo__img {
        width: auto;
        height: 2.75em;
    }

    .header-nav {
        display: none;
    }

    .header-nav__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 1em;
    }

    .header-nav__text {
        font-size: 1.2em;
    }

    .header-actions {
        display: none;
    }

    .hero {
        margin-bottom: 7.1875em;
    }

    .hero::after {
        content: "";
        background: url("/design/img/downloads/Lovepik_com-38014449.png.webp") no-repeat center/cover;
        width: 20em;
        height: 20em;
        position: absolute;
        top: 35%;
        right: -11.25em;
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    .hero::before {
        content: "";
        background: url("/design/img/downloads/Lovepik_com-38014449.png.webp") no-repeat center/cover;
        width: 25.3125em;
        height: 23.5625em;
        position: absolute;
        top: 25%;
        left: -12.5em;
        -webkit-transform: scale(0.6) rotate(21deg);
        transform: scale(0.6) rotate(21deg);
    }

    .hero__container {
        padding-left: 0.9375em;
        padding-right: 0.9375em;
    }

    .hero-container__content {
        height: initial;
        width: initial;
        padding-top: 5em;
    }

    .hero-content__title {
        margin-bottom: 0;
        margin-top: 0.125em;
    }

    .hero-subtitle__text {
        font-size: 0.84375em;
    }

    .hero-title__text {
        font-size: 1.8125em;
        line-height: 0.9;
    }

    .hero-title__text br {
        display: none;
    }

    .hero-offer {
        padding: 1em;
    }

    .hero-actions {
        gap: 0.5em;
        margin-top: -1.875em;
        max-width: 18.75em;
        margin-left: auto;
        margin-right: auto;
    }

    .hero-actions__btn {
        height: 3.125em;
    }

    .hero-btn {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 2.8125em;
    }

    .hero-btn__text {
        font-size: 0.875em;
    }

    .hero-visual {
        position: static;
        width: 100%;
        margin-top: -3.9375em;
    }

    .hero-info {
        position: absolute;
        bottom: -22.8125em;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(156, 156, 156, 0.79)), to(rgb(37, 36, 36)));
        background: linear-gradient(0.5turn, rgba(156, 156, 156, 0.79) 0%, rgb(37, 36, 36) 100%);
        border-radius: 1.5em;
        padding: 0.625em;
        width: 18.75em;
        margin-left: auto;
        margin-right: auto;
        min-height: 5.625em;
        padding: 0;
        left: 0;
        right: 0;
    }

    .hero-info__name {
        font-size: 1.125em;
    }

    .hero-info__role {
        margin-top: 0;
        margin-bottom: 0;
    }

    .hero-info__role-text {
        font-size: 0.8125em;
    }

    .hero-info__logos a:first-child img {
        width: 2.5em;
    }

    .hero-info__logos .last:last-child img {
        width: 6.25em;
        height: 1.25em;
    }

    .about-video {
        padding-bottom: 10.625em;
    }

    .about-video__container {
        padding-left: 3em;
        padding-right: 3em;
    }

    .about-video .section__head {
        text-align: left !important;
        padding-left: 0;
    }

    .about-video .title-h3 {
        font-size: 1em;
    }

    .about-video-wrapper__iframe {
        height: 32.5em;
    }

    .target::after {
        content: "";
        width: 50em;
        height: 50em;
        background: radial-gradient(62.32% 83.76% at 50% 50%, rgba(138, 14, 157, 0.34) 0%, rgba(138, 14, 157, 0) 60%);
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0;
        z-index: 80;
    }

    .target::before {
        content: "";
        width: 50em;
        height: 50em;
        background: radial-gradient(60.01% 90.42% at 50% 50%, rgba(14, 157, 107, 0.21) 0%, rgba(14, 157, 107, 0) 60%);
        position: absolute;
        left: -30%;
        top: 40%;
        z-index: 50;
    }

    .target {
        padding-bottom: 10.625em;
    }

    .target .target-btn {
        max-width: 21.875em;
        white-space: initial;
        padding-right: 1.25em;
        padding-left: 1.25em;
        height: 5em;
    }

    .target .section__head {
        margin-bottom: 3.75em;
    }

    .target .title-h2 {
        font-size: 1.75em;
        margin-left: 0.4285714286em;
    }

    .target-grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 1.875em;
        margin-right: 1.875em;
        row-gap: 4.5em;
    }

    .target-card-header {
        margin-bottom: 1.25em;
    }

    .target-card-header__icon {
        width: 3.875em;
        height: 3.875em;
    }

    .target-info-content {
        margin-top: 3.4375em;
        margin-left: -0.9375em;
        margin-right: -0.9375em;
        height: initial;
        margin-bottom: 2.0625em;
        padding-right: 1.25em !important;
    }

    .target-card-title {
        font-size: 0.98125em;
        line-height: 1;
        margin-bottom: 0.127388535em;
    }

    .target-card-desc__text {
        font-size: 1em;
        font-weight: 300;
        line-height: 1.2;
        display: block;
    }

    .target-info-content {
        padding: 1em;
        gap: 1em;
    }

    .target-info-content__icon {
        min-width: 1.1875em;
        height: 1.1875em;
        margin-right: 0;
    }

    .target-info-text {
        color: #181718;
    }

    .target-btn {
        width: 100%;
        margin-top: 1em;
    }

    .modules-slider {
        padding-bottom: 3.75em;
    }

    .modules-slider .section__head {
        margin-bottom: 2.8125em;
    }

    .modules-slider .title-h2 {
        font-size: 1.875em;
    }

    .modules-slider-swiper__arrow--prev {
        left: 0.9375em;
    }

    .modules-slider-swiper__arrow--next {
        right: 0.9375em;
    }

    .modules-slider-swiper__pagination {
        margin-top: 1.5625em;
    }

    .modules-slider-slide {
        padding-right: 0;
        padding-left: 0;
    }

    .lesson-example {
        padding-bottom: 5em;
    }

    .lesson-example::after {
        content: "";
        width: 37.5em;
        height: 37.5em;
        background: radial-gradient(62.32% 83.76% at 50% 50%, rgba(138, 14, 157, 0.34) 0%, rgba(138, 14, 157, 0) 60%);
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 10%;
        z-index: 80;
    }

    .lesson-example.last {
        padding-bottom: 3.75em;
    }

    .lesson-example__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .lesson-subtitle__text {
        font-size: 0.875em;
    }

    .lesson-example-container > div::before {
        display: none;
    }

    .lesson-desc__text {
        opacity: 0.75;
        font-size: 1em;
        line-height: 1.3;
        max-width: 18.75em;
        display: block;
    }

    .lesson-example-visual__wrapper {
        margin-top: 2.5em;
        min-height: 12.5em;
    }

    .lesson-title__text {
        font-size: 2.4375em;
        line-height: 1.1;
        font-weight: 400;
    }

    .learning {
        padding: 2.3125em 0.75em 5.25em;
    }

    .learning .section__head {
        margin-bottom: 2.625em;
    }

    .learning-center .title-h2 {
        font-weight: 400;
        font-size: 1.625em;
    }

    .learning-cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0.625em;
    }

    .learning-cards__item {
        padding: 0.9375em 1.5625em;
        border-radius: 1.875em !important;
    }

    .learning-card-tag {
        height: 1.375em;
    }

    .learning-card-tag__text {
        font-size: 0.625em;
    }

    .learning-card {
        min-height: 10.3125em;
    }

    .learning-card__desc {
        font-size: 1.125em;
    }

    .learning-card-desc__text {
        font-size: 0.625em;
        line-height: 1.2;
        display: block;
        max-width: 15em;
    }

    .learning-subtitle {
        margin-top: 2.5em;
        margin-bottom: 1.5625em;
    }

    .learning-card-title__text {
        font-size: 1.125em;
        font-weight: 400;
    }

    .learning-points {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.875em;
    }

    .learning-point__icon img {
        width: 1.3125em;
        height: 1.3125em;
    }

    .learning-point__text {
        font-size: 0.75em;
    }

    .learning-center {
        padding: 2.5em 3.125em 3.4375em 3.125em;
    }

    .skills__container {
        margin-top: 3.75em;
    }

    .skills__container .section__head {
        margin-bottom: 2.8125em;
    }

    .skills__container .section__title {
        line-height: 1.1;
    }

    .skills-cloud__tag {
        font-size: 0.75em;
    }

    .program-accordion.last {
        padding-bottom: 5.625em;
    }

    .program-accordion.last .program-list__item {
        max-width: 21.875em;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .program-accordion.last .program-btn__text {
        font-size: 1em;
    }

    .program-accordion {
        padding-top: 5em;
    }

    .program-accordion .program-container {
        max-width: 23.75em;
    }

    .program-body {
        padding: 0em 1.25em 2.1875em 1.25em;
    }

    .program-btn {
        padding: 1.25em;
    }

    .program-btn__text {
        font-size: 1.125em;
        margin-right: 0;
        line-height: 1.2;
    }

    .program-footer {
        height: initial;
        padding: 1em;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 3.75em;
        margin-left: -0.9375em;
        margin-right: -0.9375em;
    }

    .program-footer svg {
        min-width: 1.1875em;
    }

    .program-footer__text {
        line-height: 1.2;
    }

    .program-body-list li:not(:last-child) {
        margin-bottom: 0.1875em;
    }

    .program-body-list li {
        line-height: 1.2;
        font-size: 0.8125em;
    }

    .program-body-image {
        width: 100%;
        margin-bottom: 1.25em;
    }

    .case-studies {
        padding-bottom: 4.6875em;
    }

    .case-studies .section__head {
        margin-bottom: 2.8125em;
    }

    .case-studies-swiper__slide {
        width: 100%;
    }

    .case-card-text__span {
        font-size: 1em;
    }

    .case-studies-container__swiper .swiper-slide {
        padding-left: 2.1875em;
        padding-right: 2.1875em;
    }

    .about-author {
        overflow: hidden;
        padding-top: 3.125em !important;
    }

    .about-author .title-h1 {
        font-size: 1.875em;
    }

    .about-author__head {
        position: relative;
        z-index: 50;
    }

    .author-content__subtitle span {
        font-size: 0.875em;
    }

    .author-content__name {
        margin-top: 0.5em;
    }

    .author-list__icon {
        min-width: 2em;
        width: 2em;
        height: 2em;
    }

    .author-list__text {
        font-size: 1em;
        line-height: 1.3;
    }

    .author-list__text br {
        display: none;
    }

    .author-highlight {
        margin-top: 2em;
        margin-bottom: 2em;
        text-align: center;
        line-height: 1.2;
    }

    .author-highlight__text {
        font-size: 0.9em;
    }

    .author-visual {
        z-index: 150;
        position: relative;
    }

    .author-quote {
        padding: 1em;
        margin-bottom: 1.5em;
    }

    .author-quote img {
        width: 1.875em;
    }

    .author-quote__text {
        font-size: 0.875em;
    }

    .author-partners-title {
        font-size: 0.875em;
        margin-left: 1.7857142857em;
        margin-top: 1.4285714286em;
        margin-bottom: 1.4285714286em;
    }

    .author-img {
        position: relative;
        width: 21.875em;
        height: 31.25em;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
        margin-left: auto;
        margin-right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: -4.375em;
    }

    .author-partners {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0.625em 0em;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 1.25em;
    }

    .author-partners a:first-child img {
        width: 9.3125em;
    }

    .author-partners a:nth-child(2) img {
        width: 11.0625em;
    }

    .author-partners a:nth-child(3) img {
        width: 5.4375em;
    }

    .author-partners a:nth-child(4) img {
        width: 2.5em;
    }

    .author-partners a:nth-child(5) img {
        width: 7.125em;
    }

    .author-partners a img {
        max-width: 100%;
        width: 50%;
    }

    .main-page .about-author__head {
        padding-left: 1.25em;
    }

    .main-page .author-content__name {
        margin-top: 0.9375em;
    }

    .main-page .author-img {
        margin-top: -7.5em;
        margin-bottom: -3.4375em;
    }

    .main-page .author-quote img {
        width: 0.9375em;
        margin-bottom: 0.3125em;
    }

    .main-page .author-list__item:not(:last-child) {
        margin-bottom: 1.25em;
    }

    .main-page .author-partners a:nth-child(6) img {
        width: 2.5em;
    }

    .main-page .author-partners a:nth-child(7) img {
        width: 2.5em;
    }

    .main-page .pricing .section__head {
        margin-bottom: 3.4375em;
    }

    .main-page .price-features__item:not(:last-child) {
        margin-bottom: 1.90625em;
    }

    .main-page .installment-container__card {
        height: 20.9375em;
        padding-top: 3.125em;
    }

    .main-page .installment-card-desc__text {
        margin-top: 0.9375em;
    }

    .main-page .installment-card__logos {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .main-page .contact-wrapper__desc {
        margin-bottom: 3.75em;
    }

    .main-page .contact-form-el__input {
        height: 3.125em;
    }

    .main-page .contact-form-el__disclaimer {
        padding-bottom: 0.625em;
    }

    .main-page .program-accordion.last .program-btn {
        height: 5.25em;
    }

    .main-page .program-accordion.last {
        padding-bottom: 5.9375em;
    }

    .main-page .installment-footer-text {
        margin-bottom: 2.5em;
    }

    .main-page .installment-logos__logo.first {
        width: 6.25em;
        margin-right: 1.25em;
    }

    .main-page .installment-logos__logo.last {
        width: 6.25em;
    }

    .main-page .pricing {
        padding-top: 6.5625em;
        padding-bottom: 8.75em;
    }

    .main-page .pricing .title-h2 {
        font-size: 2.25em !important;
    }

    .main-page .author-quote__text {
        font-size: 0.625em;
    }

    .main-page .author-quote {
        margin-left: 1.25em;
        height: initial;
    }

    .pricing {
        padding-top: 5em;
    }

    .pricing-grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.125em;
    }

    .price-card {
        width: 100%;
    }

    .installment-container__card {
        padding: 1.875em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .installment-card-title > span {
        font-weight: 400;
        font-size: 2.1875em;
    }

    .installment-card-desc__text br {
        display: none;
    }

    .installment-card-desc__text span {
        font-size: 0.9375em;
    }

    .installment-card__logos {
        margin-bottom: 0;
    }

    .installment-footer__text {
        font-size: 1.375em;
        max-width: 15.9090909091em;
        line-height: 1;
        font-weight: 400;
    }

    .installment-footer .button {
        max-width: 21.875em;
        height: 5em;
        border-radius: 1.5em;
    }

    .contact-form {
        padding-bottom: 3.125em;
    }

    .contact-form .title-h2 {
        font-size: 1.125em;
        max-width: 15.5555555556em;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.8333333333em;
    }

    .contact-form__container {
        padding-top: 1.875em;
        text-align: center;
    }

    .contact-wrapper {
        padding: 1.5em;
        max-width: 18.125em;
        margin-left: auto;
        margin-right: auto;
    }

    .contact-wrapper__span {
        line-height: 1.3;
        display: block;
        font-size: 0.75em;
    }

    .contact-form-el__span {
        font-size: 0.75em;
    }

    .footer {
        padding-left: 0.9375em;
        padding-right: 0.9375em;
    }

    .footer-nav__list {
        gap: 1.25em;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .record-jumbotron {
        margin-top: 5em;
    }

    .record-jumbotron {
        margin-left: -0.9375em;
        margin-right: -0.9375em;
    }

    .record-jumbotron iframe {
        height: 35em;
    }

    .prices-tariff:before {
        width: 2.0625em;
        height: 2.0625em;
        margin-top: 0.625em;
    }

    .prices-tariff .button {
        bottom: -2.5em;
    }

    .prices-tariff .button::before {
        width: 3.8125em;
        height: 3.125em;
        right: -2.5em;
        top: -0.625em;
    }

    .prices-tariff {
        padding: 1.5em;
    }

    .prices-tariff .row .title-h2 {
        font-size: 1.375em;
    }

    .prices-tariff__head {
        margin-bottom: 1.875em;
    }

    .prices-tariff__head .title-h3 {
        font-size: 1.875em;
    }

    .prices-tariff__footer .timer {
        font-size: 2.5em;
    }

    .prices-tariff__footer > span {
        font-size: 1.25em;
    }

    .prices-tariff .price-old {
        font-size: 1.25em;
    }

    .prices-tariff .price-new {
        font-size: 1.25em;
    }

    .gift-box .title-h3 {
        font-size: 1.25em;
        max-width: 10em;
        font-weight: 300;
    }

    .gift-box {
        padding: 1.5em;
        height: 32.625em;
        max-width: 20.1875em;
    }

    .gift-box .row {
        text-align: center;
        margin-top: 3.125em;
    }

    .gift-box .img-fluid {
        margin-left: auto;
    }

    .nice-countdown > div {
        padding-left: 1.25em;
        padding-right: 1.25em;
    }

    .nice-countdown > div span:first-child {
        line-height: 1;
        font-size: 2.5em;
    }

    .record-section-two .title-h2 {
        font-size: 1.5em;
        font-weight: 300;
    }

    .record-section-two .section__head .prices-tariff__footer {
        margin-top: 0.625em;
        margin-bottom: 3.125em;
    }

    .record-section-three {
        margin-bottom: 5em;
    }

    .record-section-three .title-h2 {
        font-size: 1.75em;
        font-weight: 300;
    }

    .record-section-three .title-h2:before {
        width: 1.5714285714em;
        height: 1.5714285714em;
        top: 100%;
        left: 50%;
        margin-left: -0.7857142857em;
    }

    .record-section-three .title-h2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        padding: 0;
    }

    .record-section-three .title-h2 img {
        width: 2.8571428571em;
        margin-left: auto;
        margin-right: auto;
    }

    .record-page .contact-form {
        padding-bottom: 5em;
    }

    .record-page .contact-form .title-h2 {
        font-size: 1.125em;
    }

    .record-page .pricing {
        padding-bottom: 3.125em;
    }

    .record-page .program-accordion.last .title-h2 {
        font-size: 2em;
    }

    .record-page .program-accordion.first .title-h2 {
        font-size: 1.875em;
        max-width: 9.6666666667em;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .record-page .program-accordion.first .section__head {
        margin-bottom: 2.8125em !important;
    }

    .record-page .program-accordion.first .program-btn__text {
        font-size: 1.25em;
    }

    .final-page .gift .section__title:before {
        width: 1.3636363636em;
        height: 1.3636363636em;
        top: 110%;
        left: 50%;
        margin-left: -0.6060606061em;
    }

    .final-page .gift .section__title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .final-page .gift .section__title span {
        max-width: 10em;
        font-size: 1.25em;
        font-weight: 300;
    }

    .final-page .gift .section__title img {
        width: 5em;
        height: 5em;
        margin-right: auto;
        margin-left: auto;
    }

    .final-page .gift-box::after {
        width: 6.3125em;
        height: 6.3125em;
        top: -1.25em;
        right: -1.25em;
    }

    .final-page .contact-form {
        padding-top: 1.875em !important;
    }

    .final-page .title-h2 {
        font-size: 2em;
    }

    .final-page .white-box .gift-box {
        width: 17.5em;
        padding: 0.9375em;
        height: initial;
    }

    .final-page .white-box .gift-box .title-h3 {
        font-size: 1.3125em;
        text-align: center;
        max-width: 100%;
    }

    .final-page .white-box .gift-box .title-h3 + * {
        font-size: 0.75em;
        text-align: center;
    }

    .final-page .white-box .gift-box__list {
        height: 20.875em;
        padding: 0.625em;
    }

    .main-page .top-bottom #program .program-btn__text {
        line-height: 1.3;
    }

    .main-page .top-bottom #program .program-footer {
        margin-top: 4.5em;
    }

    .main-page .top-bottom .last .lesson-example-content__desc {
        margin-top: 3.125em;
    }

    .main-page .top-bottom .last .lesson-title__text {
        line-height: 1.2;
        margin-top: 0.625em;
        display: block;
        font-size: 2em !important;
    }

    .record-page .record-jumbotron {
        margin-top: 5.625em;
    }

    .record-page .record-jumbotron iframe {
        height: 31.6875em;
    }

    .record-page .record-jumbotron {
        padding-bottom: 2.1875em !important;
    }

    .record-page .record-section-two .section__head .prices-tariff__footer {
        margin-top: -0.3125em;
        gap: 0em;
        margin-bottom: 2.5em;
    }

    .record-page .record-section-three {
        position: relative;
        z-index: 200;
    }

    .record-page .record-section-two {
        padding-bottom: 1.875em;
    }

    .record-page .record-section-two > div {
        position: relative;
        z-index: 120;
    }

    .record-page .prices-tariff {
        max-width: 18.125em;
        padding-bottom: 2.8125em;
    }

    .record-page .record-section-three .title-h2 img {
        width: 2em;
        height: 2em;
    }

    .record-page .lesson-example-container > div {
        padding-top: 2.1875em;
    }

    .record-page .program-accordion.last .program-btn__text {
        font-size: 0.9375em;
        line-height: 1.3;
    }

    .record-page .pricing .section__head {
        margin-bottom: 3.75em;
    }

    .record-page .contact-wrapper__desc {
        margin-bottom: 2em;
    }

    .record-page .contact-form-el .row {
        gap: 0.625em;
    }

    .record-page .contact-wrapper {
        padding-bottom: 2.1875em;
    }

    .record-page .contact-form-el__input {
        height: 3.75em;
    }

    .record-page .price-features__item:not(:last-child) {
        margin-bottom: 2em;
    }

    .record-page .contact-form .title-h2 {
        margin-bottom: 1.125em;
    }

    .record-page .contact-form__container {
        padding-top: 1.25em;
    }

    .record-page .contact-form .contact-wrapper__span {
        font-size: 0.875em;
        max-width: 20.7142857143em;
    }

    .record-page .contact-wrapper {
        max-width: 100%;
    }

    .record-page .record-section-three {
        margin-bottom: 8.75em;
    }

    .record-page .gift-box {
        padding-top: 3.75em;
    }

    .record-page .record-section-three .section__head {
        margin-bottom: 6.875em;
    }

    .record-page .prices-tariff .button {
        width: 12.5em;
        height: 3.125em;
        bottom: -1.25em;
    }

    .record-page .prices-tariff .button span {
        font-size: 0.875em;
    }
}


body.final-page main::after {
    display: none !important;
}

@media (max-width: 991px) {
    .installment-footer .button span {
        font-size: 1em;
        line-height: 1.3;
    }

    .author-quote {
        background: rgba(24, 23, 24, 0.5);
        backdrop-filter: blur(10px);
    }
}

.button-animation {
    position: relative;
    overflow: hidden;
}

.button-animation::after {
    content: '';
    position: absolute;
    height: 350%;
    width: 200%;
    top: 0;
    left: -100%;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 20;
    -webkit-animation-name: ripple;
    animation-name: ripple;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    left: -150%;
}

@keyframes ripple {
    0% {
        opacity: 1;
        transform: scale(0);
    }
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.web-b-page .section__head.last {
    margin-top: 4em;
}

.web-b-page main::after {
    width: 140.25em;
    height: 100.375em;
    top: 30%;
}

.web-b-page .hero-title__text {
    font-size: 5.5em;
    font-weight: 500;
}

.web-b-page .hero-content__title {
    margin-top: 6.6875em;
    margin-bottom: 4.8125em;
}

.hero-visual-type-2 {
    width: 47.5em;
}

.web-b-page .learning {
    position: relative;
    z-index: 200;
}

.web-b-page .learning-center {
    padding-bottom: 4em;
}

.web-b-page .learning-center .title-h2 {
    font-weight: 500;
}

.web-b-page .learning-card-title__text {
    font-weight: 500;
}

.web-b-page .about-author {
    padding-top: 7em;
}

.img-block-2 {
    width: 64.75em;
}

.img-block-2 + .btn-action {
    position: absolute;
    z-index: 50;
    left: 43%;
    height: 3.6em;
    bottom: 3.2em;
    width: 14em;
    border-radius: 3em;
    margin-left: -0.2em;
    background: #d2fa53;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: rgba(46, 46, 46, 1);
}

.img-block-2 + .btn-action:hover {
    background: rgba(46, 46, 46, 1);
    color: white;
}

.about-author {
    margin-bottom: 5em;
}

.about-author + div {
    margin-bottom: 10em;
    z-index: 100;
}

.last-block-button {
    margin-bottom: 4em;
}

.last-block__end {
    width: 35.8125em;
}

.last-block__title {
    font-size: 2.625em;
    font-weight: 500;
    line-height: 1.3;
}

.last-block__title span {
    color: rgb(151, 69, 255);
}

.last-block {
    position: relative;
}

.last-block::before {
    content: "";
    width: 80em;
    height: 59.5625em;
    background: radial-gradient(62.32% 83.76% at 50% 50%, rgba(138, 14, 157, 0.34) 0%, rgba(138, 14, 157, 0) 60%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 80;
}

.last-block > * {
    position: relative;
    z-index: 100;
}

.last-block-center {
    width: 48em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3em;
    margin-bottom: 2em;
}

.last-block-center .last-block-center-left {
    display: flex;
    align-items: center;
    gap: 1em;
}

.last-block-center .last-block-center-left img {
    width: 9em;
    height: 9em;
    transform: rotate(342deg);
}

.last-block-center .last-block-center-right img {
    width: 16.0625em;
}

.last-block-button {
    position: relative;
    z-index: 300;
}

.web-b-page .header-btn {
    width: initial;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

@media (min-width: 992px) {
    .web-b-page .hero::after {
        content: '';
        width: 64em;
        height: 48.5625em;
        position: absolute;
        background: url('/design/img/page-main/web-b/web-b-page-6.png') no-repeat center center;
        right: 5%;
        top: 5%;
    }
}

@media (max-width: 991px) {
    .web-b-page .hero-title__text {
        font-size: 2.0625em;
        line-height: 1;
        font-weight: 500;
        font-family: 'Arial', Arial, sans-serif;
    }

    .web-b-page .hero-content__title {
        max-width: 15em;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-top: 0;
    }

    .web-b-page .hero-visual__image {
        width: 18.6875em;
    }

    .web-b-page .hero-visual {
        margin-top: -7em;
    }

    .web-b-page .hero-container::before {
        content: '';
        height: 41em;
        background-image: linear-gradient(0turn, rgba(25, 23, 25, 1) 0%, rgba(25, 23, 25, 1) 33%, rgba(25, 23, 25, 1) 64%, rgba(255, 247, 5, 0) 100%);
        background-color: transparent;
        background-size: cover;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -14em;
        z-index: 50;
    }

    .web-b-page .hero-info {
        bottom: -11.5em;
        min-height: initial;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        width: 10.9375em;
        background-image: linear-gradient(0.5turn, rgba(156, 156, 156, 0.22) 0%, rgba(37, 36, 36, 0.36) 100%);
        background-color: transparent;
        background-size: cover;
        transform: translateX(40%) !important;
    }

    .web-b-page .hero::before {
        top: 10%;
        transform: scale(0.7) rotate(21deg);
    }

    .web-b-page .hero::after {
        width: 31.125em;
        height: 31.813em;
        right: -21.25em;
        top: -9%;
        transform: rotate(97deg);
        background-image: url("/design/img/downloads/Lovepik_com-38014449.png.webp");
    }

    .web-b-page .learning-center {
        padding: 3em 1em 1em 1em;
    }

    .web-b-page .learning {
        padding-bottom: 3em;
    }

    .img-block-2 {
        width: 19.3125em;
    }

    .last-block__end {
        width: 17.75em;
    }
}

.web-b-page .hero-index {
    position: relative;
    z-index: 500;
    margin-top: -4em;
}

.web-b-page .hero-index p {
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.web-b-page .hero-index a:first-child img {
    width: 11.25em;
}

.web-b-page .hero-index a:last-child img {
    width: 11em;
}

@media (max-width: 991px) {
    .last-block__title {
        font-size: 1.375em;
    }

    .last-block::before {
        width: 50em;
        height: 25em;
    }

    .last-block-center {
        margin-left: auto;
        margin-right: auto;
        flex-direction: column-reverse;
        width: 100%;
        text-align: center;
    }

    .last-block-center span {
        font-size: 1.2em;
        display: block;
        margin-top: 1.2em;
    }
}

@media (max-width: 991px) {
    .modal-dialog {
        margin: 0;
        align-items: flex-end !important;
        height: 100%;
    }

    .modal-content {
        height: 94vh;
        padding: 2em;
    }

    .modal-content .title-h3 {
        font-size: 2.5em;
    }
}

.new-block-1::before {
    content: '';
    width: 18.438em;
    height: 18.438em;
    position: absolute;
    background: url('/design/img/page-main/gift-box-before.png') no-repeat center center;
    top: -4.5em;
    right: -3em;
}

.new-block-1 {
    width: 61.5em;
    background: white;
    border-radius: 0.75em;
    padding: 1.875em 5em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: relative;
}

@media (max-width: 991px) {
    .new-block-1 {
        width: 17.813em;
        padding-top: 2em;
        padding-bottom: 2.75em;
        padding-left: 0.813em;
        padding-right: 0.813em;
    }

    .new-block-1::before {
        width: 6.875em;
        height: 6.875em;
        background-size: cover;
        top: -1.6em;
        right: -1.5em;
    }
}

.new-block-1__head {
    color: rgba(24, 23, 24, 1);
    margin-bottom: 3.313em;
}

.new-block-1 .text-center {
    text-align: center;
}

.new-block-1__container img {
    position: absolute;
    left: 70px;
    width: 13em;
}

@media (max-width: 991px) {
    .new-block-1__head {
        margin-bottom: 1.375em;
    }

    .new-block-1__container img {
        position: static;
        width: 10em;
        margin-left: -2em;
        margin-top: -1em;
        margin-bottom: -1em;
    }
}

.new-block-1__title {
    font-size: 2em;
}

@media (max-width: 991px) {
    .new-block-1__title {
        font-size: 1.313em;
    }
}

.new-block-1__text {
    font-size: 16px;
    opacity: 0.5;
}

@media (max-width: 991px) {
    .new-block-1__text {
        font-size: 0.75em;
    }
}

.new-block-1__container {
    height: 15.125em;
    background: rgba(151, 69, 255, 1);
    border-radius: 0.75em;
    padding: 1.875em 7.188em 1.25em 13.125em;
}

@media (max-width: 991px) {
    .new-block-1__container {
        padding: 1.25em;
        height: initial;
    }
}

.new-block-1-container__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.438em;
}

@media (max-width: 991px) {
    .new-block-1-container__row {
        flex-direction: column;
        gap: 2em;
        align-items: flex-start;
        justify-content: flex-start;
        margin-left: 2em;
    }
}

.new-block-1-container__item {
    display: flex;
    align-items: center;
    gap: 1em;
}

.new-block-1-container__item span {
    font-size: 1.125em;
    line-height: 1.2;
}

.new-block-1-container__number {
    width: 2em;
    min-width: 2em;
    height: 2em;
    background: rgba(119, 52, 205, 1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 0.8em;
}

.new-block-1-container__title {
    font-size: 1.125em;
    line-height: 1.2;
    font-weight: 500;
}

@media (max-width: 991px) {
    .new-block-1-container__title {
        font-size: 0.938em;
        text-align: center;
    }

    .new-block-1-container__title br {
        display: none;
    }
}

.new-block-1__button {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 3.438em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2em;
    border-radius: 30px;
    background: rgba(210, 250, 83, 1);
    color: black !important;
    text-decoration: none;
    transition: transform 0.3s ease-in-out;
}

.new-block-1__button:hover {
    transform: scale(1.1);
}

.iti__flag-box,
.iti__country-name {
    color: black;
}

.iti--allow-dropdown {
    width: 100%;
}

.modal-content .js-phone-input {
    color: white;
}


.block-green-last {
    max-width: 35.9375em;
    border-radius: 0.75em;
    height: 10.9375em;
    background-color: #d2fa53;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 100;
    margin-bottom: 2em;
    padding-bottom: 1em;
}

.block-green-last__text {
    font-size: 1.1em;
    line-height: 1;
}

.block-green-last:before {
    content: '';
    width: 3.125em;
    height: 3.125em;
    background: url("/design/img/downloads/lightning.png.webp") no-repeat center/cover;
    position: absolute;
    top: -1.5em;
}

.block-green-last__button {
    width: 15.9375em;
    height: 4.0625em;
    background: url("/design/img/downloads/button.png.webp") no-repeat center/contain;
    display: flex;
    align-items: center;
    border-radius: 4em;
    justify-content: center;
    position: absolute;
    color: white!important;
    bottom: -15px;
    text-decoration: none;
}

@media (max-width: 991px) {
    .block-green-last {
        max-width: 90%;
    }
}

.white .modal-content {
    background: white;
    color: black;
}

.white .modal-content .title-h3 {
    color: black;
}

.white .modal-content .form-control-main {
    color: #181718;
    background-color: #faf5ff;
    border-color: #faf5ff;
    border-radius: 12px;
}

.white .modal-price {
    font-weight: 500;
    margin-top: 3em;
    margin-bottom: 2em;
    display: block;
    text-align: right;
}

.white .modal-content form {
    margin-bottom: 0;
}

#FeedbackModalModal .form-control-main {
    color: white;
}

/* Mobile sticky CTA bar */
.mobile-cta-bar {
    display: none;
}

@media (max-width: 991.98px) {
    .mobile-cta-bar {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 900;
        padding: 0.75em 0.9375em calc(0.75em + env(safe-area-inset-bottom, 0px));
        background: rgba(24, 23, 24, 0.92);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        box-shadow: 0 -0.25em 1.25em rgba(0, 0, 0, 0.3);
        transform: translateY(100%);
        transition: transform 0.3s ease;
    }

    .mobile-cta-bar.is-visible {
        transform: translateY(0);
    }

    .mobile-cta-bar__btn {
        display: block;
        width: 100%;
        padding: 0.9em 1.5em;
        border: none;
        border-radius: 0.625em;
        background: #9745ff;
        color: #fff;
        font-size: 1.0625em;
        font-weight: 600;
        line-height: 1.2;
        text-align: center;
        cursor: pointer;
    }
}