body {
    background-color: var(--dark-blue);
    font-family: Montserrat;
}

.overflow-hidden {
    overflow: hidden;
}

.container {
    max-width: 1496px;
    margin: 0 auto;
    padding: 0 40px;
    width: 100%;
    max-height: 100%;
}

main {
    overflow: hidden;
}

@media (max-width: 1440px) {
    .container {
        padding: 0 32px;
    }
}

@media (max-width: 991px) {
    .container {
        padding: 0 24px;
    }
}

.text-xxl {
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .text-xxl {
        font-size: 32px;
        line-height: 1.3;
    }
}

.text-xl {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .text-xl {
        font-size: 24px;
        line-height: 1.4;
    }
}

.text-m {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .text-m {
        font-size: 20px;
        line-height: 1.4;
    }
}

.text-sm {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .text-sm {
        font-size: 16px;
        line-height: 1.5;
    }
}

.btn {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
}

@media (max-width: 767px) {
    .btn {
        font-size: 16px;
    }
}

.scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #f0f0f0;
}

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #f0f0f0;
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--dark-blue);
    outline: 1px solid var(--dark-blue);
    border-radius: 7px;
}

.loading-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.loading-dots-button, .loading-dots-block {
    position: relative;
}

.loading-content-hidden {
    opacity: 0;
}

.loading-dots-hidden {
    display: none;
}

.loading-dots-white .loading-dots-dot {
    background-color: #fff;
}

.loading-dots .loading-dots-dot {
    margin-left: 5px;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    animation: loading-dot 1s infinite ease-in-out;
}

.loading-dots .loading-dots-dot:first-child {
    animation-delay: .3s;
}

.loading-dots .loading-dots-dot:nth-child(2) {
    animation-delay: .6s;
}

.loading-dots .loading-dots-dot:last-child {
    animation-delay: .9s;
}

@keyframes loading-dot {
    from {
        opacity: 1;
    }
    25% {
        opacity: .5;
    }
    50% {
        opacity: .2;
    }
    75% {
        opacity: .5;
    }
    to {
        opacity: 1;
    }
}

.logo-box {
    width: 158px;
    height: 44px;
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 0;
    line-height: 0;
}

@media (max-width: 1440px) {
    .logo-box {
        max-width: 105px;
    }
}

@media (max-width: 991px) {
    .logo-box {
        max-width: 158px;
    }
}

.logo-left {
    width: 30%;
    flex-shrink: 0;
    position: relative;
}

.logo-left::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.logo-right {
    width: calc(70% - 15px);
    flex-shrink: 0;
}

.logo-box img {
    width: 100%;
    transition: opacity 0.5s ease-in-out;
}

.logo-left img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.logo-left img:first-child {
    opacity: 1;
}

.logo-left img:last-child {
    opacity: 0;
}

/* Плавная анимация с длительными задержками */
@keyframes logoPrimary {
    0% {
        opacity: 1;
    }
    20% {
        opacity: 1;
    }
    /* длительная задержка в видимом состоянии */
    30% {
        opacity: 0;
    }
    /* плавное исчезновение */
    60% {
        opacity: 0;
    }
    /* длительная задержка в скрытом состоянии */
    80% {
        opacity: 1;
    }
    /* плавное появление */
    100% {
        opacity: 1;
    }
}

@keyframes logoSecondary {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.logo-left img:first-child {
    animation: logoPrimary 7s ease-in-out infinite;
}

.logo-left img:last-child {
    animation: logoSecondary 7s ease-in-out infinite;
}


.menu {
    font-family: 'Source Sans Pro';
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    background-color: rgba(0, 4, 33, 0.4);
    backdrop-filter: blur(142px);
    color: var(--white);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.menu__list {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
}
.menu__group {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-shrink: 0;
    width: 40%;
}
.menu__group--left {
    justify-content: flex-end;
}
.menu__item {
    list-style: none;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: .3s ease;
    position: relative;
}

.menu__item-link::after, .menu__item-link::before {
    content: '';
    position: absolute;
    width: 0;
    transition: all .3s ease;
    left: 50%;
}

.menu__item-link.active::before, .menu__item-link:hover::before,
.menu__item-link.active::after, .menu__item-link:hover::after {
    content: '';
    position: absolute;
    bottom: -5px;
    background: var(--white);
    height: 2px;
    width: 50%;
}

.menu__item-link.active::before, .menu__item-link:hover::before {
    left: 0;
}

.menu__item-link.active::after, .menu__item-link:hover::after {
    left: 50%;
}

.menu__item-logo a,
.menu__item-logo li {
    display: flex;
    align-items: center;
}

.menu__item-logo {
    margin: 0 60px;
    display: flex;
    align-items: center;
}

.menu__item-logo img {
    max-width: 100%;
    height: auto;
}

.menu-btn {
    background-color: var(--white);
    padding: 14px 32px;
    color: var(--dark-blue);
    border-radius: 32px;
    cursor: pointer;
    transition: .3s ease;
    font-size: 18px;
    line-height: 1;
}

.menu-btn:hover {
    background-color: var(--violet);
    color: var(--white);
}

.mobile__menu,
.mobile__menu-contacts {
    display: none;
}

@media (max-width: 1440px) {
    .menu__item-logo {
        margin: 0;
        max-width: 105px;
    }

    .menu-btn {
        padding: 12px 24px;
    }
}

@media (max-width: 991px) {
    .menu {
        opacity: 0;
        transform: translateX(-100%);
        height: calc(var(--vh, 100vh) - 77px);

        top: unset;
        bottom: 0;
        background: var(--dark-blue);
        transition: .3s ease;
    }

    .menu__list,
    .menu__group {
        flex-direction: column;
        align-items: flex-start;
    }
    .menu__group--left {
        justify-content: flex-start;
    }
    .menu.active {
        opacity: 1;
        transform: translateX(0);
        background: var(--white);
        color: var(--dark-blue);
        font-weight: 600;
        z-index: 20;
    }

    .menu.active .menu__list {
        align-items: flex-start;
        justify-content: flex-start;
        padding: 33px 24px;
        gap: 24px;
    }

    .mobile__menu.active .menu-btn {
        color: var(--white);
        background-color: var(--dark-blue);
    }

    .mobile__menu-contacts {
        font-weight: 400;
        display: flex;
        align-items: flex-end;
        gap: 50px;
        padding: 24px;
        border-top: 1px solid rgba(0, 4, 33, 0.20);
        position: fixed;
        bottom: 0;
        width: 100%;
        justify-content: space-between;
    }

    .mobile__menu-contacts-text {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .mobile__menu-contacts .social__item {
        background-color: #d0d0d0;
    }

    .menu .menu__item-logo {
        display: none;
    }

    .menu .menu__item-logo,
    .menu .menu__item-btn {
        display: none;
    }

    .mobile__menu {
        display: flex;
        font-family: 'Source Sans Pro';
        gap: 20px;
        align-items: center;
        justify-content: space-between;
        padding: 16px 24px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.20);
        background-color: rgba(0, 4, 33, 0.4);
        backdrop-filter: blur(142px);
        color: var(--white);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
    }

    .mobile__menu.dark {
        background: var(--dark-blue);
    }

    .mobile__menu.active {
        background: var(--white);
        color: var(--dark-blue);
        border-color: rgba(0, 0, 0, 0.20);
    }

    .mobile__menu .logo--light {
        display: block;
    }

    .mobile__menu .logo--dark {
        display: none;
    }

    .mobile__menu.active .logo--light {
        display: none;
    }

    .mobile__menu.active .logo--dark {
        display: block;
    }

    .mobile__menu.active svg path {
        fill: var(--dark-blue);
    }

    .mobile__menu.active .burger__line {
        background: var(--dark-blue);
    }


    .mobile__menu-left {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .mobile__menu-logo {
        width: 130px;
    }

    .mobile__menu-logo img {
        max-width: 100%;
    }

    .mobile__menu-logo a {
        display: flex;
        align-items: center;
    }

    .mobile__menu-burger {
        cursor: pointer;
    }

    .burger__lines {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 20px;
        height: 14px;
    }

    .burger__line {
        width: 100%;
        height: 2px;
        border-radius: 8px;
        background-color: var(--white);
        transition: .3s ease;
    }

    .mobile__menu.active .burger__line:nth-child(2) {
        opacity: 0;
    }

    .mobile__menu.active .burger__line:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .mobile__menu.active .burger__line:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

    .menu-btn__icon {
        display: none;
    }
}

@media (max-width: 767px) {
    .menu-btn {
        background: transparent;
        padding: 0;
    }

    .menu-btn:hover {
        background: transparent;
    }

    .menu-btn__icon {
        display: block;
    }

    .menu-btn__text {
        display: none;
    }

    .mobile__menu.active .menu-btn {
        background-color: transparent;
    }
}

.hero {
    color: var(--white);
    min-height: var(--vh, 100vh);
    padding: 220px 0 110px;
    background-image: url('/local/templates/site_25/assets/img/hero-texture.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.hero__title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 17px;
    text-align: center;
    z-index: 0;
    position: relative;
}

.hero__title span {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 12px;
    text-transform: uppercase;
    font-size: 32px;
    opacity: .4;
    animation: smoothWave 4s infinite cubic-bezier(0.4, 0, 0.2, 1);
}

.hero__title span:nth-child(1) {
    font-size: 40px;
}

/* Задержки для плавной волны */
.hero__title span:nth-child(1) {
    animation-delay: 0s;
}

.hero__title span:nth-child(2) {
    animation-delay: 0.4s;
}

.hero__title span:nth-child(3) {
    animation-delay: .8s;
}

.hero__title span:nth-child(4) {
    animation-delay: 1.2s;
}

@keyframes smoothWave {
    0%, 100% {
        opacity: 0.4;
        transform: scale(1);
    }
    75% {
        opacity: 1;
        transform: scale(1.02);
    }
}

.hero__text {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 55%;
    margin: 1000px 0 0 auto;
}

.hero__text p {
    margin: 0;
    padding: 0;
}

.hero__image {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: fit-content;
    margin: 0 auto;
    left: 10px;
    top: -50px;
}

.hero__image img {
    position: relative;
    z-index: 1;
}

.hero__image-overlay {
    content: '';
    position: absolute;
    width: 505px;
    height: 398px;
    flex-shrink: 0;
    border-radius: 100%;
    z-index: 2;
}

.hero__image-overlay--top {
    width: 595px;
    height: 468px;
    transform: rotate(2deg);

    background: radial-gradient(50% 50% at 50% 50%, rgba(41, 4, 92, 0.45) 0%, rgba(255, 201, 246, 0.00) 100%);
    mix-blend-mode: multiply;
    top: -20%;
    left: 0;
    right: 0;
    margin: auto;
}

.hero__image-overlay--left {
    transform: rotate(2deg);
    background: radial-gradient(50% 50% at 50% 50%, rgba(38, 125, 255, 0.70) 0%, rgba(37, 44, 255, 0.00) 100%);
    mix-blend-mode: overlay;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -20%;
}

/*
.hero__image-overlay--right {
    border-radius: 505.479px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%);
    backdrop-filter: blur(12.5px);
    top: 0;
    bottom: 0;
    margin: auto;
    right: -20%;
}*/
.hero__image-bg {
    position: absolute;
    content: '';
}

.hero__image-bg--top {
    width: 1220px;
    height: 731px;
    transform: rotate(2.083deg);
    border-radius: 100%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(101, 17, 211, 0.31) 0%, rgba(255, 201, 246, 0.00) 100%);
    mix-blend-mode: lighten;
    z-index: 0;
}

.hero__image-bg--bottom {
    width: 394px;
    height: 320px;
    flex-shrink: 0;
    background: linear-gradient(180deg, rgba(24, 75, 255, 0.00) 0%, #174AFF 100%);
    filter: blur(100px);
    left: 0;
    right: 0;
    top: -10%;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.hero__light {
    position: absolute;
    z-index: 0;
}

.hero__light--left {
    top: 45%;
    left: -5%;
    animation: lightning-combined-dense 8s infinite;
}

.hero__light--right {
    left: 80%;
    top: 15%;
    animation: lightning-combined-dense 8s infinite .3s reverse;
}

/* Анимации */
@keyframes lightning-combined-dense {
    /* Серия 1 - короткая интенсивная */
    0%, 14% {
        opacity: 0;
        filter: brightness(1) blur(0px);
    }
    14.2% {
        opacity: 0.9;
        filter: brightness(3) blur(1px);
    }
    15.4% {
        opacity: 0.4;
        filter: brightness(2) blur(.5px);
    }
    16.6% {
        opacity: 0.8;
        filter: brightness(3) blur(2px);
    }
    17.8% {
        opacity: 0.3;
        filter: brightness(2) blur(.5px);
    }
    18% {
        opacity: 0.7;
        filter: brightness(4) blur(1px);
    }
    19.2% {
        opacity: 0;
        filter: brightness(1) blur(0px);
    }

    /* Серия 2 - с большей паузой */
    25%, 38% {
        opacity: 0;
        filter: brightness(1) blur(0px);
    }
    38.2% {
        opacity: 0.7;
        filter: brightness(1) blur(1px);
    }
    39.4% {
        opacity: 0.3;
        filter: brightness(1) blur(0px);
    }
    40.6% {
        opacity: 0.6;
        filter: brightness(2) blur(1px);
    }
    40.8% {
        opacity: 0.2;
        filter: brightness(1) blur(.5px);
    }
    41% {
        opacity: 0.5;
        filter: brightness(2) blur(1px);
    }
    42.2% {
        opacity: 0;
        filter: brightness(1) blur(0px);
    }

    /* Серия 3 - одиночная мощная */
    55%, 72% {
        opacity: 0;
        filter: brightness(1) blur(0px);
    }
    72.2% {
        opacity: 0.9;
        filter: brightness(6) blur(2px);
    }
    73.4% {
        opacity: 0.2;
        filter: brightness(2) blur(.5px);
    }
    74.6% {
        opacity: 0.7;
        filter: brightness(3) blur(2px);
    }
    75.8% {
        opacity: 0;
        filter: brightness(1) blur(0px);
    }

    /* Серия 4 - двойная вспышка */
    85%, 100% {
        opacity: 0;
        filter: brightness(1) blur(0px);
    }
    85.2% {
        opacity: 0.8;
        filter: brightness(3) blur(1px);
    }
    86.4% {
        opacity: 0.3;
        filter: brightness(1) blur(.5px);
    }
    87.6% {
        opacity: 0.6;
        filter: brightness(2) blur(1px);
    }
    87.8% {
        opacity: 0.2;
        filter: brightness(1) blur(.5px);
    }
    88% {
        opacity: 0.5;
        filter: brightness(2) blur(1px);
    }
    88.2% {
        opacity: 0;
        filter: brightness(1) blur(0px);
    }
}

@keyframes magneticPulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.03);
    }
    100% {
        transform: scale(1);
    }
}

.hero__image img {
    animation: magneticPulse 2s ease-in-out infinite;
}

.object {
    position: absolute;
    z-index: 3;
    transition: transform 0.6s ease;
    will-change: transform;
    backface-visibility: hidden;
}

.object img {
    display: block;
    flex-shrink: 0;
}

.object-1 {
    top: -13%;
    left: -24%;
    z-index: 25;
}

.object-2 {
    top: 20%;
    left: 20%;
}

.object-3 {
    top: 28%;
    left: -3%;
}

.object-4 {
    top: 45%;
    left: -15%;
}

.object-5 {
    top: 53%;
    left: 20%;
}

.object-6 {
    top: 75%;
    left: 10%;
}

.object-7 {
    top: 60%;
    left: 35%;
}

.object-8 {
    top: 50%;
    right: 42%;
    display: flex;
    justify-content: flex-end;
}

.object-9 {
    top: 70%;
    right: 20%;
    display: flex;
    justify-content: flex-end;
}

.object-10 {
    top: 58%;
    right: 25%;
    display: flex;
    justify-content: flex-end;
}

.object-11 {
    top: 52%;
    right: 22%;
    display: flex;
    justify-content: flex-end;
}

.object-12 {
    top: 45%;
    right: -5%;
    display: flex;
    justify-content: flex-end;
}

.object-13 {
    top: 40%;
    right: 10%;
    display: flex;
    justify-content: flex-end;
}

.object-14 {
    top: 3%;
    right: -25%;
    display: flex;
    justify-content: flex-end;
}

@media ( max-width: 1800px) {
    .object img {
        max-width: 85%;
    }

    .object-9 {
        top: 70%;
    }
}

@media (max-width: 1599px) {
    .object img {
        max-width: 80%;
    }

    .object-14 {
        top: 2%;
        right: -17%;
    }
}

@media (max-width: 1440px) {
    .hero__image img {
        max-width: 640px;
    }

    .hero__image-overlay {
        width: 342px;
        height: 269px;
    }

    .hero__image-bg--top {
        width: 700px;
        height: 300px;
    }

    .hero__image-bg--bottom {
        width: 250px;
        height: 160px;
    }

    .hero__light--left img {
        max-height: 430px;
    }

    .hero__light--right img {
        max-width: 260px;
    }

    .object img {
        max-width: 70%;
    }

    .object-1 {
        left: -22%;
    }

    .object-2 {
        top: 15%;
        left: 15%;
    }

    .object-3 {
        top: 21%;
        left: -12%;
    }

    .object-4 {
        top: 50%;
        left: -20%;
    }

    .object-5 {
        top: 40%;
        left: 9%;
    }

    .object-6 {
        top: 77%;
        left: 3%;
    }

    .object-7 {
        top: 45%;
        left: 30%;
    }

    .object-8 {
        top: 60%;
    }

    .object-9 {
        top: 63%;
        right: 13%;
    }

    .object-10 {
        top: 47%;
    }

    .object-11 {
        top: 40%;
        right: 14%;
    }

    .object-12 {
        top: 43%;
        right: 4%;
    }

    .object-13 {
        top: 35%;
        right: 8%;
    }

    .object-14 {
        top: 4%;
        right: -23%;
    }

    .hero__text {
        margin: 850px 0 0 auto;
    }
}


@media (max-width: 991px) {
    .hero__image img {
        max-width: 463px;
    }

    .hero__light--left img {
        max-height: 313px;
    }

    .hero__light--right img {
        max-width: 150px;
    }

    .hero__text {
        margin: 576px 0 0 auto;
    }

    .object img {
        max-width: 55%;
    }

    .object-1,
    .object-3,
    .object-8 {
        display: none;
    }

    .object-2 {
        left: 10%;
    }

    .object-4 img {
        max-width: 30%;
    }

    .object-4 {
        top: 56%;
        left: -8%;
    }

    .object-5 {
        top: 30%;
        left: -5%;
    }

    .object-6 {
        top: 77%;
        left: -4%;
    }

    .object-7 {
        top: 43%;
        left: 15%;
    }

    .object-9 img {
        max-width: 40%;
    }

    .object-9 {
        top: 60%;
        right: 25%;
    }

    .object-10 {
        top: 48%;
        right: 17%;
    }

    .object-11 {
        top: 33%;
        right: 9%;
    }

    .object-12 {
        top: 38%;
        right: -11%;
    }
    .object-13 {
        top: 39%;
        right: 8%;
    }
    .object-14 {
        top: 4%;
        right: -30%;
    }
}


@media (max-width: 767px) {
    .hero__image {
        top: -20px;
    }

    .hero__image img {
        max-width: 313px;
    }

    .hero__light--left img {
        max-height: 211px;
    }

    .hero__light--right img {
        max-width: 80px;
    }

    .hero__text {
        margin: 438px 0 0 auto;
    }

    .object-5 {
        top: 33%;
        left: -19%;
    }

    .object-7 {
        top: 45%;
        left: 16%;
    }

    .object-8 {
        display: block;
        top: 42%;
        right: 31%;
    }

    .object-11 img {
        width: 100px;
    }

    .object-11 {
        top: 35%;
        right: 5%;
    }

    .object-10 img {
        width: 150px;
    }

    .object-10 {
        top: 55%;
        right: 26%;
    }

    .object-14 img {
        width: 300px;
    }

    .object-14 {
        top: 56%;
        right: -15%;
    }

    .object-4 {
        display: none;
    }

    .object-5 {
        top: 33%;
        left: -15%;
    }

    .object-12 img {
        width: 250px
    }

    .object-12 {
        top: 37%;
        right: -12%;
    }

    .object-7 {
        top: 47%;
        left: 5%;
    }

    .object-7 img {
        width: 200px;
    }

    .object-8 img {
        max-width: 100%;
    }

    .object-9 img {
        width: 250px;
    }

    .object-9 {
        top: 57%;
        right: unset;
        left: -30%;
    }

    .object-13 {
        display: none;
    }

    .object-6 {
        display: none;
    }

    .object-9 img {
        max-width: 95%;
    }
}

@media (max-width: 370px) {
    @media (max-width: 767px) {
        .object-9 {
            top: 53%;
            right: unset;
            left: -33%;
        }
    }
}

@media (max-width: 1440px) {
    .hero {
        padding: 110px 0 55px;
    }


}

@media (max-width: 991px) {
    .hero {
        padding: 110px 0 40px;
    }

    .hero__title {
        gap: 24px;
    }

    .hero__title span {
        font-size: 24px;
        letter-spacing: 7px;
    }

    .hero__title span:nth-child(1) {
        font-size: 32px;
    }

    .hero__text {
        max-width: 65%;
    }
}

@media (max-width: 767px) {
    .hero__title {
        gap: 16px;
    }

    .hero__title span {
        font-size: 16px;
        letter-spacing: 5px;
    }

    .hero__title span:nth-child(1) {
        font-size: 18px;
    }

    .hero__text {
        font-size: 24px;
        line-height: 1.4;
        max-width: 100%;
    }
}

.tags__section {
    padding: 110px 0;
    overflow: hidden;
}

.tags {
    color: var(--white);
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: max-content;
}

.tags__row {
    position: relative;
    padding: 1px 0;
    display: flex;
    gap: 16px;
    width: fit-content;
    height: fit-content;
    -webkit-transform-style: preserve-3d; /* Фикс возможного глюка с морганием в Сафари */
}

.tags__list {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;

}


.tags__item {
    list-style: none;
    padding: 16px 40px;
    border-radius: 16px;
    border: 1px solid var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    white-space: nowrap;
    -webkit-backface-visibility: hidden; /* Фикс возможного глюка с морганием в Сафари */

}

.tags__item.tags__item-img {
    padding: 0;
    border: unset;
    max-height: 60px;
}

.tags-marquee--left {
    animation: slide_horizontal 80s linear infinite;
}

.tags-marquee--right {
    animation: slide_horizontal 80s linear infinite reverse;
}


@media (max-width: 1440px) {
    .tags__section {
        padding: 55px 0;
    }

    .tags {
        gap: 24px 16px;
    }
}

@media (max-width: 991px) {
    .tags__section {
        padding: 40px 0;
    }
}

@media (max-width: 767px) {
    .tags {
        gap: 16px;
    }

    .tags__item {
        padding: 12px 32px;
    }

    .tags__item-img img {
        width: 40px;
        height: 40px;
    }
}

.gravitation {
    color: var(--white);
    padding: 110px 0 220px;
    overflow: hidden;
    position: relative;
}

.gravitation__title {
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.gravitation__title--lg {
    font-size: 102px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}


.word {
    position: relative;
    line-height: .8;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 102px;
    letter-spacing: normal;
    left: -5px;
}

.power {
    position: relative;
    left: -2px;
}

.reflection {
    position: absolute;
    pointer-events: none;
    left: -211px;
    top: 76px;
}

.gravitation__overlay {
    width: 150%;
    height: 50%;
    content: '';
    position: absolute;
    border-radius: 100%;
    background: radial-gradient(50% 50% at 50% 50%, #000421 35.1%, rgba(0, 4, 33, 0.00) 100%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    z-index: 1;
    pointer-events: none;
}

.highlight-text {
    position: relative;
    z-index: 1;
}

.highlight-text::after {
    position: absolute;
    content: '';
    width: 325px;
    height: 30px;
    left: -6px;
    top: 0;
    background-image: url('/local/templates/site_25/assets/img/highlight-md.svg');
    z-index: -1;
    background-size: cover;
}

.gravitation__quote {
    display: flex;
    gap: 120px;
    margin-top: 300px;
    position: relative;
    z-index: 1;
}

.gravitation__text {
    display: flex;
    gap: 32px;
    flex-direction: column;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}


.gravitation__position {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

.gravitation__bottom {
    margin-top: 50px;
    display: flex;
    align-items: flex-end;
    gap: 66px;
}

.gravitation__right {
    max-width: 43%;
    flex-shrink: 0;
}

.gravitation__right-author {
    display: none;
}

.gravitation__image {
    overflow: hidden;
    width: 100%;
    height: auto;
}

.gravitation__image img {
    width: 100%;
    transition: .3s ease;
}

.gravitation__image:hover img {
    transform: scale(1.2);
}

.reflection {
    position: absolute;
    width: auto;
    overflow: hidden;
}

.reflection[data-aos="height-expand"] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 2s ease-in-out !important;
}

.reflection[data-aos="height-expand"].aos-animate {
    max-height: 752px;
}

.reflection--tablet {
    display: none;
}

.reflection--mobile {
    display: none;
}

@media (max-width: 1440px) {
    .gravitation {
        padding: 55px 0 110px;
    }

    .gravitation__quote {
        gap: 80px;
    }

    .gravitation__sign img {
        max-width: 180px;
    }

    .gravitation__position br {
        display: none;
    }

    .gravitation__bottom {
        gap: 35px;
        margin-top: 12px;
    }
}

@media (max-width: 991px) {
    .gravitation {
        padding: 40px 0 80px;
    }

    .gravitation__quote {
        flex-direction: column;
    }

    .gravitation__bottom {
        display: none;
    }

    .gravitation__right-author {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .gravitation__right {
        max-width: 100%;
        display: flex;
        gap: 48px;
        align-items: flex-end;
    }

    .gravitation__image {
        height: 306px;
    }

    .gravitation__image img {
        object-fit: cover;
        object-position: center -90px;
        height: 100%;
    }

    .gravitation__sign img {
        max-width: 150px;
    }


    .gravitation__title {
        font-size: 48px;
        line-height: 1;
    }

    .gravitation__title--lg {
        font-size: 77px;
    }

    .gravitation__quote {
        gap: 40px;
    }

    .reflection--desktop {
        display: none;
    }

    .reflection--tablet {
        display: block;
    }

    .reflection {
        left: -160px;
        top: 57px;
    }

    .gravitation__quote {
        margin-top: 166px;
    }
}

@media (max-width: 767px) {
    .gravitation {
        color: var(--white);
    }

    .gravitation__right {
        flex-direction: column;
        gap: 17px;
    }

    .gravitation__image {
        height: auto;
    }

    .gravitation__image img {
        object-position: top;
    }

    .gravitation__right-author {
        width: 100%;
    }

    .gravitation__sign {
        margin: 0 0 0 auto;
    }

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

    .highlight-text::after {
        width: 251px;
        height: 25px;
        left: 5px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .gravitation__title {
        font-size: 24px;
    }

    .gravitation__title--lg {
        font-size: 36px;
    }

    .reflection--tablet {
        display: none;
    }

    .reflection--mobile {
        display: block;
        width: 615px;
    }

    .reflection {
        left: -75px;
        top: 27px;
    }

    .gravitation__quote {
        margin-top: 135px;
    }
}

.promo {
    background: var(--white);
    color: var(--dark-blue);
    padding: 220px 0 110px;
    position: relative;
}

.promo__video-wrapper {
    position: relative;
}

.promo__video {
    border-radius: 32px;
    overflow: hidden;
    margin: 77px 100px;
    cursor: pointer;
}

.promo__video-play {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 120px;
    height: 120px;
    transition: .3s ease;
}

.promo__video-preview {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.promo__video:hover .promo__video-play {
    transform: scale(1.2);
}

.video-modal {
    transition: .3s ease;
}

.video-modal__player {
    width: 100%;
    max-height: 100%;
    position: relative;
}

.video-modal__item {
    width: 100%;
    height: var(--vh, 100vh);
    display: flex;
    align-items: center;
    overflow: hidden;
}

.video-modal__item video {
    object-fit: contain;
    width: 100%;
    height: auto;
    object-position: center;
}

.video-modal__close {
    display: block;
    position: absolute;
    top: 48px;
    right: 48px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: .3s ease;
    z-index: 1;
}
.video-modal__close::after {
    width: 100px;
    height: 100px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-modal__close:hover {
    opacity: .7;
}

.video-controls {
    z-index: 1;
    display: flex;
    gap: 24px;
    flex-direction: column;
    position: absolute;
    bottom: 36px;
    left: 0;
    width: 100%;
}

.video-controls__top {
    margin-left: 40px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.video-controls__time {
    color: white;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

.video-controls__volume {
    cursor: pointer;
    transition: .3s ease;
}

.video-controls__volume:hover {
    opacity: .7;
}

.video-controls__volume--off {
    display: none;
}


.video-controls__progress {
    height: 4px;
    background: var(--white);
    cursor: pointer;
    position: relative;
}

.video-controls__progress-track {
    width: 100%;
    height: 100%;
    position: relative;
}

.video-controls__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    max-width: 0;
    width: 100%;
    transition: max-width .1s ease;
    background: var(--violet);
    z-index: 3;
}

@media (max-width: 767px) {
    .video-controls__top {
        margin-left: 24px;
    }

    .video-controls {
        bottom: 0;
        gap: 12px;
    }

    .video-modal__close {
        top: 16px;
        right: 16px;
    }
}

.stroke {
    overflow: hidden;
}

.stroke__row {
    width: 100%;
    padding-left: -100%;
}

.stroke__content {
    display: flex;
    gap: 16px;
}

.stroke__item {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.stroke__wrapper {
    position: absolute;
    width: 100%;
    height: calc(100% - 90px);
    top: 0;
    left: 0;
    overflow: hidden;
    bottom: 0;
    margin: auto;
    pointer-events: none;
}

.stroke--right {
    position: absolute;
    left: calc(100% - 28px);
    max-height: 30px;
    bottom: -90px;
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100%;
}

.stroke--left {
    position: absolute;
    left: -3px;
    max-height: 30px;
    bottom: -90px;
    transform: rotate(-90deg);
    transform-origin: left top;
}

.stroke__row {
    display: flex;
    gap: 16px;
    width: fit-content;
    height: fit-content;
    -webkit-transform-style: preserve-3d; /* Фикс возможного глюка с морганием в Сафари */
}

.stroke-marquee--left {
    animation: slide_horizontal 100s linear infinite;
}

.stroke-marquee--right {
    animation: slide_horizontal 100s linear infinite reverse;
}

.stroke-marquee--top {
    animation: slide_horizontal 100s linear infinite reverse;
}

.stroke-marquee--bottom {
    animation: slide_horizontal 100s linear infinite;
}

.stroke__item {
    -webkit-backface-visibility: hidden; /* Фикс возможного глюка с морганием в Сафари */
}

@keyframes slide_horizontal {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes slide_vertical {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(50%);
    }
}


@media (max-width: 1440px) {
    .promo {
        padding: 110px 0 55px;
    }

    .promo__video {
        margin: 44px 76px;
    }
}

@media (max-width: 991px) {
    .promo {
        padding: 80px 0 40px;
    }

    .stroke--left {
    }

    .stroke--right {
    }

    .promo__video {
        margin: 25px 57px;
    }

    .promo__video-play {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 767px) {
    .stroke__item {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.4;
    }

    .promo__video {
        margin: 20px 44px;
    }

    .promo__video-play {
        width: 60px;
        height: 60px;
    }

    .stroke--right {
        right: -9px;
    }

    .stroke--left {
        left: -6px;
    }

}

.unity {
    background-color: var(--white);
    color: var(--dark-blue);
    padding: 110px 0;
}

.unity__icon {
    margin-bottom: 32px;

}

.unity__icon img {
    animation: rotate-around-axis 5s linear infinite;
    transform-style: preserve-3d;
}

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

.unity__list {
    margin-top: 60px;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.unity__item {
    color: var(--white);
    background: var(--dark-blue);
    display: flex;
    justify-content: center;
    flex: 1 1 calc(50% - 12px);
    max-width: calc(50% - 12px);
    padding: 40px;
    border-radius: 32px;
    height: 365px;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.unity__item.unity__item--tags {
    padding: 0;
}

.unity__item-title {
    z-index: 1;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
}

.unity__item--tags .unity__item-title {
    padding: 40px 40px 0 40px;
}

.unity__item-content {
    max-height: 0;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: .6s ease;
}

.unity__item::before,
.unity__item::after {
    position: absolute;
    content: '';
    border-radius: 100%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(101, 17, 211, 0.53) 0%, rgba(255, 201, 246, 0.00) 100%);
    width: 744px;
    height: 744px;
    z-index: 0;
    transition: .6s ease;
    opacity: 0;
}

.unity__item::before {
    left: 50%;
    bottom: 0;
}

.unity__item::after {
    background: radial-gradient(50% 50% at 50% 50%, rgba(101, 17, 211, 0.53) 0%, rgba(255, 201, 246, 0.00) 100%);
    left: 40%;
    bottom: 10%;
}


.unity__item-text {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 20px;
}

.unity__item-content {
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.unity__item--rating .unity__item-content {
    justify-content: center;
}

.unity__item--tags .unity__item-content {
    justify-content: center;
}

.unity__item--products .unity__item-content {
    justify-content: center;
}

.unity__item-content.space-between {
    justify-content: space-between;
}

.unity__item-content.center {
    justify-content: center;
}

.unity__item:hover .unity__item-content {
    max-height: 300px;
    opacity: 1;
    overflow: visible;
}

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

.unity__logos .unity__logos-item {
    position: relative;
    width: 72px;
    height: 72px;
    overflow: hidden;
    border-radius: 50%;
}

.unity__logos .unity__logos-item img {
    transition: .3s ease;
    max-width: 100%;
    max-height: 100%;
}

.unity__logos .unity__logos-item:hover img {
    transform: scale(1.1);
}

.unity__logos .unity__logos-item:nth-child(2) {
    left: -10px;
    z-index: 1;
}

.unity__logos .unity__logos-item:nth-child(3) {
    left: -20px;
    z-index: 2;
}

.unity__logos .unity__logos-item:nth-child(4) {
    left: -30px;
    z-index: 3;
}

.unity__logos-count {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
}

.unity__item:hover::before,
.unity__item:hover::after {
    opacity: 1;
}

.unity__rating {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.unity__rating-item {
    display: flex;
    gap: 8px;
    border-radius: 55px;
    background: rgba(255, 255, 255, 0.31);
    padding: 8px 48px 8px 8px;
    align-items: center;
}

.unity__rating-right {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

.unity_tags {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.unity_tags-row {
    display: flex;
    gap: 12px;
    position: relative;

}

.unity_tags-row--mobile {
    display: none;
}

.unity_tags-row:nth-child(1) {
    left: -20px;
}

.unity_tags-row:nth-child(2) {
    left: -10px;
}

.unity_tags-row:nth-child(3) {
    left: -75px;
}

.unity_tags-row:nth-child(4) {
    left: -10px;
}

.unity_tags-row li {
    list-style: none;
    border-radius: 16px;
    border: 1px solid var(--white);
    background: rgba(255, 255, 255, 0.09);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 8px 28px;
    white-space: nowrap;
}

.unity_products {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.unity_products-logos {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.unity_products-logos-item {
    border-radius: 32px;
    overflow: hidden;
    height: 38px;
}

.unity_products-logos img {
    transition: .3s ease;
}

.unity_products-logos-item:hover img {
    transform: scale(1.1);
}

.unity__statistic {
    display: flex;
    flex-wrap: wrap;
    margin-top: 22px;
    row-gap: 24px;
}

.unity__statistic-item {
    width: 50%;
}

.unity__statistic-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
}

.unity__statistic-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

@media (max-width: 1440px) {
    .unity {
        padding: 55px 0;
    }

    .unity__item {
        padding: 24px;
        height: 284px;
    }

    .unity__item--tags .unity__item-title {
        padding: 24px 24px 0 24px;
    }

    .unity__item-title {
        font-size: 24px;
        line-height: 1.2;
    }

    .unity__item-text {
        font-size: 16px;
        margin-top: 16px;
    }

    .unity_products-section:nth-child(2) {
        .unity__item-text {
            margin-top: 0;
        }
    }

    .unity__logos .unity__logos-item {
        width: 58px;
        height: 58px;
    }

    .unity__logos img {
        width: 58px;
        height: 58px;
    }

    .unity__logos-count {
        font-size: 24px;
        line-height: 1.2;
    }

    .unity__rating {
        gap: 14px;
    }

    .unity__rating-item {
        padding: 5px 15px 5px 5px;
    }

    .unity__rating-left {
        width: 44px;
        height: 44px;
    }

    .unity__rating-left img {
        width: 100%;
        height: 100%;
    }

    .unity__rating-right {
        line-height: 1.2;
    }

    .unity__item--rating .unity__item-content {
        margin-top: 10px;
    }

    .unity_tags {
        position: relative;
    }

    .unity_tags-row {
        gap: 10px;
        min-width: calc(100% + 84px);
    }

    .unity_tags-row li {
        font-size: 16px;
        line-height: 1.5;
        flex-grow: 1;
        text-align: center;
    }

    .unity__item--tags .unity__item-content {
        justify-content: flex-end;
    }

    .unity_products {
        gap: 32px;
    }

    .unity_products-logos {
        gap: 8px;
    }

    .unity_products-logos-item {
        height: 30px;
    }

    .unity_products-logos img {
        max-height: 30px;
    }

    .unity__statistic-title {
        font-size: 24px;
        line-height: 1.2;
    }
}

@media (max-width: 991px) {
    .unity {
        padding: 40px 0;
    }

    .unity__list {
        margin-top: 50px;
    }

    .unity__item .unity__item-content {
        max-height: 350px;
        opacity: 1;
        overflow: visible;
    }

    .unity__item:hover .unity__item-content {
        max-height: 350px;
    }

    .unity__item::before,
    .unity__item::after {
        opacity: 1;
    }

    .unity__item {
        padding: 32px;
        height: 403px;
        justify-content: space-between;
    }

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

    .unity__item--tags .unity__item-title {
        padding: 32px 32px 0 32px;
    }

    .unity_tags-row--mobile {
        display: flex;
    }

    .unity_tags {
        gap: 10px;
    }

    .unity_tags-row:nth-child(5) {
        left: -9px;
    }

    .unity_tags-row:nth-child(6) {
        left: -26px;
    }

    .unity_products-logos-item {
        height: 38px;
    }

    .unity_products-logos img {
        max-height: 38px;
    }

    .unity__statistic {
        flex-direction: column;
        row-gap: 22px;
        margin-top: 16px;
    }

    .unity__statistic-item {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1px;
    }

    .unity__statistic-item br {
        display: none;
    }

    .unity__statistic-title {
        line-height: 1;
    }

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

    .unity__item--products .unity__item-content {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .unity__list {
        flex-direction: column;
    }

    .unity__item {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 314px;
        justify-content: flex-start;
    }

    .unity__item:hover .unity__item-content {
        max-height: 100%;
    }

    .unity_products-logos-item:hover img {
        transform: unset;
    }

    .unity__item .unity__item-content {
        max-height: unset;
        height: 100%;
        flex-grow: 1;
    }

    .unity__item-title {
        font-size: 20px;
        line-height: 1.3;
        display: flex;
        gap: 8px;
    }

    .unity__item-title span {
        flex-shrink: 0;
    }

    .unity__item-title span:nth-child(2) {
        max-width: 100%;
        flex-shrink: 1;
    }

    .unity__logos--desktop {
        display: none;
    }

    .unity__logos-count {
        font-size: 20px;
        line-height: 1.3;
        left: -7px;
        position: relative;
    }

    .unity__item--partners .unity__logos-count {
        left: -15px;
    }

    .unity__rating-item {
        padding: 5px 24px 5px 5px;
    }

    .unity__item--rating .unity__item-content {
        margin-top: 16px;
    }

    .unity_tags {
        bottom: 0;
        margin-top: 25px;
    }

    .unity_products {
        gap: 24px;
    }
}

.stories {
    background: var(--white);
    padding: 110px 0 220px;
    color: var(--white);
    overflow: hidden;
}

.stories .swiper {
    overflow: visible !important;
}

.stories__list {
    display: flex;
}

.stories__item {
    border-radius: 80px;
    padding: 70px 0;
    width: 25% !important;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: auto !important;
}

.stories__item--grey {
    background-color: var(--grey);
}

.stories__item--violet {
    background-color: var(--violet);
}

.stories__item:nth-child(1) {
    color: var(--dark-blue);

}

.stories__text {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
}

.stories__text img {
    width: 50px;
    height: 50px;
}


.stories__bg img,
.stories__bg video {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.stories__bg {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    transition: .3s ease;
}

.stories__bg::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
}

.stories__bg--hover .stories__bg {
    opacity: 0;
    transition: .3s ease;
}

.stories__bg--hover:hover .stories__bg {
    opacity: 1;
}

.stories__bg--hover:hover .stories__text {
    color: var(--white);
}

.stories__text {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    height: 100%;
    font-weight: 700;
    transition: .3s ease;
}


.swiper-pagination-bullet {
    width: auto;
    height: 4px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.40) !important;
    overflow: hidden;
    position: relative;
    margin: 0 !important;
    opacity: 1 !important;
    flex-grow: 1;
}

.swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 0.40) !important;
}

.swiper-bullet-progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    border-radius: 8px !important;
    background: var(--white);
    transition: width .1s linear;
}

.swiper-pagination--stories {
    bottom: 24px !important;
    left: 0;
    display: flex;
    width: calc(100% - 48px) !important;
    height: 4px;
    gap: 8px;
    margin: 0 auto;
    right: 0;
}

/* Заполняем прогресс у всех буллетов ПЕРЕД активным */
.swiper-pagination-bullet:has(~ .swiper-pagination-bullet-active) .swiper-bullet-progress {
    width: 100% !important;
}

@media (max-width: 1440px) {
    .stories {
        padding: 55px 0 110px;
    }

    .stories__item {
        border-radius: 60px;
        padding: 50px 0;
    }
}

@media (max-width: 991px) {
    .stories {
        padding: 40px 0 80px;
    }

    .stories__item {
        width: 240px !important;
    }


}

@media (max-width: 576px) {
    .stories__list {
        flex-direction: column;
    }

    .stories__item {
        width: 100% !important;
        padding: 50px 0;
        height: 202px !important;
        border-radius: 56px;
    }

    .stories__text {
        flex-direction: column;
    }

    .stories__text img {
        transform: rotate(90deg);
    }
}


.stories-modal__slider {
    width: 320px;
    height: 570px;
    position: relative;
}

.stories-modal__slider .swiper {
    border-radius: 32px;
    overflow: hidden;
}

.story-slide {
    color: var(--dark-blue);
    line-height: 0;
    border-radius: 32px;
    overflow: hidden;
}


.story-slide__player {
    border-radius: 32px;
    overflow: hidden;
}

.story-slide__player::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 220px;
    border-radius: 32px 32px 0 0;
    background: linear-gradient(0deg, rgba(0, 4, 33, 0.00) 5.56%, #000421 100%);
    left: 0;
    top: 0;
    z-index: 0;
}

.story-slide__player:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 166px;
    border-radius: 0 0 32px 32px;
    background: linear-gradient(180deg, rgba(0, 4, 33, 0.00) 5.56%, #000421 100%);
    left: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
}

.story-slide__player video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.story__slide-controls {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 8px;
    z-index: 1;
    position: absolute;
    bottom: 18px;
    left: 18px;
}

.story-slide__volume {
    cursor: pointer;
    transition: .3s ease;
}

.story-slide__volume:hover {
    opacity: .7;
}

.story-slide__volume--off {
    display: none;
}

.swiper-modal__navigation {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.swiper-navigation-disabled + .swiper-navigation {
    display: none;
}

.swiper-modal__button::after {
    content: url('/local/templates/site_25/assets/img/icons/arrow-slider.svg');
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 24px;
    height: 24px;
}

.swiper-modal__button {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.40);
    transition: .3s ease;
}

.swiper-modal__button--prev {
    right: calc(100% + 24px);
}

.swiper-modal__button--next {
    left: calc(100% + 24px);
}

.swiper-modal__button.swiper-modal__button--prev::after {
    transform: rotate(180deg);
}

.swiper-modal__button:not(.swiper-button-disabled):hover {
    background: var(--white);
}

.swiper-modal__button.swiper-button-disabled {
    display: none;
}

.story-slide__desc {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 24px;
}

.story-slide__title {
    color: var(--white);
    z-index: 1;
    position: relative;
}

.story-slide__text {
    color: var(--dark-grey);
    z-index: 1;
    position: relative;
}


.story-slide__time {
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

.story-slide__progress {
    height: 5px;
    background: var(--white);
    cursor: pointer;
    position: relative;
}

.story-slide__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    max-width: 0;
    width: 100%;
    transition: max-width 1s ease;
    background: var(--violet);
    z-index: 3;
}

@media (max-width: 991px) {
    .story-slide__progress {
        display: none;
    }
    .story__slide-controls {
        bottom: 40px;
        left: 24px;
    }
}

@media (max-width: 576px) {
    .stories-modal__slider {
        width: 100%;
        height: var(--vh, 100vh);
        border-radius: unset;
    }

    .story-slide,
    .story-slide__player {
        border-radius: unset;
        height: 100%;
    }

    .story-slide__player::before,
    .story-slide__player::after {
        border-radius: unset;
    }

    .stories-modal__slider .swiper {
        height: 100%;
        border-radius: unset;
    }
}

.pin-spacer {
    background: var(--white);
}

.future-animate {
    background: var(--white);
    height: var(--vh, 100vh);
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
}

.future-animate__inner {
    flex-shrink: 0;
    width: 100%;
    background-color: var(--dark-blue);
    height: 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
}

.future__section {
    width: 100%;
    color: var(--white);
    font-size: 96px;
    line-height: 1.1;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-items: center;
    transition: all 0.3s ease-out;
    transform-origin: center center;
}

.future__content {
    text-align: center;
    position: relative;
    transform: scale(0.1);
    opacity: 0;
    transition: all 0.3s ease-out;
    transform-origin: center center;
    z-index: 1;
}

.future__content::before {
    content: '';
    position: absolute;
    width: 627px;
    height: 375px;
    border-radius: 627px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(101, 17, 211, 0.31) 0%, rgba(255, 201, 246, 0.00) 100%);
    mix-blend-mode: lighten;
    left: 50%;
    top: 50%;
    transform: translate(-65%, -50%) rotate(2deg);
}

.future__text--front {
    position: relative;
    z-index: 2;
}

.future__text--back {
    position: relative;
    z-index: 0;
    background: radial-gradient(54% 54% at 46% 50%, #FFF 0%, #000421 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.future__texture {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    pointer-events: none;
    width: 100vw;
    height: var(--vh, 100vh);
}

.future__texture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.future__lightning {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}

.future__lightning--top {
    transform: translate(-130%, -85%);
    animation: lightning-combined-dense 8s infinite;
}

.future__lightning--bottom {
    transform: translate(60%, -37%);
    animation: lightning-combined-dense 8s infinite .4s reverse;
}

.future__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 125%;
}

.future__orbit img {
    max-width: 100%;
}

.ellipse {
    position: absolute;
    width: 85%;
    height: 140%;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.6);
    top: 50%;
    left: 50%;
    z-index: 2;
}

.ellipse-1 {
    transform: translate(-50%, -50%) rotate(-19.388deg);
}

.ellipse-2 {
    transform: translate(-50%, -50%) rotate(-27.243deg);
}

.ellipse svg {
    position: absolute;
}

.ellipse.ellipse-1 svg {
    top: 58%;
    right: 0;
}

.ellipse.ellipse-2 svg {
    bottom: 30%;
    left: 0;
}

@media (max-width: 1440px) {
    .future__section {
        font-size: 56px;
        padding: 150px 0;
    }

    .future__lightning {
        max-width: 200px;
        max-height: 200px;
    }

    .future__lightning img {
        max-width: 100%;
    }

    .ellipse {
        max-width: 65%;
    }

    .future__lightning--top {
        transform: translate(-127%, -85%);
    }

    .future__lightning--bottom {
        transform: translate(71%, -33%);
    }

    .ellipse.ellipse-2 svg {
        bottom: 20%;
        left: 0;
    }
}

@media (max-width: 991px) {
    .ellipse {
        max-width: 85%;
    }
}

@media (max-width: 767px) {
    .future__section {
        font-size: 27px;
    }

    .future__lightning {
        max-width: 200px;
        max-height: 75px;
    }

    .future__lightning--top {
        transform: translate(-105%, -180%);
    }

    .future__lightning--bottom {
        transform: translate(53%, -55%);
        max-width: 125px;
    }

    .ellipse.ellipse-1 svg {
        top: 45%;
        right: 0;
    }

    .ellipse.ellipse-2 svg {
        bottom: 10%;
        left: 0;
    }
}

.experts {
    background: var(--white);
    color: var(--dark-blue);
    padding: 220px 0;
    overflow: hidden;
}

.experts__container {
    display: flex;
    gap: 80px;
    padding-left: calc((100vw - min(100%, 1496px)) / 2 + 40px);
}

.experts__left {
    max-width: 26%;
}

.experts__text {
    margin-top: 40px;
}

.experts__right {
    overflow: hidden;
}

.experts__slider {
    --card-height: 574px;
    --card-width: 266px;
    --hover-card-height: 40%;
    --hover-card-width: 464px;

    position: relative;
    height: var(--card-height);
}


.expert-slide {
    width: auto !important;
    position: relative;
    height: 100%;
    border-radius: 32px;
    background: var(--light-grey);
    overflow: hidden;
}

.expert-slide::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 40%;
    bottom: 0;
    left: 0;
    border-radius: 0 0 32px 32px;
    background: linear-gradient(180deg, rgba(0, 4, 33, 0.00) 5.56%, rgba(0, 4, 33, 0.50) 100%);
    z-index: 1;
}

.expert-slide__photo {
    height: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .6s ease;
}

.expert-slide__photo--mobile {
    display: none;
}

.expert-slide__hovered {
    width: var(--hover-card-width);
    height: 100%;
    opacity: 0;
    overflow: hidden;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    pointer-events: none;
    transition: .3s ease;
    z-index: 2;
}

.expert-slide__static {
    position: absolute;
    bottom: 24px;
    left: 24px;
    width: 50px;
    height: 50px;
    z-index: 1;
}

.expert-slide__static img {
    width: 100%;
    height: 100%;
}

.expert-slide__body {
    width: var(--card-width);
    transition: width .6s ease;
    height: 100%;
    position: relative;
}

.expert-slide {
    cursor: pointer;
    height: var(--card-height) !important;
}


/* 2. Hover-эффекты для любой карточки */
.expert-slide.active::before {
    height: 40%;
}

.expert-slide.active .expert-slide__body {
    width: var(--hover-card-width);
}

.expert-slide.active .expert-slide__static {
    opacity: 0;
}

.expert-slide.active .expert-slide__photo {
    object-position: right bottom;
}

.expert-slide.active .expert-slide__hovered {
    opacity: 1;
    overflow: visible;
    height: 100%;
}

/* 3. Убираем эффект с первой карточки при hover на другие */

/*
@media (min-width: 992px) {
    .experts__slider:hover .expert-slide:first-child:not(:hover)::before {
        height: 40%;
    }

    .experts__slider:hover .expert-slide:first-child:not(:hover) .expert-slide__body {
        width: var(--card-width);
    }

    .experts__slider:hover .expert-slide:first-child:not(:hover) .expert-slide__static {
        opacity: 0;
    }

    .experts__slider:hover .expert-slide:first-child:not(:hover) .expert-slide__photo {
        object-position: right bottom;
    }

    .experts__slider:hover .expert-slide:first-child:not(:hover) .expert-slide__hovered {
        opacity: 0;
        overflow: hidden;
    }
}
*/
.expert-slide__desc {
    color: var(--white);
    z-index: 1;
    position: relative;
}

.expert-slide__title {
    text-transform: unset;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
}

.expert-slide__name {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
}

.expert-slide__position {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 8px;
}


.expert-modal__box {
    width: 960px;
    display: flex;
    position: relative;
    flex-direction: column;
}

.experts-modal__slider {
    display: flex;
    position: relative;
    flex-grow: 1;
    height: 508px;
}

.experts-modal__slider .swiper {
    border-radius: 32px;
    overflow: hidden;
    width: 100%;
}

.experts-modal__slider .swiper-slide {
    max-height: 100%;
}

.expert-modal {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.expert-modal .modal__close {
    right: 24px;
    top: 24px;
}

.expert-modal__title {
    color: var(--white);
    padding: 32px 40px;
    background: var(--dark-blue);
    border-radius: 32px;
}

.expert-modal__content {
    background: var(--white);
    color: var(--dark-blue);
    border-radius: 32px;
    overflow: hidden;
    display: flex;
    position: relative;
    flex-grow: 1;
    height: 100%;
}

.expert-modal__left {
    width: 266px;
    position: relative;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: var(--light-grey);
    border-radius: 32px;
    overflow: hidden;
}

.expert-modal__left::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 70%;
    bottom: 0;
    left: 0;
    border-radius: 0 0 32px 32px;
    background: linear-gradient(180deg, rgba(0, 4, 33, 0.00) 5.56%, rgba(0, 4, 33, 0.50) 100%);
    z-index: 1;
}

.expert-modal__photo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 0;
}


.expert-modal__desc {
    position: relative;
    z-index: 2;
    color: var(--white);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.expert-modal__name {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
}

.expert-modal__position {
    line-height: normal;
    font-size: 14px;
    line-height: 1.2;
}

.expert-modal__right {
    padding: 40px;
    display: flex;
    flex-direction: column;
}

.experts-modal__question {
    font-weight: 700;
    margin-bottom: 24px;
    display: flex;
}

.experts-modal__question-num {
    position: absolute;
}

.experts-modal__question-text {
    padding-left: 18px;
}

.experts-modal__answer {
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow: auto;
    max-height: 100%;
    padding: 0 24px 24px 18px;
}

.experts-modal__answer + .experts-modal__question {
    margin-top: 32px;
}

.modal__close-experts--mobile {
    display: none!important;
}

.swiper-navigation--experts {
    display: none;
}

@media (max-width: 1440px) {
    .experts {
        padding: 110px 0;
    }

    .experts__container {
        gap: 70px;
        padding-left: 32px;
        flex-direction: column;
    }

    .experts__left {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        max-width: 100%;
        padding-right: 32px;
    }

    .experts__text {
        margin-top: 0;
    }

    .experts__slider {
        --card-height: 454px;
        --card-width: 222px;
        --hover-card-height: 40%;
        --hover-card-width: 304px;
    }

    .expert-slide__hovered {
        padding: 24px;
    }

    .expert-slide__title {
        font-size: 24px;
        line-height: 1.5;

    }

    .experts__title {
        flex-shrink: 0;
        width: 60%;
    }

    .expert-modal__box {
        width: 796px;
    }

    .experts-modal__slider {
        height: 422px;
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    .experts__slider-swiper .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }

    .experts__slider {
        height: auto;
    }

}

@media (max-width: 991px) {
    .experts {
        padding: 80px 0;
    }

    .experts__slider {
        --card-height: 480px;
        --hover-card-width: 100%;
    }

    .expert-slide {
        width: calc(50% - 12px) !important;
    }


    .expert-slide:hover .expert-slide__body,
    .expert-slide .expert-slide__body {
        width: 100%;
    }

    .expert-slide .expert-slide__hovered {
        opacity: 1;
        overflow: visible;
        height: 100%;
        width: 100% !important;
    }

    .expert-slide__static {
        opacity: 0;
    }

    .expert-slide__photo {
        object-position: bottom right;
    }

    .expert-slide__photo--desktop {
        display: none;
    }

    .expert-slide__photo--mobile {
        display: block;
    }

    .expert-slide__title {
        font-size: 24px;
        line-height: 1.2;
    }

    .experts__text {
        max-width: 80%;
    }

    .experts__container {
        padding: 0 24px;
        gap: 40px;
    }

    .expert-modal__box {
        width: calc(100% - 48px);
        height: 100%
    }

    .swiper-pagination--experts {
        bottom: -32px !important;
        top: unset !important;

        justify-content: center;
        gap: 7px;
        display: flex !important;
    }

    .swiper-pagination--experts .swiper-pagination-bullet {
        width: 15px !important;
        height: 6px !important;
        background: var(--white) !important;
        flex-grow: 0;
    }

    .swiper-pagination--experts .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 50px !important;
    }

    .experts-modal__slider {
        max-height: 542px;
    }

    .expert-modal__title {
        padding: 24px;
    }

    .experts__left {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .experts__title {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .modal.experts-modal {
        top: unset;
        bottom: 0;
        height: var(--vh, 100vh);
        min-height: var(--vh, 100vh);
    }

    .experts__container {
        gap: 32px;
    }

    .expert-slide {
        width: calc(100% - 24px) !important;
    }

    .expert-slide__title {
        font-size: 20px;
        line-height: 1.3;
    }

    .experts__slider {
        height: 480px;
    }

    .experts__container {
        padding: 0 0 0 24px;
    }

    .experts__text {
        max-width: calc(100% - 24px);
    }

    .expert-modal__content {
        flex-direction: column;
    }

    .expert-modal__box {
        width: 100%;
    }

    .experts-modal__slider {
        max-height: unset;
        height: 100%;
        flex-grow: 1;
        min-height: 0
    }

    .expert-modal__title {
        border-radius: unset;
    }

    .expert-modal__content {
        border-radius: unset;
    }

    .experts-modal__slider .swiper {
        border-radius: unset;
    }

    .expert-modal__left {
        width: 100%;
        background: var(--white);
        border-radius: unset;
        flex-direction: row;
        justify-content: flex-start;
        padding: 24px 24px 32px 24px;
        gap: 16px;
        align-items: center;
    }

    .expert-modal__desc {
        color: var(--dark-blue);
        padding: 0;
    }

    .expert-modal__photo {
        position: static;
        width: 76px;
        height: 76px;
        border-radius: 100%;
        flex-shrink: 0;
        background: #EDEBE8;
        object-fit: contain;
        object-position: 0px 15px;
    }


    .expert-modal__left::before {
        display: none;
    }

    .expert-modal__right {
        padding: 0 24px 24px 24px;
        flex-grow: 1;
        max-height: 100%;
        min-height: 0;
    }

    .swiper-pagination--experts {
        top: -30px !important;
        bottom: unset !important;
    }

    .expert-modal__title {
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px 50px 54px 24px;
    }

    .modal__close-experts--mobile {
        display: block!important;
    }

    .modal__close-experts--desktop {
        display: none !important;
    }

    .experts__right {
        overflow: visible;
    }

    .swiper-navigation--experts {
        display: flex;
        gap: 10px;
        justify-content: flex-end;
        padding: 16px 24px 0;
    }

    .swiper-button-disabled svg path {
        fill: #8E8E8E;
    }
}

.object-bottom {
    position: absolute;
    z-index: 3;
    transition: transform 0.2s ease-out;
    will-change: transform;
    pointer-events: none;
}

.object-bottom img {
    width: 100%;
}

.object-bottom-1 {
    width: 522px;
    top: 65%;
    left: -10%;
}

.object-bottom-2 {
    width: 637px;
    top: -28%;
    left: -20%;
}

.object-bottom-3 {
    width: 541px;
    top: -3%;
    left: 17%;
}

.object-bottom-4 {
    width: 602px;
    top: -12%;
    left: 46%;
}

.object-bottom-5 {
    width: 72px;
    top: 44%;
    right: 29%;
}

.object-bottom-6 {
    width: 29px;
    top: 66%;
    right: 26%;
}

.object-bottom-7 {
    width: 619px;
    top: -15%;
    right: -17%;
}

@media (max-width: 1700px) {
    .object-bottom-1 {
        width: 480px;
        top: 68%;
    }

    .object-bottom-2 {
        width: 520px;
    }

    .object-bottom-3 {
        width: 480px;
        top: 4%;
        left: 12%;
    }

    .object-bottom-4 {
        width: 520px;
        top: 7%;
        left: 43%;
    }

    .object-bottom-5 {
        width: 72px;
    }

    .object-bottom-6 {
        width: 29px;
        right: -15%;
    }

    .object-bottom-7 {
        width: 520px;
        right: -255px;
    }
}

@media (max-width: 1440px) {
    .object-bottom-1 {
        width: 400px;
        top: 73%;
    }

    .object-bottom-2 {
        width: 520px;
        left: -335px;
        top: -15%;
    }

    .object-bottom-3 {
        width: 400px;
        top: 14%;
        left: 11%;
    }

    .object-bottom-4 {
        width: 400px;
        top: -3%;
        left: 43%;
    }

    .object-bottom-5 {
        width: 72px;
        top: 54%;
    }

    .object-bottom-6 {
        width: 29px;
        right: 17%;
        top: 69%;
    }

    .object-bottom-7 {
        width: 400px;
        right: -245px;
        top: -6%;
    }

}

@media (max-width: 991px) {
    .object-bottom-1 {
        width: 288px;
        top: 73%;
    }

    .object-bottom-2 {
        width: 370px;
        left: -220px;
        top: -12%;
    }

    .object-bottom-3 {
        width: 380px;
        top: 0%;
        left: 13%;
    }

    .object-bottom-4 {
        width: 410px;
        top: -65%;
        left: unset;
        right: -110px;
    }

    .object-bottom-5 {
        width: 72px;
        top: 68%;
        right: 33%;
    }

    .object-bottom-6 {
        width: 29px;
        right: 17%;
        top: 75%;
    }

    .object-bottom-7 {
        display: none;
    }
}

@media (max-width: 767px) {
    .object-bottom-1 {
        width: 200px;
        top: 90%;
    }

    .object-bottom-2 {
        width: 340px;
        left: -165px;
        top: -9%;
    }

    .object-bottom-3 {
        width: 315px;
        top: -4%;
        left: 27%;
    }

    .object-bottom-4 {
        width: 275px;
        top: 20%;
        right: -137px;
    }

    .object-bottom-5 {
        display: none;
    }

    .object-bottom-6 {
        display: none;
    }

    .object-bottom-7 {
        display: none;
    }
}


.site__section {
    background: var(--white);
    padding: 400px 0 220px 0;
    position: relative;
}

.site__banner {
    background: var(--dark-blue);
    border-radius: 32px;
    display: flex;
    gap: 60px;
    align-items: center;
    position: relative;
    padding: 60px 200px 60px 60px;
}

.site__banner-text {
    text-transform: unset;
    max-width: 63%;
}

.site__banner-btn {
    background: var(--violet);
    padding: 18px 40px;
    border-radius: 32px;
    white-space: nowrap;
    transition: .3s ease;
}

.site__banner-btn:hover {
    background: var(--white);
    color: var(--violet);
}

.site_banner-img {
    position: absolute;
    right: 3%;
    top: -60%;
}

@media (max-width: 1440px) {
    .site__section {
        padding: 442px 0 220px 0;
    }

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

    .site__banner-text {
        font-size: 24px;
        line-height: 1.5;
    }

    .site_banner-img {
        max-width: 192px;
        right: 5%;
        top: -22%;
    }
}

@media (max-width: 991px) {
    .site__section {
        padding: 250px 0 80px 0;
    }

    .site__banner-text {
        max-width: 70%;
    }


}

@media (max-width: 767px) {
    .site__section {
        padding: 260px 0 80px 0;
    }

    .site_banner-img {
        max-width: 186px;
        right: 0;
        top: -22%;
    }
}

@media (max-width: 576px) {
    .site__banner {
        padding: 32px;
        gap: 40px;
    }

    .site__banner-text {
        font-size: 20px;
        line-height: 1.3;
    }

    .site_banner-img {
        max-width: 184px;
        right: -15%;
        top: -20%;
    }

    .site__banner-btn {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 370px) {
    .site_banner-img {
        right: -20%;
    }
}

.draw__section {
    padding: 220px 0;
    position: relative;
    overflow: hidden;
}

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

.draw__text {
    margin-top: 40px;
    max-width: 730px;
}

.draw__prizes {
    margin-top: 40px;
    color: #8e8e8e;
    display: flex;
    gap: 16px;
    align-items: center;
}

.draw__prizes-item {
    display: flex;
    gap: 16px;
    align-items: center;
}

.draw__buttons {
    display: flex;
    align-items: center;
    gap: 40px;
}

.draw__btn {
    background: var(--violet);
    padding: 18px 40px;
    border-radius: 32px;
    white-space: nowrap;
    transition: .3s ease;
    cursor: pointer;
}

.draw__btn:hover {
    background: var(--white);
    color: var(--violet);
}

.draw__buttons {
    margin-top: 50px;
}

.draw__rules {
    text-decoration: underline;
    transition: .3s ease;
}

.draw__rules:hover {
    color: var(--violet);
    text-decoration: underline;
}

.draw__image {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
    display: flex;
    align-items: center;
    max-width: 50%;
}

.draw__image--mobile {
    display: none;
}

.draw__image .draws-img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: right;
}

.draws-light-left {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-150%, 10%);
    animation: lightning-combined-dense 8s infinite .3s reverse;
}

.draws-light-right {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(45%, -35%);
    animation: lightning-combined-dense 8s infinite;
}

.draws-power {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-55%, -10%);

}

.draw__image::after {
    content: '';
    position: absolute;
    width: 1156px;
    height: 693px;
    border-radius: 100%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(101, 17, 211, 0.31) 0%, rgba(255, 201, 246, 0.00) 100%);
    mix-blend-mode: lighten;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.draw__image::before {
    content: '';
    position: absolute;
    width: 1409px;
    height: 737px;
    border-radius: 100%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(33, 17, 211, 0.89) 0%, rgba(255, 201, 246, 0.00) 100%);
    mix-blend-mode: color;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .5;
}

@media (max-width: 1440px) {
    .draw__section {
        padding: 110px 0;
    }

    .draw__image {
        align-items: center;
        right: -85px;
        top: 60px;
    }

    .draw__image::after {
        width: 1130px;
        height: 591px;
        transform: translate(-30%, -70%);
    }

    .draw__image::before {
        width: 1006px;
        height: 526px;
        transform: translate(-30%, -85%);
    }

    .draw__title,
    .draw__text {
        max-width: 60%;
    }
    .draws-power {
        transform: translate(-55%, -10%);
        width: 360px;
    }

    .draws-light-right {
        transform: translate(36%, -35%);
        width: 206px;
    }

    .draws-light-left {
        width: 245px;
        transform: translate(-136%, 15%);
    }
}

@media (max-width: 991px) {
    .draw__image .draws-img {
        width: 100%;
    }
    .draw__image {
        align-items: center;
        top: 0;
    }

    .draw__image::after {
        transform: translate(-30%, -40%);
    }

    .draw__image::before {
        transform: translate(-30%, -50%);
    }

    .draws-power {
        transform: translate(-55%, -2%);
        width: 200px;
    }

    .draws-light-left {
        width: 140px;
        transform: translate(-168%, -5%);
    }

    .draws-light-right {
        transform: translate(37%, -27%);
        width: 100px;
    }
}

@media (max-width: 767px) {
    .draw__section {
        padding: 80px 0;
    }

    .draw__title,
    .draw__text {
        max-width: 100%;
    }

    .draw__image--desktop {
        display: none;
    }

    .draw__image--mobile {
        display: block;
    }

    .draw__image {
        position: relative;
        right: -24px;
        margin: 70px 0 0 auto;
        max-width: 70%;
    }

    .draw__image::after {
        transform: translate(-65%, -40%);
        width: 663px;
        height: 397px;
    }

    .draw__prizes {
        gap: 8px;
    }

    .draw__prizes-item {
        gap: 8px;
    }

    .draw__image::before {
        transform: translate(-50%, -55%);
        height: 345px;
    }

    .draw__buttons {
        margin-top: 40px;
    }

    .draws-power {
        transform: translate(-55%, -12%);
        width: 65%;
    }

    .draws-light-left {
        width: 200px;
        transform: translate(-136%, 0px);
    }

    .draws-light-right {
        transform: translate(55px, -115px);
        width: 180px;

    }
}

@media (max-width: 576px) {
    .draw__image {
        margin: 70px auto auto;
        min-width: calc(100% + 48px);
        left: -24px;
        max-width: 100%;
    }

    .draw__prizes {
        flex-wrap: wrap;
        justify-content: center;
    }

    .draw__buttons {
        flex-direction: column;
        justify-content: center;
        gap: 24px;
    }

}

.test__body {
    background: var(--white);
    width: 960px;
    height: auto;
    color: var(--dark-blue);
    position: relative;
    border-radius: 32px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.test__item {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    display: none;
    flex-grow: 1;
}

.test__item.active {
    display: flex;
}

.test__title {
    text-transform: none;
}

.test__options {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 40px;
}

.test__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-top: 40px;
}

.test__btn {
    padding: 18px 40px;
    background-color: #989898;
    border-radius: 32px;
    color: var(--white);
}

.test__btn.active {
    background-color: var(--violet);
    transition: .3s ease;
    cursor: pointer;
}

.test__btn.active:hover {
    background: var(--dark-blue);
}

.test__hint {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    max-width: 410px;
}

.test__hint p {
    margin: 0;
    padding: 0;
}

.test__hint a {
    color: var(--violet);
    text-decoration: underline;
}

.test__progress {
    color: #CECECE;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: calc(100% - 20px);
}

.test__progress-line {
    height: 4px;
    background: #CECECE;
    flex-grow: 1;
}

.test__progress-number.active {
    color: var(--violet);
}

.test__progress-line.active {
    background: var(--violet);
}

.test__option input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.test__option-label {
    transition: .3s ease;
}

.test__option {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    cursor: pointer;
}

[data-question="3"] .test__options .test__option:first-child {
    flex-wrap: wrap;
}

[data-question="3"] .test__options .test__option:first-child .test__option-message {
    padding-left: 34px;
}

.test__option-chk {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 16px;
}

.test__option:hover input:not(:disabled) + .test__option-radio + .test__option-label {
    color: var(--violet);
    cursor: pointer;
}

.test__option-message {
    font-weight: 500;
    top: 2px;
    position: relative;
}

.test__option.success {
    color: #05B44B;
}

.test__option.success .test__option-radio {
    border-color: #05B44B;
}

.test__option.success .test__option-radio::before {
    background: #05B44B;
    opacity: 1;
}

.test__option.error {
    color: #D30741;
}

.test__option.error .test__option-radio {
    border-color: #D30741;
}

.test__option.error .test__option-radio::before {
    background: #D30741;
    opacity: 1;
    height: 2px;
    border-radius: 50px;
    width: 10px;
    transform: rotate(-45deg);
}

.test__option.error .test__option-radio::after {
    content: '';
    background: #D30741;
    opacity: 1;
    height: 2px;
    width: 10px;
    border-radius: 50px;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.test__option-radio {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    border: 2px solid var(--violet);
    background: var(--white);
    position: relative;
    flex-shrink: 0;
}

.test__option-radio::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--violet);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    flex-shrink: 0;
    opacity: 0;
}

.test__option input:checked + .test__option-radio::before {
    opacity: 1;
}

.test__lose {
    position: relative;
    width: 590px;
    height: 311px;
    background: var(--white);
    color: var(--dark-blue);
    border-radius: 32px;
    padding: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.test__lose-image {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 164px;
    height: 164px;
    top: -82px;
}

.test__lose-title {
    color: var(--violet);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 30px;
}

.test__lose-text {
    margin-top: 24px;
    font-weight: 500;
    font-size: 16px;
    font-style: normal;
    line-height: 1.5;
}

.test__lose-buttons {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
    margin-top: 48px;
}

.test__btn-later {
    color: var(--violet);
    transition: .3s ease;
    cursor: pointer;
}

.test__btn-later:hover {
    color: var(--dark-blue);
}

.test__btn-return {
    border-radius: 32px;
    background: var(--violet);
    color: var(--white);
    padding: 18px 40px;
    transition: .3s ease;
    cursor: pointer;
}

.test__btn-return:hover {
    background-color: var(--dark-blue);
}


.test__win {
    position: relative;
    width: 734px;
    background: var(--white);
    color: var(--dark-blue);
    border-radius: 32px;
    padding: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: var(--vh, 100vh);
    max-height: -webkit-fill-available;
    margin: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.test__win-image {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 202px;
    height: 202px;
    top: -101px;
}

.test__win-title {
    color: var(--violet);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 30px;
}

.test__win-text {
    margin-top: 32px;
    font-weight: 500;
}

.form {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
}

.form__body {
    display: flex;
    gap: 24px;
}


.input__text input {
    font-family: var(--main-font-family);
    padding: 11px 16px;
    border: 1px solid #989898;
    color: #989898;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 4px;
    width: 100%;
}

.input__text input.error {
    border-color: #F4147D;
}

.input__textarea {
    height: 100%;
}

.input__textarea textarea {
    font-family: var(--main-font-family);
    padding: 11px 16px;
    border: 1px solid #989898;
    color: #989898;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 4px;
    width: 100%;
    height: 100%;
}

.input__textarea textarea.error {
    border-color: #F4147D;
}

::placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    color: #989898;
}

.input__text input:focus,
.input__textarea textarea:focus {
    outline: none;
}

.input__text input:not(.error):focus,
.input__textarea textarea:not(.error):focus {
    outline: none;
    border-color: var(--violet);
}

.form__bottom {
    margin-top: 50px;
    display: flex;
    gap: 40px;
    align-items: flex-end;
    justify-content: space-between;
}

.checkboxes {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.checkbox {
    color: #989898;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    display: flex;
    gap: 8px;
    cursor: pointer;
}

.checkbox a {
    text-decoration: underline;
    transition: .3s ease;
}

.checkbox a:hover {
    text-decoration: underline;
    color: var(--violet);
}

.checkbox__btn {
    width: 20px;
    height: 20px;
    border: 1px solid var(--violet);
    flex-shrink: 0;
    border-radius: 3px;
    position: relative;
}

.checkbox input.error + .checkbox__btn {
    border-color: #F4147D;
}

.checkbox input:checked + .checkbox__btn {
    background-color: var(--violet);
}

.checkbox input:checked + .checkbox__btn::before {
    content: "";
    position: absolute;
    border: 2px solid var(--white);
    border-top-style: none;
    border-right-style: none;
    width: 12px;
    height: 7px;
    top: 4px;
    left: 3px;
    transform: rotate(-45deg);
    transition: .3s ease;
}

.checkbox__text {
    display: block;
}

.form__btn {
    background-color: var(--violet);
    color: var(--white);
    padding: 18px 40px;
    border-radius: 32px;
    cursor: pointer;
    transition: .3s ease;
}

.form__btn:not(:disabled):hover {
    background-color: var(--dark-blue);
}


.test__success {
    position: relative;
    width: 579px;
    height: 318px;

}

.test__success-body {
    z-index: 1;
    width: 100%;
    height: 100%;
    background: var(--white);
    color: var(--dark-blue);
    border-radius: 32px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.test__success-image {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 61px;
    height: 127px;
    top: -63px;
}

.test__success-title {
    color: var(--violet);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 30px;
}

.test__success-text {
    margin-top: 23px;
    font-weight: 500;
    font-size: 16px;
    font-style: normal;
    line-height: 1.5;
}

.test__success-bg {
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200%;
    height: auto;
}

.test__success-desc {
    padding: 40px;
}

.test__success-buttons {
    background: var(--dark-blue);
    color: var(--white);
    padding: 40px;
    border-radius: 0 0 32px 32px;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.test__tg-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

.test__btn-tg {
    background: var(--white);
    color: var(--dark-blue);
    padding: 18px 40px;
    white-space: nowrap;
    border-radius: 32px;
    transition: .3s ease;
}

.test__btn-tg:hover {
    background: var(--violet);
    color: var(--white);
}


.test__success-bg--mobile {
    display: none;
}


@media (max-width: 991px) {
    .test__body {
        width: calc(100% - 48px);
        height: auto;
        padding: 24px;
    }

    .test__bottom {
        align-items: flex-start;
        gap: 24px;
        margin-top: 48px;
    }

    .test__progress {
        width: calc(100% - 23px - 18px);
    }

    .test__win {
        padding: 40px 24px 24px;
    }

    .test__win-text {
        margin-top: 24px;

    }

    .test__hint {
        max-width: 350px;
    }
}

@media (max-width: 767px) {
    .test__body {
        padding: 24px 24px 24px;
        width: 100%;
        min-height: var(--vh, 100vh);
        border-radius: unset;
        overflow: auto;
        max-height: var(--vh, 100vh);
        max-height: -webkit-fill-available;
        margin: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    }

    .test__body .modal__close {
        top: 31px;
    }

    .test__progress {
        width: calc(100% - 27px - 18px);
        padding-top: 2px;
    }

    .test__options {
        gap: 16px;
    }

    .test__option {
        flex-direction: column;
        gap: 8px;
    }

    .test__option-message {
        padding-left: 34px;
    }

    .test__option-chk {
        align-items: flex-start;
    }

    .test__option-radio {
        top: 3px;
    }

    .test__hint {
        max-width: 100%;
    }

    .test__hint img {
        width: 40px;
        height: 40px;
    }

    .test__bottom {
        flex-direction: column;
        gap: 24px;
        margin-top: 48px;
    }

    .test__lose-content {
        height: 100%;
        min-height: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .test__lose-image {
        width: 100px;
        height: 100px;
        top: 0;
    }

    .test__lose-title {
        margin-top: 80px;
    }

    .test__lose-text {
        text-align: left;
    }

    .test__lose {
        width: 100%;
        height: var(--vh, 100vh);
        min-height: var(--vh, 100vh);
        padding: 24px;
        border-radius: unset;
    }

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

    .test__btn-later {
        order: 1;
    }

    .test__btn-return {
        order: 0;
    }


    .test__win {
        width: 100%;
        padding: 10px 24px 24px;
        min-height: var(--vh, 100vh);
        border-radius: unset;
        overflow: auto;
    }

    .test__win-image {
        width: 150px;
        height: 150px;
        top: -30px;
    }

    .test__win-desc {
        height: 100%;
        min-height: 0;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .test__win-title {
        margin-top: 90px;
    }

    .test__win-text {
        margin-top: 16px;
        text-align: left;
    }

    .form {
        margin-top: 0;
        padding-top: 32px;
        height: 100%;
        min-height: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-grow: 1;
    }

    .form__body {
        flex-direction: column;
        gap: 26px;
    }

    .test__success {
        width: 100%;
        height: var(--vh, 100vh);
        border-radius: unset;
    }

    .test__success-body,
    .test__success-buttons {
        border-radius: unset;
    }

    .test__success-image {
        width: 45px;
        height: 94px;
        top: 20px;
    }

    .test__success-desc {
        padding: 24px;
    }

    .test__success-title {
        margin-top: 110px;
    }

    .test__success-buttons {
        padding: 24px;
        position: relative;
        overflow: hidden;
    }

    .test__success-bg {
        display: none;
    }

    .test__success-bg--mobile {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -75%);
    }

    .test__tg-text {
        text-align: left;
    }

    .test__tg-text,
    .test__btn-tg {
        z-index: 1;
    }

    .test__success-text {
        text-align: left;
    }
}

@media (max-width: 576px) {
    .test__btn {
        width: 100%;
        text-align: center;
    }

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

    .form__btn {
        width: 100%;
    }

    .test__success-buttons {
        flex-direction: column;
    }


}

.career__section {
    background-color: var(--dark-blue);
    padding: 40px 60px;
    overflow: hidden;
    position: relative;
}

.career {
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.career__img {
    margin-right: 70px;
    position: relative;
    pointer-events: none;
}

.career__img img {
    position: relative;
    z-index: 2;
}

.career__img::after {
    position: absolute;
    content: url("/local/templates/site_25/assets/img/lights.svg");
    width: 2106px;
    height: 1965px;
    top: 50%;
    left: 50%;
    transform: translate(-51%, -49%);
    z-index: 0;
    pointer-events: none;
}

.career__right {
    pointer-events: none;
}

.career__right::after {
    position: absolute;
    content: url("/local/templates/site_25/assets/img/lights-2.svg");
    width: 2106px;
    height: 1965px;
    top: 50%;
    left: 50%;
    transform: translate(-2%, -48%);
    z-index: 0;
    pointer-events: none;
}

.career__desc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.career__text {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
}

.career__link {
    display: block;
    text-decoration: underline;
    position: relative;
    z-index: 3;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    transition: .3s ease;
}

.career__link:hover {
    text-decoration: underline;
    color: var(--violet);
}

.career__overlay::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-25%, -35%);
    width: 927px;
    height: 275px;
    flex-shrink: 0;
    border-radius: 927px;
    background: #121239;
    filter: blur(65px);
    z-index: 1;
}

.career__overlay::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0%, -50%);
    width: 1467px;
    height: 507px;
    border-radius: 1467px;
    background: radial-gradient(50% 50% at 50% 50%, #FFBFFE 0%, rgba(255, 191, 254, 0.00) 100%);
    mix-blend-mode: overlay;
    z-index: 2;
}

.career__text {
    position: relative;
    z-index: 3;
}


@media (max-width: 1440px) {
    .career__desc {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .career__text {
        font-size: 24px;
        line-height: 1.5;
    }

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

@media (max-width: 1200px) {
    .career {
        justify-content: flex-start;
    }
}

@media (max-width: 991px) {
    .career__section {
        padding: 40px 0;
    }
}

@media (max-width: 767px) {


    .career__img {
        margin-right: 24px;
    }

    .career__text {
        font-size: 20px;
        line-height: 1.3;
    }
}

@media (max-width: 576px) {
    .career {
        align-items: flex-start;
    }

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

    .career__img {
        margin-right: 16px;
    }

    .career__img img {
        max-width: 100px;
    }
}

.footer {
    color: #6E6E6E;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    display: flex;
    justify-content: space-between;
    padding: 24px 0;
}

.footer a {
    transition: .3s ease;
}

.footer a:hover {
    color: var(--light-grey);
}

.footer__left {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 6px;
}

.footer__right {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 6px;
}

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

.socials_list {
    display: flex;
    align-items: center;
    gap: 18px;
}

.footer .socials_list {
    gap: 16px;
}

.social__item {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #6E6E6E;
    border-radius: 50%;
    transition: .3s ease;
}

.social__item:hover {
    background-color: var(--light-grey);
}

.footer__item-policy a,
.footer__item-cookie,
.footer__item-captcha a {
    text-decoration: underline;
    cursor: pointer;
    transition: .3s ease;
}

.footer__item a:hover,
.footer__item-cookie:hover {
    color: var(--light-grey);
}

.footer__row--mobile {
    display: none;
}

.footer__item--mobile {
    display: none;
}


@media (max-width: 1440px) {
    .footer {
        align-items: flex-start;
    }

    .footer__left .footer__row {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .footer__left {
        gap: 14px;
    }

    .footer__right {
        gap: 5px;
    }
}

@media (max-width: 991px) {
    .footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .footer__right {
        display: none;
    }

    .footer__row--desktop {
        display: none;
    }

    .footer__row--mobile {
        display: flex;
    }

    .footer__item--desktop {
        display: none;
    }

    .footer__item--mobile {
        display: flex;
    }

    .footer__left {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 11px;
    }

    .footer__left .footer__row.footer__row--questions {
        flex-direction: row;
        gap: 16px;
    }

    .footer__left .footer__row {
        gap: 8px;
    }
}

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

    .footer__left .footer__row.footer__row--questions {
        order: 2;
        gap: 3px;
        align-items: center;
        width: 100%;
    }

    .footer__left .footer__row {
        gap: 10px;
    }

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

    .footer__row {
        flex-wrap: wrap;
        gap: 6px;
        order: 1;
    }

    .footer__row .footer__item:first-child {
        width: 100%;
    }
}


@media (max-width: 370px) {
    .footer__left .footer__row.footer__row--questions {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}

.callback__body {
    position: relative;
    width: 957px;
    height: auto;
    border-radius: 32px;
    background: var(--white);
    padding: 40px;
    color: var(--dark-blue);
    display: flex;
    flex-direction: column;
    overflow: auto;
    max-height: var(--vh, 100vh);
    max-height: -webkit-fill-available;
    margin: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.callback__title {
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
}

.callback__form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 32px;
    flex-grow: 1;
}

.callback__form-row {
    display: flex;
    gap: 24px;
}

.callback__form-fields {
    display: flex;
    gap: 24px;
}

.callback__form-col {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex-grow: 1;
    width: calc(50% - 12px);
}

.callback__form-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 24px;
}

.callback__form-text a {
    text-decoration: underline;
}

.callback__form .form__bottom {
    margin-top: 24px;
}

.input__text,
.input__textarea {
    position: relative;
}

.input__text input::placeholder,
.input__textarea textarea::placeholder {
    color: transparent !important;
}

.input__text .placeholder,
.input__textarea .placeholder {
    position: absolute;
    top: 12px;
    left: 16px;
    pointer-events: none;
    transition: transform 200ms, color 200ms;
    color: #989898;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

.input__text input:focus ~ .placeholder,
.input__text input:not(:placeholder-shown) ~ .placeholder,
.input__textarea textarea:focus ~ .placeholder,
.input__textarea textarea:not(:placeholder-shown) ~ .placeholder {
    transform: translate(-16px, -28px);
    font-size: 11px;
}

.input__text label.error {
    position: absolute;
    bottom: -11px;
    color: #F4147D;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
}

@media (max-width: 1440px) {
    .callback__body {
        width: 796px;
    }
}

@media (max-width: 991px) {
    .callback__body {
        width: calc(100% - 48px);
    }

    .callback__form-fields {
        flex-direction: column;
    }

    .callback__form-col {
        width: 100%;
    }

    .input__text {
        flex-grow: 1;
    }

    .input__textarea {
        height: 90px;
    }
}

@media (max-width: 767px) {
    .callback__body {
        width: 100%;
        min-height: var(--vh, 100vh);
        border-radius: unset;
        padding: 32px 24px;
    }

    .callback__form-row {
        flex-direction: column;
    }

    .form__bottom {
        align-items: flex-start;
    }
}

.callback-modal.modal.active {
    z-index: 22;
}

.callback__success {
    width: 579px;
    background: var(--white);
    border-radius: 32px;
    position: relative;
    padding: 40px;
    color: var(--dark-blue);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}

.callback__success-image {
    position: absolute;
    left: 0;
    right: 0;
    top: -85px;
    margin: auto;
    width: 158px;
}

.callback__success-image img {
    max-width: 100%;
}

.callback__success-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    color: var(--violet);
    margin-top: 20px;
    text-align: center;
}

.callback__success-text {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 16px;
}

.callback__success-btn {
    color: var(--white);
    background: var(--violet);
    padding: 18px 40px;
    margin-top: 32px;
    border-radius: 32px;
    transition: .3s ease;
    cursor: pointer;
}

.callback__success-btn:hover {
    background: var(--dark-blue);
}

@media (max-width: 767px) {
    .callback__success {
        width: 100%;
        min-height: var(--vh, 100vh);
        border-radius: unset;
        padding: 24px;
    }

    .callback__success-text {
        text-align: left;
    }

    .callback__success-image {
        width: 100px;
        top: 10px;
    }

    .callback__success-title {
        margin-top: 85px;
    }
}

@media (max-width: 576px) {
    .callback__success-btn {
        width: 100%;
        text-align: center;
    }
}


.modal {
    position: fixed;
    width: 100%;
    min-height: var(--vh, 100vh);
    height: -webkit-fill-available;
    z-index: -5;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
}

.modal.active {
    pointer-events: auto;
    opacity: 1;
    z-index: 15;
}

.modal__body {
    position: absolute;
    pointer-events: none;
}

.modal.active .modal__body.active {
    position: relative;
    pointer-events: auto;
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.modal__overlay {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(16, 16, 16, 0.70);
    backdrop-filter: blur(10px);
}

.modal__body {
    transition: .3s ease;
    opacity: 0;
}

.modal__close {
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
    z-index: 2;
    transition: .3s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.modal__close svg {
    pointer-events: none;
}

.modal__close:hover {
    opacity: .7;
}


[data-role=lose],
[data-role=win],
[data-role=success] {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}

[data-role=lose].active,
[data-role=win].active,
[data-role=success].active {
    position: relative;
    pointer-events: auto;
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes scale-in-center {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}