@charset "UTF-8";
:root {
    --font-family: "Inter-Medium", sans-serif;
}

@font-face {
    font-family: "Inter-Regular";
    src: url("../fonts/Inter-Regular.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter-Light";
    src: url("../fonts/Inter-Light.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter-Medium";
    src: url("../fonts/Inter-Medium.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter-Bold";
    src: url("../fonts/Inter-Bold.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter-SemiBold";
    src: url("../fonts/Inter-SemiBold.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Neue Machina";
    src: url("../fonts/NeueMachina-Regular.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto-Medium";
    src: url("../fonts/Roboto-Medium.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

* {
    box-sizing: border-box;
}

.active-eye {
    opacity: 1 !important;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--font-family);
    font-size: 16px;
    line-height: 150%;
    color: #090b17;
    background: #fff4eb;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (min-width: 1441px) {
    body {
        font-size: calc(16px + 5.33 * (100vw - 1440px) / 480);
    }
}

@media screen and (min-width: 1920px) {
    body {
        font-size: 21.33px;
    }
}

body.hidden {
    overflow-y: hidden;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
}

p {
    line-height: 140%;
}

img {
    max-width: 100%;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    transition: 0.3s;
}

button {
    outline: none;
    border: none;
    cursor: pointer;
    font-weight: 100;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.box {
    overflow: hidden;
    padding-bottom: 8px;
}

@media screen and (max-width: 1023px) {
    .box {
        padding: 0;
    }
}

.header__favorites, .add-favorites {
    display: none !important;
}

.is_menu_open .box {
    transform: none !important;
}

.wrapper {
    padding: 0 8px;
    max-width: 1920px;
    margin: 0 auto;
}

@media screen and (min-width: 1920px) {
    .wrapper {
        padding: 0 10.67px;
    }
}

@media screen and (min-width: 768px) {
    .wrapper.wrapper-padding {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media screen and (min-width: 1920px) {
    .wrapper.wrapper-padding {
        padding-left: 32px;
        padding-right: 32px;
    }
}


.content-block h1, .content-block h2, .content-block h3, .content-block h4, .content-block h5, .content-block h6 {
    opacity: 0.8;
    background: linear-gradient(92deg, #E5E9FF 0%, rgba(229, 233, 255, 0.4) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 125%;
    margin: 40px 0 20px 0;
    display: table;
}

.content-block h1:first-child, .content-block h2:first-child, .content-block h3:first-child, .content-block h4:first-child, .content-block h5:first-child, .content-block h6:first-child {
    margin-top: 0;
}

.content-block h1 {
    font-size: 36px;
}

@media screen and (max-width: 767px) {
    .content-block h1 {
        font-size: 26px;
    }
}

.content-block h2 {
    font-size: 32px;
}

@media screen and (max-width: 767px) {
    .content-block h2 {
        font-size: 22px;
    }
}

.content-block h3 {
    font-size: 28px;
}

@media screen and (max-width: 767px) {
    .content-block h3 {
        font-size: 20px;
    }
}

.content-block h4 {
    font-size: 24px;
}

@media screen and (max-width: 767px) {
    .content-block h4 {
        font-size: 18px;
    }
}

.content-block h5 {
    font-size: 32px;
}

@media screen and (max-width: 767px) {
    .content-block h5 {
        font-size: 16px;
    }
}

.content-block h6 {
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .content-block h6 {
        font-size: 16px;
    }
}

.content-block p {
    line-height: inherit;
    margin-bottom: 30px;
}

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

.content-block span, .content-block b, .content-block strong {
    font-family: "Inter-Bold", sans-serif;
}

.content-block em, .content-block i {
    font-style: italic;
}

.content-block a {
    color: #F5BE66;
    position: relative;
    font-family: "Inter-Medium", sans-serif;
}

.content-block a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #F5BE66;
    content: "";
    transition: 0.4s;
}

@media (hover: hover) {
    .content-block a:hover::after {
        opacity: 0;
    }
}

.content-block figure {
    text-align: center;
    color: #E5E9FF;
    color: rgba(229, 233, 255, 0.4);
    width: 464px;
    margin: 40px auto;
}

@media screen and (max-width: 520px) {
    .content-block figure {
        width: auto;
    }
}

.content-block figure img {
    border-radius: 20px;
    display: block;
}

.content-block figure p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
}

@media screen and (min-width: 1441px) {
    .content-block figure p {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}

@media screen and (min-width: 1920px) {
    .content-block figure p {
        font-size: 18.67px;
    }
}

.content-block ol, .content-block ul {
    margin: 20px 0;
    padding: 0;
}

.content-block ol li, .content-block ul li {
    position: relative;
    padding-left: 42px;
    margin-top: 10px;
    line-height: inherit;
}

.content-block ol {
    list-style: none;
    counter-reset: custom-counter;
}

.content-block ol li::before {
    content: counter(custom-counter, decimal-leading-zero) ". ";
    counter-increment: custom-counter;
    opacity: 0.7;
    position: absolute;
    left: 0;
    top: 0;
}

.content-block ul li::before {
    width: 7px;
    height: 7px;
    position: absolute;
    left: 10px;
    top: 10px;
    opacity: 0.7;
    background: #E5E9FF;
    content: "";
    border-radius: 50%;
}

.title-block {
    max-width: 65%;
}

@media screen and (max-width: 767px) {
    .title-block {
        max-width: none;
    }
}

.title {
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119%;
    background: linear-gradient(135deg, #090b17 0%, #272f64 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

@media screen and (min-width: 1441px) {
    .title {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}

@media screen and (min-width: 1920px) {
    .title {
        font-size: 69.33px;
    }
}

@media screen and (max-width: 767px) {
    .title {
        font-size: 40px;
        line-height: 42px;
    }
}

@media screen and (max-width: 480px) {
    .title {
        font-size: 34px;
    }
}

@media screen and (max-width: 374px) {
    .title {
        font-size: 30px;
        line-height: 40px;
    }
}

.subtitle {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 143%;
    color: rgba(9, 11, 23, 0.4);
}

@media screen and (min-width: 1441px) {
    .subtitle {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}

@media screen and (min-width: 1920px) {
    .subtitle {
        font-size: 18.67px;
        margin-bottom: 26px;
    }
}

@media screen and (max-width: 480px) {
    .subtitle {
        margin-bottom: 20px;
    }
}

img.img-cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    display: block;
}

.theme-btn, .theme-btn-blue {
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.01em;
    text-align: center;
    color: #fff;
    padding: 18px 24px;
    border-radius: 6px;
    display: inline-block;
    position: relative;
    transition: 0.4s;
    font-family: var(--font-family);
}

.theme-btn.disabled, .theme-btn-blue.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.theme-btn span, .theme-btn-blue span {
    position: relative;
    z-index: 1;
    display: block;
}

@media screen and (min-width: 1441px) {
    .theme-btn, .theme-btn-blue {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}

@media screen and (min-width: 1920px) {
    .theme-btn, .theme-btn-blue {
        font-size: 18.67px;
        padding: 23.83px 24px;
    }
}

.theme-btn-blue {
    background: rgba(229, 235, 255, 0.1);
}

@media (hover: hover) {
    .theme-btn-blue:hover {
        opacity: 0.7;
    }
}

.theme-btn {
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
}

@media (hover: hover) {
    .theme-btn:hover::before {
        opacity: 1;
    }
}

.page-link-wrap {
    text-align: center;
    padding: 0 16px;
}

.page-link-wrap a {
    color: #090b17;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119.23%;
    position: relative;
}

@media screen and (min-width: 1441px) {
    .page-link-wrap a {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}

@media screen and (min-width: 1920px) {
    .page-link-wrap a {
        font-size: 69.33px;
    }
}

@media screen and (max-width: 767px) {
    .page-link-wrap a {
        font-size: 34px;
        line-height: 42px;
    }
}

@media (hover: hover) {
    .page-link-wrap a:hover {
        color: #272f64;
    }

    .page-link-wrap a:hover::after {
        opacity: 0;
    }
}

.page-link-wrap a::after {
    position: absolute;
    left: 0;
    top: 100%;
    background: #090B17;
    width: 100%;
    height: 2px;
    content: "";
    transition: 0.4s;
}

.header {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 8px 8px 0 8px;
    box-sizing: border-box;
    pointer-events: none;
}

@media screen and (max-width: 1023px) {
}

.header__box,
.header__dropdown-container,
.header__menu-item--has-child,
.header-overlay {
    pointer-events: auto;
}

.header__box {
    position: relative;
    z-index: 1002;
    background: transparent;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 24px;
    pointer-events: auto;
    transition: background 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease, border-radius 0.3s ease;
}

.header__box.is-active {
    border-radius: 24px 24px 0 0;
    backdrop-filter: blur(44px);
    background: rgba(250, 250, 250, 0.9);
    box-shadow: none;
}

@media screen and (max-width: 1199px) {
    .header__box {
        padding-right: 100px;
    }
}

@media screen and (max-width: 1023px) {
    .header__box {
        padding: 16px 82px 16px 16px;
        height: 100px;
    }
}

@media screen and (max-width: 767px) {
    .header__box {
        padding: 14px 92px 14px 8px;
        height: 82px;
    }
}

@media screen and (max-width: 1199px) {
    .header__box.checkout__header {
        padding-right: 16px;
    }
}

@media screen and (max-width: 767px) {
    .header__box.checkout__header {
        padding: 13px 8px 16px 8px;
    }
}

.header__box.checkout__header .header__logo {
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .header__box.checkout__header .header__logo {
        width: 90px;
        padding: 0 5px;
    }
}

.header__box.checkout__header .header__tel {
    flex: none;
}

.header__box.checkout__header .header__tel::before {
    display: block;
}

@media screen and (max-width: 1199px) {
    .header__box.checkout__header .header__tel a {
        font-size: 14px;
        line-height: 20px;
        background: none;
        -webkit-background-clip: initial;
        -webkit-text-fill-color: initial;
        background-clip: initial;
        font-family: "Inter-SemiBold", sans-serif;
    }
}

@media screen and (max-width: 767px) {
    .header__box.checkout__header .header__tel a span {
        display: none;
    }
}

.header__box--wrap {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    width: 100%;
}

@media screen and (max-width: 1199px) {
    .header__box--wrap {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #272F64;
        z-index: 12;
        overflow: auto;
    }
}

.header__logo {
    margin-right: 47px;
    max-width: 100px;
    flex: none;
}

@media screen and (min-width: 1920px) {
    .header__logo {
        max-width: 133px;
    }
}

@media screen and (max-width: 1300px) {
    .header__logo {
        margin-right: 30px;
    }
}

.header__logo img {
    display: block;
    max-height: 54px;
}

@media screen and (min-width: 1920px) {
    .header__logo img {
        max-height: 72px;
    }
}

@media screen and (max-width: 1199px) {
    .header-mobile__bottom {
        padding: 16px;
        border-radius: 20px 20px 0px 0px;
        background: rgba(229, 233, 255, 0.02);
        margin-top: auto;
        margin-left: 0 !important;
    }
}

.header__social {
    display: none;
}

@media screen and (max-width: 1199px) {
    .header__social {
        display: block;
        margin-top: 18px;
    }
}

.header__social ul {
    display: flex;
    flex-wrap: wrap;
}

.header__social ul li {
    margin: 5px 22px 0 0;
}

@media screen and (max-width: 430px) {
    .footer__social ul li {
        margin-right: 15px;
    }
}

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

.header__social ul li a {
    color: #F0F2FF;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 24px;
    position: relative;
}

@media screen and (max-width: 430px) {
    .footer__social ul li a {
        font-size: 14px;
    }
}

.header__social ul li a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(240, 242, 255, 0.1);
    content: "";
    transition: 0.4s;
}

@media (hover: hover) {
    .header__social ul li a:hover::after {
        background: #272f64;
    }
}

@media screen and (max-width: 1199px) {
    .header__menu {
        padding: 0 16px;
        margin: 40px 0 30px 0;
    }
}

.header__menu ul,
.header__actions ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}

@media screen and (max-width: 1199px) {
    .header__menu ul,
    .header__actions ul {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 1199px) {
    .header__actions ul {
        display: none;
    }
}

.header__menu ul li,
.header__actions ul li {
    margin-left: 8px;
    font-size: 16px;
    line-height: 150%;
    color: #090b17;
    position: relative;
}

@media screen and (min-width: 1441px) {
    .header__menu ul li,
    .header__actions ul li {
        font-size: calc(16px + 5.33 * (100vw - 1440px) / 480);
    }
}

@media screen and (min-width: 1920px) {
    .header__menu ul li,
    .header__actions ul li {
        font-size: 21.33px;
    }
}

@media screen and (max-width: 1300px) {
    .header__menu ul li,
    .header__actions ul li {
        /*margin-left: 20px;*/
    }
}

@media screen and (max-width: 1199px) {
    .header__menu ul li,
    .header__actions ul li {
        /*margin: 24px 0 0 0;*/
    }
}

.header__menu ul li:first-child {
    margin-left: 0;
}


.header__menu ul li a,
.header__actions ul li a {
    color: inherit;
    padding: 16px 12px;
}

@media screen and (max-width: 1199px) {
    .header__menu ul li a,
    .header__actions ul li a {
        font-family: "Neue Machina", sans-serif;
        font-size: 34px;
        line-height: 42px;
        background: linear-gradient(92.3deg, #F0F2FF 0%, #A0A4C1 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        border-bottom: 1px solid rgba(240, 242, 255, 0.1);
        display: flex;
    }
}

.header__menu ul li a:hover,
.header__actions ul li a:hover {
    background: rgba(39, 47, 100, 0.08);
    border-radius: 6px;
    cursor: pointer;
}

.header__menu ul li.has-child:hover > .submenu {
    opacity: 1;
    visibility: visible;
}

.header__menu ul li.has-child > a,
.header__actions ul li.has-child > a {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1180px) {
    .header__menu ul li.has-child > a,
    .header__actions ul li.has-child > a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 20px;
    }

    .header__menu ul li.has-child > a::after,
    .header__actions ul li.has-child > a::after {
        content: "";
        width: 14px;
        height: 14px;
        flex-shrink: 0;
        background: url("../images/icons/down-white.svg") center no-repeat;
        background-size: contain;
        transition: transform 0.3s ease;
        pointer-events: none;
    }

    .header__menu ul li.has-child.submenu-open > a::after {
        transform: rotate(180deg);
    }

    .header__menu ul li.has-child.submenu-open .submenu {
        display: block;
    }
}

.header__menu ul li .submenu-mobile {
    margin-top: 10px;
}

.header__menu ul li .submenu-mobile li {
    margin: 0;
}

.header__menu ul li .submenu-mobile li a {
    font-size: 28px;
    line-height: 32px;
    padding: 0 0 0 15px;
    border: 0;
}

.header__menu ul li .submenu-mobile li a:hover {
    opacity: 0.7 !important;
}

.header__menu ul li .submenu {
    position: absolute;
    top: 100%;
    width: 250px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in;
    display: block;
    margin-top: 10px;
    border-radius: 10px;
}

@media screen and (min-width: 1441px) {
    .header__menu ul li .submenu {
        width: 280px;
    }
}

@media screen and (min-width: 1920px) {
    .header__menu ul li .submenu {
        width: 320px;
    }
}

@media screen and (max-width: 1199px) {
    .header__menu ul li .submenu {
        position: static;
        background: none;
        width: auto;
        opacity: 1;
        visibility: visible;
        padding-left: 15px;
        display: none;
    }
}

.header__menu ul li .submenu li {
    margin: 0;
    border-bottom: 1px solid rgba(39, 47, 100, 0.1);
}

@media screen and (max-width: 1023px) {
    .header__menu ul li .submenu li {
        margin-top: 15px;
    }

    .header__menu ul li .submenu li:first-child {
        margin-top: 0;
    }
}

.header__menu ul li .submenu li:last-child {
    border-bottom: 0;
}

.header__menu ul li .submenu li a {
    display: block;
    padding: 12px;
}

@media screen and (max-width: 1199px) {
    .header__menu ul li .submenu li a {
        font-size: 28px;
        line-height: 32px;
        padding: 0;
        border: 0;
    }
}

@media screen and (max-width: 480px) {
    .header__menu ul li .submenu li a {
        font-size: 24px;
        line-height: 28px;
    }
}

@media (hover: hover) and (min-width: 1200px) {
    .header__menu ul li .submenu li a:hover {
        background: rgba(9, 11, 23, 0.02);
        color: #090b17;
        opacity: 1;
    }
}

.header__tel {
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 150%;
}

@media screen and (min-width: 1441px) {
    .header__tel {
        font-size: calc(16px + 5.33 * (100vw - 1440px) / 480);
    }
}

@media screen and (min-width: 1920px) {
    .header__tel {
        font-size: 21.33px;
    }
}

.header-mobile__bottom {
    margin-left: 62px;
}

.header__tel a {
    color: #272F64;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.header__tel a::before {
    background: #55C639;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
    transition: 0.3s;
    content: "";
}

@media screen and (max-width: 1199px) {
    .header__tel a::before {
        display: none;
    }
}

.header__tel a::after {
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    width: 6px;
    height: 6px;
    margin-right: 4px;
    display: inline-block;
    border-radius: 50%;
    content: "";
    transition: 0.3s;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    opacity: 0;
}

@media screen and (max-width: 1199px) {
    .header__tel a::after {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    .header__tel a {
        font-family: "Neue Machina", sans-serif;
        font-size: 34px;
        line-height: 42px;
        background: linear-gradient(92.3deg, #F0F2FF 0%, #A0A4C1 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        padding-left: 0;
    }
}

@media screen and (max-width: 374px) {
    .header__tel a {
        font-size: 32px;
    }
}

@media screen and (max-width: 359px) {
    .header__tel a {
        font-size: 24px;
    }
}

@media (hover: hover) {
    .header__tel a:hover::before {
        opacity: 0;
    }

    .header__tel a:hover::after {
        opacity: 1;
    }
}

.header__tel a span {
    color: rgba(39, 47, 100, 0.4);
    -webkit-text-fill-color: rgba(39, 47, 100, 0.4);
    margin-right: 4px;
}

.header__actions {
    display: flex;
    align-items: center;
    flex: none;
}

@media screen and (max-width: 1199px) {
    .header__profile {
        display: none;
    }
}

.header__profile a {
    border-radius: 6px;
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%) !important;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    line-height: 150%;
    position: relative;
    min-width: auto !important;
    width: auto !important;
    padding: 16px 12px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    white-space: nowrap !important;
    margin-left: 24px;
}

@media screen and (min-width: 1441px) {
    .header__profile a {
        font-size: calc(16px + 5.33 * (100vw - 1440px) / 480);
        padding: 10.67px;
        line-height: 32px;
    }
}

@media screen and (min-width: 1920px) {
    .header__profile a {
        font-size: 21.33px;
    }
}

@media screen and (max-width: 1299px) {
    .header__profile a {
        font-size: 14px;
    }
}

@media screen and (max-width: 1199px) {
    .header__profile a {
        background: #E5E9FF;
        font-size: 20px;
        padding: 12px 16px;
    }
}

.header__profile a::after {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    will-change: transform;
    content: "";
    background: #272F64;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.32, 1);
    border-radius: inherit;
}

.header__profile a svg {
    position: relative;
    display: none;
    z-index: 1;
}


.header__profile a svg {
    margin-left: 8px;
}

.header__profile a svg path {
    transition: 0.3s;
}

@media screen and (min-width: 1441px) {
    .header__profile a svg {
        height: 28px;
    }
}

.header__profile--mobile {
    display: none;
}

@media screen and (max-width: 1199px) {
    .header__profile--mobile {
        display: block;
        padding: 0 16px;
        margin-top: 32px;
    }
}

.header__profile--mobile--wrap {
    border-radius: 20px;
    border: 2px solid rgba(229, 233, 255, 0.1);
    background: #2B3367;
    padding: 24px;
    text-align: center;
    color: #E5E9FF;
    font-family: "Inter-Regular", sans-serif;
}

.header__profile--mobile .theme-btn-blue {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 400px;
    margin: 16px auto 0 auto;
}

.header__profile--mobile .theme-btn-blue span {
    margin-right: 4px;
}

.header__profile--mobile .theme-btn-blue svg {
    display: block;
}

.header__search {
    margin-left: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 6px;
    transition: 0.4s;
}

@media screen and (min-width: 1441px) {
    .header__search {
        margin-left: 26px;
    }
}

@media screen and (max-width: 1299px) {
    .header__search {
        margin-left: 10px;
    }
}

.header__search svg {
    display: block;
}

.header__search svg path {
    transition: 0.3s;
}

@media (hover: hover) {
    .header__search:hover:hover {
        background: rgba(39, 47, 100, 0.03);
    }
}

@media screen and (max-width: 1199px) {
    .header__search {
        display: none;
        margin: 0;
    }
}

.header__favorites, .header__cart {
    margin-left: 8px;
}

.header__favorites a, .header__cart a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
}

.header__favorites a svg, .header__cart a svg {
    display: block;
}

@media screen and (min-width: 1441px) {
    .header__favorites a svg, .header__cart a svg {
        min-width: 24px;
    }
}

.header__favorites a svg path, .header__cart a svg path {
    transition: 0.3s;
}

@media (hover: hover) {
    .header__favorites a:hover, .header__cart a:hover {
        background: rgba(39, 47, 100, 0.03);
    }
}

@media screen and (max-width: 767px) {
    .header__cart {
        margin-left: 16px;
    }
}

.header__cart a {
    position: relative;
}

.header__cart span {
    position: absolute;
    top: 3px;
    left: 21px;
    display: block;
    padding: 0 4px;
    min-width: 16px;
    max-width: 28px;
    border-radius: 100px;
    color: #fff;
    background: #090B17;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    transition: 0.3s;
}

.hamburger, .hamburger-close {
    cursor: pointer;
    display: none;
}

@media screen and (max-width: 1199px) {
    .hamburger {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 52px;
        height: 52px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        right: 24px;
        transition: 0.4s;
        z-index: 10;
    }

    .hamburger-close {
        background: #E5E9FF;
        border-radius: 12px;
        margin-left: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        transition: 0.4s;
        flex: none;
    }
}

@media screen and (max-width: 1199px) and (max-width: 1023px) {
    .hamburger {
        top: 22px;
        right: 16px;
    }
}

@media screen and (max-width: 1199px) and (max-width: 767px) {
    .hamburger {
        top: 16px;
        right: 8px;
    }
}

@media (hover: hover) {
    .hamburger:hover {
        background: #272f64;
    }

    .hamburger:hover svg path {
        stroke: #fff;
    }
}

.hamburger svg path {
    transition: 0.4s;
}

@media screen and (max-width: 1199px) {
    .menu-open .header__box--wrap {
        display: flex;
        flex-direction: column;
        align-items: normal;
        justify-content: flex-start;
    }
}

.category-name-display {
    font-family: "Neue Machina", sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 125%;
    background: linear-gradient(135deg, #090b17 0%, #272f64 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.header__menu ul li.has-child > a::after {
    display: none !important;
}

.header__actions ul li.special-brand a {
    background: none;
    transition: background 0.3s ease, color 0.3s ease;
}

.header__actions ul li.special-brand:hover a {
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    color: #fff;
}

@media screen and (max-width: 1180px) {
    .header__menu ul li.has-child > a::after {
        display: block !important;
    }


    .header__dropdown-container,
    .header__menu ul li .submenu,
    .header__menu-item--has-child .submenu,
    .megamenu-container {
        display: none !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }


    .header__menu ul li a,
    .header__menu ul li.has-child > a {
        background: linear-gradient(92.3deg, #F0F2FF 0%, #A0A4C1 100%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
        transition: none !important;
    }


    .header__menu ul li.has-child > a {
        gap: 10px;
    }


    .header__menu ul li a:hover,
    .header__menu ul li.has-child > a:hover {
        background: linear-gradient(92.3deg, #F0F2FF 0%, #A0A4C1 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        opacity: 1 !important;
    }


    .header__menu ul li:hover {
        background: transparent !important;
    }
}

.header__dropdown-container {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    pointer-events: auto;
    z-index: 1001;
    backdrop-filter: blur(44px);
    background: rgba(250, 250, 250, 0.9);
    border-radius: 0 0 24px 24px;
    padding: 0 16px 40px 16px;
    margin: 0 8px;
}

.header__dropdown-container-content {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

@media screen and (min-width: 1200px) {
    .header__menu ul li.has-child:hover > .submenu {
        display: none;
    }
}

.header__menu-item--has-child .submenu {
    display: flex !important;
    position: static;
    opacity: 1;
    visibility: visible;
    width: 100%;
    background: none;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 0;
}

.header__menu-item--has-child .submenu li {
    border: none;
}

.header__menu-item--has-child .submenu li a {
    font-family: "Neue Machina", sans-serif;
    font-size: 24px;
    padding: 0;
}

.megamenu-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    gap: 40px;
    padding: 0 !important;
}

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

.megamenu-container.has-recommend .megamenu-grid {
    grid-template-columns: repeat(3, 1fr);
}

.megamenu-left-side {
    width: 100%;
    min-width: 0;
    flex: 1;
}

.header__product-recommend {
    width: 412px;
    background: #fff;
    border-radius: 24px;
    padding: 20px;
    flex: none;
}

.megamenu-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 16px;
    width: 100%;
}

.megamenu-card {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    align-items: flex-start;
    text-align: center;
    transition: transform 0.3s ease;
}

.megamenu-card__image {
    width: 100%;
    aspect-ratio: 15 / 8;
    background: #fafafa;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.megamenu-card:hover {
    .megamenu-card__image {
        border: 3px solid rgba(39, 47, 100, 0.08);
    }

    .megamenu-card__title {
        background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        white-space: nowrap;
    }
}

.megamenu-card__image img {
    max-width: unset;
    width: 100%;
    object-fit: cover;
    transition: border 0.3s ease;
}

.megamenu-card__title {
    font-family: "Neue Machina", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 144%;
    color: #090b17;
    width: 100%;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    max-width: 100%;
    min-width: 0;
    transition: all 0.3s ease;
}

.megamenu-card__title-text {
    display: block;
    min-width: 0;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.megamenu-card__icon {
    flex-shrink: 0;
    width: 14px;
    aspect-ratio: 1/1;
    height: auto;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}

.megamenu-card.hint-wrapper:hover .megamenu-card__title-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.megamenu-card.hint-wrapper:hover .megamenu-card__icon {
    opacity: 1;
    transform: translateX(-3px);
}

.megamenu-card:hover .megamenu-card__title {
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.megamenu-tabs {
    display: flex;
    flex-direction: row;
    gap: 8px;
    background: rgba(39, 47, 100, 0.08);
    border-radius: 12px;
    padding: 4px;
    margin-bottom: 10px;
    width: max-content;
}

.megamenu-tabs button {
    font-family: "Roboto-Medium", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.01em;
    text-align: center;
    color: #272f64;
    border: none;
    background: transparent;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}

.megamenu-tabs button.active {
    background: #272f64;
    color: #fff;
}

.link-switcher__wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
}

.link-switcher__list {
    background: #fff;
    border-radius: 12px;
    padding: 5px 15px;
    max-height: 400px;
    overflow-y: auto;
}

.link-switcher__item {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #f0f0f0;
    color: #090b17;
}

.link-switcher__list li:first-of-type .link-switcher__item {
    padding: 12px 0;
}

.link-switcher__item:last-child {
    border-bottom: none;
}

.label-ua {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 171%;
}

.link-switcher__item:hover .label-ua {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 171%;
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.link-switcher__text svg path,
.link-switcher__item:hover .label-en,
.link-switcher__item:hover .label-ua {
    transition: opacity 0.3s ease;
}

.link-switcher__item:hover svg path {
    opacity: unset;
}

.link-switcher__item:hover .label-en {
    color: #272f64;
}

.label-en {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 171%;
    color: rgba(39, 47, 100, 0.4);
}

.megamenu-simple-list {
    display: flex;
    gap: 40px;
}

.megamenu-simple-list a {
    font-family: "Neue Machina", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 144%;
    color: #090b17;
}

.header-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(9, 11, 23, 0.4);
    z-index: 999;
}

@media screen and (max-width: 1440px) {
    .megamenu-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 1200px) {
    .header__menu-item--has-child {
        display: none !important;
    }
}

.service-description {
    max-width: 464px;
    width: 100%;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 144%;
    text-align: center;
    color: #090b17;
    letter-spacing: 0;
}

.middle {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

@media screen and (max-width: 767px) {
    .middle {
        gap: 10px;
    }

    .service-description {
        font-size: 16px;
    }
}

.service-section .company__products {
    justify-content: unset;
    margin-top: unset;
}

.service-section .company__products--wrap {
    display: flex;
    flex-direction: column;
    gap: 80px;
    width: 100%;
}

.service-section .company__products--title {
    max-width: 928px;
    width: 100%;
    font-family: "Neue Machina", sans-serif;
    font-weight: 400;
    font-size: 52px;
    line-height: 119%;
    background: linear-gradient(135deg, #e5e9ff 0%, rgba(229, 233, 255, 0.4) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
}

.service-section .company__products--title h1 {
    font-size: 52px;
    line-height: inherit;
}

.service-section .company__products--description {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 180px;
    align-items: center;
    width: 100%;
}

.service-section .company__products--description p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 144%;
    color: #e5e9ff;
    text-align: left;
    margin: 0;
}

.service-section .company__products--description .button--stroke {
    justify-self: start;
    width: 210px;
    white-space: nowrap;
    box-sizing: border-box;
}

.service-section .company__products--list {
    margin: 0;
}

.service-section .company__products--list ul p {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

.service-section .company__products--list ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 180px;
}

@media screen and (max-width: 1415px) {
    .service-section .company__products--description {
        gap: 20px 5px;
    }

    .service-section .company__products--list ul {
        gap: 20px 5px;
    }
}

@media screen and (max-width: 890px) {
    .service-section .company__products--list ul,
    .service-section .company__products--description {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-section .company__products--description > span {
        display: none;
    }
}

@media screen and (max-width: 560px) {
    .service-section .company__products--list ul,
    .service-section .company__products--description {
        grid-template-columns: 1fr;
    }
}

.cta-service__content {
    flex-direction: row;
    align-items: flex-start;
}

.service-cta {
    width: max-content;
    display: flex !important;
    z-index: 0;
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    border-radius: 6px;
    padding: 2px;
}

.service-cta.product-theme {
    width: calc((100% - 8px) / 2);
    padding: 8px;
}

@media screen and (max-width: 1900px) {
    .service-cta.product-theme {
        padding: 2px;
    }
}

@media screen and (max-width: 430px) {
    .product__btns--flex:has(.product-theme) {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
    }

    .service-cta.product-theme,
    .product__btns--flex .theme-btn-blue {
        width: 100% !important;
        margin-top: 0 !important;
    }
}

.service-cta.product-theme .theme-btn-product,
.service-cta.product-theme .theme-btn-blue {
    width: 100%;
}

.product__btns--item.service-cta.request-btn {
    padding: 2px !important;
    margin-right: 64px;
    width: calc((100% - 64px) / 2);
}

@media screen and (max-width: 1399px) {
    .product__btns--item.service-cta.request-btn {
        margin-right: 30px;
        width: calc((100% - 30px) / 2);
    }
}

@media screen and (max-width: 767px) {
    .product__btns--item.service-cta.request-btn {
        margin-right: 0;
        width: 100%;
    }
}

.service-cta.product-theme .theme-btn-product,
.service-cta.request-btn .theme-btn-product {
    width: 100% !important;
    padding: 15px 21px;
}

.service-cta .button--stroke {
    padding: 14px 20px;
}

.service-section .button__label {
    font-family: "Roboto-Medium", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.01em;
    text-align: center;
    color: #fff;
}

.hero__down.service-down {
    top: 55% !important;
}

.hero {
    margin-top: 8px;
}

@media screen and (max-width: 1023px) {
    .hero {
        margin-top: 0;
    }
}

.hero__box {
    background: url("../images/backgrounds/hero-bg.jpg") center no-repeat;
    background-size: cover;
    border-radius: 24px;
    position: relative;
    padding: 55px 16px 16px 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: calc(100vh - 16px);
    min-height: 700px;
    max-height: 1080px;
    overflow: hidden;
}

@media screen and (min-width: 1600px) {
    .hero__box {
        min-height: 762px;
    }
}

@media screen and (min-width: 1920px) {
    .hero__box {
        min-height: 915px;
        /*padding-top: 190px;*/
    }
}

@media screen and (max-width: 1023px) {
    .hero__box {
        display: block;
        padding: 16px;
        height: auto;
        min-height: auto;
    }
}

.hero__img {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    bottom: 0;
}

.hero__img img {
    width: 100%;
    max-height: 100%;
}

.hero__content {
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background: rgba(250, 250, 250, 0.3);
    border-radius: 24px;
    width: 600px;
    padding: 40px 24px;
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 1441px) {
    .hero__content {
        width: 42.735042735%;
        padding: 53.33px 32px;
    }
}

@media screen and (max-width: 1199px) {
    .hero__content {
        width: 450px;
    }
}

@media screen and (max-width: 1023px) {
    .hero__content {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .hero__content {
        padding: 8px;
    }
}

.hero__content .theme-btn::before {
    background: none;
    opacity: 1;
}

@media (hover: hover) {
    .hero__content:hover p span {
        color: #272F64;
    }

    .hero__content:hover .hero-title {
        color: #272F64;
        -webkit-text-fill-color: #272F64;
    }

    .hero__content:hover .theme-btn::before {
        background: #272F64;
        opacity: 1;
    }

    .hero__content:hover .hero-title {
    }
}

.hero__content .hero-title {
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119%;
    background: linear-gradient(90deg, #F4DCA8 0%, #F5BE66 24.5%, #FF8038 52%, #FF38BB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 8px;
    display: table;
}

@media screen and (min-width: 1441px) {
    .hero__content .hero-title {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}

@media screen and (min-width: 1920px) {
    .hero__content .hero-title {
        font-size: 69.33px;
    }
}

@media screen and (max-width: 1199px) {
    .hero__content .hero-title {
        font-size: 42px;
    }
}

@media screen and (max-width: 480px) {
    .hero__content .hero-title {
        font-size: 36px;
        margin-bottom: 4px;
    }
}

@media screen and (max-width: 374px) {
    .hero__content .hero-title {
        font-size: 34px;
    }
}

.hero__content p {
    font-family: "Neue Machina", sans-serif;
    font-size: 22px;
    line-height: 21px;
}

.hero__content p span {
    color: #090B17;
}

@media screen and (min-width: 1441px) {
    .hero__content p {
        font-size: calc(22px + 7.33 * (100vw - 1440px) / 480);
    }
}

@media screen and (min-width: 1920px) {
    .hero__content p {
        font-size: 29.33px;
    }
}

@media screen and (max-width: 480px) {
    .hero__content p {
        font-size: 36px;
        font-size: 14px;
        line-height: 20px;
    }
}

.hero__btn {
    margin-top: 31px;
}

@media screen and (min-width: 1441px) {
    .hero__btn {
        margin-top: 41px;
    }
}


@media screen and (max-width: 480px) {
    .hero__btn {
        margin-top: 24px;
    }
}


.hero__down {
    position: absolute;
    bottom: 40px;
    left: 16px;
    z-index: 2;
}


@media screen and (max-width: 1023px) {
    .hero__down {
        position: relative;
        bottom: auto;
        left: auto;
        margin-top: 20px;
    }
}


.hero__down a {
    font-size: 14px;
    line-height: 143%;
    color: #272f64;
}


@media screen and (min-width: 1441px) {
    .hero__down a {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .hero__down a {
        font-size: 18.67px;
    }
}


@media (hover: hover) {
    .hero__down a:hover {
        opacity: 0.5;
    }
}


.hero__slider {
    width: 464px;
    height: 543px;
    border-radius: 24px;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background: rgba(250, 250, 250, 0.3);
    padding: 16px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 4;
}


@media screen and (min-width: 1441px) {
    .hero__slider {
        width: 33.0128205128%;
        max-width: 618px;
    }
}


@media screen and (min-width: 1600px) {
    .hero__slider {
        height: 603px;
    }
}


@media screen and (min-width: 1920px) {
    .hero__slider {
        height: 724px;
    }
}


@media screen and (max-width: 1023px) {
    .hero__slider {
        width: 100%;
        margin-top: 53px;
        position: relative;
        right: auto;
        bottom: auto;
    }
}


@media screen and (max-width: 480px) {
    .hero__slider {
        height: 447px;
    }
}


spline-viewer {
    position: relative;
    z-index: 1;
}


.hero__img::before {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 145px;
    height: 42px;
    background: #e5e7f7;
    border-radius: 0 0 24px 0;
    content: "";
    z-index: 2;
}


@media screen and (max-width: 1023px) {
    .hero__img::before {
        background: #f0f1f7;
    }
}


@media screen and (max-width: 767px) {
    .hero__img::before {
        background: #f2f3f9;
    }
}


@media screen and (max-width: 480px) {
    .hero__img::before {
        background: #ecf6f9;
    }
}


.hero__slider .swiper {
    height: 100%;
}


.hero__slider--nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 16px 16px 0 16px;
    z-index: 2;
}


.hero__slider .hero-slider-pagination {
    position: static;
    display: flex;
}


.hero__slider .hero-slider-pagination .swiper-pagination-bullet {
    border-radius: 100px;
    width: 100%;
    height: 4px;
    background: rgba(39, 47, 100, 0.1);
    position: relative;
    overflow: hidden;
    margin: 0 8px 0 0;
    opacity: 1;
}


.hero__slider .hero-slider-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0;
}


.hero__slider .hero-slider-pagination .swiper-pagination-bullet .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: "";
    background: #fff;
}


.hero__slider .hero-slider-count-pagination {
    font-size: 14px;
    line-height: 143%;
    color: rgba(9, 11, 23, 0.4);
    margin-top: 12px;
}


@media screen and (min-width: 1441px) {
    .hero__slider .hero-slider-count-pagination {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .hero__slider .hero-slider-count-pagination {
        font-size: 18.67px;
    }
}


.hero__slider .hero__slider--product--img img {
    transform: translateY(-30px);
    opacity: 0;
    transition-duration: 0.8s;
    transform: scale(1.2);
}


.hero__slider .swiper-slide {
    opacity: 0 !important;
    transition: 0.4s;
    height: 100%;
}


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


.hero__slider .swiper-slide.swiper-slide-active .hero__slider--product--info * {
    transform: none;
    opacity: 1;
}


.hero__slider .swiper-slide.swiper-slide-active .hero__slider--product--img img {
    opacity: 1;
    transform: scale(1.5);
}


.hero__slide {
    color: #090b17;
    display: flex;
    flex-direction: column;
    height: 100%;
}


.hero__slider--product--img {
    text-align: center;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 0 20px 0;
}


.hero__slider--product--img img {
    display: block;
    margin: 0 auto;
    max-height: 240px;
}


@media screen and (min-width: 1441px) {
    .hero__slider--product--img img {
        max-height: 18.35vw;
    }
}


@media screen and (min-width: 1600px) {
    .hero__slider--product--img img {
        max-height: 230px;
    }
}


@media screen and (min-width: 1920px) {
    .hero__slider--product--img img {
        max-height: 340px;
    }
}


@media screen and (max-width: 480px) {
    .hero__slider--product--img img {
        max-height: 180px;
    }
}


.hero__slider--product--info {
    padding: 8px;
    margin-top: 12px;
    position: relative;
    z-index: 3;
}


.hero__slider--product--info p {
    font-family: "Neue Machina", sans-serif;
    font-size: 18px;
    line-height: 144%;
    margin-top: 12px;
    transition-duration: 0.8s;
    transition-delay: 0.4s;
    opacity: 0;
    color: #090b17;
}


@media screen and (min-width: 1441px) {
    .hero__slider--product--info p {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .hero__slider--product--info p {
        font-size: 24px;
    }
}


@media screen and (max-width: 480px) {
    .hero__slider--product--info p {
        font-size: 14px;
    }
}


.hero__slider--product--name {
    font-size: 14px;
    line-height: 143%;
    text-transform: uppercase;
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    transition-duration: 0.8s;
    transition-delay: 0.2s;
    opacity: 0;
}


@media screen and (min-width: 1441px) {
    .hero__slider--product--name {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .hero__slider--product--name {
        font-size: 18.67px;
    }
}


.brand-hero {
    /*margin-top: 102px;*/
    border-radius: 20px;
    position: relative;
    color: #E5E9FF;
}


@media screen and (min-width: 1920px) {
    .brand-hero {
        /*margin-top: 120px;*/
    }
}


@media screen and (max-width: 1023px) {
    .brand-hero {
        margin-top: 0;
    }
}


.brand-hero .wrapper {
    padding: 80px 16px 16px 16px;
}


@media screen and (max-width: 1023px) {
    .brand-hero .wrapper {
        padding-top: 40px;
    }
}


.brand-hero__slider {
    padding-top: 7px;
    position: relative;
    min-height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


@media screen and (min-width: 1600px) {
    .brand-hero__slider {
        min-height: 84px;
    }
}


@media screen and (min-width: 1920px) {
    .brand-hero__slider {
        min-height: 94px;
    }
}


@media screen and (max-width: 1023px) {
    .brand-hero__slider {
        min-height: 72px;
    }
}


@media screen and (max-width: 480px) {
    .brand-hero__slider {
        padding: 7px 0 4px 0;
    }
}


.brand-hero__slider .before-shadow, .brand-hero__slider .after-shadow {
    position: absolute;
    top: 0;
    height: 100%;
    width: 62px;
    z-index: 1;
    content: "";
}


.brand-hero__slider .before-shadow {
    background: linear-gradient(90deg, rgb(39, 47, 100) 23%, rgba(39, 47, 100, 0) 100%);
    left: 0;
    border-radius: 20px 0 0 0;
}


.brand-hero__slider .after-shadow {
    background: linear-gradient(90deg, rgba(39, 47, 100, 0), rgb(39, 47, 100) 77%);
    right: 0;
    border-radius: 0 20px 0 0;
}


.brand-hero__slider--item {
    font-family: "Neue Machina", sans-serif, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px;
    opacity: 0.2;
    position: relative;
    margin-right: 20px;
}


@media screen and (min-width: 1600px) {
    .brand-hero__slider--item {
        font-size: 32px;
    }
}


@media screen and (min-width: 1920px) {
    .brand-hero__slider--item {
        font-size: 36px;
    }
}


@media screen and (max-width: 480px) {
    .brand-hero__slider--item {
        font-size: 20px;
    }
}


.brand-hero__slider--item::after {
    content: "✦";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px;
    margin-left: 20px;
}


.brand-hero__box {
    width: calc(100% - 464px);
    display: flex;
}


@media screen and (min-width: 1441px) {
    .brand-hero__box {
        width: 66.5948275862%;
    }
}


@media screen and (max-width: 1365px) {
    .brand-hero__box {
        justify-content: space-between;
    }
}


@media screen and (max-width: 1199px) {
    .brand-hero__box {
        width: calc(100% - 320px);
        padding-right: 30px;
    }
}


@media screen and (max-width: 1023px) {
    .brand-hero__box {
        display: block;
        width: auto;
        padding-right: 0;
    }
}


.brand-hero__content {
    width: 50%;
    padding-right: 15px;
    position: relative;
    z-index: 2;
    padding-right: 64px;
}


@media screen and (max-width: 1439px) {
    .brand-hero__content {
        width: 464px;
        flex: none;
    }
}


@media screen and (max-width: 1365px) {
    .brand-hero__content {
        width: 48%;
        padding-right: 30px;
    }
}


@media screen and (max-width: 1023px) {
    .brand-hero__content {
        width: auto;
        padding: 0 69px 0 0;
    }
}


@media screen and (max-width: 480px) {
    .brand-hero__content {
        padding-right: 52px;
    }
}


.brand-hero__info {
    width: 50%;
    position: relative;
    padding-top: 76px;
    padding-right: 64px;
    margin-top: 40px;
}


@media screen and (max-width: 1365px) {
    .brand-hero__info {
        width: 52%;
    }
}


@media screen and (max-width: 1199px) {
    .brand-hero__info {
        padding-right: 0;
    }
}


@media screen and (max-width: 1023px) {
    .brand-hero__info {
        width: auto;
        padding: 0;
        margin-top: 40px;
    }
}


.brand-hero__info--country {
    display: flex;
    align-items: center;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 143%;
    margin-bottom: 20px;
    padding-right: 135px;
}


@media screen and (min-width: 1441px) {
    .brand-hero__info--country {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .brand-hero__info--country {
        font-size: 18.67px;
    }
}


.brand-hero__info--country img {
    display: block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    flex: none;
    margin-right: 8px;
}


.brand-hero__info--logo {
    padding-right: 135px;
}


.brand-hero__info--logo img {
    display: block;
    max-width: 210px;
}


@media screen and (max-width: 1299px) {
    .brand-hero__info--logo img {
        max-width: 180px;
    }
}


@media screen and (max-width: 1023px) {
    .brand-hero__info--logo img {
        max-width: 220px;
    }
}


@media screen and (max-width: 480px) {
    .brand-hero__info--logo img {
        max-width: 100%;
    }
}


.brand-hero__info--desc {
    margin-top: 30px;
    overflow: hidden;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 144.44%;
    position: relative;
}


@media screen and (min-width: 1441px) {
    .brand-hero__info--desc {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .brand-hero__info--desc {
        font-size: 24px;
    }
}


@media screen and (max-width: 1023px) {
    .brand-hero__info--desc.full-text::before {
        display: none;
    }
}


.brand-hero__info--more {
    margin-top: 8px;
}


@media screen and (max-width: 767px) {
    .brand-hero__info--more {
        margin-top: 20px;
    }
}


.brand-hero__info--more a {
    font-family: "Neue Machina", sans-serif;
    font-size: 18px;
    line-height: 28px;
    position: relative;
    border-bottom: 2px solid;
    opacity: 0.4;
    color: inherit;
    padding-bottom: 3px;
}


@media (hover: hover) {
    .brand-hero__info--more a:hover {
        opacity: 1;
        border-color: transparent;
    }
}


.brand-hero__animate-icon {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0;
    right: 64px;
    z-index: 1;
}


@media screen and (max-width: 1199px) {
    .brand-hero__animate-icon {
        right: 0;
    }
}


@media screen and (max-width: 1023px) {
    .brand-hero__animate-icon {
        top: -60px;
    }
}


@media screen and (max-width: 480px) {
    .brand-hero__animate-icon {
        width: 98px;
        height: 98px;
        top: -55px;
    }
}


.brand-hero__animate-icon .static-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}


.brand-hero__animate-icon .animate-icon {
    animation: rotateCounterClockwise 40s linear infinite;
}


.brand-hero__title .subtitle {
    color: #E5E9FF;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
    opacity: 0.4;
}


@media screen and (min-width: 1441px) {
    .brand-hero__title .subtitle {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .brand-hero__title .subtitle {
        font-size: 18.67px;
    }
}


.brand-hero__heading {
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    font-weight: 400;
    line-height: 119.23%;
    color: #E5E9FF;
}


@media screen and (min-width: 1441px) {
    .brand-hero__heading {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .brand-hero__heading {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 480px) {
    .brand-hero__heading {
        font-size: 34px;
        line-height: 42px;
    }
}


.brand-hero__menu {
    margin-top: 10px;
}


@media screen and (max-width: 480px) {
    .brand-hero__menu {
        margin-top: 8px;
    }
}


.brand-hero__menu ul {
    display: flex;
    flex-wrap: wrap;
}


.brand-hero__menu ul li {
    margin: 4px 4px 0 0;
}


.brand-hero__menu ul li a {
    border-radius: 100px;
    background: #E5E9FF;
    color: #272F64;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 12px;
    display: block;
}


@media screen and (min-width: 1441px) {
    .brand-hero__menu ul li a {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .brand-hero__menu ul li a {
        font-size: 18.67px;
    }
}


@media screen and (max-width: 480px) {
    .brand-hero__menu ul li a {
        font-size: 10px;
        letter-spacing: 0.2px;
    }
}


@media (hover: hover) {
    .brand-hero__menu ul li a:hover {
        opacity: 0.7;
    }
}


.brand-hero__img {
    position: absolute;
    width: 464px;
    top: 15px;
    right: 15px;
    bottom: 15px;
    z-index: 1;
}


@media screen and (min-width: 1441px) {
    .brand-hero__img {
        width: 33.0128205128%;
    }
}


@media screen and (max-width: 1199px) {
    .brand-hero__img {
        width: 320px;
    }
}


@media screen and (max-width: 1023px) {
    .brand-hero__img {
        position: static;
        width: 100%;
        height: 414px;
        margin-top: 40px;
    }
}


.brand-hero__img img {
    border-radius: 20px;
    object-position: center;
}


.brand-hero__btns {
    margin-top: 52px;
    display: flex;
    flex-wrap: wrap;
}


@media screen and (max-width: 767px) {
    .brand-hero__btns {
        margin-top: 16px;
        display: block;
    }
}


.brand-hero__btns--item {
    margin: 8px 8px 0 0;
    width: 196px;
}


@media screen and (min-width: 1441px) {
    .brand-hero__btns--item {
        width: 230px;
    }
}


@media screen and (min-width: 1680px) {
    .brand-hero__btns--item {
        width: 260px;
    }
}


@media screen and (max-width: 767px) {
    .brand-hero__btns--item {
        margin: 8px 0 0 0;
        width: auto;
    }
}


.brand-hero__btns--item a {
    width: 100%;
    display: block;
}


@keyframes rotateCounterClockwise {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}


.brand-products {
    margin: 80px 0;
}


@media screen and (min-width: 1920px) {
    .brand-products {
        margin: 106px 0;
    }
}


@media screen and (max-width: 767px) {
    .brand-products {
        margin: 60px 0;
    }
}


.brand-products__list, .category-products__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px;
    margin-top: 80px;
}


@media screen and (min-width: 1920px) {
    .brand-products__list, .category-products__list {
        margin-top: 106px;
    }
}


@media screen and (max-width: 1400px) {
    .brand-products__list, .category-products__list {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media screen and (max-width: 1070px) {
    .brand-products__list, .category-products__list {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 60px;
    }
}


@media screen and (max-width: 767px) {
    .brand-products__list, .category-products__list {
        display: block;
        margin-top: 40px;
    }
}


.brand-products .products__item, .category-products .products__item {
    margin: 0;
}


@media screen and (max-width: 767px) {
    .brand-products .products__item, .category-products .products__item, .favorites__list .products__item {
        margin-top: 8px;
    }


    .brand-products .products__item:first-child, .category-products .products__item:first-child {
        margin-top: 0;
    }
}


.services {
    margin: 0 0 80px 0;
}


@media screen and (min-width: 1920px) {
    .services {
        margin: 106px 0;
    }
}


@media screen and (max-width: 767px) {
    .services {
        margin: 60px 0;
    }
}


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


@media screen and (max-width: 767px) {
    .services__list {
        display: block;
        margin-top: 20px;
    }
}


.services__list--item {
    width: calc(50% - 4px);
}


@media screen and (max-width: 767px) {
    .services__list--item {
        width: 100%;
    }
}


.services__category {
    position: relative;
    border-radius: 24px;
}


@media screen and (max-width: 767px) {
    .services__category {
        height: auto;
        margin-bottom: 8px;
    }
}


.services__category a.category-link {
    position: relative;
    display: block;
    border-radius: inherit;
    height: 100%;
}


@media (hover: hover) {
    .services__category a.category-link:hover .services__category--title::after {
        right: 16px;
    }
}


.services__category a.category-link::before {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(9, 11, 23, 0.2) 0%, rgba(9, 11, 23, 0) 100%);
    border-radius: inherit;
    content: "";
    z-index: 1;
}


.services__category--img {
    position: relative;
    border-radius: inherit;
    overflow: hidden;
    height: 100%;
    min-height: 306px;
}


@media screen and (min-width: 1441px) {
    .services__category--img {
        min-height: 360px;
    }
}


@media screen and (min-width: 1920px) {
    .services__category--img {
        min-height: 408px;
    }
}


@media screen and (max-width: 767px) {
    .services__category--img {
        min-height: 620px;
    }
}


.services__category--img img {
    border-radius: inherit;
    transition: transform 0.3s ease-out;
    position: absolute;
    top: -18%;
    left: 0;
    width: 100%;
    height: 120%;
    transform: translateY(0);
}


.services__category--title {
    position: absolute;
    top: 0;
    left: 0;
    padding: 24px;
    width: 100%;
    font-family: "Neue Machina", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 144%;
    color: #fff;
    z-index: 1;
}


@media screen and (min-width: 1441px) {
    .services__category--title {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .services__category--title {
        font-size: 24px;
    }
}


@media screen and (max-width: 767px) {
    .services__category--title {
        font-size: 24px;
        line-height: 32px;
    }
}


@media screen and (max-width: 480px) {
    .services__category--title {
        padding: 16px 60px 16px 16px;
    }
}


.services__category--title::after {
    width: 22px;
    height: 22px;
    background: url("../images/icons/right.svg") center no-repeat;
    position: absolute;
    top: 25px;
    right: 24px;
    content: "";
    transition: 0.3s;
}


@media screen and (min-width: 1441px) {
    .services__category--title::after {
        width: 28px;
        background-size: 28px;
    }
}


@media screen and (max-width: 480px) {
    .services__category--title::after {
        right: 16px;
        top: 16px;
    }
}


.services__category--title h1, .services__category--title h2, .services__category--title h3, .services__category--title h4, .services__category--title h5, .services__category--title h6 {
    font-size: inherit;
    line-height: inherit;
}


.services__category--info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px;
    z-index: 2;
}


.services__category--info ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 460px;
}


@media screen and (min-width: 1441px) {
    .services__category--info ul {
        max-width: 540px;
    }
}


@media screen and (min-width: 1680px) {
    .services__category--info ul {
        max-width: 613px;
    }
}


.services__category--info ul li {
    margin: 4px 4px 0 0;
    font-size: 14px;
    line-height: 143%;
}


@media screen and (min-width: 1441px) {
    .services__category--info ul li {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .services__category--info ul li {
        font-size: 18.67px;
    }
}


.services__category--info ul li a {
    color: inherit;
    padding: 8px 12px;
    border-radius: 100px;
    display: block;
    color: #272F64;
    background: #fff;
}


@media screen and (min-width: 1920px) {
    .services__category--info ul li a {
        padding: 10.63px 16px;
    }
}


.services__category--big .services__category {
    height: 100%;
}


.services__category--small .services__category {
    margin-top: 8px;
}


.services__category--small .services__category:first-child {
    margin-top: 0;
}


@media screen and (max-width: 767px) {
    .services__category--small .services__category--img {
        min-height: 480px;
    }
}


.products {
    margin: 0 0 80px 0;
}


@media screen and (min-width: 1920px) {
    .products {
        margin: 106px 0;
    }
}


@media screen and (max-width: 767px) {
    .products {
        margin: 60px 0;
    }
}


@media screen and (max-width: 1199px) {
    .products .title-block {
        padding-right: 24px;
    }
}


@media screen and (max-width: 1199px) {
    .products .wrapper {
        padding-right: 0;
    }
}


@media screen and (max-width: 1199px) {
    .products .swiper {
        padding-right: 40px;
    }
}


@media screen and (max-width: 480px) {
    .products .swiper {
        padding-right: 25px;
    }
}


.products__list {
    margin-top: 36px;
}


@media screen and (max-width: 767px) {
    .products__list {
        margin-top: 20px;
    }
}


.products__list .swiper-wrapper {
    padding: 4px;
}


@media screen and (min-width: 1200px) {
    .products__list .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        transform: none !important;
        width: auto;
    }
}


@media screen and (max-width: 767px) {
    .products__list .swiper-wrapper {
        padding: 0;
    }
}


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


@media screen and (min-width: 1200px) {
    .products__list .swiper-slide {
        margin: 4px;
        width: calc(25% - 8px);
    }
}


@media screen and (min-width: 1200px) and (min-width: 1920px) {
    .products__list .swiper-slide {
        margin: 5px;
        width: calc(25% - 10px);
    }
}


.products__item {
    background: #fff;
    border-radius: 20px;
    position: relative;
    padding-bottom: 96px;
    transition: 0.4s;
}


@media screen and (min-width: 1441px) {
    .products__item {
        padding-bottom: 100px;
    }
}


@media screen and (min-width: 1680px) {
    .products__item {
        padding-bottom: 110px;
    }
}


@media screen and (min-width: 1920px) {
    .products__item {
        padding-bottom: 120px;
    }
}


@media screen and (max-width: 767px) {
    .products__item {
        padding-bottom: 88px;
    }
}


@media (hover: hover) {
    .products__item:hover {
        box-shadow: 0px 0px 0px 3px rgba(39, 47, 100, 0.05);
    }
}


.products__item--rating {
    position: absolute;
    top: 8px;
    left: 8px;
    border-radius: 100px;
    padding: 8px 12px;
    background: #fff;
    z-index: 1;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
}


@media screen and (min-width: 1441px) {
    .products__item--rating {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .products__item--rating {
        font-size: 18.67px;
    }
}


.products__item--rating span {
    margin-left: 8px;
}


.products__item--certs {
    position: absolute;
    top: 14px;
    right: 8px;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 4px;
}


.products__item--certs img {
    width: 32px;
    height: 32px;
}


.products__item--img {
    border-radius: 20px 20px 0 0;
    background: #fafafa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 342px;
}


@media screen and (min-width: 1512px) {
    .products__item--img {
        height: 358px;
    }
}


@media screen and (min-width: 1600px) {
    .products__item--img {
        height: 380px;
    }
}


@media screen and (min-width: 1680px) {
    .products__item--img {
        height: 400px;
    }
}


@media screen and (min-width: 1920px) {
    .products__item--img {
        height: 454px;
    }
}


.products__item--img a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


@media (hover: hover) {
    .products__item--img a:hover img {
        transform: scale(1.04);
    }
}


.products__item--img img {
    max-height: 100%;
    display: block;
    transition: 0.4s;
}


.products__item--info {
    padding: 24px 24px 0 24px;
    border-radius: 0 0 20px 20px;
}


@media screen and (max-width: 767px) {
    .products__item--info {
        padding: 16px 16px 0 16px;
    }
}


.products__item--name {
    font-family: "Neue Machina", sans-serif;
    font-size: 18px;
    line-height: 144%;
    min-height: 52px;
    color: #090B17;
}


@media screen and (min-width: 1441px) {
    .products__item--name {
        min-height: 57px;
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1600px) {
    .products__item--name {
        min-height: 70px;
    }
}


@media screen and (min-width: 1920px) {
    .products__item--name {
        font-size: 24px;
        min-height: 70px;
    }
}


.products__item--name a {
    color: inherit;
}


@media (hover: hover) {
    .products__item--name a:hover {
        color: #272F64;
    }
}


.products__item--price {
    margin-top: 20px;
    display: flex;
}


.products__item--price p {
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.01em;
    color: rgba(9, 11, 23, 0.4);
    margin-bottom: 8px;
}


@media screen and (min-width: 1441px) {
    .products__item--price p {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .products__item--price p {
        font-size: 18.67px;
    }
}


.products__item--price span {
    display: block;
    font-size: 18px;
    line-height: 111%;
}


@media screen and (min-width: 1441px) {
    .products__item--price span {
        font-size: calc(18px + 10 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .products__item--price span {
        font-size: 24px;
    }
}


.products__item--price a {
    font-size: 16px;
    line-height: 125%;
    color: #272f64;
    position: relative;
}


@media screen and (min-width: 1441px) {
    .products__item--price a {
        font-size: calc(16px + 5.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .products__item--price a {
        font-size: 21.33px;
    }
}


@media screen and (min-width: 1299px) {
    .products__item--price a {
        font-size: 14px;
    }
}


@media screen and (min-width: 1199px) {
    .products__item--price a {
        font-size: 16px;
    }
}


.products__item--price a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #272f64;
    transition: 0.3s;
    content: "";
}


@media (hover: hover) {
    .products__item--price a:hover::after {
        top: 90%;
        opacity: 0;
    }
}


.products__item--price .price-default {
    padding-right: 7px;
}


.products__item--price .price-default, .products__item--price .price-doctor {
    width: 50%;
}


.products__item.not-info {
    display: block;
}

.products__item--price.request-info {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    position: relative;
}

.products__item--price.request-info > p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.01em;
    color: #090b17;
    opacity: 0.4;
    display: inline-block;
    position: relative;
    padding-bottom: 2px;
    background-image: linear-gradient(to right, #090b17 20%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x;
    margin: 0 !important;
}

@media screen and (min-width: 1441px) {
    .products__item--price.request-info > p {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}

@media screen and (min-width: 1920px) {
    .products__item--price.request-info > p {
        font-size: 18.67px;
    }
}

.products__item--price.request-info .tooltip-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    box-shadow: 0 10px 50px -20px rgba(27, 39, 72, 0.2);
    background: linear-gradient(rgba(250, 250, 250, 0.9), rgba(250, 250, 250, 0.9)), #fff;
    border-radius: 24px;
    padding: 20px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #090b17;
    bottom: calc(100% + 12px);
    left: 0;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.3s;
}

.products__item--price.request-info .tooltip-box::before {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    height: 30px;
    background: transparent;
}

.products__item--price.request-info .tooltip-box::after {
    content: "";
    position: absolute;
    bottom: -12px;
    z-index: 1;
    left: 30%;
    transform: translateX(-50%);
    width: 38px;
    height: 28px;
    background-image: url('data:image/svg+xml;utf8,<svg width="38" height="28" viewBox="0 0 38 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.2386 26.2842C18.0374 27.3796 19.6716 27.3796 20.4704 26.2842L37.3211 3.17847C38.285 1.85682 37.3409 0 35.7052 0H2.00382C0.368037 0 -0.575966 1.85682 0.387891 3.17847L17.2386 26.2842Z" fill="%23FAFAFA" /></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.products__item--price.request-info .tooltip-box div:has(a) {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.products__item--price.request-info .tooltip-box a {
    display: block;
    text-align: right;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #090b17;
    position: relative;
    width: max-content;
}

.products__item--price.request-info .tooltip-box a:after {
    content: "";
    position: absolute;
    height: 1px;
    background: #090b17;
    opacity: 0.1;
}

.products__item--price.request-info .tooltip-box a:hover {
    opacity: 0.6;
}

.products__item--price.request-info .tooltip-box p {
    color: #090b17;
    margin-bottom: 0;
    pointer-events: none;
}

.products__item--price.request-info:hover .tooltip-box,
.products__item--price.request-info .tooltip-box:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition-delay: 0s;
}

.products__item--price.request-info .tooltip-box.product-tooltip {
    width: 390px;
}

.products__item--price.request-info .product-tooltip a:after {
    top: 100%;
}

.products__item--price.request-info:has(.product-tooltip) > p {
    color: #e5e9ff !important;
    background-image: linear-gradient(to right, #e5e9ff 20%, rgba(255, 255, 255, 0) 0%);
}

.products__item--price.request-info .tooltip-box.product-tooltip:after {
    left: 30%;
}

.products__item--price.request-info:hover p {
    opacity: unset;
    cursor: pointer;
}

.products__item--price.request-info img {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 111%;
}

.products__item--btns {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0 24px 24px 24px;
}


@media screen and (max-width: 767px) {
    .products__item--btns {
        padding: 0 16px 16px 16px;
    }
}


.products__item--btns .not-available {
    width: calc(100% - 108px);
    text-align: left;
    color: #f5be66;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.1px;
}


@media screen and (min-width: 1441px) {
    .products__item--btns .not-available {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .products__item--btns .not-available {
        font-size: 18.67px;
    }
}


.products__item--btns .product-btn,
.products__item--btns .product-btn.not-available-product {
    background: rgba(9, 11, 23, 0.02);
    border-radius: 12px;
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
}

.products__item--btns .product-btn.add-to-cart {
    width: 100%;
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    border-radius: 6px;
    padding: 10px 24px;
    font-family: "Roboto-Medium", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.01em;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 1441px) {
    .products__item--btns .product-btn.add-to-cart {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}

@media screen and (min-width: 1920px) {
    .products__item--btns .product-btn.add-to-cart {
        font-size: 18.67px;
    }
}

.products__item--btns .product-btn.add-to-cart .text {
    z-index: 10;
}

.products__item--btns .product-btn.add-to-cart svg {
    width: 20px;
    height: 20px;
}

.products__item--btns .product-btn.add-to-cart svg path {
    fill: #fff;
}

.products__item--btns .product-btn.js-open-modal-product-availability {
    padding: 10px 24px;
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    border-radius: 6px;
    width: 100%;
    font-family: "Roboto-Medium", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.01em;
    text-align: center;
    color: #fff;
}

@media screen and (min-width: 1441px) {
    .products__item--btns .product-btn.js-open-modal-product-availability {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}

@media screen and (min-width: 1920px) {
    .products__item--btns .product-btn.js-open-modal-product-availability {
        font-size: 18.67px;
    }
}

.products__item--btns .product-btn.js-open-modal-product-availability .text {
    z-index: 10;
}

.products__item--btns .product-btn.add-favorites {
    margin-right: 4px;
}

.products__item--btns .not-available {
    width: 100%;
}

.products__item--btns .product-btn.not-available-product {
    background: linear-gradient(0deg, rgba(9, 11, 23, 0.02), rgba(9, 11, 23, 0.02)), #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: max-content;
    aspect-ratio: 1/1;
}

.products__item--btns .product-btn.not-available-product svg {
    width: 24px !important;
    height: 24px !important;
    max-height: none !important;
    max-width: none !important;
    min-width: 24px !important;
    min-height: 24px !important;
    flex-shrink: 0;
}

.products__item--btns .product-btn.not-available-product:hover svg path {
    stroke: #fff;
}

.products__item--btns .product-btn.not-available-product svg path {
    fill: transparent;
}

@media screen and (min-width: 1441px) {
    .products__item--btns .product-btn,
    .products__item--btns .product-btn.not-available-product {
        width: calc(52px + 17.33 * (100vw - 1440px) / 480);
        height: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .products__item--btns .product-btn,
    .products__item--btns .product-btn.not-available-product {
        width: 69.33px;
        height: 69.33px;
    }
}


.products__item--btns .product-btn img,
.products__item--btns .product-btn svg,
.products__item--btns .product-btn.not-available-product img,
.products__item--btns .product-btn.not-available-product svg {
    display: block;
    max-height: 21px;
    position: relative;
    z-index: 1;
}


@media screen and (min-width: 1441px) {
    .products__item--btns .product-btn img,
    .products__item--btns .product-btn svg,
    .products__item--btns .product-btn.not-available-product img,
    .products__item--btns .product-btn.not-available-product svg {
        max-height: calc(21px + 11 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .products__item--btns .product-btn img,
    .products__item--btns .product-btn svg,
    .products__item--btns .product-btn.not-available-product img,
    .products__item--btns .product-btn.not-available-product svg {
        max-height: 32px;
    }
}


.products__item.product-not-available .products__item--img {
    pointer-events: none;
}


.products__item.product-not-available .products__item--img img {
    opacity: 0.2;
}


.products__item.product-not-available .add-to-cart {
    pointer-events: none;
}


.products__item.product-not-available .add-to-cart img, .products__item.product-not-available .add-to-cart svg {
    opacity: 0.1;
}


.calendar {
    margin-top: 80px;
}


@media screen and (min-width: 1920px) {
    .calendar {
        margin-top: 106px;
    }
}


@media screen and (max-width: 767px) {
    .calendar {
        margin-top: 60px;
    }
}


.calendar__box {
    padding: 80px 16px 0 16px;
    background: #fff;
    border-radius: 24px 24px 0 0;
}


@media screen and (max-width: 767px) {
    .calendar__box {
        padding: 40px 0 0 16px;
    }
}


.calendar__header {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    position: relative;
}


@media screen and (max-width: 1023px) {
    .calendar__header {
        display: block;
    }
}


@media screen and (max-width: 767px) {
    .calendar__header {
        padding-right: 16px;
    }
}


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


@media screen and (min-width: 1024px) {
    .calendar__location {
        order: 2;
    }
}


.calendar__location--item {
    display: flex;
    align-items: center;
    font-family: "Inter-Regular", sans-serif;
    margin-right: 40px;
}


@media screen and (min-width: 1441px) {
    .calendar__location--item {
        margin-right: 53px;
    }
}


.calendar__location--item:last-child {
    margin-right: 0;
}


.calendar__location--item--icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
    margin-right: 8px;
}


@media screen and (min-width: 1441px) {
    .calendar__location--item--icon {
        width: 56px;
        height: 56px;
    }
}


.calendar__location--item--icon img {
    display: block;
}


@media screen and (min-width: 1441px) {
    .calendar__location--item--icon img {
        min-width: 16px;
    }
}


.calendar__location .calendar-offline .calendar__location--item--icon {
    background: #FFFF4F;
}


.calendar__location .calendar-online .calendar__location--item--icon {
    background: #EDBFFF;
}


.calendar__nav {
    position: absolute;
    right: 0;
    top: -132px;
    display: flex;
    align-items: center;
}


@media screen and (max-width: 1023px) {
    .calendar__nav {
        top: -83px;
    }
}


@media screen and (max-width: 767px) {
    .calendar__nav {
        top: -70px;
        right: 16px;
    }
}


.calendar__nav .calendar__prev, .calendar__nav .calendar__next {
    background-color: #090B17;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    cursor: pointer;
    transition: 0.4s;
}


@media screen and (min-width: 1441px) {
    .calendar__nav .calendar__prev, .calendar__nav .calendar__next {
        width: 56px;
        height: 56px;
        background-size: 13px;
    }
}


@media (hover: hover) {
    .calendar__nav .calendar__prev:hover, .calendar__nav .calendar__next:hover {
        background-color: #272F64;
    }
}


.calendar__nav .calendar__prev {
    margin-right: 4px;
    background-image: url("../images/icons/prev.svg");
    background-repeat: no-repeat;
    background-position: center;
}


.calendar__nav .calendar__next {
    background-image: url("../images/icons/next.svg");
    background-repeat: no-repeat;
    background-position: center;
}


.calendar__month {
    font-family: "Neue Machina", sans-serif;
    margin-right: 58px;
    position: relative;
}


@media screen and (max-width: 1023px) {
    .calendar__month {
        margin: 29px 131px 0 0;
    }
}


@media screen and (max-width: 374px) {
    .calendar__month {
        margin-right: 120px;
    }
}


.calendar__month--current {
    background: linear-gradient(135deg, rgb(9, 11, 23), rgb(39, 47, 100));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 52px;
    line-height: 119.23%;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.4s;
}


@media screen and (min-width: 1441px) {
    .calendar__month--current {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .calendar__month--current {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 767px) {
    .calendar__month--current {
        font-size: 24px;
        line-height: 32px;
    }
}


@media screen and (max-width: 400px) {
    .calendar__month--current {
        font-size: 20px;
        line-height: 30px;
    }
}


@media screen and (max-width: 359px) {
    .calendar__month--current {
        font-size: 16px;
        line-height: 20px;
    }
}


@media (hover: hover) {
    .calendar__month--current:hover {
        opacity: 0.2;
    }
}


.calendar__month--current::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #090B17;
    transition: 0.4s;
    content: "";
}


.calendar__month--current::after {
    width: 20px;
    height: 25px;
    background: url("../images/icons/month-down.svg") center no-repeat;
    display: inline-block;
    margin-left: 15px;
    content: "";
    transition: 0.3s;
    flex: none;
}


@media screen and (max-width: 480px) {
    .calendar__month--current::after {
        margin-left: 5px;
    }
}


.calendar__month--dropdown {
    border-top: 2px solid #090B17;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    display: none;
    z-index: 2;
}


.calendar__month--dropdown ul {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}


.calendar__month--dropdown ul li {
    padding: 8px;
    border-top: 1px solid #090B17;
    cursor: pointer;
    font-size: 15px;
    transition: 0.4s;
}


.calendar__month--dropdown ul li:first-child {
    border-top: 0;
}


@media (hover: hover) {
    .calendar__month--dropdown ul li:hover {
        background: #272f64;
        color: #fff;
    }
}


.calendar__month.active .calendar__month--dropdown {
    display: block;
}


.calendar__month.active .calendar__month--current::after {
    transform: rotate(180deg);
}


.calendar__content {
    margin-top: 80px;
    position: relative;
}


@media screen and (min-width: 1920px) {
    .calendar__content {
        margin-top: 106px;
    }
}


@media screen and (max-width: 1023px) {
    .calendar__content {
        margin-top: 40px;
    }
}


@media screen and (max-width: 767px) {
    .calendar__content {
        margin-top: 27px;
    }
}


.calendar__slider {
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}


@media screen and (max-width: 767px) {
    .calendar__slider .swiper {
        padding-right: 49px;
        visibility: visible;
    }
}


.calendar__slider.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: opacity 1s ease, visibility 1s ease;
}


.calendar__item {
    border-radius: 20px;
    background: #fafafa;
    padding: 24px;
    height: auto;
}


@media screen and (min-width: 1920px) {
    .calendar__item {
        padding: 32px 32px 53px 32px;
    }
}


@media screen and (max-width: 767px) {
    .calendar__item {
        padding: 16px;
    }
}


.calendar__item a {
    color: inherit;
}


.calendar__item--day {
    font-family: "Neue Machina";
    font-size: 52px;
    line-height: 119.23%;
    color: #090B17;
    opacity: 0.2;
}


@media screen and (min-width: 1441px) {
    .calendar__item--day {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .calendar__item--day {
        font-size: 69.33px;
    }
}


.calendar__item--number {
    font-family: "Neue Machina";
    font-size: 34px;
    line-height: 123.53%;
    margin-bottom: 40px;
}


@media screen and (min-width: 1441px) {
    .calendar__item--number {
        font-size: calc(34px + 11.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .calendar__item--number {
        font-size: 45.33px;
        margin-bottom: 53px;
    }
}


@media screen and (max-width: 767px) {
    .calendar__item--number {
        margin-bottom: 20px;
    }
}


.calendar__item--event {
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    background: #fff;
    padding: 18px 16px;
    margin-top: 12px;
    display: block;
    transition: 0.4s;
}


@media screen and (min-width: 1441px) {
    .calendar__item--event {
        border-width: calc(18px + 6px * (100vw - 1440px) / 480) !important;
    }
}


@media screen and (min-width: 1920px) {
    .calendar__item--event {
        border-width: 24px !important;
    }
}


@media screen and (max-width: 480px) {
    .calendar__item--event {
        padding: 8px;
    }
}


@media (hover: hover) {
    .calendar__item--event:hover {
        box-shadow: 0px 0px 0px 3px rgba(39, 47, 100, 0.05);
    }
}


.calendar__item--event--time {
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 150%;
}


@media screen and (min-width: 1441px) {
    .calendar__item--event--time {
        font-size: calc(16px + 5.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .calendar__item--event--time {
        font-size: 21.33px;
    }
}


.calendar__item--event--name {
    font-family: "Neue Machina", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
    margin-top: 4px;
}


@media screen and (min-width: 1441px) {
    .calendar__item--event--name {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
        margin-top: 5.3px;
    }
}


@media screen and (min-width: 1920px) {
    .calendar__item--event--name {
        font-size: 24px;
    }
}


@media screen and (max-width: 767px) {
    .calendar__item--event--name {
        font-size: 16px;
        line-height: 20px;
    }
}


@media screen and (max-width: 767px) {
    .calendar__item--event--name {
        font-size: 14px;
    }
}


.calendar__item--event--location {
    margin-top: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    font-family: "Inter-Regular", sans-serif;
}


@media screen and (min-width: 1441px) {
    .calendar__item--event--location {
        font-size: calc(12px + 4 * (100vw - 1440px) / 480);
        margin-top: 26px;
    }
}


@media screen and (min-width: 1920px) {
    .calendar__item--event--location {
        font-size: 16px;
    }
}


@media screen and (max-width: 767px) {
    .calendar__item--event--location {
        margin-top: 24px;
    }
}


.calendar__item--event--location::before {
    margin-right: 4px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("../images/icons/map.svg") center no-repeat;
    background-size: 8px;
    content: "";
}


.calendar__item--event.event-offline {
    border-left: 8px solid #FFFF4F;
}


.calendar__item--event.event-online {
    border-left: 8px solid #EDBFFF;
}


.calendar__item--event.event-online .calendar__item--event--location::before {
    background: url("../images/icons/online.svg") center no-repeat;
    background-size: 12px;
}


.team.team-radius .team__box {
    border-radius: 20px;
}


@media screen and (max-width: 1023px) {
    .team .title-block {
        padding-right: 24px;
    }
}


@media screen and (max-width: 767px) {
    .team .title-block {
        padding-right: 16px;
    }
}


.team__box {
    padding: 80px 16px;
    background: #fff;
    border-radius: 0 0 24px 24px;
}


@media screen and (min-width: 1920px) {
    .team__box {
        padding: 106px 21.33px;
    }
}


@media screen and (max-width: 1023px) {
    .team__box {
        padding-right: 0;
    }
}


@media screen and (max-width: 767px) {
    .team__box {
        padding: 60px 0 40px 16px;
    }
}


.team__slider {
    margin-top: 80px;
}


@media screen and (min-width: 1920px) {
    .team__slider {
        margin-top: 106px;
    }
}


@media screen and (max-width: 767px) {
    .team__slider {
        margin-top: 20px;
    }
}


@media screen and (max-width: 1199px) {
    .team__slider .swiper {
        visibility: visible;
        padding-right: 40px;
    }
}


@media screen and (max-width: 480px) {
    .team__slider .swiper {
        padding-right: 25px;
    }
}


.team__item--img {
    height: 454px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}


@media screen and (min-width: 1441px) {
    .team__item--img {
        height: calc(454px + 151 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .team__item--img {
        height: 605px;
    }
}


@media screen and (max-width: 480px) {
    .team__item--img {
        height: 433px;
    }
}


.team__item--img img {
    border-radius: inherit;
}


.team__item--info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 21px;
}


@media screen and (min-width: 1920px) {
    .team__item--info {
        margin-top: 28px;
    }
}


.team__item--info--desc {
    font-size: 14px;
    line-height: 143%;
    padding-right: 15px;
}


@media screen and (min-width: 1441px) {
    .team__item--info--desc {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .team__item--info--desc {
        font-size: 18.67px;
    }
}


.team__item--info--desc p {
    line-height: inherit;
}


.team__item--info--name {
    font-family: "Neue Machina", sans-serif;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 4px;
}


@media screen and (min-width: 1441px) {
    .team__item--info--name {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .team__item--info--name {
        font-size: 24px;
    }
}


@media screen and (max-width: 767px) {
    .team__item--info--name {
        font-size: 22px;
        line-height: 28px;
    }
}


.team__item--info--btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #090b17;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
}


@media screen and (min-width: 1441px) {
    .team__item--info--btn {
        width: calc(44px + 14 * (100vw - 1440px) / 480);
        height: calc(44px + 14 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .team__item--info--btn {
        width: 58px;
        height: 58px;
    }
}


.team__item--info--btn svg, .team__item--info--btn img {
    display: block;
    max-height: 16px;
    position: relative;
    z-index: 1;
}


@media screen and (min-width: 1920px) {
    .team__item--info--btn svg, .team__item--info--btn img {
        width: 21px;
        height: auto;
        max-height: none;
    }
}


.team__item--more a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 20px;
    background: #272f64;
    color: rgba(255, 255, 255, 0.4);
    padding: 16px;
    text-align: center;
    position: relative;
}


@media (hover: hover) {
    .team__item--more a:hover .team__item--more--title::after {
        opacity: 0;
    }
}


.team__item--more--title {
    color: #E5E9FF;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 87.23%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}


.team__item--more--title::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2.5px;
    background: #E5E9FF;
    content: "";
}


@media screen and (min-width: 1441px) {
    .team__item--more--title {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .team__item--more--title {
        font-size: 69.33px;
    }
}


.team__item--more--desc {
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 143%;
}


@media screen and (min-width: 1441px) {
    .team__item--more--desc {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .team__item--more--desc {
        font-size: 18.67px;
        padding: 10.67px 16px;
    }
}


.popup {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(9, 11, 23, 0.2);
    z-index: 1003;
}


.popup-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 24px;
    right: 24px;
    transition: 0.4s;
    cursor: pointer;
}


@media (hover: hover) {
    .popup-close:hover {
        opacity: 0.7;
    }
}


.popup-close svg path {
    transition: 0.4s;
}


.popup-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.popup__item {
    font-family: "Inter-Regular", sans-serif;
    width: 488px;
    padding: 60px 24px;
    background: #fff4eb;
    overflow: auto;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}


@media screen and (min-width: 1600px) {
    .popup__item {
        width: 35%;
        max-width: 655px;
    }
}


@media screen and (max-width: 520px) {
    .popup__item {
        width: 100%;
        padding: 40px 16px 70px 16px;
    }
}


.popup__item--position {
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
    padding-right: 70px;
}


@media screen and (min-width: 1441px) {
    .popup__item--position {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .popup__item--position {
        font-size: 18.67px;
    }
}


.popup__item--name {
    font-size: 52px;
    line-height: 119.23%;
    margin-bottom: 20px;
}


@media screen and (min-width: 1441px) {
    .popup__item--name {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .popup__item--name {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 480px) {
    .popup__item--name {
        font-size: 34px;
        line-height: 40px;
    }
}


.popup__item--img {
    height: 440px;
    margin-bottom: 20px;
}


@media screen and (max-width: 480px) {
    .popup__item--img {
        height: 400px;
    }
}


.popup__item--img img {
    -o-object-position: center;
    object-position: center;
    border-radius: 20px;
}


.popup__item--desc {
    font-size: 18px;
    line-height: 144.44%;
    margin-bottom: 40px;
}


@media screen and (min-width: 1441px) {
    .popup__item--desc {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .popup__item--desc {
        font-size: 24px;
    }
}


.popup__item--desc p {
    line-height: inherit;
    margin-top: 20px;
}


.popup__item--desc p:first-child {
    margin-top: 0;
}


.popup__item--desc a {
    color: inherit;
}


.popup__item--desc a::after {
    background: #090b17;
}


.popup__item--experience {
    padding: 24px 24px 12px 24px;
    border-radius: 20px;
    background: #f9f9fa;
    margin-top: 8px;
}


.popup__item--experience--title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


.popup__item--experience--title p {
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119.23%;
    margin-right: 26px;
}


@media screen and (min-width: 1441px) {
    .popup__item--experience--title p {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .popup__item--experience--title p {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 480px) {
    .popup__item--experience--title p {
        font-size: 34px;
        line-height: 40px;
    }
}


.popup__item--experience span {
    font-size: 16px;
    line-height: 20px;
}


.popup__item--experience ul {
    margin-top: 8px;
}


.popup__item--experience ul li {
    padding: 12px 0;
    border-top: 1px solid rgba(9, 11, 23, 0.1);
    display: flex;
    align-items: baseline;
    font-size: 18px;
    line-height: 144.44%;
}


@media screen and (min-width: 1441px) {
    .popup__item--experience ul li {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .popup__item--experience ul li {
        font-size: 24px;
    }
}


.popup__item--experience ul li:first-child {
    border-top: 0;
}


.popup__item--experience ul li span {
    display: inline-block;
    color: rgba(9, 11, 23, 0.4);
    font-size: 18px;
    line-height: 144.44%;
    margin-right: 20px;
}


@media screen and (min-width: 1441px) {
    .popup__item--experience ul li span {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .popup__item--experience ul li span {
        font-size: 24px;
    }
}


.brand-popup {
    background: #282F64;
    color: #F0F2FF;
}


.brand-popup .popup__item--name {
    display: table;
    background: linear-gradient(92deg, #F0F2FF 0%, #A0A4C1 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


@media screen and (min-width: 1200px) {
    .brand-popup .popup__item--img {
        height: 547px;
    }
}


.brand-popup .brand-hero__info--country, .brand-popup .popup__item--desc {
    margin-top: 40px;
}


.brand-popup .popup__item--desc {
    color: #F0F2FF;
}


.brand-popup .popup__item--desc h1, .brand-popup .popup__item--desc h2, .brand-popup .popup__item--desc h3, .brand-popup .popup__item--desc h4, .brand-popup .popup__item--desc h5, .brand-popup .popup__item--desc h6 {
    color: #F0F2FF;
    opacity: 1;
    background: none;
    background-clip: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}


.brand-popup .popup__item--desc li::before {
    background: #F0F2FF;
    opacity: 1;
}


.brand-popup .popup__item--desc a::after {
    background: #F0F2FF;
}


.brands {
    margin-top: 80px;
}


@media screen and (min-width: 1920px) {
    .brands {
        margin-top: 106px;
    }
}


@media screen and (max-width: 767px) {
    .brands {
        margin-top: 60px;
    }
}


.brands__box {
    border-radius: 24px;
    background: #272f64;
    padding: 0 0 188px 0;
}


@media screen and (min-width: 1920px) {
    .brands__box {
        padding-top: 106px;
    }
}


@media screen and (max-width: 1023px) {
    .brands__box {
        padding: 0 0 80px 0;
    }
}


@media screen and (max-width: 767px) {
    .brands__box {
        padding: 40px 0;
    }
}


.brands .title-block {
    padding-left: 20px;
    padding-right: 20px;
}


.brands .title-block .title, .brands .title-block .subtitle {
    color: rgba(240, 242, 255, 0.4);
}


.brands__slider {
    margin-top: 20px;
    border-bottom: 1px solid rgba(240, 242, 255, 0.1);
    border-top: 1px solid rgba(240, 242, 255, 0.1);
    padding: 16px 0;
    position: relative;
    min-height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


@media screen and (min-width: 1600px) {
    .brands__slider {
        min-height: 84px;
    }
}


@media screen and (min-width: 1920px) {
    .brands__slider {
        min-height: 94px;
    }
}


@media screen and (max-width: 1023px) {
    .brands__slider {
        min-height: 72px;
    }
}


.brands__slider::before, .brands__slider::after {
    position: absolute;
    top: 0;
    height: 100%;
    width: 62px;
    z-index: 1;
    content: "";
}


.brands__slider::before {
    background: linear-gradient(90deg, rgb(39, 47, 100) 23%, rgba(39, 47, 100, 0) 100%);
    left: 0;
}


.brands__slider::after {
    background: linear-gradient(90deg, rgba(39, 47, 100, 0), rgb(39, 47, 100) 77%);
    right: 0;
}


.brands__slider img {
    display: block;
    margin: 0 20px;
    max-height: 30px;
    opacity: 0.2;
}


@media screen and (min-width: 1600px) {
    .brands__slider img {
        max-height: 54px;
    }
}


.brands__info {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    margin-top: 80px;
}


@media screen and (min-width: 1920px) {
    .brands__info {
        margin-top: 106px;
        padding: 0 21.33px;
    }
}


@media screen and (max-width: 1023px) {
    .brands__info {
        display: block;
        margin-top: 40px;
    }
}


.brands__categories {
    width: 420px;
}


@media screen and (min-width: 1441px) {
    .brands__categories {
        width: 30.1724137931%;
        flex: none;
    }
}


@media screen and (max-width: 1023px) {
    .brands__categories {
        width: auto;
    }
}


.brands__categories ul {
    display: flex;
    flex-wrap: wrap;
}


.brands__categories ul li {
    margin: 4px 4px 0 0;
}


@media screen and (min-width: 1920px) {
    .brands__categories ul li {
        margin: 5px 5px 0 0;
    }
}


.brands__categories ul li a {
    color: #272f64;
    font-size: 14px;
    line-height: 143%;
    border-radius: 100px;
    background: #f0f2ff;
    border: 1px solid #f0f2ff;
    padding: 8px 12px;
    display: block;
    position: relative;
}


@media screen and (min-width: 1441px) {
    .brands__categories ul li a {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .brands__categories ul li a {
        font-size: 18.67px;
        padding: 10.67px 16px;
    }
}


.brands__categories ul li a span {
    display: block;
    z-index: 1;
    position: relative;
}


.brands__list {
    width: calc(100% - 420px);
    padding-left: 44px;
}


@media screen and (min-width: 1441px) {
    .brands__list {
        width: 100%;
    }
}


@media screen and (max-width: 1199px) {
    .brands__list {
        padding-left: 30px;
    }
}


@media screen and (max-width: 1023px) {
    .brands__list {
        width: auto;
        margin-top: 40px;
        padding-left: 0;
    }
}


.brands__list ul {
    display: block;
}


.brands__list ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}


.brands__list ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0;
    position: relative;
    z-index: 1;
}


@media screen and (min-width: 1441px) {
    .brands__list ul li a {
        padding: 10px 0;
    }
}


.brands__list ul li a .brands__list--name {
    display: flex;
    align-items: center;
}


.brands__list ul li a .brands__list--name span {
    background: linear-gradient(135deg, rgb(240, 242, 255), rgb(160, 164, 193));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119.23%;
    text-align: left;
    display: block;
}


@media screen and (min-width: 1441px) {
    .brands__list ul li a .brands__list--name span {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .brands__list ul li a .brands__list--name span {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 1199px) {
    .brands__list ul li a .brands__list--name span {
        font-size: 38px;
        line-height: normal;
    }
}


@media screen and (max-width: 767px) {
    .brands__list ul li a .brands__list--name span {
        font-size: 42px;
        line-height: 50px;
    }
}


@media screen and (max-width: 374px) {
    .brands__list ul li a .brands__list--name span {
        font-size: 38px;
        line-height: 48px;
    }
}


.brands__list ul li a .brands__list--name::after {
    margin-left: 10px;
    display: inline-block;
    width: 33px;
    height: 41px;
    background: url("../images/icons/arrow-right-gradient.svg") center no-repeat;
    content: "";
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}


@media screen and (max-width: 767px) {
    .brands__list ul li a .brands__list--name::after {
        display: none;
    }
}


.brands__list ul li a .brands__list--products {
    display: flex;
    align-items: center;
    color: rgb(240, 242, 255);
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 143%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}


@media screen and (min-width: 1441px) {
    .brands__list ul li a .brands__list--products {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .brands__list ul li a .brands__list--products {
        font-size: 18.67px;
    }
}


@media screen and (max-width: 767px) {
    .brands__list ul li a .brands__list--products {
        display: none;
    }
}


.brands__list ul li a .brands__list--products span {
    max-width: 80px;
    line-height: inherit;
    padding-right: 5px;
}


@media screen and (min-width: 1441px) {
    .brands__list ul li a .brands__list--products span {
        max-width: 110px;
    }
}


.brands__list ul li a .brands__list--products--image {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    width: 64px;
    height: 64px;
    position: relative;
}


.brands__list ul li a .brands__list--products--image::before, .brands__list ul li a .brands__list--products--image::after {
    position: absolute;
    border-radius: 10px;
    background: #fff;
    opacity: 0.4;
    content: "";
}


.brands__list ul li a .brands__list--products--image::before {
    top: -4px;
    left: 3px;
    width: 58px;
    height: 58px;
}


@media screen and (min-width: 1920px) {
    .brands__list ul li a .brands__list--products--image::before {
        top: -5px;
    }
}


.brands__list ul li a .brands__list--products--image::after {
    top: -7px;
    left: 7px;
    width: 50px;
    height: 50px;
}


@media screen and (min-width: 1920px) {
    .brands__list ul li a .brands__list--products--image::after {
        top: -10px;
    }
}


.brands__list ul li a .brands__list--products--image img {
    display: block;
    max-height: 56px;
    position: relative;
    z-index: 1;
}


@media screen and (min-width: 1920px) {
    .brands__list ul li a .brands__list--products--image img {
        max-height: 64px;
    }
}


.brands__hidden-logo {
    position: absolute;
    top: -20px;
    left: -78px;
    width: 620px;
    opacity: 0.02;
    transition: 0.4s;
    display: none;
}


.brands__list ul li.active .brands__list--name span {
    background: linear-gradient(90deg, rgb(244, 220, 168), rgb(245, 190, 102), rgb(255, 128, 56), rgb(255, 56, 187));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


.brands__list ul li.active .brands__list--name::after {
    opacity: 1;
    visibility: visible;
}


.brands__list ul li.active .brands__list--products {
    opacity: 1;
    visibility: visible;
}


.brands__list ul li.active .brands__hidden-logo {
    display: block;
    visibility: visible;
}


.all-brands-link {
    margin-top: 8px;
    display: flex;
}


.all-brands-link a {
    color: rgba(240, 242, 255, 0.4);
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119.23%;
    position: relative;
}


@media screen and (min-width: 1441px) {
    .all-brands-link a {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .all-brands-link a {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 1199px) {
    .all-brands-link a {
        font-size: 38px;
        line-height: normal;
    }
}


.all-brands-link a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(240, 242, 255, 0.4);
    content: "";
}


@media (hover: hover) {
    .all-brands-link a:hover::after {
        display: none;
    }
}


.insta {
    margin: 0 0 80px 0;
}


@media screen and (min-width: 1920px) {
    .insta {
        margin: 106px 0;
    }
}


@media screen and (max-width: 767px) {
    .insta {
        margin: 60px 0;
    }
}


@media screen and (max-width: 1023px) {
    .insta .title-block {
        padding-right: 8px;
    }
}


@media screen and (max-width: 1023px) {
    .insta .wrapper {
        padding-right: 0;
    }
}


@media screen and (max-width: 1023px) {
    .insta__top {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding-right: 8px;
    }
}


.insta__title {
    display: flex;
}


.insta__title a {
    display: flex;
    align-items: center;
    position: relative;
}


.insta__title a span {
    background: linear-gradient(135deg, rgb(9, 11, 23), rgb(39, 47, 100));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119.23%;
}


@media screen and (min-width: 1441px) {
    .insta__title a span {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .insta__title a span {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 767px) {
    .insta__title a span {
        font-size: 24px;
        line-height: 32px;
    }
}


@media screen and (max-width: 374px) {
    .insta__title a span {
        font-size: 22px;
    }
}


@media screen and (max-width: 359px) {
    .insta__title a span {
        font-size: 18px;
    }
}


.insta__title a svg {
    display: block;
    margin-right: 10px;
    flex: none;
}


@media screen and (max-width: 767px) {
    .insta__title a svg {
        width: 20px;
        margin-right: 6px;
    }
}


@media (hover: hover) {
    .insta__title a:hover span {
        background: linear-gradient(90deg, #f4dca8, #f5be66, #ff8038, #ff38bb);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }


    .insta__title a:hover svg path {
        fill: #f4dca8;
    }


    .insta__title a:hover::after {
        opacity: 0;
    }
}


.insta__title a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #090B17;
    content: "";
    transition: 0.3s;
}


.insta__nav {
    display: none;
}


@media screen and (max-width: 1023px) {
    .insta__nav {
        display: flex;
        flex: none;
        margin-left: 15px;
    }
}


.insta__prev, .insta__next {
    background-color: #090B17;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    cursor: pointer;
    transition: 0.4s;
}


@media (hover: hover) {
    .insta__prev:hover, .insta__next:hover {
        background-color: #272F64;
    }
}


.insta__prev {
    margin-right: 4px;
    background-image: url("../images/icons/prev.svg");
    background-repeat: no-repeat;
    background-position: center;
}


.insta__next {
    background-image: url("../images/icons/next.svg");
    background-repeat: no-repeat;
    background-position: center;
}


.insta__slider {
    margin-top: 40px;
}


@media screen and (max-width: 767px) {
    .insta__slider {
        margin-top: 24px;
    }
}


@media screen and (max-width: 1023px) {
    .insta__slider .swiper {
        visibility: visible;
        padding-right: 40px;
    }
}


@media screen and (max-width: 480px) {
    .insta__slider .swiper {
        padding-right: 25px;
    }
}


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


.insta__item {
    background: #fff;
    border-radius: 20px;
}


.insta__item a {
    color: #090B17;
}


.insta__item--img {
    border-radius: 20px 20px 0px 0px;
    overflow: hidden;
    position: relative;
    height: 456px;
}


@media screen and (min-width: 1441px) {
    .insta__item--img {
        height: calc(454px + 151 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .insta__item--img {
        height: 605px;
    }
}


@media screen and (max-width: 767px) {
    .insta__item--img {
        height: 342px;
    }
}


.insta__item--img img {
    display: block;
    border-radius: inherit;
}


.insta__item--info {
    padding: 24px;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 150%;
}


@media screen and (min-width: 1441px) {
    .insta__item--info {
        font-size: calc(16px + 5.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .insta__item--info {
        font-size: 21.33px;
        padding: 32px;
    }
}


@media screen and (max-width: 767px) {
    .insta__item--info {
        padding: 16px;
    }
}


.insta__item--info p {
    line-height: inherit;
}


.about {
    padding: 80px 16px;
    background: #272F64;
    margin-top: 80px;
    position: relative;
}


@media screen and (min-width: 1920px) {
    .about {
        margin-top: 106px;
        padding: 106px 32px;
    }
}


@media screen and (max-width: 767px) {
    .about {
        margin-top: 60px;
        padding: 40px 0;
    }
}


.about::before, .about::after {
    position: absolute;
    top: 0;
    height: 100%;
    width: 8px;
    background: #272F64;
    content: "";
}


.about::before {
    left: -8px;
}


.about::after {
    right: -8px;
}


.about .title-block {
    width: 464px;
    padding-right: 64px;
    flex: none;
}


@media screen and (min-width: 1441px) {
    .about .title-block {
        width: 33.1196581197%;
    }
}


@media screen and (max-width: 1023px) {
    .about .title-block {
        width: auto;
        max-width: 400px;
    }
}


@media screen and (max-width: 767px) {
    .about .title-block {
        padding-right: 0;
    }
}


.about .title-block .subtitle {
    color: rgba(240, 242, 255, 0.4);
}


.about__box {
    display: flex;
}


@media screen and (max-width: 767px) {
    .about__box {
        display: block;
    }
}


.about__info {
    width: 100%;
    color: #f0f2ff;
    font-family: "Inter-Regular", sans-serif;
}


@media screen and (min-width: 1680px) {
    .about__info {
        padding-right: 20px;
    }
}


.about__info h1, .about__info h2, .about__info h3, .about__info h4 {
    background: linear-gradient(135deg, rgb(240, 242, 255), rgb(153, 159, 193));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: "Neue Machina", sans-serif;
    font-size: 24px;
    line-height: 133.33%;
    display: table;
}


@media screen and (min-width: 1441px) {
    .about__info h1, .about__info h2, .about__info h3, .about__info h4 {
        font-size: calc(24px + 8 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .about__info h1, .about__info h2, .about__info h3, .about__info h4 {
        font-size: 32px;
    }
}


@media screen and (max-width: 767px) {
    .about__info h1, .about__info h2, .about__info h3, .about__info h4 {
        margin: 20px 0;
    }
}


.about__info--desc {
    margin-top: 30px;
    position: relative;
    height: 71px;
    overflow: hidden;
    padding-bottom: 20px;
}


@media screen and (min-width: 1441px) {
    .about__info--desc {
        font-size: 16px;
        line-height: 150%;
    }
}


@media screen and (min-width: 1920px) {
    .about__info--desc {
        height: 94px;
        font-size: 24px;
    }
}


.about__info--desc::before {
    position: absolute;
    border-radius: 6px;
    left: -4px;
    right: -4px;
    top: 0;
    background: linear-gradient(180deg, rgba(39, 47, 100, 0), rgb(39, 47, 100) 74.5%);
    height: 100%;
    content: "";
}


.about__info--desc.full-text::before {
    display: none;
}


.about__info--more {
    display: flex;
    align-items: center;
    margin-top: -5px;
    position: relative;
    z-index: 2;
}


.about__info--more a {
    flex: none;
    color: rgba(240, 242, 255, 0.4);
    font-family: "Neue Machina", sans-serif;
    font-size: 18px;
    line-height: 150%;
    position: relative;
    margin-right: 16px;
}


@media screen and (min-width: 1920px) {
    .about__info--more a {
        font-size: 24px;
    }
}


.about__info--more a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(240, 242, 255, 0.4);
    transition: 0.4s;
    content: "";
}


@media (hover: hover) {
    .about__info--more a:hover {
        color: #fff;
    }


    .about__info--more a:hover::after {
        opacity: 0;
    }
}


.about__info--more::after {
    width: 100%;
    height: 1px;
    background: rgba(240, 242, 255, 0.1);
    display: block;
    content: "";
}

.service {
    padding: 80px 16px;
    background: #272F64;
    margin-top: 80px;
    position: relative;
}


@media screen and (min-width: 1920px) {
    .service {
        margin-top: 106px;
        padding: 106px 32px;
    }
}


@media screen and (max-width: 767px) {
    .service {
        margin-top: 60px;
        padding: 40px 0;
    }
}


.service::before, .service::after {
    position: absolute;
    top: 0;
    height: 100%;
    width: 8px;
    background: #272F64;
    content: "";
}


.service::before {
    left: -8px;
}


.service::after {
    right: -8px;
}


.service .title-block {
    width: 464px;
    padding-right: 64px;
    flex: none;
}


@media screen and (min-width: 1441px) {
    .service .title-block {
        width: 33.1196581197%;
    }
}


@media screen and (max-width: 1023px) {
    .service .title-block {
        width: auto;
        max-width: 400px;
    }
}


@media screen and (max-width: 767px) {
    .service .title-block {
        padding-right: 0;
    }
}


.about .title-block .subtitle {
    color: rgba(240, 242, 255, 0.4);
}


.about__box {
    display: flex;
}


@media screen and (max-width: 767px) {
    .about__box {
        display: block;
    }
}


.about__info {
    width: 100%;
    color: #f0f2ff;
    font-family: "Inter-Regular", sans-serif;
}


@media screen and (min-width: 1680px) {
    .about__info {
        padding-right: 20px;
    }
}


.about__info h1, .about__info h2, .about__info h3, .about__info h4 {
    background: linear-gradient(135deg, rgb(240, 242, 255), rgb(153, 159, 193));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: "Neue Machina", sans-serif;
    font-size: 24px;
    line-height: 133.33%;
    display: table;
}


@media screen and (min-width: 1441px) {
    .about__info h1, .about__info h2, .about__info h3, .about__info h4 {
        font-size: calc(24px + 8 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .about__info h1, .about__info h2, .about__info h3, .about__info h4 {
        font-size: 32px;
    }
}


@media screen and (max-width: 767px) {
    .about__info h1, .about__info h2, .about__info h3, .about__info h4 {
        margin: 20px 0;
    }
}


.about__info--desc {
    margin-top: 30px;
    position: relative;
    height: 71px;
    overflow: hidden;
    padding-bottom: 20px;
}


@media screen and (min-width: 1441px) {
    .about__info--desc {
        font-size: 16px;
        line-height: 150%;
    }
}


@media screen and (min-width: 1920px) {
    .about__info--desc {
        height: 94px;
        font-size: 24px;
    }
}


.about__info--desc::before {
    position: absolute;
    border-radius: 6px;
    left: -4px;
    right: -4px;
    top: 0;
    background: linear-gradient(180deg, rgba(39, 47, 100, 0), rgb(39, 47, 100) 74.5%);
    height: 100%;
    content: "";
}


.about__info--desc.full-text::before {
    display: none;
}


.about__info--more {
    display: flex;
    align-items: center;
    margin-top: -5px;
    position: relative;
    z-index: 2;
}


.about__info--more a {
    flex: none;
    color: rgba(240, 242, 255, 0.4);
    font-family: "Neue Machina", sans-serif;
    font-size: 18px;
    line-height: 150%;
    position: relative;
    margin-right: 16px;
}


@media screen and (min-width: 1920px) {
    .about__info--more a {
        font-size: 24px;
    }
}


.about__info--more a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(240, 242, 255, 0.4);
    transition: 0.4s;
    content: "";
}


@media (hover: hover) {
    .about__info--more a:hover {
        color: #fff;
    }


    .about__info--more a:hover::after {
        opacity: 0;
    }
}


.about__info--more::after {
    width: 100%;
    height: 1px;
    background: rgba(240, 242, 255, 0.1);
    display: block;
    content: "";
}


.footer {
    padding-top: 80px;
    overflow: hidden;
}


@media screen and (min-width: 1920px) {
    .footer {
        padding-top: 106px;
    }
}


@media screen and (max-width: 1023px) {
    .footer {
        padding-top: 60px;
    }
}


@media screen and (max-width: 767px) {
    .footer {
        padding-top: 40px;
    }
}


.footer__box {
    display: flex;
}


@media screen and (max-width: 1023px) {
    .footer__box {
        display: block;
    }
}


.footer__info {
    width: 464px;
    padding-right: 60px;
    margin-top: 10px;
}


@media screen and (min-width: 1441px) {
    .footer__info {
        width: 33.4051724138%;
        flex: none;
    }
}


@media screen and (min-width: 1920px) {
    .footer__info {
        padding-right: 80px;
    }
}


@media screen and (max-width: 1023px) {
    .footer__info {
        padding-right: 0;
        margin-top: 0;
    }
}


@media screen and (max-width: 767px) {
    .footer__info {
        width: auto;
    }
}


.footer__info--top {
    display: flex;
    align-items: center;
}


.footer__logo {
    width: 180px;
}


@media (hover: hover) {
    .footer__logo a:hover {
        opacity: 0.7;
    }
}


.footer__lang {
    margin-left: 80px;
    color: #090B17;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    display: flex;
    align-items: center;
}


@media screen and (max-width: 767px) {
    .footer__lang {
        margin-left: 40px;
    }
}


.footer__lang a {
    opacity: 0.4;
    color: #090B17;
}


.footer__lang span {
    margin: 0 2px;
}


@media (hover: hover) {
    .footer__lang a:hover {
        opacity: 1;
    }
}


.footer__city {
    margin-top: 80px;
    font-family: "Inter-Regular", sans-serif;
}


@media screen and (min-width: 1920px) {
    .footer__city {
        margin-top: 106px;
    }
}


@media screen and (max-width: 767px) {
    .footer__city {
        margin-top: 40px;
    }
}


.footer__city--current {
    display: flex;
    align-items: center;
}


.footer__city--current > span {
    margin-right: 20px;
}


.footer__city--all::after {
    width: 16px;
    height: 16px;
    background: url("../images/icons/right-blue.svg") center no-repeat;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    content: "";
}


.footer__city--all a {
    color: #272f64;
    font-size: 16px;
    line-height: 24px;
    position: relative;
}


.footer__city--all a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(39, 47, 100, 0.1);
    content: "";
    transition: 0.4s;
}


@media (hover: hover) {
    .footer__city--all a:hover::after {
        background: #272f64;
    }
}


.footer__city--contacts {
    margin-top: 12px;
    position: relative;
    display: flex;
}


.footer__city--contacts::before {
    width: 17px;
    height: 13px;
    background: url("../images/icons/address-arrow.svg") center no-repeat;
    display: inline-block;
    margin-right: 14px;
    margin-bottom: 5px;
    vertical-align: middle;
    content: "";
}


.footer__city--contacts--links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
    font-size: 18px;
    line-height: 144.44%;
    font-family: "Inter-Medium", sans-serif;
}


@media screen and (min-width: 1441px) {
    .footer__city--contacts--links {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .footer__city--contacts--links {
        font-size: 24px;
    }
}


.footer__city--contacts--links p {
    margin-right: 22px;
}


.footer__city--contacts--links p:last-child {
    margin-right: 0;
}


.footer__city--contacts--links a {
    color: #090b17;
    position: relative;
}


.footer__city--contacts--links a::after {
    background: #090b17;
    width: 100%;
    max-width: 0;
    height: 1px;
    display: block;
    transition: 0.3s;
    content: "";
}


@media (hover: hover) {
    .footer__city--contacts--links a:hover::after {
        max-width: 100%;
    }
}


.footer__form {
    margin-top: 40px;
    position: relative;
}


.footer__form .field-wrap {
    padding: 0;
    background: none;
    border-radius: 0;
    min-height: auto;
    width: 100%;
}


.footer__form .field-wrap .error-message {
    position: absolute;
    top: 100%;
    margin-top: 12px;
}


.footer__form form {
    display: flex;
    padding: 3px;
    border-radius: 6px;
    background: #fff;
}


@media screen and (max-width: 767px) {
    .footer__form form {
        display: block;
        background: none;
    }
}


.footer__form form input {
    color: rgba(39, 47, 100, 0.4);
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 143%;
    padding: 15px 10px 15px 19px;
    border: none;
    outline: none;
    box-shadow: none;
    opacity: 1;
    width: 100%;
    display: block;
    height: 52px;
}


@media screen and (min-width: 1441px) {
    .footer__form form input {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1600px) {
    .footer__form form input {
        height: 60px;
    }
}


@media screen and (min-width: 1920px) {
    .footer__form form input {
        font-size: 18.67px;
        height: 69px;
    }
}


@media screen and (max-width: 767px) {
    .footer__form form input {
        background: #fff;
        border-radius: 6px;
        padding: 19px 16px;
    }
}


.footer__form form input::-moz-placeholder {
    opacity: 1;
    color: rgba(39, 47, 100, 0.4);
}


.footer__form form input::placeholder {
    opacity: 1;
    color: rgba(39, 47, 100, 0.4);
}


.footer__form--btn {
    flex: none;
    width: 164px;
}


@media screen and (min-width: 1600px) {
    .footer__form--btn {
        width: 200px;
    }
}


@media screen and (min-width: 1680px) {
    .footer__form--btn {
        width: 218px;
    }
}


@media screen and (max-width: 767px) {
    .footer__form--btn {
        background: #fff;
        border-radius: 6px;
        padding: 3px;
        width: 100%;
    }
}


.footer__form--btn button {
    cursor: pointer;
    border: none;
    outline: none;
    width: 100%;
    height: 52px;
    padding: 12px 5px;
    display: block;
}


@media screen and (min-width: 1600px) {
    .footer__form--btn button {
        height: 60px;
    }
}


@media screen and (min-width: 1920px) {
    .footer__form--btn button {
        height: 69px;
    }
}


.footer__social {
    margin-top: 82px;
}


.footer__social ul {
    display: flex;
    flex-wrap: wrap;
}


.footer__social ul li {
    margin-right: 22px;
}


@media screen and (max-width: 430px) {
    .footer__social ul li {
        margin-right: 15px;
    }
}


@media screen and (min-width: 1680px) {
    .footer__social ul li {
        margin-right: 29px;
    }
}


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


.footer__social ul li a {
    color: #090b17;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 24px;
    position: relative;
}


@media screen and (min-width: 1441px) {
    .footer__social ul li a {
        font-size: calc(16px + 5.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .footer__social ul li a {
        font-size: 21.33px;
    }
}


@media screen and (max-width: 430px) {
    .footer__social ul li a {
        font-size: 14px;
    }
}


.footer__social ul li a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(39, 47, 100, 0.1);
    content: "";
    transition: 0.4s;
}


@media (hover: hover) {
    .footer__social ul li a:hover::after {
        background: #272f64;
    }
}


.footer__menu {
    width: calc(100% - 464px);
}


@media screen and (min-width: 1441px) {
    .footer__menu {
        width: 100%;
    }
}


@media screen and (max-width: 1023px) {
    .footer__menu {
        width: auto;
        margin-top: 60px;
    }
}


.footer__menu--item {
    padding: 8px 0 18px 0;
    border-top: 1px solid rgba(9, 11, 23, 0.1);
    display: flex;
    align-items: baseline;
}


.footer__menu--item:first-child {
    border-top: 0;
    padding-top: 0;
}


.footer__menu--item--number {
    flex: none;
    color: #272f64;
    font-size: 18px;
    line-height: 63px;
    margin-right: 24px;
    display: block;
    flex: none;
    font-family: "Neue Machina", sans-serif;
    font-weight: 500;
    padding-bottom: 2px;
}


@media screen and (min-width: 1441px) {
    .footer__menu--item--number {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .footer__menu--item--number {
        font-size: 24px;
    }
}


@media screen and (max-width: 480px) {
    .footer__menu--item--number {
        font-size: 14px;
        line-height: 22px;
        margin-right: 14px;
    }
}


.footer__menu--item--info p {
    background: linear-gradient(135deg, rgb(9, 11, 23), rgb(39, 47, 100));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 52px;
    line-height: 119.23%;
    font-family: "Neue Machina", sans-serif;
}


@media screen and (min-width: 1441px) {
    .footer__menu--item--info p {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .footer__menu--item--info p {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 480px) {
    .footer__menu--item--info p {
        font-size: 24px;
        line-height: 32px;
    }
}


.footer__menu--item--info ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
}


@media screen and (max-width: 480px) {
    .footer__menu--item--info ul {
        margin-top: 4px;
    }
}


.footer__menu--item--info ul li {
    margin: 4px 4px 0 0;
}


.footer__menu--item--info ul li a {
    color: #272f64;
    font-size: 14px;
    line-height: 143%;
    border-radius: 100px;
    background: #fff;
    padding: 8px 12px;
    display: block;
}


@media screen and (min-width: 1441px) {
    .footer__menu--item--info ul li a {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .footer__menu--item--info ul li a {
        font-size: 18.67px;
        padding: 10.67px 16px;
    }
}


@media screen and (max-width: 480px) {
    .footer__menu--item--info ul li a {
        font-size: 10px;
        line-height: 20px;
    }
}


.footer__bottom {
    display: flex;
    align-items: baseline;
    margin-top: 15px;
}


@media screen and (max-width: 1023px) {
    .footer__bottom {
        display: block;
    }
}


.footer__bottom--copy {
    color: rgba(39, 47, 100, 0.1);
    font-family: "Neue Machina", sans-serif;
    font-size: 115px;
    line-height: 96.52%;
    text-align: left;
    width: 464px;
    padding: 0 15px 10px 0;
}


@media screen and (min-width: 1441px) {
    .footer__bottom--copy {
        font-size: calc(115px + 35 * (100vw - 1440px) / 480);
        width: 33.4051724138%;
        flex: none;
    }
}


@media screen and (min-width: 1920px) {
    .footer__bottom--copy {
        font-size: 150px;
    }
}


@media screen and (max-width: 1023px) {
    .footer__bottom--copy {
        margin-top: 40px;
    }
}


@media screen and (max-width: 480px) {
    .footer__bottom--copy {
        font-size: 95px;
        line-height: 104px;
    }
}


@media screen and (max-width: 374px) {
    .footer__bottom--copy {
        font-size: 90px;
    }
}


@media screen and (max-width: 359px) {
    .footer__bottom--copy {
        font-size: 80px;
    }
}


.footer__bottom--menu {
    width: calc(100% - 464px);
    display: flex;
    flex-wrap: wrap;
    order: 2;
}


@media screen and (max-width: 1023px) {
    .footer__bottom--menu {
        width: auto;
    }
}


.footer__bottom--menu li {
    margin-right: 22px;
}


.footer__bottom--menu li a {
    color: rgba(39, 47, 100, 0.4);
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 143%;
    position: relative;
}


@media screen and (min-width: 1441px) {
    .footer__bottom--menu li a {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .footer__bottom--menu li a {
        font-size: 18.67px;
    }
}


.footer__bottom--menu li a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(39, 47, 100, 0.1);
    content: "";
    transition: 0.4s;
}


@media (hover: hover) {
    .footer__bottom--menu li a:hover {
        color: #272f64;
    }


    .footer__bottom--menu li a:hover::after {
        background: #272f64;
    }
}


.btn-success {
    background-color: #92E692;
    background-image: url("../images/icons/check2.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px;
    pointer-events: none;
}


.btn-success::before, .btn-success::after {
    display: none;
}


.btn-success span {
    display: none;
}


.about-hero {
    padding: 0 0 80px 0;
}


@media screen and (max-width: 1023px) {
    .about-hero {
        padding-top: 0;
    }
}


@media screen and (max-width: 767px) {
    .about-hero {
        padding-bottom: 60px;
    }
}


.about-hero .wrapper {
    position: relative;
}


.about-hero__above-title {
    color: rgba(9, 11, 23, 0.4);
    font-size: 14px;
    line-height: 20px;
}


@media screen and (min-width: 1441px) {
    .about-hero__above-title {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .about-hero__above-title {
        font-size: 18.67px;
    }
}


.about-hero__above-title p {
    line-height: inherit;
}


.about-hero__title {
    margin-top: 37px;
    text-align: center;
    position: relative;
}


.service-heading {
    margin-top: 37px !important;
}


.how-it-page-hero {
    margin-top: 8px !important;
    display: flex;
    flex-direction: column;
    gap: 80px;
}


.how-it-page-hero .about-hero__info--desc p:last-of-type {
    font-family: "Neue Machina", sans-serif;
    font-weight: 400;
    font-size: 52px;
    line-height: 119%;
    background: linear-gradient(135deg, #090b17 0%, #272f64 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.about-hero:has(.how-it-page-hero) {
    padding-bottom: 0 !important;
}


.how-it-page-hero .study__info {
    margin-top: 0 !important;
}


.how-it-program {
    margin: 80px 8px !important;
}


@media screen and (min-width: 1920px) {
    .how-it-program {
        margin: 106px 8px !important;
    }
}


@media screen and (max-width: 767px) {
    .how-it-program {
        margin: 60px 8px !important;
    }
}


.how-it-program .program__list {
    margin: 0;
}


.how-it-program .program__progressbar {
    padding: 80px 0 20px 0;
}


@media screen and (max-width: 767px) {
    .how-it-program .program__progressbar {
        padding: 60px 0;
    }
}


.how-it-program .program__box {
    position: relative;
}


.how-it-program .hero__down {
    top: 35%;
}


.how-it-program .hero__down a {
    color: #e5e9ff;
    opacity: 0.4;
}


.how-it-program .hero__down a:hover {
    color: #e5e9ff;
    opacity: unset;
}


.how-it-program .program__progressbar--line {
    display: none;
}


.how-it-program .program-wrapper-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


@media only screen and (max-width: 1370px) {
    .how-it-program .program-wrapper-block {
        flex-direction: column;
        gap: 50px;
    }


    .how-it-program .program__list {
        max-width: unset !important;
    }
}


@media only screen and (max-width: 1199px) {
    .how-it-page-hero .about-hero__info--desc {
        width: 100%;
    }
}


@media only screen and (max-width: 1025px) {
    .how-it-program .hero__down {
        display: none;
    }


    .program-wrapper-block:has(.how-it-price-tiers) .study__info {
        padding: 0 !important;
    }


    .how-it-program .program__list--item {
        padding-right: 60px;
    }
}


@media only screen and (max-width: 865px) {
    .how-it-program .study__info {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }


    .how-it-program .study__info--item {
        margin-left: 0 !important;
    }
}


@media screen and (max-width: 767px) {
    .how-it-page-hero.about-hero__info {
        display: flex !important;
        gap: 60px;
    }


    .how-it-program .program__list--item {
        padding-right: 34px;
    }


    .how-it-page-hero .study__info {
        padding-right: 0;
        padding-left: 0;
    }


    .program-wrapper-block:has(.how-it-price-tiers) .study__info {
        gap: 25px;
    }
}


@media only screen and (max-width: 430px) {
    .step-how-it-page a {
        padding: 10px !important;
        font-size: 12px !important;
    }


    .subtitle-how-it-page {
        font-size: 14px !important;
    }


    .step-how-it-page .color {
        font-size: 48px !important;
    }
}


.how-it-program .program__list {
    width: 100%;
    max-width: 990px;
}


.how-it-program .program__progressbar--title {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #e5e9ff;
    opacity: 0.4;
}


.program-wrapper-block .program__title {
    font-family: "Neue Machina", sans-serif;
    white-space: nowrap;
    font-weight: 400;
    font-size: 52px;
    line-height: 142%;
    color: #e5e9ff;
    opacity: 0.4;
    margin-top: 0;
}


.how-it-program .program__list--item--title {
    font-family: "Neue Machina", sans-serif;
    font-weight: 400;
    font-size: 52px;
    line-height: 142%;
    color: #e5e9ff;
}


.program__list--item.slideleft .program__list--item--title {
    background: linear-gradient(90deg, #F4DCA8 0%, #F5BE66 24.5%, #FF8038 52%, #FF38BB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.how-it-program .program__list--item--title::before {
    position: absolute;
    left: -60px;
    content: "✦";
    font-size: 22px;
}


.how-it-program .program__list--item:first-of-type {
    padding-top: 0 !important;
}


.how-it-program .program__list--item.slideleft .program__list--item--title::before {
    background: inherit;
    -webkit-text-fill-color: transparent;
}


@media screen and (max-width: 767px) {
    .how-it-program .program__list--item--title::before {
        left: -34px;
        font-size: 16px;
    }
}


.program-wrapper-block:has(.how-it-price-tiers) .study__info {
    padding: 0 80px 0 0;
}


.program-wrapper-block .program__list--item--info {
    padding-right: 0;
}


.program-wrapper-block .study__info {
    margin-top: 80px;
}


.how-it-price-tiers .study__info--item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    border-radius: 20px;
    height: max-content;
}


.how-it-price-tiers .study__info--item:first-of-type {
    background: #fff;
}


.how-it-price-tiers .study__info--item:last-of-type {
    box-shadow: 0 0 0 2px rgba(229, 233, 255, 0.1);
    background: #2b3367;
}


.subtitle-how-it-page {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 144%;
    color: #090b17;
}


.subtitle-how-it-page span:last-of-type {
    font-family: "Neue Machina", sans-serif;
}


.how-it-price-tiers .study__info--item {
    pointer-events: none;
    cursor: default;
}


.how-it-price-tiers .study__info--item:last-of-type .subtitle-how-it-page {
    color: #e5e9ff;
}


.step-how-it-page {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.step-how-it-page img {
    width: 83px;
    aspect-ratio: 1.48/1;
}


.step-how-it-page .color {
    font-family: "Neue Machina", sans-serif;
    font-weight: 400;
    font-size: 52px;
    line-height: 119%;
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    pointer-events: none;
    cursor: default;
}


.step-how-it-page a {
    padding: 10px 24px;
    font-family: "Roboto-Medium", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.01em;
    text-align: center;
    color: #fff;
    pointer-events: none;
    cursor: default;
}


.step-how-it-page a .button__label {
    height: 100%;
    display: flex;
    align-items: center;
}


.how-it-work-cta .cta__btn {
    display: flex;
    height: max-content;
}


@media screen and (max-width: 1023px) {
    spline-viewer {
        display: none;
    }
}


@media screen and (max-width: 767px) {
    .about-hero__title {
        margin-top: 20px;
    }


    .service-heading {
        margin-top: 20px !important;
    }
}


.about-hero__title--heading {
    color: rgba(39, 47, 100, 0.1);
    font-family: "Neue Machina", sans-serif;
    font-size: 214px;
    font-weight: 400;
    line-height: 207px;
    text-align: center;
    position: relative;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: url("../images/backgrounds/ellipse.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 240px 240px;
    cursor: text;
}


@media screen and (max-width: 1439px) {
    .about-hero__title--heading {
        font-size: 170px;
        line-height: 180px;
    }
}


@media screen and (max-width: 1199px) {
    .about-hero__title--heading {
        font-size: 142px;
        line-height: 150px;
    }
}


@media screen and (max-width: 1023px) {
    .about-hero__title--heading {
        font-size: 105px;
        line-height: 115px;
    }
}


@media screen and (max-width: 767px) {
    .about-hero__title--heading {
        font-size: 62px;
        line-height: normal;
        letter-spacing: -6.2px;
        background-size: 80px 80px;
    }
}


@media screen and (max-width: 374px) {
    .about-hero__title--heading {
        font-size: 56px;
    }
}


@media screen and (max-width: 359px) {
    .about-hero__title--heading {
        font-size: 50px;
    }
}


.about-hero__info {
    margin-top: 146px;
    display: flex;
    justify-content: space-between;
}


@media screen and (max-width: 1023px) {
    .about-hero__info {
        margin-top: 80px;
    }
}


@media screen and (max-width: 767px) {
    .about-hero__info {
        display: block;
        margin-top: 60px;
    }
}


.about-hero__info--desc.service-desc p:last-child {
    font-family: "Neue Machina", sans-serif;
    font-weight: 400;
    font-size: 52px;
    line-height: 119%;
    color: #090b17;
}


.about-hero__info--social.service-social {
    display: flex;
    flex-direction: column;
    gap: 35px;
}


@media screen and (max-width: 768px) {
    .about-hero__info--social.service-social div {
        width: 100%;
    }
}


.about-hero__info--social.service-social:has(.service-ask) {
    align-self: flex-end;
}


.service-study .study__info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 180px;
    padding: 0;
}


.service-study .study__info--item {
    margin-left: 0;
}


@media screen and (max-width: 1415px) {
    .service-study .study__info {
        gap: 20px 5px;
    }
}


@media screen and (max-width: 890px) {
    .service-study .study__info {
        grid-template-columns: repeat(2, 1fr);
    }


    .service-study .study__info > span {
        display: none;
    }
}


@media screen and (max-width: 560px) {
    .service-study .study__info {
        grid-template-columns: 1fr;
    }
}


.company__products--price {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    opacity: 0.4;
    font-family: "Neue Machina", sans-serif;
    font-weight: 400;
    font-size: 52px;
    line-height: 119%;
    background: linear-gradient(135deg, #e5e9ff 0%, rgba(229, 233, 255, 0.4) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.company__products--price:hover {
    opacity: unset;
}


@media screen and (max-width: 767px) {
    .company__products--price {
        font-size: 34px;
    }
}


.company__products--price > div {
    width: max-content;
    cursor: pointer;
}


.company__products--price-under {
    display: block;
    width: 100%;
    background: #e5e9ff;
    height: 2px;
}


.service-hero__info-image {
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin-top: 80px;
}

.service-hero__info-image > *:first-child {
    align-self: flex-end;
}

.service-hero__info-image .service-ask {
    cursor: pointer;
    text-align: left;
    font-family: "Neue Machina", sans-serif;
    font-weight: 400;
    font-size: 52px;
    line-height: 104%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: opacity 0.3s ease;
    width: fit-content;
}


.service-hero__info-image .service-ask:hover {
    opacity: 0.7;
}


.service-hero__info-image .service-hero__img img {
    border-radius: 24px;
    width: 100%;
    aspect-ratio: 2.09/1;
}


.about-hero__info--social.service-social p {
    width: 100%;
    color: rgba(9, 11, 23, 0.4);
    font-size: 14px;
    line-height: 143%;
    margin-bottom: 8px !important;
}


.about-hero__info--social.service-social div {
    width: max-content;
}


.about-hero__info--social.service-social div p:last-of-type,
.about-hero__info--social.service-social div p a {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 144%;
    color: #090b17;
    margin: 0 !important;
}


.about-hero__info--social.service-social div span {
    display: block;
    width: 100%;
    height: 1px;
    background: #272f64;
    opacity: 0.1;
}


.about-hero__info--desc, .about-hero__info--social {
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
    width: 464px;
}


@media screen and (min-width: 1441px) {
    .about-hero__info--desc, .about-hero__info--social {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
        width: 500px;
    }
}


@media screen and (min-width: 1680px) {
    .about-hero__info--desc, .about-hero__info--social {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
        width: 570px;
    }
}


@media screen and (min-width: 1920px) {
    .about-hero__info--desc, .about-hero__info--social {
        font-size: 24px;
    }
}


@media screen and (max-width: 1199px) {
    .about-hero__info--desc, .about-hero__info--social {
        width: 45%;
    }
}


@media screen and (max-width: 767px) {
    .about-hero__info--desc, .about-hero__info--social {
        width: auto;
    }
}


@media screen and (max-width: 480px) {
    .about-hero__info--desc, .about-hero__info--social {
        font-size: 16px;
        line-height: 24px;
    }
}


.about-hero__info--desc p, .about-hero__info--social p {
    line-height: inherit;
}


.about-hero__info--desc p:first-child, .about-hero__info--social p:first-child {
    color: rgba(9, 11, 23, 0.4);
    font-size: 14px;
    line-height: 143%;
    margin-bottom: 30px;
}


@media screen and (min-width: 1441px) {
    .about-hero__info--desc p:first-child, .about-hero__info--social p:first-child {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .about-hero__info--desc p:first-child, .about-hero__info--social p:first-child {
        font-size: 18.67px;
    }
}


@media screen and (max-width: 767px) {
    .about-hero__info--social {
        margin-top: 48px;
        display: flex;
        justify-content: space-between;
        width: 270px;
    }


    .about-hero__info--social p {
        width: 127px;
        flex: none;
    }
}


.about-hero__info--social li {
    margin-top: 8px;
}


.about-hero__info--social li:first-child {
    margin-top: 0;
}


.about-hero__info--social li a {
    color: #090b17;
    position: relative;
}


.about-hero__info--social li a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(39, 47, 100, 0.1);
    content: "";
    transition: 0.3s;
}


@media (hover: hover) {
    .about-hero__info--social li a:hover {
        background: linear-gradient(90deg, #F4DCA8 0%, #F5BE66 24.5%, #FF8038 52%, #FF38BB 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }


    .about-hero__info--social li a:hover::after {
        top: 90%;
        opacity: 0;
    }
}


.about-hero .hero__down {
    bottom: auto;
    top: 36%;
    left: 24px;
}


@media screen and (max-width: 1023px) {
    .about-hero .hero__down {
        display: none;
    }
}


.company__box {
    border-radius: 24px;
    background: #272f64;
    padding: 80px 0;
}


@media screen and (max-width: 767px) {
    .company__box {
        padding: 60px 0;
    }
}


.company .title-block {
    padding-left: 16px;
    padding-right: 16px;
}


.company .title-block .title, .company .title-block .subtitle {
    color: rgba(240, 242, 255, 0.4);
}


.company__products {
    margin-top: 80px;
    color: #E5E9FF;
    display: flex;
    justify-content: flex-end;
    padding: 0 16px;
}


@media screen and (min-width: 1920px) {
    .company__products {
        margin-top: 106px;
    }
}


@media screen and (max-width: 1023px) {
    .company__products {
        display: block;
        margin-top: 60px;
    }
}


@media screen and (max-width: 767px) {
    .company__products {
        margin-top: 40px;
    }
}


.company__products--wrap {
    width: 930px;
}


@media screen and (min-width: 1441px) {
    .company__products--wrap {
        width: 68%;
    }
}


@media screen and (max-width: 1023px) {
    .company__products--wrap {
        width: auto;
    }
}


.company__products--title {
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
    max-width: 400px;
}


@media screen and (min-width: 1441px) {
    .company__products--title {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
        max-width: 530px;
    }
}


@media screen and (min-width: 1920px) {
    .company__products--title {
        font-size: 24px;
    }
}


@media screen and (max-width: 480px) {
    .company__products--title {
        font-size: 16px;
        line-height: 24px;
    }
}


.company__products--title p {
    line-height: inherit;
}


.company__products--list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
}


@media screen and (min-width: 1920px) {
    .company__products--list {
        margin-top: 106px;
    }
}


@media screen and (max-width: 1023px) {
    .company__products--list {
        margin-top: 60px;
        display: block;
    }
}


.company__products--list ul {
    width: 50%;
    padding-right: 80px;
}


@media screen and (max-width: 1023px) {
    .company__products--list ul {
        width: auto;
        padding: 0;
        margin-top: 16px;
    }


    .company__products--list ul:first-child {
        margin-top: 0;
    }
}


.company__products--list ul:last-child {
    padding-right: 0;
}


.company__products--list li {
    margin-top: 21px;
    display: flex;
}


@media screen and (max-width: 1023px) {
    .company__products--list li {
        margin-top: 16px;
    }
}


@media screen and (max-width: 480px) {
    .company__products--list li {
        padding-right: 13px;
    }
}


.company__products--list li:first-child {
    margin-top: 0;
}


.company__products--list li a {
    color: #E5E9FF;
    position: relative;
    font-size: 20px;
    line-height: 140%;
}


@media screen and (min-width: 1441px) {
    .company__products--list li a {
        font-size: calc(20px + 4 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .company__products--list li a {
        font-size: 24px;
    }
}


@media screen and (max-width: 1023px) {
    .company__products--list li a {
        display: flex;
    }
}


@media screen and (max-width: 480px) {
    .company__products--list li a {
        font-size: 16px;
        line-height: 24px;
    }
}


.company__products--list li a.active .company__products--name {
    background: linear-gradient(90deg, rgb(244, 220, 168), rgb(245, 190, 102), rgb(255, 128, 56), rgb(255, 56, 187));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


.company__products--list li a:active .company__products--circle {
    opacity: 1;
}


@media screen and (max-width: 1023px) {
    .company__products--list li a:active .company__products--circle {
        display: block;
    }
}


.company__products--list li a.active .company__products--circle::before {
    animation: rotate 10s linear infinite;
}


.company__products--list li a.active .company__products--name::after {
    top: 90%;
    opacity: 0;
}


.company__products--circle {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: linear-gradient(90deg, rgb(244, 220, 168), rgb(245, 190, 102) 24.5%, rgb(255, 128, 56) 52%, rgb(255, 56, 187) 100%);
    position: absolute;
    left: -32px;
    transform: translate(0, -50%);
    top: 50%;
    opacity: 0;
}


@media screen and (max-width: 1023px) {
    .company__products--circle {
        position: relative;
        left: 0;
        top: auto;
        flex: none;
        margin-right: 4px;
        display: none;
        opacity: 1;
        transform: none;
        top: auto;
    }
}


@media screen and (max-width: 480px) {
    .company__products--circle {
        width: 14px;
        height: 14px;
        margin-top: 3px;
    }
}


.company__products--circle::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/icons/animate-border.svg") center no-repeat;
    content: "";
    transition: 0.4s;
}


@media screen and (max-width: 480px) {
    .company__products--circle::before {
        background-size: 8px;
    }
}


.company__products--name {
    position: relative;
    display: inline-block;
    list-style: none;
    line-height: inherit;
    margin-right: 10px;
    font-family: "Neue Machina", sans-serif;
}


.company__products--name::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    content: "";
    transition: 0.4s;
}


.company__products--qnt {
    flex: none;
    font-size: 13px;
    line-height: 24px;
    position: absolute;
    width: 28px;
    top: -6px;
    right: -28px;
}


@media screen and (max-width: 480px) {
    .company__products--qnt {
        font-size: 11px;
        width: 20px;
        right: -20px;
    }
}


.company__brands {
    padding: 0 16px;
    margin-top: 80px;
}


@media screen and (min-width: 1920px) {
    .company__brands {
        margin-top: 106px;
    }
}


@media screen and (max-width: 767px) {
    .company__brands {
        margin-top: 60px;
    }
}


.company__brands--tab {
    display: none;
    flex-wrap: wrap;
}


.company__brands--tab a {
    color: inherit;
    position: relative;
}


.company__brands--tab a::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    opacity: 0;
    content: "";
}


@media (hover: hover) {
    .company__brands--tab a:hover::before {
        opacity: 1;
    }
}


.company__brands--tab.active {
    display: flex;
    opacity: 1;
    visibility: visible;
}


.company__brands--tab li {
    color: #E5E9FF;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 142%;
    margin: 4px 12px 0 0;
}


@media screen and (min-width: 1441px) {
    .company__brands--tab li {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
        margin: 5px 12px 0 0;
    }
}


@media screen and (min-width: 1920px) {
    .company__brands--tab li {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 767px) {
    .company__brands--tab li {
        background: linear-gradient(135deg, rgb(240, 242, 255), rgb(160, 164, 193));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-size: 32px;
        line-height: 42px;
    }
}


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


.company__brands--tab li:last-child::after {
    display: none;
}


.company__brands--tab li::after {
    content: ",";
    color: rgba(255, 255, 255, 0.4);
}


@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


.study__box {
    background: #fff;
    border-radius: 24px;
    padding: 80px 0;
    margin: 0 0 8px 0;
}


@media screen and (max-width: 767px) {
    .study__box {
        padding: 60px 0;
        margin-top: 60px;
    }
}


.study .title-block {
    padding: 0 16px;
}


.study__info {
    margin-top: 80px;
    display: flex;
    justify-content: flex-end;
    padding: 0 80px;
}


@media screen and (min-width: 1920px) {
    .study__info {
        margin-top: 106px;
    }
}


@media screen and (max-width: 1439px) {
    .study__info {
        padding: 0 16px;
    }
}


@media screen and (max-width: 1023px) {
    .study__info {
        margin-top: 60px;
    }
}


@media screen and (max-width: 767px) {
    .study__info {
        display: block;
        margin-top: 40px;
    }
}


.study__info--item {
    width: 400px;
    margin-left: 64px;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
}


@media screen and (min-width: 1441px) {
    .study__info--item {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .study__info--item {
        font-size: 24px;
    }
}


@media screen and (max-width: 767px) {
    .study__info--item {
        width: auto;
        margin: 20px 0 0 0;
    }
}


.study__info--item:first-child {
    margin-left: 0;
}


@media screen and (max-width: 767px) {
    .study__info--item:first-child {
        margin-top: 0;
    }
}


.study__info--item p {
    line-height: inherit;
}


.study__slider {
    margin-top: 40px;
    overflow: hidden;
}


.study__slider .study-slider {
    display: flex;
    cursor: grab;
    user-select: none;
    transform: translateZ(0);
}


.study__slider .study-slider:active {
    cursor: grabbing;
}


.study-slider img {
    border-radius: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    user-drag: none;
    -webkit-user-drag: none;
    width: 100%;
    height: 100%;
}


.study-slider div {
    width: 229px;
    height: 340px;
    flex: none;
    padding: 0 4px;
}


.study-slider div:nth-child(5n+1) {
    width: 229px;
    height: 340px;
}


.study-slider div:nth-child(5n+2) {
    width: 418px;
    height: 549px;
}


.study-slider div:nth-child(5n+3) {
    width: 379px;
    height: 207px;
}


.study-slider div:nth-child(5n+4) {
    width: 488px;
    height: 357px;
}


.study-slider div:nth-child(5n+5) {
    width: 204px;
    height: 306px;
}


.study__numbers {
    padding: 0 20px;
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}


@media screen and (min-width: 1920px) {
    .study__numbers {
        margin-top: 106px;
    }
}


@media screen and (max-width: 1023px) {
    .study__numbers {
        justify-content: space-between;
        margin-top: 60px;
    }
}


@media screen and (max-width: 767px) {
    .study__numbers {
        display: block;
        margin-top: 40px;
    }
}


.study__numbers--item {
    font-family: "Neue Machina", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
    width: 400px;
    margin-right: 64px;
    padding-right: 80px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(9, 11, 23, 0.1);
}


@media screen and (min-width: 1441px) {
    .study__numbers--item {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .study__numbers--item {
        font-size: 24px;
    }
}


@media screen and (max-width: 1023px) {
    .study__numbers--item {
        width: 45%;
        margin: 0;
    }
}


@media screen and (max-width: 767px) {
    .study__numbers--item {
        width: auto;
    }
}


.study__numbers--item:last-child {
    margin-right: 0;
}


.study__numbers--item p {
    line-height: inherit;
}


.study__numbers--item p:first-child {
    color: rgba(9, 11, 23, 0.4);
    font-size: 14px;
    line-height: 143%;
    font-family: "Inter-Regular", sans-serif;
}


.study__numbers--item span {
    display: block;
    background: linear-gradient(90deg, rgb(9, 11, 23), rgb(39, 47, 100));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 52px;
    line-height: 96.15%;
    margin: 20px 0 8px 0;
    display: table;
}


@media screen and (min-width: 1441px) {
    .study__numbers--item span {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .study__numbers--item span {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 767px) {
    .study__numbers--item span {
        background: linear-gradient(90deg, #F4DCA8 0%, #F5BE66 24.5%, #FF8038 52%, #FF38BB 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}


.study__btn {
    margin-top: 80px;
}


@media screen and (min-width: 1920px) {
    .study__btn {
        margin-top: 106px;
    }
}


@media screen and (max-width: 767px) {
    .study__btn {
        margin-top: 60px;
        text-align: left;
    }
}


.events {
    margin: 80px 0;
}


@media screen and (min-width: 1920px) {
    .events {
        margin: 106px 0;
    }
}


@media screen and (max-width: 767px) {
    .events {
        margin: 60px 0;
    }
}


.events__slider {
    position: relative;
    margin-top: 80px;
}


@media screen and (min-width: 1920px) {
    .events__slider {
        margin-top: 106px;
    }
}


@media screen and (max-width: 767px) {
    .events__slider {
        margin-top: 40px;
    }
}


.events__slider::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(0deg, rgba(9, 11, 23, 0.2) 32.5%, rgba(9, 11, 23, 0) 100%);
    border-radius: 0 0 24px 24px;
    transform: matrix(1, 0, 0, -1, 0, 0);
    content: "";
    z-index: 2;
}


.events__slider .swiper {
    border-radius: 24px;
}


.events__slider .swiper-slide {
    border-radius: 24px;
}


.swiper-slide.swiper-slide-active .event__img,
.swiper-slide.swiper-slide-active .event__info {
    opacity: 1;
}


.swiper-slide .event__info, .swiper-slide .event__img {
    transition-duration: 0.8s;
    opacity: 0;
}


.events__slider .events-slider--nav {
    position: absolute;
    top: 16px;
    left: 0;
    width: 100%;
    padding: 0 16px;
    z-index: 2;
}


.events__slider .event__img {
    height: 681px;
    border-radius: 24px;
}


@media screen and (min-width: 1600px) {
    .events__slider .event__img {
        height: 750px;
    }
}


@media screen and (min-width: 1920px) {
    .events__slider .event__img {
        height: 900px;
    }
}


@media screen and (max-width: 767px) {
    .events__slider .event__img {
        height: 520px;
    }
}


.events__slider .event__img img {
    border-radius: inherit;
}


.events__slider .event__info {
    border-radius: 24px;
    background: #fff;
    padding: 24px;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    width: 464px;
    position: absolute;
    right: 16px;
    bottom: 16px;
}


@media screen and (min-width: 1441px) {
    .events__slider .event__info {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .events__slider .event__info {
        font-size: 18.67px;
    }
}


@media screen and (max-width: 767px) {
    .events__slider .event__info {
        width: auto;
        left: 16px;
    }
}


.events__slider .event__info--title {
    font-family: "Neue Machina", sans-serif;
    font-size: 22px;
    line-height: 28px;
    transition-delay: 0.2s;
}


.events__slider .event__info p {
    margin-top: 10px;
    transition-delay: 0.4s;
}


.events__slider .event__info--title, .events__slider .event__info p {
    transition-duration: 0.8s;
    opacity: 0;
}


.events__slider .swiper-slide-active .event__info--title,
.events__slider .swiper-slide-active .event__info p {
    opacity: 1;
}


.events__slider .events-slider-pagination {
    position: static;
    display: flex;
}


.events__slider .events-slider-pagination .swiper-pagination-bullet {
    border-radius: 100px;
    width: 100%;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
    position: relative;
    overflow: hidden;
    margin: 0 8px 0 0;
    opacity: 1;
}


.events__slider .events-slider-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0;
}


.events__slider .events-slider-pagination .swiper-pagination-bullet .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: "";
    background: #fff;
}


.events__slider .events-slider-count-pagination {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-top: 12px;
}


@media screen and (min-width: 1441px) {
    .events__slider .events-slider-count-pagination {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .events__slider .events-slider-count-pagination {
        font-size: 18.67px;
    }
}


.benefits {
    margin: 0 0 80px 0;
}


@media screen and (min-width: 1920px) {
    .benefits {
        margin: 106px 0;
    }
}


@media screen and (max-width: 767px) {
    .benefits {
        margin: 60px 0;
    }
}


.benefits__box {
    padding: 80px 16px;
    border-radius: 20px;
    background: #fff;
}


@media screen and (min-width: 1920px) {
    .benefits__box {
        padding: 106px 21.33px;
    }
}


@media screen and (max-width: 767px) {
    .benefits__box {
        padding: 60px 16px;
    }
}


.benefits__top {
    display: flex;
}


@media screen and (max-width: 767px) {
    .benefits__top {
        display: block;
    }
}


.benefits__top .title-block {
    width: 33.3%;
    padding-right: 15px;
}


@media screen and (max-width: 767px) {
    .benefits__top .title-block {
        width: auto;
        padding-right: 0;
    }
}


.benefits__top--desc {
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
    max-width: 400px;
}


@media screen and (min-width: 1441px) {
    .benefits__top--desc {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .benefits__top--desc {
        font-size: 24px;
    }
}


.benefits__list {
    margin-top: 60px;
}


@media screen and (max-width: 767px) {
    .benefits__list {
        margin-top: 0;
    }
}


.benefits__list--item {
    padding: 20px 0;
    border-top: 1px solid rgba(9, 11, 23, 0.1);
    display: flex;
    justify-content: space-between;
    background: #fff;
    transition: 0.4s;
    position: relative;
    margin-top: -60px;
}


.benefits__list--item:hover {
    transform: translateY(-40px);
}


.benefits__list--item:hover .benefits__list--item--desc,
.benefits__list--item:hover .benefits__list--item--number {
    opacity: 1;
}


.benefits__list--item:hover .benefits__list--item--info span {
    background: linear-gradient(90deg, rgb(244, 220, 168), rgb(245, 190, 102), rgb(255, 128, 56), rgb(255, 56, 187));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}


@media screen and (max-width: 767px) {
    .benefits__list--item {
        display: block;
        margin-top: 20px;
        transform: none !important;
    }
}


.benefits__list--item:first-child {
    border-top: 0;
}


@media screen and (max-width: 767px) {
    .benefits__list--item:first-child {
        margin-top: 0;
    }
}


.benefits__list--item--number, .benefits__list--item--info, .benefits__list--item--desc {
    width: 33.3%;
}


@media screen and (max-width: 767px) {
    .benefits__list--item--number, .benefits__list--item--info, .benefits__list--item--desc {
        width: auto;
    }
}


.benefits__list--item--number {
    font-family: "Neue Machina", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
    opacity: 0.4;
}


@media screen and (min-width: 1441px) {
    .benefits__list--item--number {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .benefits__list--item--number {
        font-size: 24px;
    }
}


@media screen and (max-width: 767px) {
    .benefits__list--item--number {
        opacity: 1;
    }
}


.benefits__list--item--info {
    color: rgba(9, 11, 23, 0.4);
    font-size: 14px;
    line-height: 20px;
}


@media screen and (min-width: 1441px) {
    .benefits__list--item--info {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .benefits__list--item--info {
        font-size: 18.67px;
    }
}


@media screen and (max-width: 767px) {
    .benefits__list--item--info {
        margin-top: 20px;
    }
}


.benefits__list--item--info span {
    display: table;
    background: linear-gradient(98.09deg, #090B17 0%, #272F64 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-family: "Neue Machina", sans-serif;
    font-size: 140px;
    line-height: 135px;
    margin-top: 20px;
}


@media screen and (max-width: 1199px) {
    .benefits__list--item--info span {
        font-size: 110px;
        line-height: 105px;
    }
}


@media screen and (max-width: 1023px) {
    .benefits__list--item--info span {
        font-size: 70px;
        line-height: 65px;
    }
}


@media screen and (max-width: 767px) {
    .benefits__list--item--info span {
        font-size: 126px;
        line-height: normal;
        background: linear-gradient(90deg, rgb(244, 220, 168), rgb(245, 190, 102), rgb(255, 128, 56), rgb(255, 56, 187));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
}


@media screen and (max-width: 374px) {
    .benefits__list--item--info span {
        font-size: 120px;
    }
}


@media screen and (max-width: 359px) {
    .benefits__list--item--info span {
        font-size: 100px;
    }
}


.benefits__list--item--desc {
    font-size: 18px;
    line-height: 144.44%;
    opacity: 0.4;
}


@media screen and (min-width: 1441px) {
    .benefits__list--item--desc {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .benefits__list--item--desc {
        font-size: 24px;
    }
}


@media screen and (max-width: 767px) {
    .benefits__list--item--desc {
        opacity: 1;
    }
}


.certificates {
    margin: 0 0 80px 0;
}


@media screen and (min-width: 1920px) {
    .certificates {
        margin: 106px 0;
    }
}


@media screen and (max-width: 767px) {
    .certificates {
        margin: 60px 0;
    }
}


.certificates__slider {
    margin-top: 30px;
}


@media screen and (max-width: 1199px) {
    .certificates__slider.swiper {
        visibility: visible;
        padding-right: 40px;
    }
}


@media screen and (max-width: 480px) {
    .certificates__slider.swiper {
        padding-right: 25px;
    }
}


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


.certificates__item {
    position: relative;
    overflow: hidden;
}


.certificates__item::before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 56px;
    background: #E7E7E7;
    border-radius: 0 0 0 10px;
    content: "";
    z-index: 1;
}


.certificates__item::after {
    display: block;
    position: absolute;
    top: -33px;
    right: -24px;
    width: 57px;
    height: 84px;
    background: #fff4eb;
    transform: rotate(135deg);
    content: "";
    z-index: 1;
}


.certificates__item--img {
    border-radius: 24px;
    position: relative;
}


.certificates__item--img::before {
    background: linear-gradient(180deg, rgba(9, 11, 23, 0), rgba(9, 11, 23, 0.2) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    content: "";
}


.certificates__item--img img {
    display: block;
    border-radius: inherit;
    width: 100%;
}


.certificates__item--info {
    border-radius: 20px;
    background: #fff;
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    padding: 24px;
    font-family: "Neue Machina", sans-serif;
    font-size: 18px;
    line-height: 26px;
}


.certificates__item--info p {
    line-height: inherit;
}


.certificates__item--info--icon {
    width: 48px;
    margin-bottom: 20px;
}


.certificates__item--info--icon img {
    display: block;
}


.certificates__item--info--file {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 36px;
}


.certificates__item--info--file .cert-pdf {
    color: rgba(9, 11, 23, 0.4);
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-right: 15px;
}


@media screen and (min-width: 1441px) {
    .certificates__item--info--file .cert-pdf {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .certificates__item--info--file .cert-pdf {
        font-size: 18.67px;
    }
}


.certificates__item--info--file .cert-download {
    flex: none;
}


.certificates__item--info--file .cert-download a {
    border-radius: 12px;
    background: rgba(9, 11, 23, 0.02);
    width: 52px;
    height: 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.certificates__item--info--file .cert-download a svg {
    display: block;
}


@media (hover: hover) {
    .certificates__item--info--file .cert-download a:hover {
        background: #272F64;
    }


    .certificates__item--info--file .cert-download a:hover svg path {
        stroke: #fff;
    }
}


.certificates__btn {
    margin-top: 56px;
}


@media screen and (max-width: 767px) {
    .certificates__btn {
        text-align: left;
        margin-top: 40px;
    }
}


.offices {
    margin: 0 0 80px 0;
}


@media screen and (min-width: 1920px) {
    .offices {
        margin: 106px 0;
    }
}


@media screen and (max-width: 767px) {
    .offices {
        margin: 60px 0;
    }
}


.offices__box {
    border-radius: 24px;
    background: #fff;
    padding: 80px 16px;
}


@media screen and (min-width: 1920px) {
    .offices__box {
        padding: 106px 21.33px;
    }
}


@media screen and (max-width: 767px) {
    .offices__box {
        padding: 60px 16px;
    }
}


.offices__img {
    margin-top: 55px;
    text-align: center;
}


@media screen and (max-width: 1023px) {
    .offices__img {
        margin-top: 60px;
    }
}


.offices__img svg {
    height: auto;
    transform: translateZ(0);
    margin: 0 auto;
    max-width: 100%;
}


@media screen and (max-width: 1023px) {
    .offices__img svg {
        max-height: none;
        width: 100%;
    }
}


.offices__img {
    opacity: 0;
}


.offices__img.map-animate {
    opacity: 1;
}


.map-animate svg path {
    -webkit-animation-name: draw;
    animation-name: draw;
    stroke-miterlimit: 10;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    stroke-dasharray: 1400px;
    stroke-dashoffset: 1400px;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}


@-webkit-keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}


@keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}


.map-animate .map-region {
    opacity: 0;
    animation-delay: 1.5s !important;
    -webkit-animation: cityShow 1s forwards;
    animation: cityShow 1s forwards;
    stroke-dasharray: none;
    stroke-width: 0;
    transition: 0.3s;
}


.map-animate .map-region.active {
    stroke-width: 2;
}


.map-animate .map-city {
    opacity: 0;
    animation-delay: 2.5s !important;
    -webkit-animation: cityShow 1s forwards;
    animation: cityShow 1s forwards;
    pointer-events: none;
}


.map-name, .map-city, .map-region {
    opacity: 0;
}


.map-animate .map-name {
    animation-delay: 2.5s !important;
    -webkit-animation: cityShow 1s forwards;
    animation: cityShow 1s forwards;
    pointer-events: none;
}


@-webkit-keyframes cityShow {
    from {
        opacity: 0
    }


    to {
        opacity: 1
    }
}


@keyframes cityShow {
    from {
        opacity: 0
    }


    to {
        opacity: 1
    }
}


.map-tooltip {
    position: absolute;
    display: none;
    width: 342px;
    background: #F9F9FA;
    border-radius: 20px;
    padding: 24px;
    border: 3px solid rgba(39, 47, 100, 0.05);
}


.map-tooltip-content {
    max-width: 210px;
}


.map-tooltip-content p {
    margin-top: 8px;
    font-size: 16px;
    line-height: 26px;
    font-family: "Inter-Regular", sans-serif;
    color: #090B17;
}


.map-tooltip-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #090B17;
    opacity: 0.4;
}


.map-tooltip--route span {
    margin-top: 3px;
    display: block;
}


.map-tooltip--route {
    color: #090B17;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 24px;
    right: 14px;
}


.map-tooltip--route a {
    color: inherit;
}


@media (hover: hover) {
    .map-tooltip--route a:hover .map-tooltip--route--icon {
        background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    }
}


.map-tooltip--route--icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #090B17;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3px;
    margin: 0 auto;
    transition: 0.3s;
}


.map-tooltip--route--icon img {
    display: block;
    max-height: 21px;
}


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


@media screen and (max-width: 1023px) {
    .offices__list {
        display: block;
        margin-top: 60px;
    }
}


.offices__item {
    position: relative;
}


@media screen and (max-width: 1023px) {
    .offices__item {
        margin-top: -12px;
        z-index: 1;
    }
}


.offices__item::before {
    background: linear-gradient(90deg, #F4DCA8 0%, #F5BE66 24.5%, #FF8038 52%, #FF38BB 100%);
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    content: "";
    border-radius: 24px;
    transition: 0.3s;
    opacity: 0;
}


@media screen and (max-width: 1023px) {
    .offices__item::before {
        background: linear-gradient(to bottom, rgba(9, 11, 23, 0.08), rgba(9, 11, 23, 0.15), rgb(249, 249, 250));
        border-radius: 20px 20px 0 0;
        opacity: 1;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
    }
}


.offices__item--box {
    background: #F9F9FA;
    border-radius: 24px;
    padding: 24px;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


@media screen and (max-width: 1023px) {
    .offices__item--box {
        border-bottom: 0;
        border-radius: 20px 20px 0 0;
    }
}


.offices__item.office-active::before {
    opacity: 1;
}


@media screen and (max-width: 1023px) {
    .offices__item.office-active::before {
        background: linear-gradient(90deg, #F4DCA8 0%, #F5BE66 24.5%, #FF8038 52%, #FF38BB 100%);
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        border-radius: 20px;
        transition: none;
    }
}


@media screen and (max-width: 1023px) {
    .offices__item.office-active {
        z-index: 2;
    }


    .offices__item.office-active .offices__item--box {
        border-radius: 20px;
    }


    .offices__item.office-active .offices__item--info, .offices__item.office-active .offices__item--messengers {
        display: block;
    }
}


@media screen and (max-width: 1023px) {
    .offices__item--info {
        display: none;
    }
}


.offices__item--city {
    color: rgba(9, 11, 23, 0.4);
    font-size: 14px;
    line-height: 20px;
}


@media screen and (min-width: 1441px) {
    .offices__item--city {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .offices__item--city {
        font-size: 18.67px;
    }
}


@media screen and (max-width: 1023px) {
    .offices__item--city {
        font-size: 16px;
        line-height: 26px;
    }
}


.offices__item p {
    line-height: inherit;
    margin-top: 8px;
}


.offices__item p a {
    font-size: 18px;
    font-family: "Inter-Medium", sans-serif;
    color: #090B17;
    position: relative;
}


@media screen and (min-width: 1441px) {
    .offices__item p a {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .offices__item p a {
        font-size: 24px;
    }
}


.offices__item p a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #090B17;
    content: "";
    transition: 0.4s;
    opacity: 0;
}


@media (hover: hover) {
    .offices__item p a:hover::after {
        opacity: 1;
    }
}


.offices__item--messengers {
    margin-top: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}


@media screen and (max-width: 1023px) {
    .offices__item--messengers {
        display: none;
    }
}


.offices__item--messengers ul {
    display: flex;
    flex-wrap: wrap;
}


.offices__item--messengers ul li {
    margin-right: 12px;
}


.offices__item--messengers ul li:last-child {
    margin-right: 0;
}


.offices__item--messengers ul li a {
    color: #090b17;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 150%;
    position: relative;
}


@media screen and (min-width: 1441px) {
    .offices__item--messengers ul li a {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .offices__item--messengers ul li a {
        font-size: 24px;
    }
}


.offices__item--messengers ul li a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(39, 47, 100, 0.1);
    content: "";
    transition: 0.4s;
}


@media (hover: hover) {
    .offices__item--messengers ul li a:hover::after {
        background: #272f64;
    }
}


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


.offices-contacts {
    display: flex;
    padding: 0 140px 0 40px;
    font-size: 18px;
}


@media screen and (min-width: 1441px) {
    .offices-contacts {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .offices-contacts {
        font-size: 24px;
    }
}


.offices-contacts ul {
    margin-right: 80px;
}


.offices-contacts li {
    margin-top: 8px;
}


.offices-contacts li:first-child {
    margin-top: 0;
}


.offices-contacts li a {
    color: #090b17;
    position: relative;
    line-height: 150%;
}


.offices-contacts li a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(39, 47, 100, 0.1);
    content: "";
    transition: 0.3s;
}


@media (hover: hover) {
    .offices-contacts li a:hover {
        background: linear-gradient(90deg, #F4DCA8 0%, #F5BE66 24.5%, #FF8038 52%, #FF38BB 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }


    .offices-contacts-social li a:hover::after {
        top: 90%;
        opacity: 0;
    }
}


.offices-contacts--links p:not(:first-child) {
    margin-top: 8px;
}


.offices-contacts--links a {
    font-family: "Inter-Medium", sans-serif;
    color: #090B17;
    position: relative;
    line-height: 150%;
}


.offices-contacts--links a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #090B17;
    content: "";
    transition: 0.4s;
    opacity: 0;
}


@media (hover: hover) {
    .offices-contacts--links a:hover::after {
        opacity: 1;
    }
}


@media screen and (max-width: 1199px) {
    .offices-top {
        display: block;
    }


    .offices-contacts {
        padding: 0;
        margin-top: 30px;
    }
}


@media screen and (max-width: 480px) {
    .offices-contacts {
        display: block;
    }


    .offices-contacts ul {
        margin-right: 0;
    }


    .offices-contacts--links {
        margin-top: 30px;
    }
}


.cta .subtitle {
    color: rgba(255, 255, 255, 0.4);
}


.cta__box {
    background: #272F64;
    border-radius: 20px;
    padding: 80px 16px 16px 16px;
    color: #E5E9FF;
    position: relative;
    min-height: 608px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: url("../images/backgrounds/cta-bg.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 1140px;
    cursor: pointer;
}


@media screen and (min-width: 1920px) {
    .cta__box {
        padding: 106px 21.33px;
    }
}


@media screen and (max-width: 1023px) {
    .cta__box {
        background-size: 650px;
        background-position: 50% 57%;
    }
}


@media screen and (max-width: 767px) {
    .cta__box {
        padding-top: 60px;
    }
}


.cta__content {
    display: flex;
    margin-top: 80px;
    position: relative;
    z-index: 1;
}


@media screen and (min-width: 1920px) {
    .cta__content {
        margin-top: 106px;
    }
}


@media screen and (max-width: 767px) {
    .cta__content {
        display: block;
    }
}


.cta__info {
    max-width: 69.7%;
    margin-right: 60px;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 103.85%;
}


@media screen and (min-width: 1441px) {
    .cta__info {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1600px) {
    .cta__info {
        max-width: 61%;
    }
}


@media screen and (min-width: 1680px) {
    .cta__info {
        max-width: 65%;
    }
}


@media screen and (min-width: 1920px) {
    .cta__info {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 1199px) {
    .cta__info {
        font-size: 40px;
        line-height: 50px;
    }
}


@media screen and (max-width: 1023px) {
    .cta__info {
        font-size: 32px;
        line-height: 42px;
        margin-right: 30px;
    }
}


@media screen and (max-width: 767px) {
    .cta__info {
        margin-right: 0;
        background: linear-gradient(92deg, #F0F2FF 0%, #A0A4C1 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        max-width: none;
    }
}


.cta__info p {
    line-height: inherit;
}


.cta__info a, .cta__info span {
    color: rgba(255, 255, 255, 0.4);
    position: relative;
    padding-bottom: 2px;
    border-bottom: 2px solid;
    transition: 0s;
}


@media screen and (max-width: 767px) {
    .cta__info a, .cta__info span {
        background: linear-gradient(92deg, rgba(240, 242, 255, 0.4) 0%, rgba(160, 164, 193, 0.4) 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-decoration-line: underline;
        border-color: rgba(240, 242, 255, 0.4);
    }
}


@media (hover: hover) {
    .cta__info a:hover, .cta__info span:hover {
        opacity: 1;
        border-bottom: none;
    }
}


.cta-phone {
    font-size: 52px;
    line-height: 103.85%;
    margin-top: 80px;
    color: #E5E9FF;
    font-family: "Neue Machina", sans-serif;
}


@media screen and (min-width: 1441px) {
    .cta-phone {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
        margin-top: 106px;
    }
}


@media screen and (min-width: 1920px) {
    .cta-phone {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 767px) {
    .cta-phone {
        color: #F0F2FF;
        font-size: 34px;
        line-height: 42px;
        margin-top: 60px;
    }
}


.cta-phone a {
    color: inherit;
}


@media (hover: hover) {
    .cta-phone a:hover {
        color: rgba(255, 255, 255, 0.4);
    }
}


.cta__btn {
    flex: none;
    display: none;
}


@media screen and (max-width: 767px) {
    .cta__btn {
        margin-top: 27px;
        display: block;
    }
}


.cta__btn .theme-btn {
    display: block;
}


.cta.program-cta .cta__box {
    background-image: url("../images/backgrounds/cta-program.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 623px;
}


@media screen and (max-width: 767px) {
    .cta.about-cta .cta__box {
        padding: 24px;
        min-height: auto;
        background: #272F64;
    }


    .cta.about-cta .title-block {
        display: none;
    }


    .cta.about-cta .cta__content {
        margin-top: 0;
    }


    .cta.about-cta .cta__info {
        color: #F0F2FF;
        background: none;
        background-clip: initial;
        -webkit-text-fill-color: #F0F2FF;
        font-size: 16px;
        line-height: 24px;
    }


    .cta.about-cta .cta__info a, .cta.about-cta .cta__info span {
        color: inherit;
        text-decoration: none;
        border: none;
        padding: 0;
        background: none;
        background-clip: initial;
        -webkit-text-fill-color: inherit;
        position: static;
    }


    .cta.about-cta .cta__btn {
        margin-top: 40px;
    }
}


.advice {
    margin: 0 0 8px 0;
}


.advice__box {
    border-radius: 24px;
    background: #272F64;
    padding: 16px 16px 80px 16px;
    color: #E5E9FF;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 150%;
}


@media screen and (max-width: 767px) {
    .advice__box {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 60px;
        color: #F0F2FF;
    }
}


.advice__box p {
    line-height: inherit;
}


.advice__top {
    display: flex;
    margin-top: 80px;
}


@media screen and (min-width: 1920px) {
    .advice__top {
        margin-top: 106px;
    }
}


@media screen and (max-width: 767px) {
    .advice__top {
        margin-top: 60px;
    }
}


.advice .subtitle {
    color: rgba(255, 255, 255, 0.4);
    width: 464px;
    padding-right: 64px;
    flex: none;
}


@media screen and (min-width: 1441px) {
    .advice .subtitle {
        width: 33.0128205128%;
    }
}


@media screen and (max-width: 1023px) {
    .advice .subtitle {
        width: 250px;
    }
}


@media screen and (max-width: 767px) {
    .advice .subtitle {
        width: 162px;
        padding-right: 15px;
    }
}


@media screen and (max-width: 359px) {
    .advice .subtitle {
        width: 125px;
    }
}


.advice__title {
    max-width: 400px;
    line-height: 145%;
}


@media screen and (min-width: 1441px) {
    .advice__title {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
        max-width: 28%;
    }
}


@media screen and (min-width: 1920px) {
    .advice__title {
        font-size: 24px;
    }
}


.advice__progressbar--title {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
}


@media screen and (min-width: 1441px) {
    .advice__progressbar--title {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .advice__progressbar--title {
        font-size: 18.67px;
    }
}


.advice__progressbar--line {
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.5);
    height: 3px;
    width: 100%;
    position: relative;
}


.advice__progressbar--line span {
    display: block;
    background-color: #fff;
    position: absolute;
    border-radius: 100px;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 0;
    transition: 0.5s;
}


.advice__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px 64px;
    margin-top: 80px;
    padding-right: 64px;
    position: relative;
}


@media screen and (min-width: 1920px) {
    .advice__list {
        margin-top: 106px;
    }
}


@media screen and (max-width: 1439px) {
    .advice__list {
        padding-right: 0;
    }
}


@media screen and (max-width: 1365px) {
    .advice__list {
        grid-gap: 20px 30px;
    }
}


@media screen and (max-width: 1199px) {
    .advice__list {
        display: block;
    }
}


@media screen and (max-width: 767px) {
    .advice__list {
        margin-top: 40px;
    }
}


.advice__list::after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #272F64;
    content: "";
}


@media screen and (max-width: 1199px) {
    .advice__list::after {
        display: none;
    }
}


.advice__item {
    display: flex;
    font-family: "Neue Machina", sans-serif;
    opacity: 0;
    transition: opacity 0.5s ease;
}


@media screen and (max-width: 1199px) {
    .advice__item {
        display: block;
        padding: 30px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}


.advice__item.active .advice__item--number {
    background: linear-gradient(90deg, #F4DCA8 0%, #F5BE66 24.5%, #FF8038 52%, #FF38BB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.advice__item.active .advice__item--title {
    background: linear-gradient(90deg, #F4DCA8 0%, #F5BE66 24.5%, #FF8038 52%, #FF38BB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.advice__item--number {
    color: #fff;
    font-size: 18px;
    line-height: 150%;
    margin-right: 26px;
    flex: none;
    margin-top: 25px;
}


@media screen and (max-width: 1199px) {
    .advice__item--number {
        margin-top: 0;
    }
}


.advice__item--info {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}


@media screen and (max-width: 1199px) {
    .advice__item--info {
        padding-bottom: 0;
        border-bottom: 0;
    }
}


.advice__item--desc {
    margin-top: 12px;
    font-family: "Inter-Regular", sans-serif;
}


.advice__item--title {
    color: #E5E9FF;
    font-size: 40px;
    line-height: 142.31%;
    display: table;
}


@media screen and (min-width: 1800px) {
    .advice__item--title {
        font-size: 52px;
    }
}


@media screen and (max-width: 1365px) {
    .advice__item--title {
        font-size: 38px;
    }
}


@media screen and (max-width: 1300px) {
    .advice__item--title {
        font-size: 34px;
    }
}


@media screen and (max-width: 767px) {
    .advice__item--title {
        background: linear-gradient(92deg, #F0F2FF 0%, #A0A4C1 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 42px;
        margin-top: 18px;
    }
}


.trademark {
    margin: 0 0 80px 0;
}


@media screen and (min-width: 1920px) {
    .trademark {
        /*margin-top: 120px;*/
    }
}


@media screen and (max-width: 767px) {
    .trademark {
        margin: 104px 0 60px 0;
    }
}


.trademark__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
    margin-top: 80px;
}


@media screen and (max-width: 1199px) {
    .trademark__list {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 60px;
    }
}


@media screen and (max-width: 767px) {
    .trademark__list {
        display: block;
        margin-top: 40px;
    }
}


.trademark__item {
    border-radius: 24px;
    background: #F9F9FA;
}


@media (hover: hover) {
    .trademark__item:hover .for-doctor img {
        animation: rotateCounterClockwise 40s linear infinite;
    }
}


@media screen and (max-width: 767px) {
    .trademark__item {
        margin-top: 10px;
    }


    .trademark__item:first-child {
        margin-top: 0;
    }
}


.trademark__item--top {
    border-radius: 0px 0px 24px 24px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 8px 8px 24px;
    border-radius: 24px 24px 0 0;
    height: 85px;
}


@media screen and (max-width: 480px) {
    .trademark__item--top {
        height: 80px;
        padding: 6px 8px 6px 16px;
    }
}


.trademark__item--top--info {
    padding-right: 30px;
}


.trademark__item--top--info a {
    display: flex;
    align-items: center;
}


@media (hover: hover) {
    .trademark__item--top--info a:hover {
        opacity: 0.7;
    }
}


.trademark__item--top .for-doctor {
    max-width: 68px;
    flex: none;
}


.trademark__item--country {
    display: flex;
    align-items: center;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-right: 24px;
    color: #090B17;
    flex: none;
}


@media screen and (min-width: 1441px) {
    .trademark__item--country {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .trademark__item--country {
        font-size: 18.67px;
    }
}


.trademark__item--country img {
    display: block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    flex: none;
    margin-right: 8px;
}


.trademark__item--logo {
    max-width: 210px;
}


.trademark__item--logo img {
    display: block;
    max-height: 70px;
}


.trademark__item--info {
    padding: 40px 24px 24px 24px;
}


@media screen and (max-width: 480px) {
    .trademark__item--info {
        padding: 30px 16px 16px 16px;
    }
}


.trademark__item--name {
    color: #090B17;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119.23%;
}


@media screen and (min-width: 1441px) {
    .trademark__item--name {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .trademark__item--name {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 1023px) {
    .trademark__item--name {
        font-size: 40px;
        line-height: 50px;
    }
}


@media screen and (max-width: 480px) {
    .trademark__item--name {
        font-size: 34px;
        line-height: 42px;
    }
}


.trademark__item--name a {
    color: inherit;
}


@media (hover: hover) {
    .trademark__item--name a:hover {
        color: #272F64;
    }
}


.trademark__item ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}


@media screen and (max-width: 480px) {
    .trademark__item ul {
        margin-top: 30px;
    }
}


.trademark__item ul li {
    margin: 4px 4px 0 0;
}


.trademark__item ul li a {
    border-radius: 100px;
    background: #fff;
    color: #272F64;
    font-size: 14px;
    padding: 8px 12px;
    display: block;
}


@media screen and (min-width: 1441px) {
    .trademark__item ul li a {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}

@media screen and (min-width: 1920px) {
    .trademark__item ul li a {
        font-size: 18.67px;
    }
}

.category {
    /*margin-top: 102px;*/
    margin-bottom: 80px;
}

@media screen and (max-width: 1070px) {
    .category {
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 767px) {
    .category {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 1920px) {
    .category {
        /*margin-top: 120px;*/
    }
}

.category__nav {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

@media screen and (max-width: 767px) {
    .category__nav {
        display: block;
        margin-top: 36px;
    }
}

.category__nav--subcategories {
    display: flex;
    flex-wrap: wrap;
    padding-right: 20px;
}

@media screen and (max-width: 767px) {
    .category__nav--subcategories {
        padding-right: 0;
    }
}

.category__nav--subcategories li {
    margin: 4px 4px 0 0;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 20px;
}

@media screen and (min-width: 1441px) {
    .category__nav--subcategories li {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}

@media screen and (min-width: 1920px) {
    .category__nav--subcategories li {
        font-size: 18.67px;
    }
}

@media screen and (max-width: 480px) {
    .category__nav--subcategories li {
        font-size: 10px;
        letter-spacing: 0.2px;
    }
}

.category__nav--subcategories li a {
    border-radius: 100px;
    background: #fff;
    color: #272F64;
    padding: 8px 12px;
    display: flex;
    align-items: center;
}

.category__nav--subcategories li a.active {
    background: #272F64;
    color: #fff;
}

.category__nav--subcategories a b {
    opacity: 0.4;
    margin-left: 8px;
    position: relative;
}

.category__sort {
    flex: none;
}

@media screen and (max-width: 767px) {
    .category__sort {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.category__sort--qnt {
    display: none;
}

@media screen and (max-width: 767px) {
    .category__sort--qnt {
        display: block;
        color: rgba(9, 11, 23, 0.4);
        font-family: "Inter-Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        padding-right: 10px;
    }
}


@media screen and (max-width: 767px) and (min-width: 1441px) {
    .category__sort--qnt {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (max-width: 767px) and (min-width: 1920px) {
    .category__sort--qnt {
        font-size: 18.67px;
    }
}


.category__sort--btn {
    position: relative;
    z-index: 2;
    color: #090B17;
    font-size: 14px;
    line-height: 20px;
}


@media screen and (min-width: 1441px) {
    .category__sort--btn {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .category__sort--btn {
        font-size: 18.67px;
    }
}


.category__sort--btn--wrap {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 100px;
    border: 1px solid #090B17;
    cursor: pointer;
    transition: 0.4s;
    background: #fff4eb;
    position: relative;
    z-index: 1;
}


@media (hover: hover) {
    .category__sort--btn--wrap:hover {
        background: #272F64;
        color: #fff;
    }


    .category__sort--btn--wrap:hover .category__sort--btn--icon svg path {
        stroke: #fff;
    }
}


.category__sort--btn.active .category__sort--btn--wrap {
    background: #272F64;
    color: #fff;
}


.category__sort--btn.active .category__sort--btn--wrap, .category__sort--btn.active .category__sort--btn--icon svg path {
    stroke: #fff;
}


.category__sort--btn--icon {
    width: 14px;
    height: 14px;
    margin-left: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
}


.category__sort--btn--icon svg {
    display: block;
}


.category__sort--btn--icon svg path {
    transition: 0.4s;
}


.category__sort--btn.active .category__sort--btn--icon {
    transform: rotate(180deg);
}


.category__sort--btn.active .category__sort--dropdown {
    display: block;
}


.category__sort--dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    width: 210px;
    border-radius: 16px;
    background: #fff;
    padding: 8px;
    margin-top: 12px;
    display: none;
}


.category__sort--dropdown li a {
    color: #272F64;
    font-size: 14px;
    line-height: 20px;
    border-radius: 6px;
    padding: 12px 16px;
    display: block;
}


.category__sort--dropdown li.current-sort a {
    opacity: 0.4;
}


@media (hover: hover) {
    .category__sort--dropdown li a:hover {
        background: rgba(39, 47, 100, 0.03);
    }
}


@media screen and (max-width: 767px) {
    .category__more {
        margin-top: 8px;
        height: 454px;
    }
}


.category__more a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 20px;
    background: #272f64;
    color: rgba(255, 255, 255, 0.4);
    padding: 16px;
    text-align: center;
    height: 100%;
    position: relative;
}


@media (hover: hover) {
    .category__more a:hover .category__more--title::after {
        opacity: 0;
    }
}


.category__more--title {
    color: #E5E9FF;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 87.23%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}


.category__more--title::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2.5px;
    background: #E5E9FF;
    content: "";
}


@media screen and (min-width: 1441px) {
    .category__more--title {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .category__more--title {
        font-size: 69.33px;
    }
}


.category__more--desc {
    margin-top: 228px;
    font-family: "Inter-Regular", sans-serif;
}


@media screen and (max-width: 767px) {
    .category__more--desc {
        margin-top: 170px;
    }
}


.product {
    color: #E5E9FF;
    /*margin-top: 102px;*/
    margin-bottom: 8px;
    position: relative;
}


@media screen and (min-width: 1920px) {
    .product {
        /*margin-top: 120px;*/
    }
}


.product__box {
    border-radius: 24px;
    background: #272F64;
    padding: 16px 16px 80px 16px;
}


@media screen and (max-width: 1140px) {
    .product__box {
        padding: 60px 24px;
    }
}


@media screen and (max-width: 767px) {
    .product__box {
        padding: 60px 16px;
    }
}


.product__hero {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}


@media screen and (max-width: 1140px) {
    .product__hero {
        display: block;
    }
}


.product__info {
    margin-top: 64px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(100% - 464px);
}


@media screen and (min-width: 1920px) {
    .product__info {
        margin-top: 90px;
    }
}


@media screen and (max-width: 1199px) {
    .product__info {
        padding-right: 20px;
    }
}


@media screen and (max-width: 1140px) {
    .product__info {
        width: auto;
        margin-top: 40px;
        padding-right: 0;
    }
}


@media screen and (max-width: 767px) {
    .product__info {
        display: block;
    }
}


.product__info--title {
    width: 100%;
    padding-right: 20px;
}


@media screen and (max-width: 1140px) {
    .product__info--title {
        display: none;
    }
}


@media screen and (max-width: 767px) {
    .product__info--title {
        padding: 0;
    }
}


.product__info--title.product__info--title--mobile {
    display: none;
}


@media screen and (max-width: 1140px) {
    .product__info--title.product__info--title--mobile {
        display: block;
        padding-right: 0;
    }
}


.product__info--desc {
    margin-top: 86px;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
    width: 50%;
    padding-right: 64px;
}


@media screen and (min-width: 1441px) {
    .product__info--desc {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .product__info--desc {
        font-size: 24px;
        margin-top: 106px;
    }
}


@media screen and (max-width: 1399px) {
    .product__info--desc {
        padding-right: 30px;
    }
}


@media screen and (max-width: 767px) {
    .product__info--desc {
        width: auto;
        padding: 0;
        margin-top: 40px;
    }
}


.product__info--desc a {
    position: relative;
    color: #E5E9FF;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 24px;
}


@media (hover: hover) {
    .product__info--desc a:hover::after {
        background: #E5E9FF;
    }
}


.product__info--desc a::after {
    background: rgba(229, 233, 255, 0.1);
    width: 100%;
    height: 1px;
    display: block;
    transition: 0.3s;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 2px;
    content: "";
}


.product__info--desc.product-price {
    display: flex;
    justify-content: space-between;
    font-family: "Inter-Regular", sans-serif;
}

.product__info--desc.product-price:has(.request-info) {
    height: -webkit-fill-available;
}

@media screen and (min-width: 768px) {
    .product__info--desc.product-price {
        margin-top: 57px;
    }
}


.product__info--desc.product-price .price {
    background: linear-gradient(90deg, #F4DCA8 0%, #F5BE66 24.5%, #FF8038 52%, #FF38BB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 400;
    line-height: 144.44%;
    display: table;
}


@media screen and (min-width: 1441px) {
    .product__info--desc.product-price .price {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .product__info--desc.product-price .price {
        font-size: 24px;
    }
}


.product__info--desc.product-price .small-subtitle {
    color: rgba(229, 233, 255, 0.4);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    margin-bottom: 8px;
}


@media screen and (min-width: 1441px) {
    .product__info--desc.product-price .small-subtitle {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .product__info--desc.product-price .small-subtitle {
        font-size: 18.67px;
    }
}


.product__info--desc.product-price .doctor-price {
    width: calc(50% - 4px);
}


.product__info--delivery {
    display: flex;
    align-items: center;
    font-family: "Inter-Regular", sans-serif;
    width: 50%;
    margin-top: 86px;
    padding-right: 30px;
}


@media screen and (min-width: 1600px) {
    .product__info--delivery {
        margin-top: 90px;
    }
}


@media screen and (min-width: 1920px) {
    .product__info--delivery {
        margin-top: 95px;
    }
}


@media screen and (max-width: 767px) {
    .product__info--delivery {
        width: auto;
        padding: 0;
        margin-top: 45px;
    }
}


.product__info--delivery--icon {
    width: 15px;
    flex: none;
    margin-right: 8px;
}


.product__info--delivery--icon img {
    display: block;
}


.product__subtitle {
    color: rgba(255, 255, 255, 0.4);
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}


@media screen and (min-width: 1441px) {
    .product__subtitle {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .product__subtitle {
        font-size: 18.67px;
    }
}


.product__title {
    background: linear-gradient(92deg, #E5E9FF 0%, rgba(229, 233, 255, 0.4) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119.23%;
    margin-bottom: 20px;
    max-width: 70%;
}


@media screen and (min-width: 1441px) {
    .product__title {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .product__title {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 1199px) {
    .product__title {
        font-size: 42px;
        line-height: 52px;
    }
}


@media screen and (max-width: 1023px) {
    .product__title {
        margin-bottom: 0;
    }
}


@media screen and (max-width: 480px) {
    .product__title {
        max-width: none;
    }
}


@media screen and (max-width: 480px) {
    .product__title {
        font-size: 34px;
        line-height: 42px;
    }
}


.product__rating {
    display: flex;
    align-items: center;
    width: 50%;
    padding-right: 30px;
}


@media screen and (max-width: 767px) {
    .product__rating {
        width: auto;
        padding: 0;
    }
}


.product__rating--star {
    padding: 8px 12px;
    color: #272F64;
    font-size: 14px;
    line-height: 20px;
    border-radius: 100px;
    background: #E5E9FF;
    margin-right: 16px;
    display: flex;
    align-items: center;
}


@media screen and (min-width: 1441px) {
    .product__rating--star {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .product__rating--star {
        font-size: 18.67px;
    }
}


.product__rating--star svg {
    display: block;
    width: 18px;
    flex: none;
}


.product__rating--star span {
    margin-left: 8px;
}


.product__rating--link a {
    color: rgba(229, 233, 255, 0.4);
    font-size: 14px;
    line-height: 20px;
    position: relative;
}


@media screen and (min-width: 1441px) {
    .product__rating--link a {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .product__rating--link a {
        font-size: 18.67px;
    }
}


@media (hover: hover) {
    .product__rating--link a:hover {
        color: #fff;
    }


    .product__rating--link a:hover::after {
        opacity: 0;
    }
}


.product__rating--link a::after {
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(229, 233, 255, 0.1);
    width: 100%;
    height: 1px;
    margin-top: 2px;
    content: "";
    transition: 0.4s;
}


.product__brand {
    width: 50%;
    padding-right: 30px;
}


@media screen and (max-width: 767px) {
    .product__brand {
        width: auto;
        padding: 0;
        margin-top: 23px;
    }
}


.product__brand--country {
    display: flex;
    align-items: center;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}


@media screen and (min-width: 1441px) {
    .product__brand--country {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .product__brand--country {
        font-size: 18.67px;
    }
}


.product__brand--country img {
    display: block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    flex: none;
    margin-right: 8px;
}


.product__brand--group {
    display: flex;
    align-items: center;
    gap: 40px;
}


.product__brand--logo img {
    display: block;
    max-width: 210px;
}


.product__brand--certs {
    display: flex;
    align-items: center;
    gap: 4px;
}


.product__brand--certs img {
    width: 32px;
    height: 32px;
}


.product__btns {
    width: 100%;
    margin-top: 74px;
    display: flex;
    flex-wrap: wrap;
    order: 5;
    z-index: 3;
}


@media screen and (min-width: 1920px) {
    .product__btns {
        margin-top: 90px;
    }
}


@media screen and (max-width: 1199px) {
    .product__btns {
        display: block;
    }
}


@media screen and (max-width: 767px) {
    .product__btns {
        margin-top: 40px;
        display: block;
    }
}


.product__btns--item {
    width: 50%;
    padding-right: 64px;
}


@media screen and (max-width: 1399px) {
    .product__btns--item {
        padding-right: 30px;
    }
}


@media screen and (max-width: 767px) {
    .product__btns--item {
        width: 100%;
        padding-right: 0;
    }
}


.product__btns--item a, .product__btns--item button {
    display: block;
    width: 100%;
}


.product__btns--flex {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 50%;
    flex: none;
    padding-right: 64px;
}


@media screen and (max-width: 1399px) {
    .product__btns--flex {
        padding-right: 30px;
    }
}


@media screen and (max-width: 1199px) {
    .product__btns--flex {
        width: 100%;
        padding: 0;
    }
}


@media screen and (max-width: 359px) {
    .product__btns--flex {
        display: block;
    }
}


.product__btns--flex .product__weight, .product__btns--flex .theme-btn, .product__btns--flex .theme-btn-blue {
    width: calc(50% - 4px);
}


@media screen and (max-width: 359px) {
    .product__btns--flex .product__weight, .product__btns--flex .theme-btn, .product__btns--flex .theme-btn-blue {
        width: 100%;
        margin-top: 8px;
    }


    .product__btns--flex .product__weight:first-child, .product__btns--flex .theme-btn:first-child, .product__btns--flex .theme-btn-blue:first-child {
        margin-top: 0;
    }
}


.product__btns .product__btn--empty {
    color: rgba(229, 233, 255, 0.4);
    pointer-events: none;
    display: flex;
    justify-content: center;
}


.product__btns .product__btn--empty::before {
    margin-right: 8px;
    display: block;
    background: url("../images/icons/lock.svg") center no-repeat;
    width: 18px;
    height: 18px;
    content: "";
}


@media screen and (max-width: 1199px) {
    .product__btns .buy-one-click {
        margin-top: 8px;
    }
}


@media screen and (max-width: 1199px) {
    .product__btns .buy-one-click button {
        width: 100%;
    }
}


.product__slider {
    width: 464px;
    flex: none;
    border-radius: 24px;
    background: #FAFAFA;
    position: relative;
    order: 2;
}


@media screen and (min-width: 1441px) {
    .product__slider {
        width: 33.0128205128%;
    }
}


@media screen and (max-width: 1140px) {
    .product__slider {
        width: 100%;
        margin-top: 40px;
        border-radius: 20px;
    }
}


.product__slider--nav {
    border-radius: 24px 24px 0 0;
    background: linear-gradient(180deg, rgba(39, 47, 100, 0.05) 32.5%, rgba(39, 47, 100, 0) 100%);
    padding: 16px 15px 29px 16px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}


.product__slider--nav.slider__nav—hide {
    display: none !important;
}


@media screen and (max-width: 1140px) {
    .product__slider--nav {
        border-radius: 20px 20px 0 0;
    }
}


@media screen and (max-width: 480px) {
    .product__slider--nav {
        height: 60px;
        padding: 16px 16px 5px 16px;
        border-radius: 0px 0px 20px 20px;
        background: linear-gradient(180deg, rgba(39, 47, 100, 0.4) 32.5%, rgba(39, 47, 100, 0) 100%);
    }
}


.product__slider .hero-slider {
    height: 576px;
}


@media screen and (min-width: 1600px) {
    .product__slider .hero-slider {
        height: 596px;
    }
}


@media screen and (min-width: 1680px) {
    .product__slider .hero-slider {
        height: 615px;
    }
}


@media screen and (min-width: 1920px) {
    .product__slider .hero-slider {
        height: 725px;
    }
}


@media screen and (max-width: 480px) {
    .product__slider .hero-slider {
        height: 406px;
    }
}


.product__slider .hero-slider-pagination {
    position: static;
    display: flex;
}


.product__slider .hero-slider-pagination .swiper-pagination-bullet {
    border-radius: 100px;
    width: 100%;
    height: 4px;
    background: rgba(39, 47, 100, 0.1);
    position: relative;
    overflow: hidden;
    margin: 0 8px 0 0;
    opacity: 1;
}


.product__slider .hero-slider-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0;
}


.product__slider .hero-slider-pagination .swiper-pagination-bullet .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: "";
    background: #fff;
}


.product__slider .hero-slider-count-pagination {
    font-size: 14px;
    line-height: 143%;
    color: rgba(9, 11, 23, 0.4);
    margin-top: 12px;
}


@media screen and (min-width: 1441px) {
    .product__slider .hero-slider-count-pagination {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .product__slider .hero-slider-count-pagination {
        font-size: 18.67px;
    }
}


.product__slider .swiper-slide {
    visibility: hidden;
    transition: 0;
}


.product__slider .swiper-slide.swiper-slide-active {
    visibility: visible;
    z-index: 2;
}


.product__slider .swiper-slide.swiper-slide-active .hero__slider--product--img img {
    opacity: 1;
    transform: scale(1.5);
}


.product__slider .swiper-slide.swiper-slide-active.transform-none .hero__slider--product--img img {
    transform: none;
}


.product__slider .hero__slider--product--img {
    height: 100%;
    padding: 70px 0;
}


.product__slider .hero__slider--product--img img {
    transform: translateY(-30px);
    opacity: 0;
    transition-duration: 0.8s;
}


.product__slider .product-zoom {
    border-radius: 100px;
    background: #090B17;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 3;
}


@media screen and (min-width: 1920px) {
    .product__slider .product-zoom {
        width: 68px;
        height: 68px;
    }


    .product__slider .product-zoom svg {
        width: 22px;
        height: auto;
    }
}


@media screen and (max-width: 480px) {
    .product__slider .product-zoom {
        right: 8px;
        bottom: 8px;
    }
}


@media (hover: hover) {
    .product__slider .product-zoom:hover {
        background: #272F64;
    }


    .product__slider .product-zoom:hover svg {
        transform: scale(1.2);
    }
}


.product__slider .product-zoom svg {
    display: block;
    transition: 0.4s;
}


.product__marquee {
    margin-top: 80px;
    border-bottom: 1px solid rgba(240, 242, 255, 0.1);
    border-top: 1px solid rgba(240, 242, 255, 0.1);
    padding-top: 7px;
    position: relative;
    margin-left: -16px;
    margin-right: -16px;
    min-height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


@media screen and (min-width: 1600px) {
    .product__marquee {
        min-height: 84px;
    }
}


@media screen and (min-width: 1920px) {
    .product__marquee {
        margin-top: 106px;
        min-height: 94px;
    }
}


@media screen and (max-width: 1023px) {
    .product__marquee {
        margin-top: 60px;
        min-height: 72px;
    }
}


.product__marquee::before, .product__marquee::after {
    position: absolute;
    top: 0;
    height: 100%;
    width: 62px;
    z-index: 1;
    content: "";
}


.product__marquee::before {
    background: linear-gradient(90deg, rgb(39, 47, 100) 23%, rgba(39, 47, 100, 0) 100%);
    left: 0;
}


.product__marquee::after {
    background: linear-gradient(90deg, rgba(39, 47, 100, 0), rgb(39, 47, 100) 77%);
    right: 0;
}


.product__marquee--item {
    font-family: "Neue Machina", sans-serif, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px;
    opacity: 0.2;
    position: relative;
    margin-right: 20px;
}


@media screen and (min-width: 1600px) {
    .product__marquee--item {
        font-size: 32px;
    }
}


@media screen and (min-width: 1920px) {
    .product__marquee--item {
        font-size: 36px;
    }
}


@media screen and (max-width: 480px) {
    .product__marquee--item {
        font-size: 20px;
    }
}


.product__marquee--item::after {
    content: "✦";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px;
    margin-left: 20px;
}


.product__content {
    margin-top: 82px;
    display: flex;
    justify-content: space-between;
}


@media screen and (max-width: 1023px) {
    .product__content {
        display: block;
        border-radius: 20px;
        background: rgba(229, 233, 255, 0.02);
        margin-top: 60px;
    }
}


.product__content--nav {
    border-radius: 24px;
    background: rgba(229, 233, 255, 0.02);
    padding: 80px 24px;
    width: 456px;
}


@media screen and (min-width: 1441px) {
    .product__content--nav {
        width: 33.4051724138%;
        margin-right: 8px;
        flex: none;
    }
}


@media screen and (max-width: 1300px) {
    .product__content--nav {
        width: 400px;
    }
}


@media screen and (max-width: 1023px) {
    .product__content--nav {
        width: auto;
        padding: 24px;
        border-radius: 0;
        background: none;
    }
}


@media screen and (max-width: 374px) {
    .product__content--nav {
        padding: 16px;
    }
}


@media screen and (max-width: 1023px) {
    .product__content--nav ul {
        display: flex;
    }
}


@media screen and (max-width: 767px) {
    .product__content--nav ul {
        overflow: auto;
    }
}


.product__content--nav ul li {
    color: #E5E9FF;
    font-family: "Neue Machina", sans-serif;
    font-size: 20px;
    line-height: 28px;
    transition: 0.4s;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 24px;
}


@media screen and (max-width: 1023px) {
    .product__content--nav ul li {
        margin: 0 24px 0 0;
    }


    .product__content--nav ul li:last-child {
        margin-right: 0;
    }
}


@media screen and (max-width: 480px) {
    .product__content--nav ul li {
        font-size: 16px;
        line-height: 24px;
    }
}


@media screen and (max-width: 374px) {
    .product__content--nav ul li {
        margin-right: 16px;
    }
}


@media screen and (max-width: 359px) {
    .product__content--nav ul li {
        font-size: 14px;
    }
}


.product__content--nav ul li:first-child {
    margin-top: 0;
}


.product__content--nav ul li sup {
    font-feature-settings: "sups" on;
    font-family: "Inter-Medium", sans-serif;
    margin-left: 10px;
    padding-bottom: 8px;
}


.product__content--nav ul li span {
    position: relative;
    display: block;
}


.product__content--nav ul li span::after {
    background: rgba(229, 233, 255, 0.1);
    width: 100%;
    height: 1px;
    display: block;
    transition: 0.3s;
    content: "";
}


@media (hover: hover) {
    .product__content--nav ul li:hover {
        opacity: 0.4;
    }


    .product__content--nav ul li:hover span::after {
        background: #E5E9FF;
    }
}


.product__content--nav ul li.active {
    opacity: 0.4;
}


.product__content--nav ul li.active span::after {
    opacity: 0;
}


.product__content--info {
    border-radius: 24px;
    border: 2px solid rgba(229, 233, 255, 0.1);
    background: #2B3367;
    width: calc(100% - 464px);
    padding: 24px 24px 5px 24px;
    position: relative;
    min-height: 424px;
}


@media screen and (max-width: 1300px) {
    .product__content--info {
        width: calc(100% - 408px);
    }
}


@media screen and (max-width: 1023px) {
    .product__content--info {
        width: auto;
        border-radius: 20px;
    }
}


@media screen and (max-width: 767px) {
    .product__content--info {
        padding: 16px;
    }
}


.product__content--info::before {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 56px;
    height: 56px;
    background: url("../images/icons/border-icon.svg") center no-repeat;
    background-color: #272F64;
    content: "";
    z-index: 1;
}


.product__content--info--item {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.3s;
    top: 24px;
    right: 24px;
    bottom: 5px;
    left: 24px;
}


.product__content--info--item.active {
    visibility: visible;
    opacity: 1;
    position: static;
}


@media screen and (max-width: 767px) {
    .product__content--info--item {
        top: 16px;
        right: 16px;
        left: 16px;
        bottom: 16px;
    }
}


.product__content--title {
    opacity: 0.05;
    background: linear-gradient(92deg, #E5E9FF 0%, rgba(229, 233, 255, 0.4) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 119.23%;
    margin-bottom: 20px;
}


@media screen and (min-width: 1441px) {
    .product__content--title {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .product__content--title {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 1199px) {
    .product__content--title {
        font-size: 42px;
        line-height: 52px;
    }
}


@media screen and (max-width: 767px) {
    .product__content--title {
        margin-bottom: 16px;
    }
}


.product__content--box {
    max-height: 305px;
    position: relative;
}


.product__content--box.simplebar-scrollable-y {
    padding-bottom: 60px;
}


@media screen and (max-width: 767px) {
    .product__content--box.simplebar-scrollable-y {
        padding-bottom: 25px;
    }
}


.product__content--box.simplebar-scrollable-y::before {
    position: absolute;
    left: -22px;
    right: -22px;
    bottom: -4px;
    height: 80px;
    border-radius: 0 0 24px 24px;
    background: linear-gradient(180deg, rgba(43, 51, 103, 0) 0%, rgba(43, 51, 103, 0.95) 67.5%);
    content: "";
    z-index: 1;
}


@media screen and (max-width: 767px) {
    .product__content--box.simplebar-scrollable-y::before {
        left: -14px;
        right: -14px;
        bottom: -14px;
    }
}


.product-char__item {
    display: flex;
    padding: 19px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}


@media screen and (max-width: 767px) {
    .product-char__item {
        display: block;
    }
}


.product-char__item:first-child {
    border-top: 0;
}


.product-char__item p {
    font-size: 14px;
    line-height: 20px;
}


@media screen and (min-width: 1441px) {
    .product-char__item p {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .product-char__item p {
        font-size: 18.67px;
    }
}


.product-char__item p:first-child {
    color: rgba(229, 233, 255, 0.4);
    font-size: 14px;
    line-height: 20px;
    width: 440px;
    flex: none;
    padding-right: 15px;
}


@media screen and (min-width: 1441px) {
    .product-char__item p:first-child {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .product-char__item p:first-child {
        font-size: 18.67px;
    }
}


@media screen and (max-width: 1439px) {
    .product-char__item p:first-child {
        width: 330px;
    }
}


@media screen and (max-width: 1300px) {
    .product-char__item p:first-child {
        width: 300px;
    }
}


@media screen and (max-width: 767px) {
    .product-char__item p:first-child {
        width: auto;
        padding: 0;
    }
}


.product-char__item p:nth-child(2) {
    color: #E5E9FF;
}


@media screen and (max-width: 767px) {
    .product-char__item p:nth-child(2) {
        margin-top: 8px;
    }
}


.product-char__item p:nth-child(2) span {
    opacity: 0.2;
    font-family: "Neue Machina", sans-serif;
    margin-right: 5px;
}


.product-desc {
    color: #E5E9FF;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
    min-height: 305px;
}


@media screen and (min-width: 1441px) {
    .product-desc {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .product-desc {
        font-size: 24px;
    }
}


@media screen and (max-width: 480px) {
    .product-desc {
        font-size: 16px;
        line-height: 26px;
    }
}


.product-desc p {
    line-height: inherit;
    margin-top: 24px;
}


@media screen and (max-width: 480px) {
    .product-desc p {
        margin-top: 16px;
    }
}


.product-desc p:first-child {
    margin-top: 0;
}


.product__weight {
    border-radius: 6px;
    border: 1px solid rgba(229, 233, 255, 0.4);
    color: #E5E9FF;
    font-family: "Roboto-Medium", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    position: relative;
}


@media screen and (min-width: 1441px) {
    .product__weight {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .product__weight {
        font-size: 18.67px;
    }
}


.product__weight.active .product__weight--dropdown {
    display: block;
}


.product__weight.active .product__weight--current::after {
    transform: rotate(180deg);
}


.product__weight--current {
    padding: 18px 70px 18px 15px;
    position: relative;
    cursor: pointer;
    transition: 0.4s;
}


@media (hover: hover) {
    .product__weight--current:hover {
        background: rgba(255, 255, 255, 0.1);
    }
}


.product__weight--current::after {
    display: block;
    position: absolute;
    top: 20px;
    right: 17px;
    width: 14px;
    height: 14px;
    background: url("../images/icons/dropdown.svg") center no-repeat;
    background-size: 100%;
    content: "";
    transition: 0.4s;
}


.product__weight--dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    left: -1px;
    right: -1px;
    border: 1px solid rgba(229, 233, 255, 0.4);
    background: #272F64;
    border-radius: 0 0 6px 6px;
    margin-top: -3px;
    display: none;
    z-index: 2;
}


.product__weight--dropdown a {
    display: block;
    padding: 8px 15px;
    border-top: 1px solid rgba(229, 233, 255, 0.4);
    color: #E5E9FF;
}


.product__weight--dropdown a:first-child {
    border-top: 0;
}


@media (hover: hover) {
    .product__weight--dropdown a:hover {
        background: rgba(255, 255, 255, 0.1);
    }
}


@media screen and (max-width: 767px) {
    .product__content--title {
        padding: 0;
    }
}


@media screen and (max-width: 480px) {
    .product__content--title {
        font-size: 34px;
        line-height: 42px;
    }
}


.product-tab-testimonials .product__content--title {
    width: 440px;
    padding-right: 30px;
}


@media screen and (max-width: 1439px) {
    .product-tab-testimonials .product__content--title {
        width: 330px;
    }
}


@media screen and (max-width: 1300px) {
    .product-tab-testimonials .product__content--title {
        width: 300px;
    }
}


@media screen and (max-width: 767px) {
    .product-tab-testimonials .product__content--title {
        width: 100%;
    }
}


.product-testimonials {
    position: relative;
}


.testimonials-btn {
    position: absolute;
    top: 0;
    left: 440px;
}


@media screen and (max-width: 1439px) {
    .testimonials-btn {
        left: 330px;
    }
}


@media screen and (max-width: 1300px) {
    .testimonials-btn {
        left: 300px;
    }
}


@media screen and (max-width: 767px) {
    .testimonials-btn {
        position: static;
        margin-top: 15px;
    }
}


.testimonials-btn a {
    min-width: 195px;
}


@media screen and (max-width: 767px) {
    .testimonials-btn a {
        width: 100%;
    }
}


.testimonials__item {
    display: flex;
    align-items: flex-start;
    padding: 19px 12px 19px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #E5E9FF;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 26px;
}


@media screen and (min-width: 1441px) {
    .testimonials__item {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .testimonials__item {
        font-size: 18.67px;
    }
}


@media screen and (max-width: 1199px) {
    .testimonials__item {
        display: block;
    }
}


.testimonials__item:first-child {
    border-top: none;
    padding-top: 0;
}


.testimonials__item--grade {
    display: flex;
    align-items: center;
    width: 440px;
    flex: none;
    padding-right: 15px;
}


@media screen and (max-width: 1439px) {
    .testimonials__item--grade {
        width: 330px;
    }
}


@media screen and (max-width: 1300px) {
    .testimonials__item--grade {
        width: 300px;
    }
}


@media screen and (max-width: 1199px) {
    .testimonials__item--grade {
        width: auto;
    }
}


.testimonials__item--rating {
    border-radius: 100px;
    padding: 8px 12px;
    background: #E5E9FF;
    z-index: 1;
    display: flex;
    align-items: center;
    color: #272F64;
    flex: none;
    margin-right: 16px;
}


.testimonials__item--rating span {
    margin-left: 8px;
    line-height: 20px;
}


.testimonials__item--date {
    color: rgba(229, 233, 255, 0.4);
    line-height: 20px;
}


@media screen and (max-width: 1199px) {
    .testimonials__item--info {
        margin-top: 24px;
    }
}


.testimonials__item--title {
    margin-bottom: 10px;
    font-size: 18px;
}


@media screen and (min-width: 1441px) {
    .testimonials__item--title {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .testimonials__item--title {
        font-size: 24px;
    }
}


.testimonials__item--desc {
    font-size: 16px;
    line-height: 26px;
}


.related__products {
    margin-top: 80px;
    padding: 4px;
}


@media screen and (min-width: 1920px) {
    .related__products {
        margin-top: 106px;
    }
}


@media screen and (max-width: 767px) {
    .related__products {
        margin-top: 40px;
    }
}


.related__products .products__item {
    height: auto;
}


.simplebar-track.simplebar-vertical {
    width: 4px;
    pointer-events: all;
    right: -12px;
}


@media screen and (max-width: 480px) {
    .simplebar-track.simplebar-vertical {
        right: -14px;
    }
}


.simplebar-scrollbar:before {
    opacity: 1 !important;
    background: rgba(229, 233, 255, 0.2);
    left: 0;
    right: 0;
    border-radius: 10px;
    cursor: pointer;
}


.study-hero {
    /*margin-top: 102px;*/
    border-radius: 20px;
    position: relative;
    background: #272F64;
    color: #E5E9FF;
}


@media screen and (min-width: 1920px) {
    .study-hero {
        /*margin-top: 120px;*/
    }
}


@media screen and (max-width: 1023px) {
    .study-hero {
        margin-top: 0;
    }
}


.study-hero .wrapper {
    padding: 80px 16px 16px 16px;
}


@media screen and (max-width: 1023px) {
    .study-hero .wrapper {
        padding-top: 40px;
    }
}


.study-hero__info {
    width: calc(100% - 464px);
    padding-right: 64px;
}


@media screen and (min-width: 1441px) {
    .study-hero__info {
        width: 66.5948275862%;
    }
}


@media screen and (max-width: 1199px) {
    .study-hero__info {
        width: calc(100% - 380px);
        padding-right: 30px;
    }
}


@media screen and (max-width: 1023px) {
    .study-hero__info {
        width: auto;
        padding: 0;
    }
}


.study-hero__slider {
    padding-top: 7px;
    position: relative;
    border-bottom: 1px solid rgba(229, 233, 255, 0.1);
    color: #E5E9FF;
}


@media screen and (max-width: 480px) {
    .study-hero__slider {
        padding: 7px 0 4px 0;
    }
}


.study-hero__slider::before, .study-hero__slider::after {
    position: absolute;
    top: 0;
    height: 100%;
    width: 62px;
    z-index: 1;
    content: "";
}


.study-hero__slider::before {
    background: linear-gradient(90deg, rgb(39, 47, 100) 23%, rgba(39, 47, 100, 0) 100%);
    left: 0;
    border-radius: 20px 0 0 0;
}


.study-hero__slider::after {
    background: linear-gradient(90deg, rgba(39, 47, 100, 0), rgb(39, 47, 100) 77%);
    right: 0;
    border-radius: 0 20px 0 0;
}


.study-hero__slider--item {
    font-family: "Neue Machina", sans-serif, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px;
    opacity: 0.2;
    position: relative;
    margin-right: 20px;
}


@media screen and (max-width: 480px) {
    .study-hero__slider--item {
        font-size: 20px;
    }
}


.study-hero__slider--item::after {
    content: "✦";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px;
    margin-left: 20px;
}


.study-hero__title .subtitle {
    color: #E5E9FF;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
    opacity: 0.4;
}


@media screen and (min-width: 1441px) {
    .study-hero__title .subtitle {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .study-hero__title .subtitle {
        font-size: 18.67px;
    }
}


.study-hero__heading {
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    font-weight: 400;
    line-height: 119.23%;
    background: linear-gradient(140deg, #E5E9FF 0%, rgba(229, 233, 255, 0.4) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: table;


}


@media screen and (min-width: 1441px) {
    .study-hero__heading {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .study-hero__heading {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 480px) {
    .study-hero__heading {
        font-size: 34px;
        line-height: 42px;
        background: linear-gradient(92deg, #F0F2FF 0%, #A0A4C1 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: table;
    }
}


.study-hero__date {
    margin-top: 80px;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 26px;
}


@media screen and (min-width: 1441px) {
    .study-hero__date {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .study-hero__date {
        font-size: 24px;
        margin-top: 106px;
    }
}


@media screen and (max-width: 1023px) {
    .study-hero__date {
        margin-top: 40px;
    }
}


@media screen and (max-width: 767px) {
    .study-hero__date {
        max-width: 164px;
        color: #F0F2FF;
        font-size: 16px;
        line-height: 24px;
    }
}


.study-hero__date br {
    display: none;
}


@media screen and (max-width: 767px) {
    .study-hero__date br {
        display: block;
    }
}


.study-hero__date p {
    line-height: inherit;
    margin-top: 8px;
}


.study-hero__date p:first-child {
    margin-top: 0;
}


.study-hero__img {
    position: absolute;
    width: 464px;
    top: 15px;
    right: 15px;
    bottom: 15px;
    z-index: 1;
}


@media screen and (min-width: 1441px) {
    .study-hero__img {
        width: 33.0128205128%;
    }
}


@media screen and (max-width: 1199px) {
    .study-hero__img {
        width: 380px;
    }
}


@media screen and (max-width: 1023px) {
    .study-hero__img {
        position: static;
        width: 100%;
        height: 580px;
        margin-top: 40px;
    }
}


@media screen and (max-width: 767px) {
    .study-hero__img {
        height: 414px;
    }
}


.study-hero__img img {
    border-radius: 20px;
}


.study-hero__btns {
    margin-top: 52px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}


@media screen and (max-width: 1023px) {
    .study-hero__btns {
        margin-top: 40px;
    }
}


@media screen and (max-width: 767px) {
    .study-hero__btns {
        display: block;
        position: relative;
    }
}


.study-hero__btns--item {
    margin: 8px 8px 0 0;
    min-width: 196px;
}


@media screen and (max-width: 767px) {
    .study-hero__btns--item {
        margin: 8px 0 0 0;
    }
}


.study-hero__btns--item a {
    display: block;
    padding-left: 27.5px;
    padding-right: 27.5px;
}


.study-hero .hero__down {
    position: static;
    margin-left: 64px;
}


@media screen and (max-width: 767px) {
    .study-hero .hero__down {
        position: absolute;
        top: -63px;
        right: 16px;
        left: auto;
        bottom: auto;
        margin: 0;
    }
}


.study-hero .hero__down a {
    color: rgba(255, 255, 255, 0.4);
}


.study-about__btn {
    padding: 40px 0;
}


.study-about__info {
    padding-top: 80px;
    margin-bottom: 80px;
    border-top: 1px solid rgba(9, 11, 23, 0.1);
}


@media screen and (max-width: 767px) {
    .study-about__info {
        padding-top: 60px;
        margin-bottom: 60px;
    }
}


.study-about__info--wrap {
    position: relative;
    color: rgba(9, 11, 23, 0.1);
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119.23%;
}


@media screen and (min-width: 1441px) {
    .study-about__info--wrap {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .study-about__info--wrap {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 767px) {
    .study-about__info--wrap {
        font-size: 34px;
        line-height: 42px;
        letter-spacing: -1.7px;
    }
}


.study-about__info--wrap p {
    line-height: inherit;
    transition: color 0.3s ease;
}


.speaker.speaker-radius .team__box {
    border-radius: 20px;
}


.speaker__box {
    padding: 80px 16px;
    background: #fff;
    border-radius: 0 0 24px 24px;
}


@media screen and (min-width: 1920px) {
    .speaker__box {
        padding: 106px 21.33px;
    }
}


@media screen and (max-width: 1199px) {
    .speaker__box {
        padding: 60px 16px 40px 16px;
    }
}


.speaker__slider {
    margin-top: 80px;
}


@media screen and (min-width: 1920px) {
    .speaker__slider {
        margin-top: 106px;
    }
}


@media screen and (max-width: 1199px) {
    .speaker__slider {
        margin-top: 60px;
    }
}


@media screen and (max-width: 767px) {
    .speaker__slider {
        margin-top: 20px;
    }
}


@media screen and (max-width: 1199px) {
    .speaker__slider .swiper {
        padding-right: 40px;
    }
}


@media screen and (max-width: 480px) {
    .speaker__slider .swiper {
        padding-right: 25px;
    }
}


@media screen and (min-width: 1200px) {
    .speaker__slider .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 28px 8px;
        height: auto;
    }
}


.contacts {
    margin: 0 0 8px 0;
}


@media screen and (min-width: 1920px) {
    .contacts {
        /*margin-top: 120px;*/
    }
}


@media screen and (max-width: 1023px) {
    .contacts {
        margin: 0 0 60px 0;
    }
}


.contacts__list {
    position: relative;
    border-radius: 24px;
}


.contacts__list--nav {
    border-radius: 24px 24px 0 0;
    background: linear-gradient(180deg, rgba(39, 47, 100, 0.05) 32.5%, rgba(39, 47, 100, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    padding: 16px;
    z-index: 2;
}


.contacts__list .contacts-slider-pagination {
    position: static;
    display: flex;
}


.contacts__list .contacts-slider-pagination .swiper-pagination-bullet {
    border-radius: 100px;
    width: 100%;
    height: 4px;
    background: rgba(39, 47, 100, 0.1);
    position: relative;
    overflow: hidden;
    margin: 0 8px 0 0;
    opacity: 1;
}


.contacts__list .contacts-slider-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0;
}


.contacts__list .contacts-slider-pagination .swiper-pagination-bullet .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: "";
    background: #fff;
}


.contacts__list .contacts-slider-count-pagination {
    font-size: 14px;
    line-height: 143%;
    color: rgba(9, 11, 23, 0.4);
    margin-top: 12px;
}


@media screen and (min-width: 1441px) {
    .contacts__list .contacts-slider-count-pagination {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .contacts__list .contacts-slider-count-pagination {
        font-size: 18.67px;
    }
}


.contacts__list .swiper-slide {
    height: 608px;
    position: relative;
}


.swiper-slide.swiper-slide-active .contacts__map,
.swiper-slide.swiper-slide-active .contacts__info,
.swiper-slide.swiper-slide-active .contacts__image {
    opacity: 1;
}


.contacts__map, .contacts__info, .contacts__image {
    transition-duration: 0.8s;
    opacity: 0;
}


@media screen and (min-width: 1600px) {
    .contacts__list .swiper-slide {
        height: 670px;
    }
}


@media screen and (min-width: 1920px) {
    .contacts__list .swiper-slide {
        height: 770px;
    }
}


.contacts__info {
    position: absolute;
    left: 16px;
    bottom: 24px;
    border-radius: 24px;
    background: #fff;
    padding: 24px 100px 24px 24px;
    width: 464px;
    z-index: 3;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #090B17;
}


@media screen and (min-width: 1441px) {
    .contacts__info {
        width: 33.0128205128%;
        padding: 53.33px 32px;
    }
}


@media screen and (max-width: 767px) {
    .contacts__info {
        padding: 16px 100px 16px 16px;
        border-radius: 20px;
    }
}


@media screen and (max-width: 540px) {
    .contacts__info {
        width: auto;
        right: 16px;
        padding-right: 16px;
    }
}


.contacts__info--city {
    font-size: 22px;
    line-height: 28px;
    font-family: "Neue Machina", sans-serif;
}


@media screen and (min-width: 1441px) {
    .contacts__info--city {
        font-size: calc(22px + 7.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .contacts__info--city {
        font-size: 29.33px;
    }
}


.contacts__info--address {
    font-size: 14px;
    line-height: 20px;
}


@media screen and (min-width: 1441px) {
    .contacts__info--address {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .contacts__info--address {
        font-size: 18.67px;
    }
}


@media screen and (max-width: 540px) {
    .contacts__info--address {
        padding-right: 90px;
    }
}


.contacts__info .flex-block {
    display: flex;
    flex-wrap: wrap;
}


.contacts__info .flex-block p {
    margin-right: 8px;
}


.contacts__info .flex-block p:last-child {
    margin-right: 0;
}


.contacts__info p {
    line-height: inherit;
    margin-top: 10px;
}


.contacts__info p a {
    font-family: "Inter-Medium", sans-serif;
    color: #090B17;
    position: relative;
    font-size: 18px;
}


@media screen and (min-width: 1441px) {
    .contacts__info p a {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .contacts__info p a {
        font-size: 24px;
    }
}


@media screen and (max-width: 480px) {
    .contacts__info p a {
        font-size: 16px;
        line-height: 24px;
    }
}


.contacts__info p a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #090B17;
    content: "";
    transition: 0.4s;
    opacity: 0;
}


@media (hover: hover) {
    .contacts__info p a:hover::after {
        opacity: 1;
    }
}


.contacts__info--messengers {
    margin-top: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}


.contacts__info--messengers ul {
    display: flex;
    flex-wrap: wrap;
}


.contacts__info--messengers ul li {
    margin-right: 12px;
}


.contacts__info--messengers ul li:last-child {
    margin-right: 0;
}


.contacts__info--messengers ul li a {
    color: #090b17;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 150%;
    position: relative;
}


@media screen and (min-width: 1441px) {
    .contacts__info--messengers ul li a {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .contacts__info--messengers ul li a {
        font-size: 24px;
    }
}


@media screen and (max-width: 480px) {
    .contacts__info--messengers ul li a {
        font-size: 16px;
        line-height: 24px;
    }
}


.contacts__info--messengers ul li a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(39, 47, 100, 0.1);
    content: "";
    transition: 0.4s;
}


@media (hover: hover) {
    .contacts__info--messengers ul li a:hover::after {
        background: #272f64;
    }
}


.contacts__info--route {
    color: #090B17;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 24px;
    right: 14px;
}


@media screen and (min-width: 1441px) {
    .contacts__info--route {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .contacts__info--route {
        font-size: 18.67px;
    }
}


.contacts__info--route a {
    color: inherit;
}


@media (hover: hover) {
    .contacts__info--route a:hover .contacts__info--route--icon {
        background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    }
}


.contacts__info--route--icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #090B17;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3px;
    margin: 0 auto;
    transition: 0.3s;
}


@media screen and (min-width: 1680px) {
    .contacts__info--route--icon {
        width: 56px;
        height: 56px;
    }
}


.contacts__info--route--icon img {
    display: block;
    max-height: 21px;
}


@media screen and (min-width: 1680px) {
    .contacts__info--route--icon img {
        max-height: none;
        height: 24px;
    }
}


.contacts__map {
    height: 100%;
}


.contacts__map img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 24px;
    -o-object-fit: cover;
    object-fit: cover;
}


.contacts__image {
    position: absolute;
    top: 51px;
    right: 16px;
    width: 464px;
    height: 541px;
    font-size: 52px;
    line-height: 119.23%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 24px;
    padding: 0 8px;
}


@media screen and (min-width: 1441px) {
    .contacts__image {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
        width: 33.0128205128%;
    }
}


@media screen and (min-width: 1600px) {
    .contacts__image {
        height: 595px;
    }
}


@media screen and (min-width: 1920px) {
    .contacts__image {
        font-size: 69.33px;
        height: 695px;
    }
}


@media screen and (max-width: 1023px) {
    .contacts__image {
        height: 300px;
    }
}


@media screen and (max-width: 767px) {
    .contacts__image {
        width: 300px;
        height: 200px;
        font-size: 20px;
        line-height: normal;
        border-radius: 20px;
        padding: 8px;
    }
}


@media screen and (max-width: 480px) {
    .contacts__image {
        width: 163px;
        height: 122px;
        font-size: 14px;
        line-height: 20px;
    }
}


.contacts__image::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: rgba(9, 11, 23, 0.4);
    content: "";
    z-index: 1;
}


.contacts__image img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
}


.contacts__image .city, .contacts__image .time {
    position: relative;
    z-index: 1;
    font-family: "Neue Machina", sans-serif;
    color: #fff;
}


.contacts__image .time {
    margin-top: 20px;
    font-size: 140px;
    line-height: normal;
    margin-top: 20px;
}


@media screen and (max-width: 1023px) {
    .contacts__image .time {
        font-size: 120px;
    }
}


@media screen and (max-width: 767px) {
    .contacts__image .time {
        font-size: 52px;
        margin-top: 4px;
    }
}


@media screen and (max-width: 480px) {
    .contacts__image .time {
        font-size: 34px;
        line-height: 32px;
    }
}


.error {
    /*margin-top: 102px;*/
}


@media screen and (min-width: 1920px) {
    .error {
        /*margin-top: 120px;*/
    }
}


@media screen and (max-width: 1023px) {
    .error {
        margin-top: 0;
    }
}


.error__info {
    border-radius: 24px;
    background: #272F64;
    padding: 122px 24px;
    color: rgba(229, 233, 255, 0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}


@media screen and (max-width: 767px) {
    .error__info {
        padding: 182px 16px;
    }
}


.error__title {
    font-size: 250px;
    font-family: "Neue Machina", sans-serif;
    line-height: normal;
    background: linear-gradient(92deg, #E5E9FF 0%, rgba(229, 233, 255, 0.4) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: table;
}


@media screen and (max-width: 767px) {
    .error__title {
        font-size: 132px;
    }
}


.error__subtitle {
    color: #fff;
    font-size: 18px;
}


@media screen and (min-width: 1441px) {
    .error__subtitle {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .error__subtitle {
        font-size: 24px;
    }
}


@media screen and (max-width: 767px) {
    .error__subtitle {
        font-size: 16px;
    }
}


.error__links {
    margin-top: 20px;
    font-size: 14px;
}


@media screen and (min-width: 1441px) {
    .error__links {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .error__links {
        font-size: 18.67px;
        margin-bottom: 26px;
    }
}


.error__links ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}


.error__links ul li {
    margin: 4px;
}


.error__links ul li a {
    width: 196px;
    display: block;
}


.error__links ul li a::after {
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.4s;
    border-radius: inherit;
    content: "";
}


@media (hover: hover) {
    .error__links ul li a:hover {
        opacity: 1;
    }


    .error__links ul li a:hover::after {
        opacity: 1;
    }
}


.event {
    /*margin-top: 102px;*/
    position: relative;
}


@media screen and (min-width: 1920px) {
    .event {
        /*margin-top: 120px;*/
    }
}


.event__box {
    border-radius: 24px;
    background: #272F64;
    padding: 16px 16px 80px 16px;
    font-size: 18px;
    line-height: 144.44%;
    color: #E5E9FF;
    position: relative;
}


@media screen and (min-width: 1441px) {
    .event__box {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .event__box {
        font-size: 24px;
    }
}


@media screen and (max-width: 1140px) {
    .event__box {
        padding: 60px 24px;
    }
}


@media screen and (max-width: 767px) {
    .event__box {
        padding: 60px 16px;
        color: #F0F2FF;
    }
}


@media screen and (max-width: 480px) {
    .event__box {
        font-size: 16px;
        line-height: 24px;
    }
}


.event-hint-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


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


@media screen and (max-width: 1023px) {
    .event__hero {
        display: block;
    }
}


.event__hero .subtitle {
    color: rgba(255, 255, 255, 0.4);
}


.event__hero--title {
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119%;
    background: linear-gradient(140deg, #E5E9FF 0%, rgba(229, 233, 255, 0.4) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: table;
}


@media screen and (min-width: 1441px) {
    .event__hero--title {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .event__hero--title {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 480px) {
    .event__hero--title {
        font-size: 34px;
        line-height: 42px;
        background: linear-gradient(92deg, #F0F2FF 0%, #A0A4C1 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: table;
    }
}


.event__hero--info {
    margin-top: 64px;
    width: calc(100% - 464px);
    padding: 0 120px 0 0;
}


@media screen and (min-width: 1441px) {
    .event__hero--info {
        width: 66.5948275862%;
    }
}


@media screen and (max-width: 1439px) {
    .event__hero--info {
        padding-right: 64px;
    }
}


@media screen and (max-width: 1199px) {
    .event__hero--info {
        padding-right: 30px;
        width: calc(100% - 380px);
    }
}


@media screen and (max-width: 1023px) {
    .event__hero--info {
        width: auto;
        padding: 0;
        margin-top: 0;
    }
}


.event__hero--img {
    width: 464px;
    height: 586px;
    flex: none;
}


@media screen and (min-width: 1441px) {
    .event__hero--img {
        width: 33.0128205128%;
    }
}


@media screen and (min-width: 1600px) {
    .event__hero--img {
        height: 608px;
    }
}


@media screen and (min-width: 1680px) {
    .event__hero--img {
        height: 624px;
    }
}


@media screen and (min-width: 1920px) {
    .event__hero--img {
        height: 706px;
    }
}


@media screen and (max-width: 1199px) {
    .event__hero--img {
        width: 380px;
    }
}


@media screen and (max-width: 1023px) {
    .event__hero--img {
        width: 100%;
        height: 580px;
        margin-top: 40px;
    }
}


@media screen and (max-width: 767px) {
    .event__hero--img {
        height: 414px;
    }
}


.event__hero--img img {
    border-radius: 20px;
}


.event__hero--desc {
    margin-top: 80px;
    width: 320px;
}


@media screen and (min-width: 1441px) {
    .event__hero--desc {
        width: 35%;
    }
}


@media screen and (min-width: 1920px) {
    .event__hero--desc {
        margin-top: 106px;
    }
}


@media screen and (max-width: 1023px) {
    .event__hero--desc {
        margin-top: 60px;
    }
}


@media screen and (max-width: 767px) {
    .event__hero--desc {
        margin-top: 40px;
    }
}


.event__hero--author {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    max-width: 784px;
}


@media screen and (min-width: 1441px) {
    .event__hero--author {
        max-width: none;
        justify-content: flex-start;
    }
}


@media screen and (max-width: 767px) {
    .event__hero--author {
        display: block;
    }
}


.event__hero--author--name {
    width: 320px;
}


@media screen and (min-width: 1441px) {
    .event__hero--author--name {
        width: 55.5%;
        flex: none;
        padding-right: 64px;
    }
}


@media screen and (max-width: 767px) {
    .event__hero--author--name {
        width: auto;
    }
}


.event__hero--author--desc {
    width: 320px;
}


@media screen and (min-width: 1441px) {
    .event__hero--author--desc {
        width: 40%;
    }
}


@media screen and (max-width: 767px) {
    .event__hero--author--desc {
        margin-top: 8px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: auto;
    }
}


.event__hero--info, .event__info--top--desc {
    font-family: "Inter-Regular", sans-serif;
}


@media screen and (max-width: 767px) {
    .event__hero--author--desc--wrap {
        width: calc(100% - 158px);
    }
}


.event__hero .hero__down {
    position: static;
    margin-top: 78px;
    font-family: var(--font-family);
    position: relative;
    z-index: 2;
    left: 0;
}


@media screen and (max-width: 1023px) {
    .event__hero .hero__down {
        margin-top: 20px;
    }
}


@media screen and (max-width: 1023px) {
    .event__hero .hero__down {
        margin-top: 0;
        flex: none;
    }
}


.event__hero .hero__down a {
    color: rgba(255, 255, 255, 0.4);
}


.event__marquee {
    margin-top: 80px;
    border-bottom: 1px solid rgba(240, 242, 255, 0.1);
    border-top: 1px solid rgba(240, 242, 255, 0.1);
    padding-top: 7px;
    position: relative;
    margin-left: -16px;
    margin-right: -16px;
    min-height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


@media screen and (min-width: 1600px) {
    .event__marquee {
        min-height: 84px;
    }
}


@media screen and (min-width: 1920px) {
    .event__marquee {
        margin-top: 106px;
        min-height: 94px;
    }
}


@media screen and (max-width: 1023px) {
    .event__marquee {
        margin-top: 60px;
        min-height: 72px;
    }
}


@media screen and (max-width: 767px) {
    .event__marquee {
        margin-top: 40px;
    }
}


.event__marquee::before, .event__marquee::after {
    position: absolute;
    top: 0;
    height: 100%;
    width: 62px;
    z-index: 1;
    content: "";
}


.event__marquee::before {
    background: linear-gradient(90deg, rgb(39, 47, 100) 23%, rgba(39, 47, 100, 0) 100%);
    left: 0;
}


.event__marquee::after {
    background: linear-gradient(90deg, rgba(39, 47, 100, 0), rgb(39, 47, 100) 77%);
    right: 0;
}


.event__info {
    margin-top: 80px;
    padding-right: 64px;
}


@media screen and (min-width: 1920px) {
    .event__info {
        margin-top: 106px;
    }
}


@media screen and (max-width: 1199px) {
    .event__info {
        display: block;
        margin-top: 60px;
        padding: 0;
    }
}


.event__info--top {
    display: flex;
}


.event__info--top--desc {
    width: 400px;
}


@media screen and (min-width: 1680px) {
    .event__info--top--desc {
        width: 28%;
    }
}


.event__info .subtitle {
    width: 464px;
    color: rgba(255, 255, 255, 0.4);
    padding-right: 64px;
    flex: none;
}


@media screen and (min-width: 1441px) {
    .event__info .subtitle {
        width: 34.3871325568%;
    }
}


@media screen and (max-width: 1365px) {
    .event__info .subtitle {
        width: 300px;
    }
}


@media screen and (max-width: 767px) {
    .event__info .subtitle {
        width: 162px;
        padding-right: 15px;
    }
}


@media screen and (max-width: 359px) {
    .event__info .subtitle {
        width: 125px;
    }
}


.event__details {
    color: #fff;
    display: flex;
    justify-content: flex-end;
    margin-top: 80px;
}


@media screen and (min-width: 1920px) {
    .event__details {
        margin-top: 106px;
    }
}


@media screen and (max-width: 1199px) {
    .event__details {
        display: block;
    }
}


@media screen and (max-width: 1023px) {
    .event__details {
        margin-top: 60px;
    }
}


@media screen and (max-width: 767px) {
    .event__details {
        margin-top: 40px;
    }
}


.event__details--btn {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
}


@media screen and (max-width: 1199px) {
    .event__details--btn {
        display: block;
    }
}


@media screen and (max-width: 767px) {
    .event__details--btn {
        margin-top: 24px;
    }
}


.event__details--btn--box {
    display: flex;
    width: calc(100% - 464px);
}


@media screen and (min-width: 1441px) {
    .event__details--btn--box {
        width: 65.6128674432%;
    }
}


@media screen and (max-width: 1365px) {
    .event__details--btn--box {
        width: calc(100% - 300px);
    }
}


@media screen and (max-width: 1199px) {
    .event__details--btn--box {
        width: auto;
    }
}


.event__details--btn .theme-btn {
    display: block;
    width: calc(50% - 32px);
}


@media screen and (max-width: 1023px) {
    .event__details--btn .theme-btn {
        width: calc(50% - 16px);
    }
}


@media screen and (max-width: 767px) {
    .event__details--btn .theme-btn {
        width: 100%;
    }
}


.event__details--box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(100% - 464px);
    position: relative;
    z-index: 2;
}


@media screen and (min-width: 1441px) {
    .event__details--box {
        width: 65.6128674432%;
    }
}


@media screen and (max-width: 1365px) {
    .event__details--box {
        width: calc(100% - 300px);
    }
}


@media screen and (max-width: 1199px) {
    .event__details--box {
        width: auto;
    }
}


@media screen and (max-width: 767px) {
    .event__details--box {
        display: block;
    }
}


.event__details--time, .event__details--date {
    width: calc(50% - 32px);
    border-radius: 20px;
    padding: 16px;
}


@media screen and (min-width: 1680px) {
    .event__details--time, .event__details--date {
        padding: 24px;
    }
}


@media screen and (max-width: 1023px) {
    .event__details--time, .event__details--date {
        width: calc(50% - 16px);
    }
}


@media screen and (max-width: 767px) {
    .event__details--time, .event__details--date {
        width: 100%;
    }
}


.event__details--time {
    outline: 2px solid rgba(229, 233, 255, 0.1);
    background: #2B3367;
}


.event__details--time .event__details--title {
    background: linear-gradient(92deg, #F0F2FF 0%, #A0A4C1 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}


.event__details--date {
    border-left: 18px solid #FFFF4F;
    background: #fff;
    color: #090B17;
}


@media screen and (max-width: 767px) {
    .event__details--date {
        margin-top: 8px;
    }
}


.event__details--top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}


.event__details--title {
    font-size: 52px;
    line-height: 119.23%;
    font-family: "Neue Machina", sans-serif;
    padding-right: 10px;
}


@media screen and (min-width: 1441px) {
    .event__details--title {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .event__details--title {
        font-size: 69.33px;
    }
}


.event__details--info {
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 26px;
    max-width: 268px;
}


@media screen and (max-width: 480px) {
    .event__details--info {
        font-size: 16px;
        line-height: 24px;
        max-width: 240px;
    }
}


.event__details--links {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    font-family: "Inter-Regular", sans-serif;
}


.event__details--links li {
    margin-right: 24px;
    font-size: 12px;
    line-height: 16px;
}


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


.event__details--links li a {
    color: #F2F4FF;
    position: relative;
}


@media (hover: hover) {
    .event__details--links li a:hover::after {
        opacity: 0;
    }
}


.event__details--links li a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    transition: 0.3s;
    content: "";
}


.event__details--location {
    margin-top: 40px;
    font-size: 12px;
    display: flex;
    font-family: "Inter-Regular", sans-serif;
}


.event__details--location--city {
    display: flex;
    align-items: center;
    flex: none;
    margin-right: 24px;
}


.event__details--location--city img {
    display: block;
    flex: none;
    width: 8px;
    margin-right: 4px;
}


.event__details--city p a {
    color: inherit;
}


.event__details--city p a:hover {
    text-decoration: underline;
}


.event__details--route {
    color: #090B17;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}


@media screen and (min-width: 1441px) {
    .event__details--route {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .event__details--route {
        font-size: 18.67px;
    }
}


.event__details--route a {
    color: inherit;
}


@media (hover: hover) {
    .event__details--route a:hover {
        color: rgba(39, 47, 100, 0.5);
    }


    .event__details--route a:hover .event__details--route--icon {
        background: rgba(39, 47, 100, 0.5);
    }
}


.event__details--route--icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #090B17;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3px;
    margin: 0 auto;
    transition: 0.3s;
}


.event__details--route--icon img, .event__details--route--icon svg {
    display: block;
    max-height: 21px;
}


.event__details .countdown {
    display: flex;
}


.event__details .countdown__item:last-child .countdown__number::after {
    display: none;
}


.event__details .countdown__number {
    color: #fff;
    font-family: "Neue Machina", sans-serif;
    font-size: 20px;
    line-height: 26px;
    min-width: 30px;
}


@media screen and (max-width: 480px) {
    .event__details .countdown__number {
        font-size: 16px;
        line-height: 24px;
    }
}


.event__details .countdown__number::after {
    content: ":";
    margin: 0 2px;
}


.event__details .countdown__info {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
}


.marque__item {
    font-family: "Neue Machina", sans-serif, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px;
    opacity: 0.2;
    position: relative;
    margin-right: 20px;
}


@media screen and (min-width: 1600px) {
    .marque__item {
        font-size: 32px;
    }
}


@media screen and (min-width: 1920px) {
    .marque__item {
        font-size: 36px;
    }
}


@media screen and (max-width: 480px) {
    .marque__item {
        font-size: 20px;
    }
}


.marque__item::after {
    content: "✦";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px;
    margin-left: 20px;
}


.author {
    margin: 0 0 80px 0;
}


@media screen and (min-width: 1920px) {
    .author {
        margin: 106px 0;
    }
}


@media screen and (max-width: 767px) {
    .author {
        margin: 60px 0;
    }
}


.author__box {
    padding: 80px 16px;
    border-radius: 24px;
    background: #fff;
}


@media screen and (min-width: 1920px) {
    .author__box {
        padding: 106px 16px;
    }
}


@media screen and (max-width: 767px) {
    .author__box {
        padding: 60px 16px;
    }
}


.author__box--top {
    display: flex;
}


@media screen and (max-width: 1199px) {
    .author__box--top {
        display: block;
    }
}


.author__box--top--title {
    width: 464px;
    padding-right: 64px;
    flex: none;
}


@media screen and (min-width: 1441px) {
    .author__box--top--title {
        width: 33.4051724138%;
    }
}


@media screen and (max-width: 767px) {
    .author__box--top--title {
        width: auto;
    }
}


.author__box--top--desc {
    margin-top: 40px;
    font-size: 18px;
    line-height: 144.44%;
    font-family: "Inter-Regular", sans-serif;
    width: 100%;
    max-width: 400px;
}


@media screen and (min-width: 1441px) {
    .author__box--top--desc {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .author__box--top--desc {
        font-size: 24px;
    }
}


@media screen and (max-width: 1199px) {
    .author__box--top--desc {
        margin-top: 20px;
    }
}


.author__info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
    margin-top: 80px;
}


@media screen and (min-width: 1920px) {
    .author__info {
        margin-top: 106px;
    }
}


@media screen and (max-width: 1199px) {
    .author__info {
        display: block;
        margin-top: 60px;
    }
}


@media screen and (max-width: 767px) {
    .author__info {
        margin-top: 40px;
    }
}


.author__info--item {
    border-radius: 20px;
    background: rgba(39, 47, 100, 0.03);
    padding: 24px;
    position: relative;
    font-family: "Inter-Regular", sans-serif;
}


@media screen and (max-width: 1199px) {
    .author__info--item {
        margin-top: 8px;
    }
}


.author__info--item::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 56px;
    background: url("../images/icons/author-border-icon.svg") center no-repeat;
    background-color: #fff;
    content: "";
    z-index: 1;
}


.author__info--item--title {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}


.author__info--item--title p {
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119.23%;
    margin-right: 24px;
}


@media screen and (min-width: 1441px) {
    .author__info--item--title p {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .author__info--item--title p {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 480px) {
    .author__info--item--title p {
        font-size: 34px;
        line-height: 40px;
    }
}


.author__info--item--title span {
    font-size: 16px;
    line-height: 20px;
    margin-top: 12px;
    font-family: var(--font-family);
}


.author__info--item ul {
    margin-top: 8px;
}


.author__info--item ul li {
    padding: 12px 0;
    border-top: 1px solid rgba(9, 11, 23, 0.1);
    display: flex;
    align-items: baseline;
    font-size: 18px;
    line-height: 144.44%;
}


@media screen and (min-width: 1441px) {
    .author__info--item ul li {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .author__info--item ul li {
        font-size: 24px;
    }
}


@media screen and (max-width: 480px) {
    .author__info--item ul li {
        font-size: 16px;
        line-height: 24px;
    }
}


.author__info--item ul li:first-child {
    border-top: 0;
}


.author__info--item ul li span {
    display: inline-block;
    color: rgba(9, 11, 23, 0.4);
    font-size: 18px;
    line-height: 144.44%;
    margin-right: 20px;
}


@media screen and (min-width: 1441px) {
    .author__info--item ul li span {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .author__info--item ul li span {
        font-size: 24px;
    }
}


.author__info--img {
    min-height: 523px;
    padding: 0;
    background: none;
}


@media screen and (max-width: 1199px) {
    .author__info--img {
        min-height: auto;
    }
}


.author__info--img::before {
    display: none;
}


.author__info--img img {
    border-radius: inherit;
}


.program {
    margin: 0 0 80px 0;
    padding: 16px 16px 60px 16px;
    border-radius: 24px;
    background: #272F64;
    color: #fff;
    overflow: hidden;
}


@media screen and (min-width: 1920px) {
    .program {
        margin: 106px 0;
    }
}


@media screen and (max-width: 767px) {
    .program {
        margin: 60px 0;
        padding-bottom: 40px;
    }
}


.program__progressbar--title {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
}


@media screen and (min-width: 1441px) {
    .program__progressbar--title {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .program__progressbar--title {
        font-size: 18.67px;
    }
}


.program__progressbar--line {
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.5);
    height: 3px;
    width: 100%;
    position: relative;
}


.program__progressbar--line span {
    display: block;
    background-color: #fff;
    position: absolute;
    border-radius: 100px;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 0;
    transition: 0.5s;
}


.program__title {
    color: rgba(255, 255, 255, 0.4);
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-top: 70px;
}


@media screen and (min-width: 1441px) {
    .program__title {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .program__title {
        font-size: 18.67px;
    }
}


@media screen and (max-width: 767px) {
    .program__title {
        margin-top: 60px;
    }
}


.program__list {
    margin-top: 51px;
}


@media screen and (max-width: 767px) {
    .program__list {
        margin-top: 20px;
    }
}


.program__list--item {
    padding: 20px 0 20px 60px;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #E5E9FF;
    display: flex;
    align-items: flex-end;
    right: -120%;
    opacity: 0.2;
}


@media screen and (max-width: 1199px) {
    .program__list--item {
        display: block;
    }
}


@media screen and (max-width: 767px) {
    .program__list--item {
        display: block;
        padding-left: 34px;
    }
}


.program__list--item:first-child {
    border-top: none;
}


.program__list--item.slideleft .program__list--item--title {
    background: linear-gradient(90deg, #F4DCA8 0%, #F5BE66 24.5%, #FF8038 52%, #FF38BB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.program__list--item.slideleft .program__list--item--title::before {
    background: inherit;
    -webkit-text-fill-color: transparent;
}


.program__list--item--info {
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 142.31%;
    width: 100%;
    padding-right: 64px;
}


@media screen and (min-width: 1441px) {
    .program__list--item--info {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .program__list--item--info {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 1199px) {
    .program__list--item--info {
        width: auto;
        padding-right: 0;
    }
}


@media screen and (max-width: 767px) {
    .program__list--item--info {
        font-size: 34px;
        line-height: 42px;
    }
}


@media screen and (max-width: 374px) {
    .program__list--item--info {
        font-size: 30px;
        line-height: 40px;
    }
}


.program__list--item--title {
    display: table;
    position: relative;
}


.program__list--item--title::before {
    position: absolute;
    left: -60px;
    content: "✦";
    font-size: 22px;
}


@media screen and (max-width: 767px) {
    .program__list--item--title::before {
        left: -34px;
        font-size: 16px;
    }
}


.program__list--item--time {
    color: rgba(255, 255, 255, 0.4);
}


.program__list--item--desc {
    font-size: 18px;
    line-height: 144.44%;
    font-family: "Inter-Regular", sans-serif;
    width: 464px;
    padding-right: 64px;
    margin-bottom: 15px;
    flex: none;
}


@media screen and (min-width: 1441px) {
    .program__list--item--desc {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
        width: 33.0128205128%;
    }
}


@media screen and (min-width: 1920px) {
    .program__list--item--desc {
        font-size: 24px;
    }
}


@media screen and (max-width: 1439px) {
    .program__list--item--desc {
        width: 400px;
    }
}


@media screen and (max-width: 1199px) {
    .program__list--item--desc {
        width: auto;
        margin-top: 12px;
        padding-right: 0;
    }
}


.blog__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
    margin-top: 80px;
}


@media screen and (min-width: 1920px) {
    .blog__list {
        margin-top: 106px;
    }
}


@media screen and (max-width: 1199px) {
    .blog__list {
        margin-top: 60px;
    }
}


@media screen and (max-width: 1140px) {
    .blog__list {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media screen and (max-width: 767px) {
    .blog__list {
        display: block;
        margin-top: 40px;
    }
}


.blog__list--item {
    height: 576px;
}


@media screen and (min-width: 1600px) {
    .blog__list--item {
        height: 620px;
    }
}


@media screen and (min-width: 1920px) {
    .blog__list--item {
        height: 680px;
    }
}


@media screen and (max-width: 1300px) {
    .blog__list--item {
        height: 520px;
    }
}


@media screen and (max-width: 1023px) {
    .blog__list--item {
        height: 454px;
    }
}


@media screen and (max-width: 767px) {
    .blog__list--item {
        margin-top: 8px;
    }


    .blog__list--item:first-child {
        margin-top: 0;
    }
}


.blog__list--item a {
    padding: 12px;
    position: relative;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    overflow: hidden;
}


@media screen and (max-width: 767px) {
    .blog__list--item a {
        padding: 8px;
    }
}


.blog__list--item a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(0deg, rgba(9, 11, 23, 0.4) 0%, rgba(9, 11, 23, 0) 100%);
    content: "";
    z-index: 1;
    transition: 0.4s;
}


.blog__list--item a img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
    border-radius: 24px;
    transition: 0.4s;
}


.blog__list--item--title {
    padding: 12px;
    color: #fff;
    font-family: "Neue Machina", sans-serif;
    font-size: 24px;
    line-height: 28px;
    position: relative;
    z-index: 2;
}


@media screen and (max-width: 767px) {
    .blog__list--item--title {
        padding: 8px;
    }
}


.blog__list--item--info {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}


.blog__list--item--category {
    margin-right: 4px;
    border-radius: 100px;
}


.blog__list--item--category, .blog__list--item--date {
    background: #fff;
    color: #272F64;
    padding: 8px 12px;
    display: block;
    position: relative;
    z-index: 2;
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
}


@media screen and (min-width: 1441px) {
    .blog__list--item--category, .blog__list--item--date {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .blog__list--item--category, .blog__list--item--date {
        font-size: 18.67px;
    }
}


.blog__list--item--date {
    border-radius: 6px;
}


.blog__more {
    height: 576px;
}


@media screen and (min-width: 1600px) {
    .blog__more {
        height: 620px;
    }
}


@media screen and (min-width: 1920px) {
    .blog__more {
        height: 680px;
    }
}


@media screen and (max-width: 1300px) {
    .blog__more {
        height: 520px;
    }
}


@media screen and (max-width: 1023px) {
    .blog__more {
        height: 454px;
    }
}


@media screen and (max-width: 767px) {
    .blog__more {
        margin-top: 8px;
    }
}


.blog__more a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 20px;
    background: #272f64;
    color: rgba(255, 255, 255, 0.4);
    padding: 16px;
    text-align: center;
    height: 100%;
    position: relative;
}


@media (hover: hover) {
    .blog__more a:hover .blog__more--title::after {
        opacity: 0;
    }
}


.blog__more--title {
    color: #E5E9FF;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 87.23%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}


.blog__more--title::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2.5px;
    background: #E5E9FF;
    content: "";
}


@media screen and (min-width: 1441px) {
    .blog__more--title {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .blog__more--title {
        font-size: 69.33px;
    }
}


.blog__more--desc {
    margin-top: 228px;
    font-family: "Inter-Regular", sans-serif;
}


@media screen and (max-width: 1300px) {
    .blog__more--desc {
        margin-top: 195px;
    }
}


@media screen and (max-width: 1023px) {
    .blog__more--desc {
        margin-top: 170px;
    }
}


@media screen and (max-width: 767px) {
    .blog__more--desc {
        margin-top: 170px;
    }
}


.article {
    /*margin-top: 102px;*/
    position: relative;
}


@media screen and (min-width: 1920px) {
    .article {
        /*margin-top: 120px;*/
    }
}


.article__box {
    border-radius: 24px;
    background: #272F64;
    padding: 16px 16px 80px 16px;
    font-size: 18px;
    line-height: 144.44%;
    color: #fff;
}


@media screen and (min-width: 1441px) {
    .article__box {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .article__box {
        font-size: 24px;
    }
}


@media screen and (max-width: 1140px) {
    .article__box {
        padding: 60px 16px;
    }
}


@media screen and (max-width: 767px) {
    .article__box {
        padding: 60px 16px;
        color: #F0F2FF;
    }
}


@media screen and (max-width: 480px) {
    .article__box {
        font-size: 16px;
        line-height: 24px;
    }
}


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


@media screen and (max-width: 1023px) {
    .article-hero {
        display: block;
    }
}


.article-hero .subtitle {
    color: rgba(255, 255, 255, 0.4);
}


.article-hero__title {
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119%;
    background: linear-gradient(92deg, #E5E9FF 0%, rgba(229, 233, 255, 0.4) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: table;
}


@media screen and (min-width: 1441px) {
    .article-hero__title {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .article-hero__title {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 480px) {
    .article-hero__title {
        font-size: 34px;
        line-height: 42px;
    }
}


.article-hero__info {
    margin-top: 64px;
    width: calc(100% - 464px);
    padding: 0 64px 0 0;
}


@media screen and (max-width: 1199px) {
    .article-hero__info {
        padding-right: 30px;
        width: calc(100% - 380px);
    }
}


@media screen and (max-width: 1023px) {
    .article-hero__info {
        width: auto;
        padding: 0;
        margin-top: 0;
    }
}


.article-hero__img {
    width: 464px;
    height: 586px;
    flex: none;
}


@media screen and (min-width: 1441px) {
    .article-hero__img {
        width: 33.0128205128%;
    }
}


@media screen and (min-width: 1600px) {
    .article-hero__img {
        height: 616px;
    }
}


@media screen and (min-width: 1920px) {
    .article-hero__img {
        height: 695px;
    }
}


@media screen and (max-width: 1199px) {
    .article-hero__img {
        width: 380px;
    }
}


@media screen and (max-width: 1023px) {
    .article-hero__img {
        width: 100%;
        height: 580px;
        margin-top: 40px;
        padding-top: 40px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
}


@media screen and (max-width: 767px) {
    .article-hero__img {
        height: 414px;
    }
}


.article-hero__img img {
    border-radius: 20px;
}


.article-hero__details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}


.article-hero__category {
    margin: 4px 16px 0 0;
    font-size: 14px;
    line-height: 20px;
    border-radius: 100px;
    background: #E5E9FF;
    color: #272F64;
    padding: 8px 12px;
    display: block;
}


@media screen and (min-width: 1441px) {
    .article-hero__category {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .article-hero__category {
        font-size: 18.67px;
    }
}


@media (hover: hover) {
    .article-hero__category:hover {
        background: #fff;
    }
}


.article-hero__date {
    color: rgba(229, 233, 255, 0.4);
    font-size: 14px;
    line-height: 20px;
    margin-top: 4px;
}


@media screen and (min-width: 1441px) {
    .article-hero__date {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .article-hero__date {
        font-size: 18.67px;
    }
}


@media screen and (max-width: 1199px) {
    .article-hero__date {
        display: block;
    }
}


.article-hero__desc {
    margin-top: 47px;
    display: flex;
    justify-content: flex-end;
    color: #E5E9FF;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
    padding-left: 33.0128205128%;
}


@media screen and (min-width: 1441px) {
    .article-hero__desc {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .article-hero__desc {
        font-size: 24px;
    }
}


@media screen and (max-width: 1439px) {
    .article-hero__desc {
        padding: 0;
        display: block;
    }
}


@media screen and (max-width: 767px) {
    .article-hero__desc {
        margin-top: 40px;
    }
}


.article-hero__desc--wrap {
    width: 70%;
}


@media screen and (max-width: 767px) {
    .article-hero__desc--wrap {
        width: auto;
    }
}


.article-hero .hero__down {
    position: static;
    margin-top: 83px;
}


@media screen and (max-width: 1023px) {
    .article-hero .hero__down {
        display: none;
    }
}


.article-hero .hero__down a {
    color: rgba(255, 255, 255, 0.4);
}


.article-container {
    margin-top: 45px;
    padding-top: 35px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
}


@media screen and (max-width: 1199px) {
    .article-container {
        display: block;
    }
}


@media screen and (max-width: 1023px) {
    .article-container {
        padding-top: 0;
        border-top: 0;
        margin-top: 60px;
    }
}


.article__nav {
    width: 464px;
    padding-right: 64px;
}


@media screen and (min-width: 1441px) {
    .article__nav {
        width: 33.4051724138%;
        flex: none;
    }
}


@media screen and (max-width: 1199px) {
    .article__nav {
        padding-right: 0;
        width: auto;
    }
}


.article__nav--title {
    color: rgba(229, 233, 255, 0.4);
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
}


@media screen and (min-width: 1441px) {
    .article__nav--title {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .article__nav--title {
        font-size: 18.67px;
    }
}


.article__nav ol {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 26px;
}


.article__nav ol li {
    color: rgba(229, 233, 255, 0.4);
    font-family: "Neue Machina", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
    display: flex;
    margin-top: 20px;
}


@media screen and (min-width: 1441px) {
    .article__nav ol li {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .article__nav ol li {
        font-size: 24px;
    }
}


.article__nav ol li .number {
    margin-right: 18px;
    flex: none;
    display: block;
}


.article__nav ol li a {
    background: linear-gradient(92deg, #E5E9FF 0%, rgba(229, 233, 255, 0.4) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}


.article__nav ol li a span {
    border-bottom: 1px solid rgba(229, 233, 255, 0.1);
    padding-bottom: 4px;
}


@media (hover: hover) {
    .article__nav ol li a:hover {
        color: #F5BE66;
        -webkit-text-fill-color: #F5BE66;
        background-clip: initial;
        -webkit-background-clip: initial;
        background: none;
    }


    .article__nav ol li a:hover span {
        border-bottom: none;
    }
}


.article__content {
    width: calc(100% - 464px);
    color: #E5E9FF;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
    margin-top: 45px;
}


@media screen and (min-width: 1441px) {
    .article__content {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
        width: 100%;
    }
}


@media screen and (min-width: 1920px) {
    .article__content {
        font-size: 24px;
    }
}


@media screen and (max-width: 1199px) {
    .article__content {
        width: auto;
        margin-top: 40px;
    }
}


@media screen and (max-width: 767px) {
    .article__content {
        font-size: 16px;
        line-height: 26px;
    }
}


.article__content .article-hero-img {
    width: 100%;
    border-radius: 20px;
    display: block;
    margin-bottom: 40px;
}


@media screen and (max-width: 767px) {
    .article__content .article-hero-img {
        margin-bottom: 20px;
    }
}


.article__bottom {
    margin-top: 80px;
    display: flex;
    justify-content: flex-end;
}


@media screen and (min-width: 1920px) {
    .article__bottom {
        margin-top: 106px;
    }
}


@media screen and (max-width: 1199px) {
    .article__bottom {
        display: block;
        margin-top: 60px;
    }
}


.article__bottom--nav {
    width: calc(100% - 464px);
    border-top: 1px solid rgba(229, 233, 255, 0.4);
    border-bottom: 1px solid rgba(229, 233, 255, 0.4);
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
}


@media screen and (min-width: 1441px) {
    .article__bottom--nav {
        width: 66.5948275862%;
    }
}


@media screen and (max-width: 1199px) {
    .article__bottom--nav {
        width: auto;
    }
}


@media screen and (max-width: 767px) {
    .article__bottom--nav {
        padding: 20px 0;
    }
}


.article-prev, .article-next {
    color: #E5E9FF;
    font-family: "Inter-Regular", sans-serif;
    font-size: 15px;
    line-height: 140%;
}


@media screen and (min-width: 1920px) {
    .article-prev, .article-next {
        font-size: 17px;
    }
}


@media (hover: hover) {
    .article-prev:hover, .article-next:hover {
        color: #F5BE66;
    }
}


.checkout {
    border-radius: 24px;
    background: #272F64;
    padding: 16px 16px 265px 16px;
    /*margin-top: 102px;*/
    color: #fff;
    position: relative;
}


@media screen and (min-width: 1920px) {
    .checkout {
        /*margin-top: 120px;*/
    }
}


@media screen and (max-width: 1023px) {
    .checkout {
        padding-bottom: 16px;
    }
}


.checkout.result {
    padding: 80px 80px 80px 16px;
}


@media screen and (max-width: 1300px) {
    .checkout.result {
        padding-right: 16px;
    }
}


@media screen and (max-width: 1023px) {
    .checkout.result {
        padding: 60px 16px;
    }
}


.checkout__back {
    color: #090B17;
    font-size: 16px;
    line-height: 150%;
    display: flex;
}


@media screen and (max-width: 767px) {
    .checkout__back {
        max-width: 112px;
        font-size: 14px;
        line-height: 20px;
    }
}


.checkout__back span {
    display: block;
    flex: none;
    margin-right: 4px;
}


.checkout__nav {
    display: flex;
}


@media screen and (max-width: 767px) {
    .checkout__nav {
        display: block;
    }
}


.checkout__nav--wrap {
    width: 464px;
    padding-right: 64px;
    display: flex;
    flex: none;
}


@media screen and (min-width: 1441px) {
    .checkout__nav--wrap {
        width: 48%;
    }
}


@media screen and (min-width: 1600px) {
    .checkout__nav--wrap {
        width: 45%;
    }
}


@media screen and (max-width: 1359px) {
    .checkout__nav--wrap {
        width: auto;
        padding-right: 0;
    }
}


@media screen and (max-width: 767px) {
    .checkout__nav--wrap {
        display: block;
    }
}


.checkout__nav--title {
    width: 100%;
    max-width: 400px;
    font-size: 18px;
}


@media screen and (min-width: 1441px) {
    .checkout__nav--title {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
        max-width: 480px;
    }
}


@media screen and (min-width: 1700px) {
    .checkout__nav--title {
        max-width: 550px;
    }
}


@media screen and (min-width: 1920px) {
    .checkout__nav--title {
        font-size: 24px;
    }
}


@media screen and (max-width: 1439px) {
    .checkout__nav--title {
        margin-top: 20px;
    }
}


.checkout__nav--pass {
    width: calc(100% - 475px);
    align-items: flex-start;
}


@media screen and (min-width: 1441px) {
    .checkout__nav--pass {
        width: 64.4396551724%;
    }
}


@media screen and (max-width: 1439px) {
    .checkout__nav--pass {
        display: block;
        width: auto;
    }
}


.checkout__nav ul {
    display: flex;
    border-radius: 6px;
    border: 2px solid rgba(229, 233, 255, 0.1);
    background: #2B3367;
    padding: 2px;
}


.checkout__nav ul li {
    width: 194px;
}


@media screen and (min-width: 1800px) {
    .checkout__nav ul li {
        width: 210px;
    }
}


@media screen and (min-width: 1800px) {
    .checkout__nav ul li {
        width: 220px;
    }
}


@media screen and (max-width: 767px) {
    .checkout__nav ul li {
        width: 50%;
    }
}


.checkout__nav ul li:first-child {
    margin-right: 8px;
}


.checkout__nav ul li a {
    font-family: "Roboto-Medium", sans-serif;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.01em;
    text-align: center;
    color: #fff;
    padding: 18px 5px;
    border-radius: 6px;
    display: block;
    position: relative;
    border-radius: 6px;
}


@media screen and (min-width: 1441px) {
    .checkout__nav ul li a {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .checkout__nav ul li a {
        font-size: 18.67px;
    }
}


.checkout__nav ul li a.active {
    background: rgba(255, 255, 255, 0.1);
}


@media (hover: hover) {
    .checkout__nav ul li a:hover {
        background: rgba(255, 255, 255, 0.1);
    }
}


.checkout .subtitle {
    color: rgba(242, 244, 255, 0.4);
}


.checkout .title {
    background: linear-gradient(92deg, #E5E9FF 0%, rgba(229, 233, 255, 0.4) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: table;
}


.checkout__box {
    width: calc(100% - 475px);
    margin-top: 55px;
}


@media screen and (min-width: 1441px) {
    .checkout__box {
        width: 64.4396551724%;
    }
}


@media screen and (max-width: 1023px) {
    .checkout__box {
        width: auto;
    }
}


@media screen and (max-width: 767px) {
    .checkout__box {
        margin-top: 60px;
    }
}


.checkout__form {
    display: flex;
}


@media screen and (max-width: 1199px) {
    .checkout__form {
        display: block;
    }
}


.checkout__form--container {
    width: 100%;
    position: relative;
}


@media screen and (max-width: 1199px) {
    .checkout__form--container {
        width: auto;
        margin-top: 40px;
    }
}


.checkout__form--title {
    width: 464px;
    padding-right: 64px;
    flex: none;
}


@media screen and (min-width: 1441px) {
    .checkout__form--title {
        width: 48%;
    }
}


@media screen and (min-width: 1600px) {
    .checkout__form--title {
        width: 45%;
    }
}


@media screen and (max-width: 1439px) {
    .checkout__form--title {
        width: 45%;
    }
}


@media screen and (max-width: 1199px) {
    .checkout__form--title {
        width: auto;
        padding-right: 0;
    }
}


.checkout__form--step {
    position: absolute;
    bottom: 0;
    left: -145px;
}


@media screen and (max-width: 767px) {
    .checkout .form-btn {
        padding: 0;
        width: 56px;
    }


    .checkout .form-btn::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("../images/icons/btn-arrow.svg") center no-repeat;
        content: "";
        z-index: 1;
    }


    .checkout .form-btn span {
        display: none;
    }
}


.field-wrap {
    padding: 16px 16px 125px 16px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    min-height: 429px;
}


@media screen and (max-width: 480px) {
    .field-wrap {
        min-height: 318px;
    }
}


.form-btn-wrap {
    position: absolute;
    left: 16px;
    bottom: 15px;
    z-index: 2;
    display: flex;
    align-items: center;
}


@media screen and (max-width: 1199px) {
    .form-btn-wrap {
        left: auto;
        right: 16px;
    }
}


.form-back {
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    flex: none;
}


@media screen and (min-width: 1920px) {
    .form-back {
        width: 68px;
        height: 68px;
    }
}


@media screen and (min-width: 1920px) {
    .form-back {
        width: 75px;
        height: 75px;
    }
}


@media screen and (max-width: 767px) {
    .form-back {
        margin-right: 4px;
    }
}


@media (hover: hover) {
    .form-back:hover {
        opacity: 0.7;
    }
}


.form-area-field, .form-input-field {
    background: none;
    padding: 0;
    height: 70px;
    max-height: 1000px;
    overflow: hidden;
    display: block;
    color: #F2F4FF;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119%;
    border: none;
    outline: none;
    resize: none;
    width: 100%;
}


@media screen and (max-width: 767px) {
    .form-area-field, .form-input-field {
        font-size: 40px;
        line-height: 42px;
        height: 42px;
    }
}


@media screen and (max-width: 480px) {
    .form-area-field, .form-input-field {
        font-size: 34px;
        line-height: 42px;
    }
}


@media screen and (max-width: 359px) {
    .form-area-field, .form-input-field {
        font-size: 27px;
        line-height: 35px;
    }
}


.form-area-field::-moz-placeholder, .form-input-field::-moz-placeholder {
    color: rgba(242, 244, 255, 0.1);
}


.form-area-field::placeholder, .form-input-field::placeholder {
    color: rgba(242, 244, 255, 0.1);
}


.error-message {
    display: inline-block;
    padding: 8px 8px 8px 28px;
    border-radius: 6px;
    background: rgba(255, 82, 111, 0.08);
    margin-top: 16px;
    color: #FF526F;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 16px;
    position: relative;
}


.error-message::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/icons/error.svg") center no-repeat;
    position: absolute;
    top: 8px;
    left: 8px;
    content: "";
}


.form-input-field:-webkit-autofill, .form-input-field:-webkit-autofill:hover, .form-input-field:-webkit-autofill:focus, .form-input-field:-webkit-autofill:active {
    background-color: transparent !important;
    -webkit-text-fill-color: #F2F4FF !important;
    -webkit-box-shadow: 0 0 0 40px #202651 inset !important;
}


.field-group {
    position: relative;
}


.checkout-radio-hidden {
    padding: 12px 10px 2px 10px;
}


@media screen and (max-width: 480px) {
    .checkout-radio-hidden {
        padding-bottom: 6px;
    }
}


.form-group {
    margin-top: 6px;
}


.form-group:first-child {
    margin-top: 0;
}


.form-group input, .form-group select {
    display: block;
    width: 100%;
    border: 1px solid rgba(242, 244, 255, 0.4);
    border-radius: 6px;
    height: 56px;
    background: #242C57;
    opacity: 1;
    padding: 18px;
    font-size: 14px;
    color: #E5E9FF;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: "Roboto-Medium", sans-serif;
}


@media screen and (min-width: 1441px) {
    .form-group input, .form-group select {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .form-group input, .form-group select {
        font-size: 18.67px;
    }
}


.form-group input::-moz-placeholder {
    opacity: 1;
    color: #fff;
}


.form-group input::placeholder {
    opacity: 1;
    color: #fff;
}


.checkout-radio-item {
    margin-top: 8px;
}


@media screen and (max-width: 480px) {
    .checkout-radio-item {
        margin-top: 4px;
    }
}


.checkout-radio-item:first-child {
    margin-top: 0;
}


.form-btn {
    width: 196px;
    height: 56px;
}


@media screen and (min-width: 1920px) {
    .form-btn {
        height: 68px;
    }
}


@media screen and (min-width: 1920px) {
    .form-btn {
        height: 75px;
    }
}


.form-btn.disabled {
    opacity: 0.2;
    pointer-events: none;
}


@media screen and (max-width: 767px) {
    .form-btn {
        padding: 17px 24px;
        width: auto;
    }
}


.form-step {
    background: linear-gradient(92deg, #E5E9FF 0%, rgba(229, 233, 255, 0.4) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119.23%;
    display: table;
}


@media screen and (min-width: 1441px) {
    .form-step {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .form-step {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 1199px) {
    .form-step {
        left: 16px;
    }
}


@media screen and (max-width: 767px) {
    .form-step {
        font-size: 34px;
        line-height: 42px;
        right: 8px;
        bottom: 8px;
        padding-top: 8px;
    }
}


.cart {
    position: absolute;
    bottom: 265px;
    right: 16px;
    background: #F2F4FF;
    width: 464px;
    border-radius: 20px;
    border-top: 18px solid #92E692;
    padding: 16px 8px;
    color: #090B17;
}


@media screen and (min-width: 1441px) {
    .cart {
        width: 33.4051724138%;
        flex: none;
    }
}


@media screen and (max-width: 1023px) {
    .cart {
        position: relative;
        bottom: auto;
        right: auto;
        width: 100%;
        margin-top: 40px;
    }
}


@media screen and (max-width: 767px) {
    .cart {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 10;
        margin-top: 0;
        border-radius: 20px 20px 0 0;
        transform: translateY(calc(100% - 100px));
        transition: 0.4s;
    }
}


.cart-toggle {
    display: none;
}


@media screen and (max-width: 767px) {
    .cart-toggle {
        display: block;
        position: absolute;
        left: 50%;
        top: -13px;
        transform: translate(-50%, 0);
        width: 44px;
        cursor: pointer;
    }
}


@media screen and (max-width: 767px) {
    .cart__top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 62px;
    }
}


.cart__title {
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
}


@media screen and (min-width: 1441px) {
    .cart__title {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .cart__title {
        font-size: 24px;
    }
}


@media screen and (max-width: 767px) {
    .cart__title {
        font-size: 16px;
        line-height: 24px;
    }
}


.cart__products {
    padding-bottom: 180px;
    margin-top: 24px;
}


@media screen and (min-width: 1680px) {
    .cart__products {
        padding-bottom: 200px;
    }
}


@media screen and (min-width: 1920px) {
    .cart__products {
        padding-bottom: 220px;
    }
}


@media screen and (max-width: 767px) {
    .cart__products {
        padding-bottom: 146px;
        margin-top: 20px;
    }
}


@media (orientation: landscape) and (max-width: 767px) {
    .cart__products {
        padding-bottom: 130px;
    }
}


.cart__products--wrap {
    max-height: 300px;
    padding-bottom: 19px;
}


@media screen and (max-width: 767px) {
    .cart__products--wrap {
        max-height: 45vh;
    }
}


@media (orientation: landscape) and (max-width: 767px) {
    .cart__products--wrap {
        max-height: 30vh;
    }
}


.cart__products .simplebar-track.simplebar-vertical {
    right: -5px;
}


.cart__products .simplebar-scrollbar:before {
    background: rgba(9, 11, 23, 0.4);
}


.cart__product {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 20px;
    padding: 8px 46px 8px 8px;
    position: relative;
    margin-top: 4px;
}


@media screen and (max-width: 359px) {
    .cart__product {
        padding-right: 40px;
    }
}


.cart__product:first-child {
    margin-top: 0;
}


.cart__product--img {
    width: 88px;
    height: 109px;
    border-radius: 12px;
    background: #FAFAFA;
}


@media screen and (max-width: 480px) {
    .cart__product--img {
        width: 81px;
        height: 100px;
    }
}


.cart__product--img a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    padding: 10.5px 0;
}


.cart__product--img a img {
    max-height: 100%;
    display: block;
}


.cart__product--info {
    width: calc(100% - 88px);
    padding-left: 12px;
}


@media screen and (max-width: 480px) {
    .cart__product--info {
        width: calc(100% - 81px);
    }
}


.cart__product--info--box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 26px;
}


@media screen and (max-width: 767px) {
    .cart__product--info--box {
        margin-top: 12px;
        padding-right: 22px;
    }
}


@media screen and (max-width: 359px) {
    .cart__product--info--box {
        padding-right: 0;
    }
}


.cart__product--qnt {
    display: flex;
    justify-content: space-between;
    border-radius: 6px;
    border: 1px solid #65666E;
    width: 126px;
    padding: 17px 16px;
}


@media screen and (max-width: 767px) {
    .cart__product--qnt {
        padding: 8px;
        width: 92px;
    }
}


.cart__product .qnt-minus, .cart__product .qnt-plus {
    width: 18px;
    height: 18px;
    cursor: pointer;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
}


.cart__product .qnt-minus.disabled {
    opacity: 0.2;
    pointer-events: none;
}


.cart__product .qnt-input {
    border: none;
    outline: none;
    display: block;
    background: #fff;
    width: 100%;
    color: #090B17;
    font-family: "Roboto-Medium", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-align: center;
    padding: 0;
    margin: 0;
}


@media screen and (min-width: 1441px) {
    .cart__product .qnt-input {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .cart__product .qnt-input {
        font-size: 18.67px;
    }
}


.cart__product--title {
    color: #090B17;
    font-family: "Neue Machina", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
}


@media screen and (min-width: 1441px) {
    .cart__product--title {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .cart__product--title {
        font-size: 24px;
    }
}


@media screen and (max-width: 767px) {
    .cart__product--title {
        font-size: 16px;
        line-height: 24px;
    }
}


.cart__product .price {
    font-size: 18px;
    line-height: 20px;
}


@media screen and (min-width: 1441px) {
    .cart__product .price {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .cart__product .price {
        font-size: 24px;
    }
}


@media screen and (max-width: 767px) {
    .cart__product .price {
        font-size: 16px;
        line-height: 24px;
    }
}


.cart__product--del {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 16px;
    height: 16px;
    transform: translate(0, -50%);
}


.cart__product--del g, .cart__product--del path, .cart__product--del rect {
    transition: 0.4s;
}


@media (hover: hover) {
    .cart__product--del:hover svg g {
        opacity: 1;
    }


    .cart__product--del:hover svg path {
        stroke: red;
    }
}


.cart__price {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 20px 20px;
    background: #F9F9FA;
    box-shadow: 0px -8px 40px 0px rgba(0, 0, 0, 0.1);
    padding: 24px;
}


@media (orientation: landscape) and (max-width: 767px) {
    .cart__price {
        padding: 16px;
    }
}


.cart__price--item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
}


@media screen and (min-width: 1441px) {
    .cart__price--item {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .cart__price--item {
        font-size: 24px;
    }
}


@media screen and (max-width: 480px) {
    .cart__price--item {
        font-size: 16px;
        line-height: 24px;
    }
}


.cart__price--item:first-child {
    margin-top: 0;
}


.cart__price--total {
    margin-top: 30px;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119.23%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


@media screen and (min-width: 1441px) {
    .cart__price--total {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .cart__price--total {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 767px) {
    .cart__price--total {
        font-size: 34px;
        line-height: 42px;
        margin-top: 20px;
    }
}


.cart__general-price {
    background: linear-gradient(90deg, #F4DCA8 0%, #F5BE66 24.5%, #FF8038 52%, #FF38BB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.cart__general-price sup {
    font-size: 30px;
    line-height: 100%;
}


@media screen and (min-width: 1441px) {
    .cart__general-price sup {
        font-size: calc(30px + 9 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .cart__general-price sup {
        font-size: 40px;
    }
}


@media screen and (max-width: 767px) {
    .cart__general-price sup {
        font-size: 22px;
        line-height: 22px;
    }
}


.cart__general-price.price-mobile {
    display: none;
}


@media screen and (max-width: 767px) {
    .cart__general-price.price-mobile {
        display: block;
        font-size: 34px;
        line-height: 42px;
    }
}


.cart.active {
    transform: translateY(0);
}


.cart.active .price-mobile {
    display: none;
}


.cart.active .cart__top {
    min-height: auto;
}


.cart.active .cart-toggle {
    transform: translate(-50%, 0) rotate(180deg);
    top: -20px;
}


@media screen and (min-width: 1680px) {
    .checkout__form .field-wrap {
        min-height: 445px;
    }
}


@media screen and (min-width: 1920px) {
    .checkout__form .field-wrap {
        min-height: 458px;
    }
}


.checkout-radio input:not([type=text]) {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}


.checkout-radio label.disabled-label {
    pointer-events: none;
    background: whitesmoke;
    border-radius: 6px;
    opacity: 0.3;
}


.checkout-radio label.disabled-label .radiomark {
    display: none;
}


.checkout-radio label {
    cursor: pointer;
    position: relative;
    width: 100%;
    display: block;
}


.checkout-radio label .radiomark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid #E5E9FF;
    border-radius: 50%;
    position: absolute;
    top: 24px;
    right: 16px;
    z-index: 1;
}


@media screen and (max-width: 480px) {
    .checkout-radio label .radiomark {
        top: 14px;
    }
}


.checkout-radio label .radiomark::before {
    display: block;
    width: 12px;
    height: 12px;
    background: #E5E9FF;
    border-radius: 50%;
    opacity: 0;
    transition: 0.4s;
    content: "";
}


.checkout-radio label .checkout-radio__box {
    display: flex;
    align-items: center;
    border-radius: 6px;
    height: 68px;
    padding: 5px 50px 5px 16px;
    position: relative;
    background: #242C57;
}


@media screen and (max-width: 480px) {
    .checkout-radio label .checkout-radio__box {
        height: 48px;
    }
}


.checkout-radio label .checkout-radio-img {
    flex: none;
    display: flex;
    align-items: center;
    margin-right: 10px;
    width: 32px;
}


.checkout-radio label .checkout-radio-img img {
    display: block;
    margin-right: 8px;
}


.checkout-radio label .checkout-radio-text {
    color: #E5E9FF;
    font-family: "Roboto-Medium", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
}


@media screen and (min-width: 1441px) {
    .checkout-radio label .checkout-radio-text {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .checkout-radio label .checkout-radio-text {
        font-size: 18.67px;
    }
}


.checkout-radio input:checked ~ .radiomark::before {
    opacity: 1;
}


.checkout-radio input:checked ~ .checkout-radio__box {
    outline: 2px solid rgba(229, 233, 255, 0.3);
}


.result__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 64px;
}


@media screen and (max-width: 1400px) {
    .result__list {
        grid-gap: 30px;
    }
}


@media screen and (max-width: 1199px) {
    .result__list {
        display: block;
    }
}


.result__list--item {
    border-radius: 20px;
    border: 2px solid rgba(229, 233, 255, 0.1);
    background: #2B3367;
    color: #E5E9FF;
    padding: 16px;
    min-height: 240px;
}


@media screen and (max-width: 1199px) {
    .result__list--item {
        margin-top: 8px;
    }
}


@media screen and (max-width: 767px) {
    .result__list--item .title {
        font-size: 52px;
        line-height: 62px;
    }
}


@media screen and (max-width: 374px) {
    .result__list--item .title {
        font-size: 34px;
        line-height: 42px;
    }
}


.result__list--item.result__item--price {
    padding-bottom: 0;
    background: #fff;
    border-left: 18px solid #92E692;
    color: #090B17;
}


.result__list--item.result__item--price .title {
    background: linear-gradient(98deg, #090B17 0%, #272F64 100%);
    background-clip: text;
    -webkit-background-clip: text;
}


.result__list--item.result__item--price .edit-icon {
    border-color: #090B17;
}


.result__list--item.result__item--price .edit span {
    color: #090B17;
}


.result__list--item--top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.result__list--item .edit {
    flex: none;
    font-size: 14px;
    line-height: 20px;
}


@media screen and (min-width: 1441px) {
    .result__list--item .edit {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .result__list--item .edit {
        font-size: 18.67px;
    }
}


.result__list--item .edit-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #E5E9FF;
    margin: 0 auto;
}


.result__list--item .edit span {
    display: block;
    text-align: center;
    margin-top: 3px;
    color: #E5E9FF;
}


.result__list--item--desc {
    margin-top: 3px;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 144.44%;
    padding-right: 88px;
}


@media screen and (min-width: 1441px) {
    .result__list--item--desc {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .result__list--item--desc {
        font-size: 24px;
    }
}


@media screen and (max-width: 767px) {
    .result__list--item--desc {
        padding-right: 10px;
    }
}


@media screen and (max-width: 480px) {
    .result__list--item--desc {
        font-size: 16px;
        line-height: 24px;
    }
}


.result__list--item--desc table td {
    padding: 0;
}


.result__list--item--desc table td:first-child {
    padding-right: 17px;
}


.result-delivery {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119.23%;
    margin-top: 14px;
}


@media screen and (min-width: 1441px) {
    .result-delivery {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .result-delivery {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 1199px) {
    .result-delivery {
        margin-top: 20px;
    }
}


@media screen and (max-width: 359px) {
    .result-delivery {
        font-size: 48px;
    }
}


.result-delivery img {
    flex: none;
    width: 32px;
    margin-right: 8px;
}


.result__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 36px;
}


.result__products {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 8px;
    margin-right: 15px;
}


.result__products--item {
    width: 32px;
    height: 40px;
    border-radius: 6px;
    background: #FAFAFA;
    margin: 2px 2px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.result__products--item img {
    max-height: 32px;
}


.result__price {
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119.23%;
    background: linear-gradient(90deg, #F4DCA8 0%, #F5BE66 24.5%, #FF8038 52%, #FF38BB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    flex: none;
}


@media screen and (min-width: 1441px) {
    .result__price {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .result__price {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 767px) {
    .result__price {
        font-size: 34px;
        line-height: 42px;
    }
}


.result__price sup {
    font-size: 30px;
    line-height: 100%;
}


@media screen and (min-width: 1441px) {
    .result__price sup {
        font-size: calc(30px + 9 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .result__price sup {
        font-size: 40px;
    }
}


@media screen and (max-width: 767px) {
    .result__price sup {
        font-size: 22px;
        line-height: 22px;
    }
}


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


@media screen and (max-width: 1400px) {
    .result__confirm {
        grid-gap: 30px;
    }
}


@media screen and (max-width: 1023px) {
    .result__confirm {
        display: block;
        margin-top: 40px;
    }
}


.result__confirm--btn {
    margin-top: 22px;
}


.result__confirm--btn .theme-btn {
    width: 100%;
    display: block;
}


.minicart {
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    background: #F9F9FA;
    margin-top: 40px;
}


@media screen and (max-width: 1199px) {
    .minicart {
        display: block;
    }
}


.minicart .cart__products {
    width: calc(100% - 480px);
    padding: 8px;
    background: #F2F4FF;
    margin-top: 0;
    border-radius: 20px 20px 0px 20px;
}


@media screen and (min-width: 1441px) {
    .minicart .cart__products {
        width: 100%;
    }
}


@media screen and (max-width: 1199px) {
    .minicart .cart__products {
        width: auto;
        padding-bottom: 30px;
    }
}


.minicart .cart__price {
    width: 480px;
    position: static;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 20px 20px 20px 0px;
    box-shadow: none;
}


@media screen and (min-width: 1441px) {
    .minicart .cart__price {
        width: 33.4051724138%;
        flex: none;
    }
}


@media screen and (max-width: 1199px) {
    .minicart .cart__price {
        width: auto;
        border-radius: 0;
    }
}


.minicart .cart__price--total {
    margin-top: 16px;
}


.minicart .cart__price--btn {
    margin-top: 32px;
}


@media screen and (min-width: 1024px) {
    .minicart .cart__product {
        align-items: normal;
        padding-right: 40px;
    }
}


@media screen and (min-width: 1024px) {
    .minicart .cart__product--info {
        display: flex;
    }
}


.minicart .cart__product--title {
    width: 284px;
}


@media screen and (max-width: 1399px) {
    .minicart .cart__product--title {
        width: 230px;
    }
}


@media screen and (max-width: 1199px) {
    .minicart .cart__product--title {
        width: 300px;
    }
}


@media screen and (min-width: 1024px) {
    .minicart .cart__product--info--box {
        justify-content: space-between;
        flex-direction: row-reverse;
        padding-left: 30px;
        padding-right: 0;
        width: calc(100% - 360px);
    }
}


@media screen and (min-width: 1200px) {
    .minicart .cart__product--info--box {
        width: calc(100% - 270px);
    }
}


@media screen and (min-width: 1400px) {
    .minicart .cart__product--info--box {
        width: calc(100% - 385px);
        padding-left: 64px;
    }
}


.minicart .cart__product--qnt {
    width: 130px;
    border: none;
    padding: 0;
}


@media screen and (max-width: 767px) {
    .minicart .cart__product--qnt {
        width: 114px;
    }
}


@media screen and (max-width: 359px) {
    .minicart .cart__product--qnt {
        width: 92px;
    }
}


.minicart .qnt-minus, .minicart .qnt-plus {
    border-radius: 6px;
    border: 1px solid #090B17;
    width: 44px;
    height: 44px;
}


@media screen and (max-width: 767px) {
    .minicart .qnt-minus, .minicart .qnt-plus {
        width: 36px;
        height: 36px;
    }
}


@media screen and (max-width: 359px) {
    .minicart .qnt-minus, .minicart .qnt-plus {
        width: 30px;
        height: 30px;
    }
}


.minicart .cart__product--del {
    width: 24px;
    height: 24px;
    right: 8px;
}


@media (hover: hover) {
    .minicart .cart__product--del:hover svg rect {
        fill: red;
    }
}


.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1006;
    background: #272F64;
    padding: 24px 8px 8px 24px;
    overflow: auto;
    display: none;
}


@media screen and (max-width: 767px) {
    .modal {
        padding: 16px 8px 70px 8px;
    }


    .form-back {
        margin-right: 8px;
    }
}


.modal.modal-cart {
    padding: 80px 24px;
}


@media screen and (max-width: 1023px) {
    .modal.modal-cart {
        padding-top: 60px;
    }
}


@media screen and (max-width: 767px) {
    .modal.modal-cart {
        padding: 24px 0 70px 0;
    }
}


@media screen and (max-width: 767px) {
    .modal.modal-cart .title-block {
        padding: 0 24px;
    }
}


.modal.modal-cart .modal-close {
    background: none;
}


@media (hover: hover) {
    .modal.modal-cart .modal-close:hover {
        background: #F2F4FF;
    }


    .modal.modal-cart .modal-close:hover path {
        stroke: #000;
    }
}


@media screen and (max-width: 767px) {
    .modal.modal-review .field-wrap {
        min-height: 318px;
    }


    .modal.modal-review .theme-btn-blue {
        padding: 0;
        width: 56px;
    }


    .modal.modal-review .theme-btn-blue::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("../images/icons/btn-arrow.svg") center no-repeat;
        content: "";
        z-index: 1;
    }


    .modal.modal-review .theme-btn-blue span {
        display: none;
    }
}


.modal-close {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: #F2F4FF;
    cursor: pointer;
    transition: 0.4s;
}


@media screen and (max-width: 767px) {
    .modal-close {
        top: 20px;
        right: 16px;
        background: none;
    }


    .modal-close path {
        stroke: #fff;
    }
}


@media screen and (max-width: 480px) {
    .modal-close {
        width: 24px;
        height: 24px;
        top: 26px;
    }
}


@media (hover: hover) {
    .modal-close:hover {
        background: rgba(255, 255, 255, 0.1);
    }


    .modal-close:hover path {
        stroke: #fff;
    }
}


.modal-close svg {
    display: block;
}


@media screen and (max-width: 767px) {
    .modal-close svg {
        width: 24px;
        height: auto;
    }
}


.modal-close svg path {
    transition: 0.4s;
}


.modal .subtitle {
    color: rgba(242, 244, 255, 0.4);
}


@media screen and (max-width: 767px) {
    .modal .subtitle {
        margin-bottom: 10px;
    }
}


.modal .title {
    background: linear-gradient(92deg, #E5E9FF 0%, rgba(229, 233, 255, 0.4) 100%);
    background-clip: text;
    -webkit-background-clip: text;
}


.modal-box {
    max-width: 1920px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}


@media screen and (max-width: 1023px) {
    .modal-box {
        height: auto;
    }
}


.modal .field-wrap {
    height: 100%;
}


@media screen and (max-width: 767px) {
    .modal .field-wrap {
        min-height: 382px;
        height: auto;
    }
}


.modal-review-wrap {
    height: 100%;
}


.modal-review-wrap .modal-box {
    width: 100%;
}


.modal-review-wrap .modal-box-success .thanks__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 32px);
}


.result-checkbox {
    position: relative;
    display: flex;
    color: rgba(242, 244, 255, 0.4);
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
}


@media screen and (min-width: 1441px) {
    .result-checkbox {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .result-checkbox {
        font-size: 18.67px;
    }
}


.result-checkbox a {
    text-decoration: underline;
    color: inherit;
}


@media (hover: hover) {
    .result-checkbox a:hover {
        color: #F2F4FF;
        text-decoration: none;
    }
}


.result-checkbox input:not([type=text]) {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}


.result-checkbox .checkmark {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 2px solid rgba(229, 233, 255, 0.1);
    background: #2B3367;
    display: block;
    flex: none;
    margin-right: 12px;
    cursor: pointer;
}


.result-checkbox .checkmark::before {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/icons/check.svg") center no-repeat;
    transition: 0.4s;
    opacity: 0;
    content: "";
}


.result-checkbox input:checked ~ .checkmark::before {
    opacity: 1;
}


.result__confirm--text img {
    vertical-align: bottom;
}


.thanks {
    /*margin-top: 102px;*/
}


@media screen and (min-width: 1920px) {
    .thanks {
        /*margin-top: 120px;*/
    }
}


@media screen and (max-width: 1023px) {
    .thanks {
        margin-top: 0;
    }
}


.thanks__info {
    border-radius: 24px;
    background: #272F64;
    padding: 131px 24px;
    color: rgba(229, 233, 255, 0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}


@media screen and (max-width: 767px) {
    .thanks__info {
        padding: 143px 16px;
    }
}


.thanks__icon {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: rgb(146, 230, 146);
    display: flex;
    justify-content: center;
    align-items: center;
}


.thanks .title {
    background: linear-gradient(92deg, #E5E9FF 0%, rgba(229, 233, 255, 0.4) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 20px;
}


.thanks__subtitle {
    color: #E5E9FF;
    font-size: 18px;
    max-width: 464px;
    margin: 20px auto 0 auto;
}


@media screen and (min-width: 1441px) {
    .thanks__subtitle {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1680px) {
    .thanks__subtitle {
        max-width: 530px;
    }
}


@media screen and (min-width: 1920px) {
    .thanks__subtitle {
        font-size: 24px;
    }
}


@media screen and (max-width: 767px) {
    .thanks__subtitle {
        font-size: 16px;
    }
}


.thanks__btn {
    margin-top: 40px;
}


.thanks__btn .theme-btn {
    min-width: 196px;
}


.reg__box {
    margin-top: 80px;
    display: flex;
    position: relative;
    min-height: auto;
    height: 100%;
}


@media screen and (max-width: 1023px) {
    .reg__box {
        display: block;
        min-height: auto;
        margin-top: 40px;
        height: auto;
    }
}


.reg__nav {
    max-width: 400px;
}


@media screen and (min-width: 1600px) {
    .reg__nav {
        max-width: 440px;
    }
}


@media screen and (min-width: 1680px) {
    .reg__nav {
        max-width: 456px;
    }
}


@media screen and (max-width: 767px) {
    .reg__nav {
        padding: 0 8px;
    }
}


@media screen and (max-width: 480px) {
    .reg__nav {
        max-width: calc(100% - 69px);
    }
}


@media screen and (max-width: 374px) {
    .reg__nav {
        max-width: calc(100% - 60px);
    }
}


.reg__nav ul {
    display: flex;
    border-radius: 6px;
    border: 2px solid rgba(229, 233, 255, 0.1);
    background: #2B3367;
    padding: 2px;
}


.reg__nav ul li {
    width: 194px;
}


@media screen and (min-width: 1600px) {
    .reg__nav ul li {
        width: 210px;
    }
}


@media screen and (min-width: 1680px) {
    .reg__nav ul li {
        width: 220px;
    }
}


@media screen and (max-width: 767px) {
    .reg__nav ul li {
        width: 50%;
    }
}


.reg__nav ul li:first-child {
    margin-right: 8px;
}


.reg__nav ul li a {
    font-family: "Roboto-Medium", sans-serif;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.1px;
    text-align: center;
    color: #fff;
    padding: 18px 5px;
    border-radius: 6px;
    display: block;
    position: relative;
    border-radius: 6px;
}


@media screen and (min-width: 1441px) {
    .reg__nav ul li a {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .reg__nav ul li a {
        font-size: 18.67px;
    }
}


.reg__nav ul li a.active {
    background: rgba(255, 255, 255, 0.1);
}


@media screen and (max-width: 767px) {
    .reg__nav ul li a {
        padding: 8px 5px;
    }
}


@media screen and (max-width: 359px) {
    .reg__nav ul li a {
        font-size: 12px;
    }
}


@media (hover: hover) {
    .reg__nav ul li a:hover {
        background: rgba(255, 255, 255, 0.1);
    }
}


.reg__title {
    width: 464px;
    padding-right: 64px;
}


@media screen and (max-width: 1400px) {
    .reg__title {
        width: 400px;
    }
}


@media screen and (max-width: 1023px) {
    .reg__title {
        width: auto;
        padding-right: 0;
    }
}


@media screen and (max-width: 767px) {
    .reg__title {
        padding: 0 8px;
    }
}


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


.reg__title-flex a {
    color: #E5E9FF;
    font-family: "Inter-Regular", sans-serif;
    position: relative;
}


@media (hover: hover) {
    .reg__title-flex a:hover::after {
        background: #E5E9FF;
    }
}


.reg__title-flex a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(229, 233, 255, 0.1);
    transition: 0.4s;
    content: "";
}


.reg__form {
    width: calc(100% - 464px);
}


@media screen and (max-width: 1400px) {
    .reg__form {
        width: calc(100% - 400px);
    }
}


@media screen and (max-width: 1023px) {
    .reg__form {
        width: auto;
        margin-top: 40px;
    }
}


.reg__form--container {
    width: 100%;
    height: 100%;
    position: relative;
}


.reg__form--nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 16px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.reg__form .form-btn-wrap {
    position: static;
}


.reg__social {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 400px;
    color: rgba(240, 242, 255, 0.4);
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 16px;
}


@media screen and (min-width: 1441px) {
    .reg__social {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .reg__social {
        font-size: 18.67px;
    }
}


@media screen and (max-width: 1400px) {
    .reg__social {
        width: 400px;
        padding-right: 64px;
    }
}


@media screen and (max-width: 1023px) {
    .reg__social {
        position: static;
        margin-top: 8px;
        padding: 0;
    }
}


@media screen and (max-width: 480px) {
    .reg__social {
        width: auto;
    }
}


@media screen and (max-width: 767px) {
    .reg__social p {
        display: none;
    }
}


.reg__social ul {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}


@media screen and (max-width: 767px) {
    .reg__social ul {
        margin-top: 0;
    }
}


.reg__social ul li {
    width: calc(50% - 4px);
}


.reg__social ul li a {
    height: 56px;
    display: block;
}


@media screen and (min-width: 1441px) {
    .reg__social ul li a {
        height: auto;
    }
}


.reg__social ul li a img {
    display: block;
    margin: 0 auto;
}


@media screen and (min-width: 1441px) {
    .reg__social ul li a img {
        min-height: 27px;
    }
}


.toggle-pass {
    margin-right: 24px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    opacity: 0.4;
    transition: 0.4s;
}


@media (hover: hover) {
    .toggle-pass:hover {
        opacity: 1;
    }
}


.toggle-pass svg {
    display: block;
}


@media screen and (min-width: 1441px) {
    .modal__title.reg__title {
        width: 33.4051724138%;
        flex: none;
    }
}


@media screen and (max-width: 340px) {
    .toggle-pass {
        margin-right: 5px;
    }
}


.reg__title.reg__title-flex {
    width: auto;
    padding: 0;
}


.review-top {
    display: flex;
    font-family: "Inter-Regular", sans-serif;
    flex: none;
}


@media screen and (max-width: 1023px) {
    .review-top {
        display: block;
    }
}


@media screen and (max-width: 767px) {
    .review-top {
        padding: 0 8px;
    }
}


.review-top p {
    line-height: inherit;
}


.review-top .subtitle {
    width: 464px;
    padding-right: 64px;
}


@media screen and (min-width: 1441px) {
    .review-top .subtitle {
        width: 33.4051724138%;
        flex: none;
    }
}


@media screen and (max-width: 1400px) {
    .review-top .subtitle {
        width: 400px;
    }
}


@media screen and (max-width: 1023px) {
    .review-top .subtitle {
        width: auto;
        padding-right: 0;
        max-width: calc(100% - 45px);
    }
}


.review-info {
    width: calc(100% - 464px);
    color: #E5E9FF;
}


@media screen and (max-width: 1023px) {
    .review-info {
        width: auto;
    }
}


.review-info-title {
    font-size: 18px;
    line-height: 144.44%;
    max-width: 400px;
}


@media screen and (min-width: 1680px) {
    .review-info-title {
        max-width: 530px;
    }
}


@media screen and (min-width: 1441px) {
    .review-info-title {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .review-info-title {
        font-size: 24px;
    }
}


@media screen and (max-width: 480px) {
    .review-info-title {
        font-size: 14px;
        line-height: 20px;
        max-width: calc(100% - 45px);
    }
}


.review-info-box {
    display: flex;
    margin-top: 65px;
}


@media screen and (max-width: 767px) {
    .review-info-box {
        justify-content: space-between;
        margin-top: 30px;
    }
}


.review-product {
    display: flex;
    align-items: center;
    width: 464px;
    padding-right: 64px;
}


@media screen and (max-width: 1199px) {
    .review-product {
        width: 420px;
        padding-right: 20px;
    }
}


@media screen and (max-width: 767px) {
    .review-product {
        width: calc(100% - 60px);
        padding-right: 16px;
    }


    .review-product.full-with {
        width: 100%;
        padding-right: 0;
    }
}


.review-product-img {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    margin-right: 12px;
    flex: none;
    background: #D9D9D9;
    padding: 3px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.review-product-img img {
    display: block;
    max-height: 100%;
}


.review-product-info {
    font-size: 14px;
    line-height: 20px;
    width: calc(100% - 60px);
}


@media screen and (min-width: 1441px) {
    .review-product-info {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .review-product-info {
        font-size: 18.67px;
    }
}


@media screen and (max-width: 767px) {
    .review-product-info p {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
    }
}


.review-product-info span {
    display: block;
    color: rgba(242, 244, 255, 0.4);
    margin-top: 4px;
}


.review-rate {
    color: rgba(229, 233, 255, 0.4);
    font-size: 14px;
    line-height: 20px;
    flex: none;
    width: auto;
    padding: 0;
}


@media screen and (min-width: 1441px) {
    .review-rate {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .review-rate {
        font-size: 18.67px;
    }
}


@media screen and (max-width: 767px) {
    .review-rate {
        width: 60px;
    }


    .review-rate p {
        display: none;
    }


    .review-rate .product__rating--star {
        margin-right: 0;
        padding: 9px 5px;
        width: 100%;
        justify-content: center;
    }
}


.review-title {
    color: rgba(242, 244, 255, 0.1);
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 119%;
}


@media screen and (min-width: 1441px) {
    .review-title {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .review-title {
        font-size: 69.33px;
    }
}


@media screen and (max-width: 767px) {
    .review-title {
        font-size: 40px;
        line-height: 42px;
    }
}


@media screen and (max-width: 480px) {
    .review-title {
        font-size: 34px;
        line-height: 42px;
    }
}


.review-rating {
    display: flex;
    justify-content: center;
    margin-top: 115px;
}


@media screen and (max-width: 767px) {
    .review-rating {
        margin-top: 71px;
    }
}


@media screen and (max-width: 374px) {
    .review-rating {
        padding: 0 16px;
    }
}


.review-rating-wrap {
    display: flex;
    justify-content: center;
    padding: 8px 15px;
    background: #E5E9FF;
    border-radius: 100px;
}


.review-rating input {
    width: 44px;
    height: 44px;
    background: url("../images/icons/star.svg") center no-repeat;
    background-size: 38px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}


@media screen and (max-width: 359px) {
    .review-rating input {
        width: 38px;
        height: 38px;
        background-size: 32px;
    }
}


.review-rating .active input {
    background: url("../images/icons/star-active.svg") center no-repeat;
    background-size: 32px;
}


.review-rating label {
    font-size: 0;
    height: 44px;
    margin: 0 9px;
    display: block;
}


@media screen and (max-width: 374px) {
    .review-rating label {
        margin: 0 7.5px;
    }
}


@media screen and (max-width: 359px) {
    .review-rating label {
        height: 38px;
    }
}


.review-rating label:first-child {
    margin-left: 0;
}


.review-rating label:last-child {
    margin-right: 0;
}


.modal-review-success .title {
    margin-top: 20px;
}


.modal-review-success .modal-box {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.user-status {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 20px;
    height: 20px;
    border: 4px solid #272F64;
    background: #55C639;
    border-radius: 50%;
}


.modal-cta-user {
    margin-top: 40px;
}


@media screen and (max-width: 767px) {
    .modal-cta-user {
        margin-top: 30px;
    }
}


.modal-cta-user-img {
    position: relative;
    padding: 0;
}


.modal-cta-user-img img {
    width: 100%;
    height: 1000%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px;
}


@media screen and (min-width: 1920px) {
    .brands-slider-js {
        min-height: 62px;
    }
}


.page__box {
    padding: 80px 16px;
    background: #272F64;
    border-radius: 24px;
    color: #E5E9FF;
}


@media screen and (max-width: 767px) {
    .page__box {
        padding: 60px 16px;
    }
}


.page__box .subtitle {
    color: #E5E9FF;
    opacity: 0.4;
}


.page__box .title {
    background: linear-gradient(92.3deg, #E5E9FF 0%, rgba(229, 233, 255, 0.4) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}


.page-top {
    margin-top: 80px;
    display: flex;
    justify-content: flex-end;
}


@media screen and (max-width: 1199px) {
    .page-top {
        display: block;
        margin-top: 40px;
    }
}


.page-top .content-block {
    width: calc(100% - 464px);
}


@media screen and (min-width: 1441px) {
    .page-top .content-block {
        width: 66.5948275862%;
    }
}


@media screen and (max-width: 1199px) {
    .page-top .content-block {
        width: auto;
    }
}


.page-container {
    margin-top: 80px;
    display: flex;
}


@media screen and (max-width: 1199px) {
    .page-container {
        margin-top: 40px;
        display: block;
    }
}


.page .article__content {
    margin-top: 0;
}


@media screen and (max-width: 1199px) {
    .page .article__content {
        margin-top: 40px;
    }
}


.modal-reg-event .event__details--box {
    padding-right: 80px;
    color: #F2F4FF;
}


@media screen and (min-width: 1441px) {
    .modal-reg-event .event__details--box {
        width: 66.5948275862%;
    }
}


@media screen and (max-width: 1400px) {
    .modal-reg-event .event__details--box {
        width: calc(100% - 400px);
    }
}


@media screen and (max-width: 1359px) {
    .modal-reg-event .event__details--box {
        padding-right: 0;
    }
}


@media screen and (max-width: 1199px) {
    .modal-reg-event .event__details--box {
        width: auto;
    }
}


.modal-reg-event .event__details--top {
    justify-content: flex-start;
}


.modal-reg-event .event__details--title {
    padding-right: 20px;
}


.modal-reg-event .event__details--info {
    font-size: 18px;
    line-height: 144%;
    max-width: 63%;
}


@media screen and (min-width: 1441px) {
    .modal-reg-event .event__details--info {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .modal-reg-event .event__details--info {
        font-size: 24px;
    }
}


.modal-reg-event .event__details--links, .modal-reg-event .event__details--location {
    margin-top: 20px;
}


.modal-reg-event .event__details--date {
    border-width: 8px;
}


.modal-event-details {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
    flex: none;
}


@media screen and (max-width: 1199px) {
    .modal-event-details {
        display: block;
        max-width: 740px;
    }
}


@media screen and (max-width: 767px) {
    .modal-event-details {
        padding: 0 8px;
    }
}


.custom-cursor {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    pointer-events: none;
    background: linear-gradient(270deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    border-radius: 50%;
    display: none;
    transform: translate(-50%, -50%);
}


.custom-cursor.visible {
    display: block;
}


.cursor-circle {
    width: 14px;
    height: 14px;
    margin: 3px;
    border-radius: 50%;
    background: inherit;
    transition: background-color 0.3s;
}


.cursor-text {
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translateY(-50%);
    white-space: nowrap;
    font-size: 16px;
    opacity: 0;
    transition: opacity 0.3s ease;
}


/*# sourceMappingURL=style.css.map */
.brands-slider-js {
    display: flex;
    align-items: center;
}


.brand-hero__slider--item {
    flex: 0 0 auto;
}


.brands-slider-js, .study-slider-js, .product-marquee-js, .event-marquee-js {
    display: flex;
    align-items: center;
}


.brand-hero__slider--item, .product__marquee--item, .marque__item {
    flex: 0 0 auto;
}


.field-code {
    display: flex;
    justify-content: center;
    margin-top: 107px;
}


.modal-recovery .review-info-title {
    min-height: 60px;
}


@media screen and (max-width: 1023px) {
    .modal-recovery .review-info-title {
        min-height: auto;
    }
}


.modal-recovery .error-message {
    display: table;
    margin: 20px auto 0 auto;
}


.field-code input {
    width: 70px;
    height: 93px;
    margin-right: 16px;
    text-align: center;
    color: #F2F4FF;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    font-style: normal;
    line-height: 62px;
    padding: 22px 5px 10px 5px;
}


.field-code input:last-child {
    margin-right: 0;
}


.recovery-email {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    border-radius: 20px;
    border: 2px solid rgba(229, 233, 255, 0.10);
    background: #2B3367;
    color: #E5E9FF;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 26px;
    width: 400px;
    height: 76px;
    margin-top: 20px;
}


.recovery-email.recovery-email-lock {
    pointer-events: none;
    color: rgba(229, 233, 255, 0.4);
}


.recovery-email p {
    overflow: hidden;
    text-overflow: ellipsis;
}


.recovery-email a {
    display: block;
}


.recovery-email svg {
    flex: none;
    width: 44px;
    margin-left: 12px;
    display: block;
}


.recovery-link {
    display: flex;
    align-items: center;
}


.hint {
    position: relative;
}


.hint-modal {
    color: #090B17;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 20px;
    border-radius: 10px;
    background: #E5E9FF;
    box-shadow: 0px 10px 50px -20px rgba(27, 39, 72, 0.30);
    position: absolute;
    bottom: calc(100% + 19.5px);
    right: -134px;
    width: 290px;
    z-index: 2;
    display: none;
}


.hint-modal::after {
    position: absolute;
    left: 50%;
    bottom: -17px;
    width: 48px;
    height: 38px;
    transform: translate(-50%, 0);
    background: url("../images/icons/hint.svg") center no-repeat;
    content: "";
}


.hint-modal-close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    transition: 0.4s;
    display: none;
}


@media (hover: hover) {
    .hint-modal-close:hover {
        transform: rotate(180deg);
    }
}


@media screen and (max-width: 767px) {
    .hint-modal-close {
        display: block;
    }
}


.recovery-link {
    display: flex;
    align-items: center;
}


.hint-icon {
    margin-left: 12px;
    cursor: pointer;
    position: relative;
}


.hint-icon.visible .hint-modal {
    display: block;
}


.hint-icon svg {
    display: block;
}


.recovery-back {
    position: absolute;
    left: 0;
    bottom: 24px;
    display: flex;
}


.recovery-back a {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.10);
    padding: 15px;
    color: #E5E9FF;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
}


@media screen and (min-width: 1441px) {
    .recovery-back a {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .recovery-back a {
        font-size: 18.67px;
        padding: 20px;
    }
}


.recovery-back a:hover {
    background: #1F2650;
}


.recovery-back a svg {
    display: block;
    margin-right: 10px;
}


@media screen and (max-width: 1023px) {
    .recovery-back {
        position: static;
        margin-top: 40px;
    }


    .recovery-link {
        padding-right: 12px;
    }


    .hint-modal {
        right: -12px;
    }


    .hint-modal::after {
        left: auto;
        right: 0;
        transform: none;
    }
}


@media screen and (max-width: 560px) {
    .field-code input {
        width: 45px;
        height: 70px;
        margin-right: 10px;
        font-size: 40px;
    }
}


@media screen and (max-width: 480px) {
    .recovery-email {
        width: 100%;
    }
}


@media screen and (max-width: 374px) {
    .field-code input {
        margin-right: 10px;
    }
}


@media screen and (max-width: 359px) {
    .field-code input {
        width: 38px;
        height: 60px;
        font-size: 30px;
    }
}


@media screen and (min-width: 1200px) and (max-width: 1439px) {
    .checkout__box .cart {
        width: 420px;
    }


    .checkout__box {
        width: calc(100% - 430px);
    }


    .checkout__box .cart__price--total {
        font-size: 42px;
    }


    .form-area-field, .form-input-field {
        font-size: 44px;
    }
}


.modal-search {
    padding: 8px 8px 24px 8px;
    height: auto;
    max-height: 100%;
    border-radius: 0px 0px 24px 24px;
}


body.modal-search-open::before {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(9, 11, 23, 0.4);
    height: 100vh;
    width: 100%;
    content: "";
    z-index: 10;
}


.modal-search-top {
    display: flex;
    align-items: center;
    padding-right: 16px;
}


.modal-search .modal-close {
    position: static;
    margin-left: 24px;
    flex: none;
}


.search__form {
    position: relative;
    width: 100%;
}


.search__input {
    border-radius: 20px;
    background: #1F2650;
    height: 94px;
    padding: 16px 60px 16px 16px;
    width: 100%;
    background-image: url("../images/icons/search.svg");
    background-position: right 16px center;
    background-repeat: no-repeat;
}


.search-hint {
    position: absolute;
    top: 37px;
    right: 18px;
    color: #E5E9FF;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    display: none;
    align-items: center;
    z-index: 2;
}


.search-hint::after {
    width: 16px;
    height: 16px;
    background: url("../images/icons/hint-arrow.svg") center no-repeat;
    margin-left: 8px;
    display: block;
    content: "";
}


@media (hover: hover) and (min-width: 768px) {
    .search__form.focused .search-hint {
        display: flex;
    }


    .search__form.focused .search__input {
        background-image: none;
    }
}


.search-result-products {
    display: flex;
    flex-wrap: wrap;
}


.search-result-products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px;
}


.search-product {
    border-radius: 20px;
    background: #fff;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}


.search-product--img {
    height: 226px;
    border-radius: 20px 20px 0 0;
    background: #fafafa;
    overflow: hidden;
    position: relative;
    flex: none;
}


@media screen and (min-width: 1600px) {
    .search-product--img {
        height: 265px;
    }
}


@media screen and (min-width: 1920px) {
    .search-product--img {
        height: 321px;
    }
}


.search-product--img a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}


.search-product--img img {
    max-height: 100%;
    display: block;
    transition: 0.4s;
}


.search-info {
    display: flex;
    margin-top: 80px;
    padding: 0 16px;
}


.search-categories {
    width: 464px;
    padding-right: 64px;
    flex: none;
}


.search-categories .subtitle {
    margin-bottom: 16px !important;
}


@media screen and (min-width: 1441px) {
    .search-categories {
        width: 30%;
    }
}


.search-categories ul {
    display: flex;
    flex-wrap: wrap;
}


.search-categories ul li {
    margin: 4px 4px 0 0;
}


@media screen and (min-width: 1920px) {
    .search-categories ul li {
        margin: 5px 5px 0 0;
    }
}


.search-categories ul li a {
    color: #272f64;
    font-size: 14px;
    line-height: 143%;
    border-radius: 100px;
    background: #f0f2ff;
    border: 1px solid #f0f2ff;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    position: relative;
}


.search-categories-qnt {
    color: rgba(39, 47, 100, 0.40);
    font-size: 14px;
    line-height: 20px;
    margin-left: 8px;
    font-weight: 100;
    position: relative;
}


@media screen and (min-width: 1441px) {
    .search-categories ul li a {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .search-categories ul li a {
        font-size: 18.67px;
        padding: 10.67px 16px;
    }
}


.search-result {
    width: 100%;
}


.search-product--info {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}


@media screen and (max-width: 374px) {
    .search-product--info {
        padding: 16px;
    }
}


.search-product--name {
    color: #090B17;
    font-family: "Neue Machina", sans-serif;
    font-size: 18px;
    line-height: 144%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


@media screen and (min-width: 1441px) {
    .search-product--name {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .search-product--name {
        font-size: 24px;
    }
}


.search-product--name a {
    color: inherit;
}


.search-product--price, .search-product--desc {
    margin-top: 20px;
}


.search-product--price {
    color: #090B17;
    font-size: 18px;
    line-height: 20px;
}


.search-product--desc {
    overflow: hidden;
    color: #090B17;
    text-overflow: ellipsis;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.1px;
    opacity: 0.4;
    white-space: nowrap;
}


@media screen and (min-width: 1441px) {
    .search-product--desc {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .search-product--desc {
        font-size: 18.67px;
    }
}


.search-result .category__more {
    border: 1px solid rgba(229, 233, 255, 0.10);
    background: #2B3367;
    border-radius: 20px;
    min-height: 250px;
    height: auto;
    font-size: 14px;
    line-height: 20px;
}


.search-result .category__more--title {
    border-bottom: 3px solid;
    text-decoration: none;
    line-height: 45px;
}


.search-result .category__more--desc {
    margin-top: 0;
}


.search-empty {
    padding: 117px 0;
    color: #E5E9FF;
    text-align: center;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    line-height: 26px;
    min-height: 60vh;
}


@media screen and (min-width: 1441px) {
    .search-empty {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .search-empty {
        font-size: 24px;
    }
}


.search-empty img {
    display: block;
    margin: 0 auto 20px auto;
}


.search-empty p {
    line-height: inherit;
    margin-top: 20px;
}


@media screen and (max-width: 1439px) {
    .search-categories {
        width: 30%;
        padding-right: 30px;
    }
}


.search__form--mob {
    display: none;
}


@media screen and (max-width: 1300px) {
    .search-categories {
        width: 25%;
    }


    .search-result .category__more--title {
        font-size: 48px;
    }
}


@media screen and (max-width: 1199px) {
    .search-info {
        display: block;
        margin-top: 40px;
    }


    .search-categories {
        width: auto;
        padding: 0;
        margin-top: 32px;
    }


    .search-result {
        margin-top: 40px;
    }


    .modal-search {
        height: 100vh;
        overflow: visible;
    }


    .search-info {
        max-height: calc(100vh - 126px);
        overflow: auto;
        margin-top: 0;
    }


    .modal-search-top {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3;
        background: #272F64;
        padding-right: 0;
    }


    .modal-search-top.search__form--mob {
        display: flex;
        padding: 8px;
    }


    .modal-search .modal-close {
        width: 40px;
        height: 40px;
        background: #E5E9FF;
        border-radius: 12px;
    }
}


@media screen and (max-width: 1023px) {
    .search-result-products {
        grid-template-columns: repeat(2, 1fr);
    }


    .search-product--img {
        height: 300px;
    }
}


@media screen and (max-width: 767px) {
    .search-info {
        padding: 0 8px;
    }


    .modal-search-top {
        padding-right: 0;
    }


    .search-result .category__more--title {
        font-size: 34px;
        line-height: 34px;
    }


    .modal.modal-search .subtitle {
        margin-bottom: 20px;
    }


    .modal-search .modal-close path {
        stroke: #090B17;
    }


    .modal-search {
        min-height: 100vh;
        border-radius: 0;
    }


    .search-empty {
        min-height: calc(100vh - 126px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 40px 16px;
    }
}


@media screen and (max-width: 560px) {
    .search-product--img {
        height: 220px;
    }
}


@media screen and (max-width: 480px) {
    .search__input {
        height: 74px;
    }


    .search-empty {
        min-height: calc(100vh - 106px);
    }


    .search-info {
        max-height: calc(100vh - 106px);
    }
}


@media screen and (max-width: 420px) {
    .search-product--img {
        height: 200px;
    }
}


@media screen and (max-width: 400px) {
    .search-product--img {
        height: 167px;
    }
}


@media screen and (max-width: 374px) {
    .search-product--info {
        padding: 16px;
    }


    .search-product--name {
        font-size: 16px;
    }
}


.cabinet {
    /*margin-top: 102px;*/
}


.cabinet__box {
    padding: 16px 16px 80px 16px;
    border-radius: 24px;
    background: #272F64;
}


.cabinet__nav {
    display: flex;
}


.cabinet__nav ul {
    display: flex;
    border-radius: 6px;
    border: 2px solid rgba(229, 233, 255, 0.1);
    background: #2B3367;
    padding: 2px;
}


.cabinet__nav ul li {
    width: 194px;
    margin-right: 8px;
}


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


@media screen and (min-width: 1441px) {
    .cabinet__nav ul li {
        width: 210px;
    }
}


@media screen and (min-width: 1600px) {
    .cabinet__nav ul li {
        width: 240px;
    }
}


@media screen and (min-width: 1920px) {
    .cabinet__nav ul li {
        width: 260px;
    }
}


@media screen and (max-width: 1199px) {
    .cabinet__nav ul li {
        margin: 8px 0 0 0;
    }


    .cabinet__nav ul li:first-child {
        margin-top: 0;
    }
}


.cabinet__nav ul li a {
    font-family: "Roboto-Medium", sans-serif;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.1px;
    text-align: center;
    color: #fff;
    padding: 18px 5px;
    border-radius: 6px;
    display: block;
    position: relative;
    border-radius: 6px;
}


@media screen and (min-width: 1441px) {
    .cabinet__nav ul li a {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}


@media screen and (min-width: 1920px) {
    .cabinet__nav ul li a {
        font-size: 18.67px;
    }
}


.cabinet__nav ul li a.active {
    background: rgba(255, 255, 255, 0.1);
}


.cabinet__nav ul li a.cabinet-nav-del {
    color: #FF526F;
}


.cabinet__nav ul li a.cabinet-nav-logout {
    color: rgba(255, 255, 255, 0.4);
}


@media (hover: hover) {
    .cabinet__nav ul li a:hover {
        background: rgba(255, 255, 255, 0.1);
    }
}


.cabinet__info {
    margin-top: 80px;
}


.cabinet__info .subtitle {
    color: rgba(242, 244, 255, 0.4);
}


.cabinet__info .title {
    background: linear-gradient(92deg, #E5E9FF 0%, rgba(229, 233, 255, 0.4) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    max-width: 550px;
}


.cabinet__dashboard {
    margin-top: 80px;
    grid-gap: 80px;
    padding-right: 64px;
}


.cabinet-pass {
    font-size: 34px;
    line-height: 123.529%;
    margin-top: 3px;
    font-family: "Neue Machina", sans-serif;
    color: #F2F4FF;
}


.cabinet-pass p {
    line-height: inherit;
}


.cabinet-status {
    display: flex;
    margin-top: 4px;
}


.status-wrap {
    border-radius: 6px;
    padding: 8px;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 133.333%;
    display: flex;
    align-items: center;
    position: relative;
}


.status-wrap::before {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    content: "";
}


.status-wrap.status-confirmed {
    background: rgba(146, 230, 146, 0.08);
    color: #92E692;
}


.status-wrap.status-confirmed::before {
    background: url("../images/icons/check-green.svg") center no-repeat;
}


.status-wrap.status-not-confirmed {
    background: rgba(245, 190, 102, 0.08);
    color: #F5BE66;
}


.status-wrap.status-not-confirmed::before {
    background: url("../images/icons/not-confirmed.svg") center no-repeat;
}


.diploma-image {
    margin-top: 36px;
    width: 59px;
}


.diploma-image img {
    display: block;
}


.diploma-doctor {
    width: 98px;
    position: absolute;
    right: 16px;
    bottom: 16px;
}


.diploma-doctor img {
    display: block;
    max-height: 98px;
}


.dashboard-diploma {
    position: relative;
    padding: 0;
}


.dashboard-diploma::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(90deg, #F4DCA8, #F5BE66, #FF8038, #FF38BB);
    border-radius: 20px;
}


.dashboard-diploma-box {
    position: relative;
    z-index: 1;
    background: #2B3367;
    padding: 15px;
    border-radius: inherit;
    min-height: 240px;
}


@media screen and (min-width: 1920px) {
    .dashboard-diploma-box .result__list--item {
        padding: 24px;
    }
}


.cabinet__nav--btn {
    display: none;
}


.cabinet__dashboard .empty {
    opacity: 0.1;
}


.cabinet__dashboard .title {
    display: flex;
    align-items: center;
}


.cabinet__dashboard .title .hint {
    flex: none;
    background: none;
    background-clip: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}


.dashboard-name .cabinet-status {
    margin-top: 20px;
}


.input-file {
    border-radius: 20px;
    border: 2px dashed rgba(229, 233, 255, 0.1);
    background: #1F2650;
    display: flex;
    flex-direction: column;
    position: relative;
    cursor: pointer;
    height: 100%;
    padding: 16px;
}


.input-file input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}


.input-file-wrap {
    color: rgba(255, 255, 255, 0.4);
    text-align: center;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.input-file-btn {
    width: 196px;
    padding: 6px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 auto 22px auto;
    transition: 0.3s;
}


@media (hover: hover) {
    .input-file-btn:hover {
        background: rgba(255, 255, 255, 0.2);
    }
}


.input-file-btn img {
    display: block;
    margin: 0 auto;
}


.modal-diploma .field-wrap {
    padding: 0;
    background: none;
    min-height: auto;
}


.modal-diploma .field-group {
    height: 100%;
}


.modal-diploma .reg__form--nav {
    position: static;
    margin-top: 2px;
}


.modal-diploma .reg__form--container {
    display: flex;
    flex-direction: column;
    background: #1F2650;
    border-radius: 20px;
}


.file {
    padding: 12px 16px;
    border-radius: 6px;
    background: #242C57;
    margin-top: 16px;
    position: relative;
}


.file-wrap {
    display: flex;
    align-items: center;
    max-width: calc(100% - 60px);
}


.file-img {
    width: 47.203px;
    margin-right: 10px;
    flex: none;
}


.file-img img {
    width: 100%;
    height: 32px;
    display: block;
}


.file-info {
    color: #E5E9FF;
    font-family: "Roboto-Medium", sans-serif;
    font-size: 14px;
    letter-spacing: 0.1px;
}


.file-info p, .file-info span {
    line-height: 20px;
}


.file-info span {
    display: block;
    font-family: "Inter-Regular", sans-serif;
    margin-top: 4px;
    opacity: 0.4;
}


.file-del {
    position: absolute;
    top: 50%;
    right: 4px;
    width: 40px;
    height: 40px;
    transform: translate(0, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
}


@media (hover: hover) {
    .file-del:hover {
        background: rgba(255, 255, 255, 0.1);
    }
}


.diploma-example {
    margin-top: 80px;
    position: relative;
}


.diploma-example img {
    width: 100%;
}


.moda-diploma-title .hint {
    display: none;
}


.diploma-file-title-mob {
    display: none;
}


@media screen and (max-width: 1439px) {
    .cabinet__dashboard {
        padding-right: 0;
        grid-gap: 64px;
    }
}


@media screen and (max-width: 1300px) {
    .cabinet__dashboard {
        grid-gap: 30px;
    }
}


@media screen and (max-width: 1199px) {
    .cabinet__info, .cabinet__dashboard {
        margin-top: 60px;
    }


    .cabinet__nav, .cabinet__nav ul {
        display: block;
    }


    .cabinet__nav ul li {
        width: 100%;
    }


    .cabinet__nav {
        border-radius: 6px;
        border: 2px solid rgba(229, 233, 255, 0.1);
        background: #2B3367;
        padding: 2px;
        position: relative;
        margin-left: -2px;
        margin-right: -2px;
        z-index: 3;
    }


    .cabinet__nav ul {
        border: none;
        position: absolute;
        top: 100%;
        left: -2px;
        right: -2px;
        border-radius: 0px 0px 6px 6px;
        border-right: 2px solid #3A4273;
        border-bottom: 2px solid #3A4273;
        border-left: 2px solid #3A4273;
        background: #2B3367;
        padding: 4px 2px 2px 2px;
        display: none;
    }


    .cabinet__nav.active {
        border-radius: 6px 6px 0 0;
        border-bottom: 0;
    }


    .cabinet__nav.active ul {
        display: block;
    }


    .cabinet__nav--btn {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px;
        color: #fff;
        text-align: center;
        font-family: "Roboto-Medium", sans-serif;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.1px;
        border-radius: 6px;
        background: rgba(255, 255, 255, 0.1);
        cursor: pointer;
    }


    .cabinet__nav--btn::after {
        width: 20px;
        height: 20px;
        background: url("../images/icons/dropdown.svg") center no-repeat;
        display: inline-block;
        margin-left: 4px;
        content: "";
    }


    .cabinet__box {
        padding-bottom: 60px;
    }
}


@media screen and (max-width: 1023px) {
    .result__list--item .hint-modal::after {
        display: none;
    }


    .result__list--item .hint-modal {
        right: -134px;
    }


    .diploma-example {
        display: none;
    }


    .moda-diploma-title {
        position: relative;
        display: flex;
        align-items: center;
    }


    .moda-diploma-title .hint {
        display: block;
        position: static;
    }


    .moda-diploma-title .hint-icon {
        position: static;
    }


    .moda-diploma-title .hint-modal {
        width: auto;
        left: 50%;
        right: 0;
        bottom: auto;
        top: 100%;
        width: 290px;
        transform: translate(-50%, 0);
        padding: 40px 20px 20px 20px;
    }


    .moda-diploma-title .hint-modal img {
        margin: 0 auto;
        display: block;
    }


    .hint-modal-close {
        display: block;
    }


    .hint-modal::after {
        display: none;
    }


    .input-file-wrap {
        min-height: 316px;
    }
}


@media screen and (max-width: 767px) {
    .cabinet__info, .cabinet__dashboard {
        margin-top: 40px;
    }


    .diploma-file-title {
        display: none;
    }


    .diploma-file-title-mob {
        display: block;
    }
}


@media screen and (max-width: 480px) {
    .cabinet__dashboard .title .hint-icon {
        margin-left: 4px;
    }


    .result__list--item .hint-icon, .result__list--item .hint {
        position: static;
    }


    .result__list--item .hint-modal {
        right: 35px;
    }


    .result__list--item .hint-modal {
        bottom: calc(100% - 20px);
        width: auto;
        left: 0;
        right: 0;
    }


    .result__list--item--top {
        position: relative;
    }
}


.account-modal {
    padding: 80px 8px 8px 24px;
}


@media screen and (max-width: 1023px) {
    .account-modal {
        padding: 40px 8px 8px 8px;
    }
}


@media screen and (max-width: 767px) {
    .account-modal .theme-btn-blue {
        padding: 0;
        width: 56px;
    }


    .account-modal .theme-btn-blue::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("../images/icons/btn-arrow.svg") center no-repeat;
        content: "";
        z-index: 1;
    }


    .account-modal .theme-btn-blue span {
        display: none;
    }
}


.cabinet .category__nav--subcategories li a {
    background: rgba(242, 244, 255, 0.1);
    color: #fff;
}


.cabinet .category__nav--subcategories li a.active, .cabinet .category__nav--subcategories li a:hover {
    background: #fff;
    color: #272F64;
}


.cabinet .category__nav {
    margin-top: 32px;
}


.favorites__list {
    margin-top: 40px;
}


@media (hover: hover) {
    .favorites__list .add-favorites:hover svg path, .remove-favorites.add-favorites:hover svg path {
        fill: none;
        stroke: #fff;
    }
}


.history__list {
    margin-top: 40px;
}


.history__item {
    border-radius: 20px;
    background: #fff;
    padding: 16px 16px 16px 24px;
    margin-top: 8px;
    position: relative;
    color: #090B17;
    font-size: 18px;
    line-height: 144.444%;
    overflow: hidden;
}


.history__item:first-child {
    margin-top: 0;
}


.history__item p {
    line-height: inherit;
}


.history__item p:first-child {
    margin-top: 0;
}


.history__item::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 8px;
    background: #F5BE66;
    content: "";
}


.history__item.delivered::before {
    background: #92E692;
}


.history__item .cart__price--info {
    border-radius: 0 0 20px 20px;
    background: #F9F9FA;
    padding: 36px 16px 32px 16px;
    margin-top: -20px;
}


.history__item .cart__price--total {
    margin-top: 16px;
}


.history__item.active .history__item--toggle .toggle-icon {
    transform: rotate(180deg);
}


.history__item.active .history__item--price {
    display: none;
}


@media screen and (min-width: 1441px) {
    .history__item {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .history__item {
        font-size: 24px;
    }
}


.history__item--toggle {
    position: absolute;
    top: 16px;
    right: 14px;
    text-align: center;
    font-size: 14px;
    line-height: 142.857%;
    font-family: "Inter-Medium", sans-serif;
    cursor: pointer;
}


@media screen and (min-width: 1441px) {
    .history__item--toggle {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .history__item--toggle {
        font-size: 18.67px;
    }
}


@media (hover: hover) {
    .history__item--toggle:hover .toggle-icon {
        background: #272F64;
    }


    .history__item--toggle:hover .toggle-icon svg path {
        stroke: #fff;
    }
}


.history__item--toggle .toggle-icon {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #090B17;
    border-radius: 50%;
    transition: 0.4s;
    margin: 0 auto;
}


@media screen and (min-width: 1920px) {
    .history__item--toggle .toggle-icon {
        width: 52px;
        height: 52px;
    }
}


.history__item--toggle .toggle-icon svg path {
    transition: inherit;
}


.history__item--toggle p {
    margin-top: 3px;
}


.history__item--top {
    display: flex;
    font-family: "Inter-Regular", sans-serif;
}


.history__item--top .history__item--right {
    padding-right: 60px;
}


.history__item--left {
    width: 376px;
    flex: none;
}


@media screen and (min-width: 1600px) {
    .history__item--left {
        width: 29%;
    }
}


.history__item--status {
    font-family: "Neue Machina";
    font-size: 52px;
    line-height: 62px;
}


.history__item--right {
    width: 100%;
    padding-left: 64px;
    display: flex;
    justify-content: space-between;
}


.history__item--products {
    display: flex;
    flex-wrap: wrap;
}


.history__item--products--item {
    width: 50px;
    height: 62px;
    border-radius: 6px;
    background: #FAFAFA;
    padding: 6px 0;
    margin: 2px 2px 0 0;
    text-align: center;
}


.history__item--products--item:last-child {
    margin-right: 0;
}


.history__item--products--item img {
    max-height: 100%;
}


.history__item--price {
    white-space: nowrap;
    flex: none;
}


.history__item--price div {
    display: inline-block;
    background: linear-gradient(90deg, #F4DCA8 0%, #F5BE66 24.5%, #FF8038 52%, #FF38BB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Neue Machina", sans-serif;
    font-size: 52px;
    line-height: 62px;
}


.history__item--price sup {
    font-size: 30px;
    line-height: 100%;
}


@media screen and (min-width: 1441px) {
    .history__item--price sup {
        font-size: calc(30px + 9 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .history__item--price sup {
        font-size: 40px;
    }
}


@media screen and (min-width: 1441px) {
    .history__item--price div, .history__item--status {
        font-size: calc(52px + 17.33 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .history__item--price div, .history__item--status {
        font-size: 69.33px;
    }
}


.history__item--date {
    margin-top: 8px;
}


.history__item--date p {
    margin-top: 4px;
}


.history__item--products, .history__item--price {
    width: calc(50% - 32px);
}


.history__item--hidden {
    display: none;
}


.history__item--hidden--box {
    display: flex;
    border-top: 1px solid rgba(9, 11, 23, 0.1);
    padding-top: 16px;
    margin-top: 16px;
}


.history__item--hidden--box .history__item--right {
    display: block;
}


.history__item--desc {
    opacity: 0.4;
    font-family: "Inter-Regular", sans-serif;
}


.history__item--desc p {
    margin-top: 4px;
}


.history__products {
    border-radius: 20px;
    background: #F2F4FF;
    padding: 8px;
    position: relative;
    z-index: 1;
}


.history__product {
    padding: 8px;
    border-radius: 20px;
    background: #fff;
    display: flex;
    margin-top: 4px;
}


.history__product:first-child {
    margin-top: 0;
}


.history__product--img {
    width: 88px;
    min-height: 109px;
    border-radius: 12px;
    background: #FAFAFA;
    padding: 10.5px 0;
    margin-right: 12px;
    flex: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}


.history__product--img img {
    max-height: 88px;
}


.history__product--title {
    color: #090B17;
    font-family: "Neue Machina", sans-serif;
    line-height: 144.444%;
    display: block;
    width: 284px;
    flex: none;
    min-height: 100%;
}


@media screen and (min-width: 1441px) {
    .history__product--title {
        width: 38%;
    }
}


.history__product--info--box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 64px;
}


.history__product--info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.history__product--info .qnt {
    font-size: 14px;
    line-height: 142.857%;
}


@media screen and (min-width: 1441px) {
    .history__product--info .qnt {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
    }
}


@media screen and (min-width: 1920px) {
    .history__product--info .qnt {
        font-size: 18.67px;
    }
}


.history__product--info .price {
    line-height: 111.111%;
}


@media screen and (max-width: 1199px) {
    .history__item--top, .history__item--hidden--box {
        display: block;
    }


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


    .history__item--top .history__item--right {
        padding-right: 0;
        margin-top: 42px;
    }


    .history__products {
        margin-top: 10px;
    }


    .history__item--left {
        width: auto;
    }


    .history__item--price {
        text-align: right;
    }


    .history__item--status {
        padding-right: 50px;
    }


    .history__item--date {
        margin-top: 40px;
    }


    .history__item.active .history__item--top .history__item--right {
        display: none;
    }
}


@media screen and (max-width: 767px) {
    .history__item--status {
        font-size: 34px;
        line-height: 123.529%;
    }


    .history__product {
        flex-wrap: wrap;
    }


    .history__product--info {
        width: calc(100% - 100px);
        flex-direction: column;
        justify-content: space-between;
    }


    .history__product--title {
        min-height: auto;
        width: 100%;
    }


    .history__product--info--box {
        padding-left: 0;
        margin-top: 14px;
    }


    .history__item--price div {
        font-size: 34px;
        line-height: 123.529%;
    }


    .history__item--price div sup {
        font-size: 22px;
        line-height: 22px;
    }


    .history__item--top .history__item--right {
        align-items: flex-start;
    }
}


@media screen and (max-width: 480px) {
    .history__product--img {
        width: 66px;
        min-height: 82px;
    }


    .history__product--img img {
        max-height: 66px;
    }


    .history__product--info {
        width: calc(100% - 78px);
    }


    .history__product--title {
        font-size: 16px;
        line-height: 24px;
    }


    .history__product--info .price {
        font-size: 16px;
    }


    .history__products {
        padding: 4px;
    }


    .history__item {
        font-size: 16px;
        line-height: 150%;
    }


    .history__item--products, .history__item--price {
        width: auto;
    }


    .history__item--price {
        flex: none;
    }

    .history__item--products {
        margin-right: 20px;
    }

    .history__item--products--item {
        width: 26px;
        height: 32px;
        padding: 3px 0;
    }
}

@media screen and (max-width: 374px) {
    .cart__price--total, .history__item--price div {
        font-size: 28px;
    }

    .history__item .cart__price--info {
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 359px) {
    .history__item--status {
        font-size: 28px;
    }
}

.button--stroke {
    position: relative;
    overflow: hidden;
    transition: 0s;
}

.button--stroke:hover {
    color: #fff;
}

.button--stroke:hover b {
    color: #fff;
    opacity: 1;
}

.button--stroke:hover svg path {
    fill: #fff;
}

.button--stroke.team__item--info--btn:hover svg path {
    stroke: #fff;
    fill: none;
}

.button__label {
    position: relative;
    text-align: center;
    transition: color 0.05s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.button--stroke:hover .button__label {
    transition: color 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.button__flair {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.button--stroke .button__flair {
    transform: scale(0);
    transform-origin: 0 0;
}

.button__flair:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    aspect-ratio: 1/1;
    background-color: #272f64;
    border-radius: inherit;
    transform: translate(-50%, -50%);
    pointer-events: none;
    border-radius: 50%;
}

.parallax-img {
    border-radius: inherit;
    transition: transform 0.5s ease-out;
    position: absolute;
    top: -18%;
    left: 0;
    transform: translateY(0);
}

.team__item--img img {
    height: 120%;
}

.insta__item--img img {
    top: -28%;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .insta__item--img img {
        top: -35%;
    }
}

.theme-hint {
    position: fixed;
    transform: translate(-12px, -20px);
    z-index: 9999;
    display: flex;
    align-items: center;
    pointer-events: none;
    line-height: normal;
}

@media (hover: none) {
    .theme-hint {
        display: none !important;
    }
}

.theme-hint svg {
    margin-right: 10px;
}

.theme-hint-text, .slider-hint-text {
    font-size: 16px;
    transition: 0.3s ease;
    background: linear-gradient(90deg, #f5be66, #ff8038, #ff38bb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.theme-hint-text {
    white-space: nowrap;
}

.theme-btn-red {
    background: #FF526F;
}

.delete-account-btns {
    display: flex;
    margin-top: 40px;
}

.delete-account-btns a {
    width: 196px;
    display: block;
    margin: 0 4px;
}

@media screen and (min-width: 1441px) {
    .delete-account-btns a {
        width: 230px;
    }
}

@media screen and (min-width: 1680px) {
    .delete-account-btns a {
        width: 260px;
    }
}

.delete-account-modal .modal-box {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.delete-account-modal .title {
    margin-top: 20px;
    text-align: center;
}

.delete-account-info {
    display: flex;
    border-left: 4px solid #FF526F;
    background: #2B3367;
    box-shadow: 0px 0px 0px 2px rgba(229, 233, 255, 0.1);
    border-radius: 20px;
    padding: 16px 16px 16px 12px;
    color: #E5E9FF;
    width: 510px;
    margin-top: 20px;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.delete-account-info p {
    line-height: inherit;
}

@media screen and (min-width: 1441px) {
    .delete-account-info {
        font-size: calc(14px + 4.67 * (100vw - 1440px) / 480);
        line-height: 143%;
    }
}

@media screen and (min-width: 1520px) {
    .delete-account-info {
        width: 36%;
        max-width: 700px;
    }
}

@media screen and (min-width: 1920px) {
    .delete-account-info {
        font-size: 18.67px;
    }
}

.delete-account-info-icon {
    width: 48px;
    flex: none;
    margin-right: 10px;
}

.delete-account-info-icon img {
    display: block;
}

.delete-account-info h3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 144%;
    font-family: "Inter-Regular", sans-serif;
    margin-bottom: 8px;
}

@media screen and (min-width: 1441px) {
    .delete-account-info h3 {
        font-size: calc(18px + 6 * (100vw - 1440px) / 480);
    }
}

@media screen and (min-width: 1920px) {
    .delete-account-info h3 {
        font-size: 24px;
    }
}

.modal.delete-account-modal {
    padding: 24px;
}

@media screen and (max-width: 767px) {
    .modal.delete-account-modal {
        padding: 16px 16px 70px 16px;
    }
}

@media screen and (max-width: 580px) {
    .delete-account-info {
        width: 100%;
    }

    .delete-account-btns, .delete-account-btns a {
        display: block;
        width: 100%;
    }

    .delete-account-btns a {
        margin-top: 8px;
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .delete-account-info {
        font-size: 12px;
    }

    .delete-account-info h3 {
        font-size: 16px;
    }
}

.slider-prev, .slider-next {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 2;
}

.slider-next {
    right: 0;
}

.category-marquee {
    margin-right: -30px;
    margin-left: -30px;
    background: #272f64;
    font-family: "Neue Machina", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 144%;
    text-align: center;
    height: 50px;
    min-height: unset;
    padding: 0;
    margin-bottom: -60px;
}

@media only screen and (max-width: 1070px) {
    .category-marquee {
        margin-bottom: -40px;
    }
}

@media only screen and (max-width: 768px) {
    .category-marquee {
        margin-bottom: -20px;
    }
}

.category-marquee .product-marquee-js {
    height: 100%;
}

.category-marquee .product__marquee--item {
    text-decoration-skip-ink: none;
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: unset;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 50px;
    margin-top: -10px;
}

.category-marquee .product__marquee--item::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 40px;
    background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00793 16.8967C7.67793 15.0047 6.33593 12.6287 3.78393 10.7147C2.52993 9.76866 1.25393 9.15266 -7.02515e-05 8.88866V7.96466C2.48593 7.37066 4.92793 5.69866 6.48993 3.43266C7.28193 2.28866 7.78793 1.16666 8.00793 0.000656009H8.93193C9.30593 2.22266 11.0219 4.68666 13.3539 6.33666C14.4979 7.15066 15.6859 7.70066 16.8959 7.96466V8.88866C14.4539 9.39466 11.6159 11.5727 10.2079 13.7947C9.50393 14.9167 9.08593 15.9507 8.93193 16.8967H8.00793Z" fill="url(%23paint0_linear_3801_65170)"/><defs><linearGradient id="paint0_linear_3801_65170" x1="-1.12207" y1="7.97266" x2="18.8779" y2="7.97266" gradientUnits="userSpaceOnUse"><stop stop-color="%23F4DCA8"/><stop offset="0.245" stop-color="%23F5BE66"/><stop offset="0.52" stop-color="%23FF8038"/><stop offset="1" stop-color="%23FF38BB"/></linearGradient></defs></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.tp-widget-container {
    margin: 24px 0 0 0;
    font-family: inherit;
    width: max-content;
}

.tp-switcher-tabs {
    display: flex;
    flex-direction: row;
    position: relative;
}

.tp-switcher-item {
    display: flex;
    position: relative;
    background: #fff;
}

.tp-switcher-item:first-of-type {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 100px 0 0 100px;
    padding: 8px 12px;
    height: 36px;
}

.tp-switcher-item:last-of-type {
    border-radius: 0 100px 100px 0;
    padding: 8px 12px;
    height: 36px;
}

.tp-switcher-btn {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tp-switcher-btn span {
    transition: color 0.3s;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 143%;
    color: #272f64;
}

.tp-active {
    background: #272f64;
    color: #e5e9ff;
}

.tp-active .tp-switcher-btn,
.tp-active .tp-switcher-btn span {
    color: #e5e9ff;
}

.tp-switcher-btn svg {
    transition: transform 0.3s;
}

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

.tp-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: #FFF;
    min-width: 320px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    z-index: 100;
    margin-top: 8px;
    border-radius: 4px;
}

.tp-dropdown-inner {
    max-height: 350px;
    overflow-y: auto;
    padding: 8px 0;
}

.tp-link {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    padding: 12px 20px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    line-height: 1.2;
    transition: background 0.2s, color 0.2s;
}

.tp-en {
    opacity: 0.2;
    color: #272F64;
}

.tp-link:hover .tp-en {
    opacity: unset;
}

.tp-link:hover .tp-ua {
    background: linear-gradient(90deg, #f4dca8 0%, #f5be66 24.5%, #ff8038 52%, #ff38bb 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tp-link svg path {
    opacity: 0.2;
}

.tp-link:hover svg path {
    opacity: unset;
}

.tp-cta {
    margin-top: 80px;
}

[x-cloak] {
    display: none !important;
}

.blog__items .products__item--name a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    min-height: 2.6em;
    line-height: 1.3em;
    margin-bottom: 8px;
    display: block;
}

.blog__items .products__item--price,
.blog__items .products__item--price p,
.blog__items.products__item--price span,
.blog__items .price-doctor p {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    margin: 0;
}

.blog__items .products__item--price {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}

.blog__items .price-default,
.blog__items .price-doctor {
    display: flex;
    align-items: center;
    gap: 4px;
}

.blog__items {
    padding: 0 !important;
    width: 100%;
}

.blog__items .products__item--info {
    padding: 24px !important;
}

.blog__items .price-doctor,
.blog__items .price-default {
    width: max-content;
}

.blog__items .request-info:hover p {
    opacity: 1;
}

.blog__edition {
    border: 1px solid rgba(229, 233, 255, 0.1);
    border-radius: 20px;
}

.blog__edition a::after {
    display: none !important;
}

.product-item-holder .blog__items .products__item--img {
    height: 366px !important;
}

@media screen and (max-width: 767px) {
    .product-item-holder:has(.blog__items) {
        margin-top: 8px;
    }

    .product-item-holder:has(.blog__items):first-child {
        margin-top: 0;
    }
}

.js-infinite-scroll .blog__more,
.js-infinite-scroll .category__more {
    opacity: 0 !important;
    height: 1px;
    margin: 0;
    pointer-events: none;
}