@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

.pointerEventsDisable {
    pointer-events: none;
    user-select: none;
}

@keyframes burgerToCloseIcon1 {
    from {
        transform: rotate(0) translateY(0);
        background: linear-gradient(124.97deg, rgb(15, 0, 152) -51.452%, rgb(178, 0, 255) 38.146%, rgb(255, 0, 245) 90.873%);
    }

    to {
        transform: translateY(9px) rotate(-45deg);
        background: white;
    }
}

@keyframes burgerToCloseIcon2 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes burgerToCloseIcon3 {
    from {
        transform: rotate(0) translateY(0);
        background: linear-gradient(124.97deg, rgb(15, 0, 152) -51.452%, rgb(178, 0, 255) 38.146%, rgb(255, 0, 245) 90.873%);
    }

    to {
        transform: translateY(-9px) rotate(45deg);
        background: white;
    }
}



@keyframes burgerToOpenIcon1 {
    from {
        transform: translateY(9px) rotate(-45deg);
        background: white;
    }

    to {
        transform: rotate(0) translateY(0);
        background: linear-gradient(124.97deg, rgb(15, 0, 152) -51.452%, rgb(178, 0, 255) 38.146%, rgb(255, 0, 245) 90.873%);
    }
}

@keyframes burgerToOpenIcon2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes burgerToOpenIcon3 {
    from {
        transform: translateY(-9px) rotate(45deg);
        background: white;
    }

    to {
        transform: rotate(0) translateY(0);
        background: linear-gradient(124.97deg, rgb(15, 0, 152) -51.452%, rgb(178, 0, 255) 38.146%, rgb(255, 0, 245) 90.873%);
    }
}


@keyframes sliderShow {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes sliderHide {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


@keyframes headerItemStrokeShow {
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 100%;
        opacity: 1;
    }
}

@keyframes headerItemStrokeHide {
    from {
        width: 100%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}


@keyframes menuShow {
    from {
        height: 0px;
    }

    to {
        height: 710px;
    }
}

@keyframes menuHide {
    from {
        height: 710px;
    }

    to {
        height: 0px;
    }
}



@font-face {
    font-family: "Bebas";
    src: url("/bebasneuecyrillic.ttf") format("truetype");
}

.stepItem3 {
    display: none;
}

.stepMob2 {
    display: none;
}

.stepMob1 {
    display: none;
}


.header-mobile {
    position: fixed;
}

.header .mobile-menu {
    position: fixed;
    height: 710px;
    overflow-y: scroll;
}

.mobile-menu .mobile-menu__container {
    position: relative;
}



.header .mobile-menu::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background: linear-gradient(124.97deg, rgb(15, 0, 152) -0.327%,rgb(178, 0, 255) 62.796%,rgb(255, 0, 245) 99.942%);
}

.header .mobile-menu::-webkit-scrollbar-track {
    background: rgb(207, 207, 207);
}


.articles .articles-about .articlesMain-list .newsItem {
    min-width: 387px;
}


.header {
    width: 100%;
    background: rgb(234, 233, 233);
    height: max-content;
}

    .header .header_top {
        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
    }

    .header .header_top .header_top-wrapper {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding: 17px 0px;
        align-items: center;
    }

.header .header_top .header-left {
    display: flex;
    gap: 20px;
    align-items: center;
}

.header .header_top .header-left .header-date p {
    font-family: 'Montserrat';
    font-size: 16px;
    color: black;
}

.header .header_top .header-right p {
    color: #B200FF;
    font-family: 'Montserrat';
    font-size: 25px;
    font-weight: 500;
    padding-right: 10px;
}

.header .header_top .header-right a:nth-child(2) {
    text-decoration: none;
    color: white;
    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: 500;
    padding: 10px 30px;
    border-radius: 30px;
    background: linear-gradient(124.97deg, rgb(15, 0, 152) -50.341%,rgb(178, 0, 255) 38.682%,rgb(255, 0, 245) 91.07%);
}

    .header .header_top .header-right a:last-child {
        color: rgb(178, 0, 255);
        font-family: 'Montserrat';
        font-size: 16px;
        font-weight: 500;
        padding: 10px 30px;
        border-radius: 30px;
        text-decoration: none;
        border: 1px #FF00F5 solid;
    }

    .header .header_top .header-right {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .header .header_n {
        max-width: 100%;
        width: 100%;
        background: white;
    }

    .header .header_n .menu {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto !important;
        gap: 52px;
        justify-content: center;
    }

    .header .header_n .menu .menu-list {
        padding: 28px 0px 22px 0px;
    }

    .header .header_n .menu .menu-list a {
        color: black;
        font-family: Montserrat;
        font-size: 15px;
        padding: 0;
        cursor: pointer;
    }

    .header .header_n .menu .menu-list a .stroke {
        content: '';
        display: block;
        opacity: 0;
        width: 100%;
        height: 3px;
        margin-top: 5px;
        transition: 1s;
        border-radius: 5px;
        background: linear-gradient(134.20deg, rgb(178, 0, 255) 8.535%,rgb(255, 0, 245) 81.294%);
    }

    .header .header_n .header__soc {
        display: none;
    }

    .content {
        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
        overflow: visible;
    }

.content .home-banner {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    height: 556px;
    padding-top: 0 !important;
}

.content .home-banner .slide2,
.content .home-banner .slide3 {
    opacity: 0;
}

.content .home-banner .slide2 {
    background: linear-gradient(139.84deg, rgb(15, 0, 152) 18.303%,rgb(0, 0, 0) 67.301%,rgb(178, 0, 255) 102.016%) !important;
    z-index: 1;
}

    .content .home-banner .slide1 {
        background-image: linear-gradient(170deg, #B200FF -10%, black 80%, #FF00F5 160%), url('/main-images/mainSlidebg1.png');
        z-index: 2;
    }

.content .home-banner .slide3 {
    background: linear-gradient(150.57deg, rgb(178, 0, 255) -20.91%,rgb(0, 0, 0) 60.345%,rgb(255, 0, 245) 130.154%);
    z-index: 1;
}

.content .home-banner .slide3 .select_direction_box .select_direction_text-box {
    padding-top: 0px;
    width: 700px !important;
}

.content .home-banner .slide3 .select_direction_box {
    align-items: start;
}

.content .home-banner .slide3 .select_direction_box img {
    padding-top: 18px;
}

    .content .home-banner .top-block {
        width: 100%;
        background-attachment: scroll;
        height: 436px !important;
        padding: 53px 100px;
        border-radius: 0px 0px 30px 30px;
        background-position-x: left;
        background-size: cover;
        overflow: visible;
        height: 100% !important;
        position: absolute;
    }



.content .home-banner .top-block .select_direction_box {
    width: 100%;
    justify-content: space-between;
    height: max-content;
}

.content .home-banner .top-block .partners-line {
    display: none;
}

.content .home-banner .top-block .select_direction_box img {
    height: max-content;
    margin: 0;
    user-select: none;
}

.content .home-banner .top-block .select_direction_box .select_direction_text-box h1 {
    color: rgb(255, 255, 255);
    font-family: Bebas Neue;
    font-size: 117px;
    font-weight: 500;
    line-height: 100%;
    user-select: none;
}

.content .home-banner .slide2 .select_direction_box .select_direction_text-box h1,
.content .home-banner .slide3 .select_direction_box .select_direction_text-box h1 {
    font-family: 'Bebas';
    padding-bottom: 5px;
    text-transform: uppercase;
    line-height: 100%;
}

.content .home-banner .slide2 .select_direction_box .select_direction_text-box h1 {
    font-size: 70px;
}

.content .home-banner .slide3 .select_direction_box .select_direction_text-box h1 {
    font-size: 72px;
}

.content .home-banner .slide1 .select_direction_box .select_direction_text-box h1 {
    font-size: 100px;
}

.content .home-banner .slide3 .select_direction_box .select_direction_text-box h1 {
    width: 90%;
}

.content .home-banner .slide2 .select_direction_box .select_direction_text-box p span {
    color: rgb(255, 255, 255);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.content .home-banner .top-block .select_direction_box .select_direction_text-box {
    height: max-content;
    width: 545px;
}

.content .home-banner .top-block .select_direction_box .select_direction_text-box * {
    margin: 0;
}

.content .home-banner .top-block .select_direction_box .select_direction_text-box p {
    color: rgb(255, 255, 255);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    user-select: none;
}

.content .home-banner .slide1 .select_direction_box .select_direction_text-box p {
    width: 555px;
}

.content .home-banner .slide1 .select_direction_box .select_direction_text-box .select_direction_bottom_button p {
    width: max-content;
}

.content .home-banner .slide3 .select_direction_box .select_direction_text-box p {
    width: 60%;
}

    .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_bottom_button a {
        padding: 20px 45px;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 500;
        width: max-content;
        height: max-content;
        border-radius: 30px;
        user-select: none;
        background: linear-gradient(155deg, rgb(15, 0, 152) -20.006%,rgb(178, 0, 255) 39.326%,rgb(255, 0, 245) 91.307%);
    }

    .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_bottom_button {
        padding-top: 30px;
        display: flex;
        align-items: center;
        gap: 33px;
    }

    .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_bottom_button p {
        color: rgb(255, 255, 255);
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 600;
    }
    .content .home-banner .slide3 .select_direction_box .select_direction_text-box .select_direction_bottom_button p {
        width: 400px;
    }


    .content .home-banner .statistics {
        position: absolute;
        top: 470px;
        z-index: 1000;
        padding: 30px 10px;
        background: white;
        border-radius: 10px;
        display: flex;
        align-items: center;
        gap: 50px;
        width: 1016px;
        justify-content: center;
        
    }

        .content .home-banner .statistics h4 {
            color: rgb(105, 0, 151);
            font-family: 'Bebas';
            font-size: 40px;
            font-weight: 500;
            width: max-content;
        }

    .content .home-banner .statistics span {
        color: rgb(23, 0, 33);
        font-family: Montserrat;
        font-size: 16px;
        white-space: wrap;
        display: inline-block;
        line-height: 110%;
    }

    .content .home-banner .statistics .stroke {
        width: 0.5px;
        height: 96px;
        background: #170021;
        opacity: 30%;
    }

    .content .home-banner .slider-steps {
        display: flex;
        gap: 5px;
        z-index: 1000;
        position: absolute;
        top: 450px;
    }

    .content .home-banner .slider-steps .step {
        width: 7px;
        height: 7px;
        box-shadow: inset 0px -4.07px 13.58px 0px rgba(255, 255, 255, 0.15),inset 0px -6.79px 24.52px 0px rgba(255, 255, 255, 0.15),inset 0px 16.3px 16.59px 0px rgba(255, 255, 255, 0.1),inset 0px 4px 4.15px 0px rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(9.51px);
        background: rgba(255, 255, 255, 0.2);
        border-radius: 50%;
    }

    .content .home-banner .slider-steps .slider_active {
        background: white;
    }

    
    .content .sell_with_us {
        display: none;
    }

    
    .content .directions {
        padding-top: 200px;
        margin: 0 auto;
        max-width: 1200px;
        width: 100%;
    }

    .content .directions .home-advances .home-advances__container {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }

    .content .directions .home-advances .home-advances__container .home-advances__title {
        display: flex;
        gap: 20px;
        align-items: center;
        width: 840px;
    }

    .content .directions .home-advances .home-advances__container .home-advances__title h2 {
        color: #690097;
        font-family: 'Bebas';
        font-size: 70px;
        font-weight: 500;
        text-transform: uppercase;
        margin: 0;
    }

    .content .directions .home-advances .home-advances__container .home-advances__title .stroke {
        width: 12px;
        border-radius: 30px;
        height: 57px;
        background: linear-gradient(134.20deg, rgb(178, 0, 255) 8.578%,rgb(255, 0, 245) 81.329%);
    }

    .content .directions .home-advances .home-advances__container .home-advances__title p {
        color: #690097;
        font-family: Montserrat;
        font-size: 14px;
    }

    .content .directions .home-advances .home-advances__container .home-advances__content {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .content .directions .home-advances .home-advances__container .home-advances__content .three-items {
        display: flex;
        gap: 20px;
    }

        .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item {
            background-image: linear-gradient(rgb(27, 27, 27), rgb(27, 27, 27)), url('/main-images/mainSlidebg1.png');
            background-blend-mode: color-burn;
            margin-bottom: 0 !important;
            height: auto;
            border-radius: 30px;
            cursor: pointer;
            padding: 50px 32px !important;
            flex: 1;
        }




        .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item:hover {
            background-image: linear-gradient(140deg,#B200FF -40%, #000000 80%, #FF00F5 124%), url('/main-images/mainSlidebg1.png');
            background-blend-mode: color;
        }

    .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item a {
        height: max-content;
        display: flex;
        flex-direction: column;
    }

    .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item a p:first-child {
        font-family: Bebas Neue;
        font-size: 35px;
        font-weight: 500;
        color: #6B6B6B;
    }

    .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item a p:first-child span {
        color: #FF00F5;
    }

    .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item img {
        display: none;
    }

    .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item a p {
        padding: 0;
    }

    .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item a p:nth-child(2) {
        color: rgb(234, 233, 233);
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 400;
    }

    
    .content .videos {
        padding-top: 120px;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
    }

    .content .videos .videos-about .videos-about__container {
        margin: 0 !important;
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .content .videos .videos-about .videos-about__container .video_container {
        border-radius: 30px;
        width: 100%;
        position: relative !important;
        display: flex;
        justify-content: center;
        height: 460px;
        align-items: center;
        position: absolute;
    }

    .content .videos .videos-about .videos-about__container .video_container video {
        border-radius: 30px;
        width: 100%;
        height: 100%;
        cursor: pointer;
        object-fit: cover;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

    .ytp-large-play-button {
        padding: 50px !important;
    }

    .content .videos .videos-about .videos-about__container .bottom-item {
        flex: 1;
        padding: 40px 20px 40px 40px;
        border-radius: 30px;
    }


    .content .videos .videos-about .videos-about__container .bottom-item h4 {
        color: #6B6B6B;
        font-family: 'Bebas';
        font-size: 32px;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .content .videos .videos-about .videos-about__container .bottom-item h4 span {
        color: #FF00F5;
    }

    .content .videos .videos-about .videos-about__container .bottom-item p {
        color: #EAE9E9;
        font-family: 'Montserrat';
        font-size: 15px;
        font-weight: 300;
        padding-top: 7px;
    }

.content .videos .videos-about .videos-about__container .bottom-item-1 {
    text-decoration: none;
    background-repeat: no-repeat;
    background-blend-mode: color-dodge;
    background-size: cover !important;
    background-image: linear-gradient(150deg, rgb(178, 0, 255) -10.169%,rgb(0, 0, 0) 80.451%,rgb(255, 0, 245) 200.497%), url('/main-images/videosItemsBgIcon1.png');
}



.content .videos .videos-about .videos-about__container .bottom-item-2 {
    text-decoration: none;
    background-repeat: no-repeat;
    background-blend-mode: color-dodge;
    background-size: cover !important;
    background-image: linear-gradient(150deg, rgb(178, 0, 255) -10.169%,rgb(0, 0, 0) 80.451%,rgb(255, 0, 245) 200.497%), url('/main-images/videosItemsBgIcon2.png');
}

.content .videos .videos-about .videos-about__container .bottom-item-3 {
    text-decoration: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-blend-mode: color-dodge;
    background-size: cover !important;
    background-image: linear-gradient(150deg, rgb(178, 0, 255) -10.169%,rgb(0, 0, 0) 80.451%,rgb(255, 0, 245) 200.497%), url('/main-images/videosItemsBgIcon3.png');
}

    .content .videos .videos-about .videos-about__container .bottom-item-3 p {
        width: 100%;
    }


    .articles {
        margin-top: 0;
        margin-bottom: 0;
        max-width: 1100px;
        width: 100%;
        margin: 0 auto;
        padding-top: 120px;
    }

    .articles .articles-about {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 50px;
        align-items: center;
        padding: 60px 120px;
        border-radius: 30px;
        background: linear-gradient(147.48deg, rgb(178, 0, 255) -17.917%,rgb(0, 0, 0) 80.574%,rgb(255, 0, 245) 164.473%);
    }

    .scrollRight {
        position: absolute;
        right: 50px;
        top: 55%;
        cursor: pointer;
        width: 40px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .scrollRight .stroke,
        .scrollLeft .stroke {
            width: 40px;
            height: 4px;
            background-color: white;
            display: block;
            border-radius: 10px;
        }

    .scrollRight .firstStroke,
    .scrollLeft .firstStroke {
        transform: rotate(40deg) translateY(-13px)
    }

        .scrollRight .secondStroke,
        .scrollLeft .secondStroke {
            transform: rotate(-40deg) translateY(13px)
        }

    .scrollLeft {
        left: 50px;
        transform: rotate(180deg);
        position: absolute;
        top: 55%;
        cursor: pointer;
        width: 40px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .articles .articles-about .articles-about__container {
        margin: 0;
        gap: 20px;
        justify-content: center;
        align-items: center;
    }

    .articles .articles-about .articles-about__container h2 {
        color: rgb(255, 255, 255);
        font-family: 'Bebas';
        font-size: 70px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .articles .articles-about .articles-about__container .stroke {
        width: 5px;
        border-radius: 30px;
        height: 57px;
        background: linear-gradient(134.20deg, rgb(178, 0, 255) 8.578%, rgb(255, 0, 245) 81.329%);
    }

    .articles .articles-about .articles-about__container p {
        color: rgb(255, 255, 255);
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
    }

    .articles .articles-about .swiper-container {
        margin: 0;
        position: static;
        overflow: visible;
        display: flex;
        justify-content: center;
    }

    .articles .articles-about .articlesMain-list {
        gap: 22px;
        display: flex;
        overflow: hidden;
        width: 100%;
    }

    .articles .articles-about .articlesMain-list .articles-about__item {
        margin: 0 !important;
        display: flex;
        flex-direction: column;
        border-radius: 30px;
        min-width: 387px;
        text-decoration: none;
    }

    .articles .articles-about .articlesMain-list .articles-about__item img {
        border-radius: 30px 30px 0px 0px;
        width: 100%;
    }

    .articles .articles-about .articlesMain-list .articles-about__item .articles-about__item_text_block {
        display: flex;
        flex-direction: column;
        gap: 5px;
        border-radius: 0px 0px 30px 30px;
        background: white;
        background-image: none;
        padding: 20px 30px 35px 30px;
        height: 100%;
        max-width: 327px;
    }

        .articles .articles-about .articlesMain-list .articles-about__item .articles-about__item_text_block h3 {
            padding: 0;
            margin: 0;
            height: max-content;
            color: rgb(105, 0, 151);
            font-family: Montserrat;
            font-size: 18px;
            font-weight: 700;
            line-height: 140%;
            text-decoration: none;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

    .articles .articles-about .articlesMain-list .articles-about__item .articles-about__item_text_block span {
        color: rgb(136, 136, 136);
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
    }


    .content-partners-banner {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        padding-top: 120px;
    }

    .content-partners-banner .partners-block {
        background-image: none;
        display: flex;
        flex-direction: column;
        gap: 42px;
        align-items: center;
        flex-wrap: nowrap;
        overflow: visible;
        height: max-content;
    }

    .content-partners-banner .partners-block .partners-title {
        display: flex;
        gap: 20px;
        justify-content: center;
        align-items: center;
        width: 70%;
    }

    .content-partners-banner .partners-block .partners-title h2 {
        color: #690097;
        font-family: 'Bebas';
        font-size: 60px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .content-partners-banner .partners-block .partners-title .stroke {
        width: 5px;
        border-radius: 30px;
        height: 57px;
        background: linear-gradient(134.20deg, rgb(178, 0, 255) 8.578%, rgb(255, 0, 245) 81.329%);
    }

    .content-partners-banner .partners-block .partners-title p {
        color: #690097;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
    }

    .content-partners-banner .partners-block .swiper-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        position: static;
        overflow: visible;
        justify-content: space-between;
        column-gap: 40px;
        row-gap: 30px;
        align-items: center;
    }

    .content-partners-banner .partners-block .swiper-container .div_for_prl_item {
        width: max-content;
    }

    .content-partners-banner .partners-block .swiper-container .div_for_prl_item img {
        margin: 0;
        width: 100%;
        object-fit: cover;
    }

    .content-partners-banner .partners-block .swiper-container .div_for_prl_item:nth-child(2) img {
        object-fit: contain;
        opacity: 0.7;
        height: 100%;
    }

        .content-partners-banner .partners-block .swiper-container .div_for_prl_item:nth-child(2) {
            height: 70px;
        }

    .content-partners-banner .chooseUs {
        margin-top: 20px;
        width: 100%;
        border-radius: 30px;
        background: linear-gradient(168.48deg, rgb(178, 0, 255) -10.777%,rgb(0, 0, 0) 70.06%,rgb(255, 0, 245) 270.217%);
    }

        .content-partners-banner .chooseUs .chooseUs-wrapper {
            padding: 52px 102px;
            width: 100%;
            align-items: center;
            display: flex;
            gap: 152px;
        }

    .content-partners-banner .chooseUs .chooseUs-wrapper h4 {
        font-family: 'Bebas';
        font-size: 37px;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 110%;
        text-transform: uppercase;
    }

    .content-partners-banner .chooseUs .chooseUs-wrapper h4 span {
        color: #FF00F5;
    }

    .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right ul {
        display: flex;
        flex-direction: column;
        gap: 5px;
        list-style-type: none;
    }

    .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right ul li {
        color: rgb(234, 233, 233);
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 200;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right ul li::before {
        content: '';
        display: block;
        width: 25px;
        height: 6px;
        border-radius: 20px;
        background: linear-gradient(134.20deg, rgb(178, 0, 255) 20.702%,rgb(255, 0, 245) 91.363%);
    }

    .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right .chooseUs-right_buttons {
        display: flex;
        gap: 10px;
    }

    .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right .chooseUs-right_buttons a:first-child {
        padding: 10px 30px;
        color: rgb(255, 255, 255);
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 400;
        border-radius: 30px;
        background: linear-gradient(150.97deg, rgb(15, 0, 152) -40.341%,rgb(178, 0, 255) 38.682%,rgb(255, 0, 245) 91.07%);
        cursor: pointer;
        text-decoration: none !important;
    }

    .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right .chooseUs-right_buttons a:last-child {
        padding: 10px 30px;
        color: rgb(255, 255, 255);
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 400;
        border: 1px solid rgb(255, 255, 255);
        border-radius: 30px;
        cursor: pointer;
        text-decoration: none;
    }


    .feedback {
        max-width: 969px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: center;
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .feedback .feedback-title {
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .feedback .feedback-title h2 {
        color: rgb(105, 0, 151);
        font-family: 'Bebas';
        font-size: 60px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .feedback .feedback-title p {
        color: rgb(105, 0, 151);
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
    }

    .feedback .feedback-title .stroke {
        width: 5px;
        border-radius: 30px;
        height: 57px;
        background: linear-gradient(134.20deg, rgb(178, 0, 255) 8.578%,rgb(255, 0, 245) 81.329%);
    }

    .feedback .feedback-form_wrapper {
        max-width: 794px;
        width: 100%;
    }

        .feedback .feedback-form_wrapper form {
            background-size: contain;
            background-repeat: no-repeat;
            background-blend-mode: lighten;
            background-position: right bottom;
            padding: 45px 102px;
            border-radius: 30px;
            background-image: linear-gradient(147.48deg, rgb(178, 0, 255) -16.626%,rgb(0, 0, 0) 70.01%,rgb(255, 0, 245) 143.811%), url('/main-images/feedbackFormBg.png');
        }

    .feedback .feedback-form_wrapper form .topInputs {
        display: flex;
        gap: 20px;
    }

    .feedback .feedback-form_wrapper form .topInputs .leftInputs_wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .feedback .feedback-form_wrapper form .topInputs .nameInput,
    .feedback .feedback-form_wrapper form .topInputs .telInput,
    .feedback .feedback-form_wrapper form .topInputs .commentInput {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 285px;
    }

    .feedback .feedback-form_wrapper form .topInputs .commentInput {
        width: 245px !important;
    }

    .feedback .feedback-form_wrapper form .topInputs .nameInput span,
    .feedback .feedback-form_wrapper form .topInputs .telInput span,
    .feedback .feedback-form_wrapper form .topInputs .commentInput span {
        color: rgb(255, 255, 255);
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
    }

    .feedback .feedback-form_wrapper form .topInputs .nameInput input,
    .feedback .feedback-form_wrapper form .topInputs .telInput input{
        padding: 20px;
        color: rgb(0, 0, 0, 0.8);
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 500;
        border-radius: 5px;
        background: rgb(255, 255, 255);
        border: none;
        outline: none;
    }

    .feedback .feedback-form_wrapper form .topInputs .commentInput textarea {
        padding: 20px;
        color: rgb(0, 0, 0, 0.8);
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 500;
        border-radius: 5px;
        background: rgb(255, 255, 255);
        height: 100% !important;
        width: 100% !important;
        border: none;
        outline: none;
    }

    .feedback .feedback-form_wrapper form .bottomElements {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-top: 15px;
        width: 380px;
    }

    .feedback .feedback-form_wrapper form .bottomElements .feedback-checkbox input {
        display: none;
    }

    .feedback .feedback-form_wrapper form .bottomElements .feedback-checkbox .customCheckbox {
        display: flex;
        gap: 12px;
        align-items: center;
        width: 100%;
        height: max-content;
        background: none !important;
    }

    .feedback .feedback-form_wrapper form .bottomElements .feedback-checkbox .customCheckbox .checkBox {
        height: 14px;
        width: 15px;
        border: 1px solid rgb(255, 255, 255);
        border-radius: 5px;
        cursor: pointer;
    }

    .feedback .feedback-form_wrapper form .bottomElements .feedback-checkbox .customCheckbox a {
        color: rgb(255, 255, 255);
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        text-decoration: none;
        width: 100%;
        opacity: 0.8;
    }

    .feedback .feedback-form_wrapper form .bottomElements button {
        cursor: pointer;
        width: max-content;
        height: max-content;
        padding: 15px 50px;
        color: rgb(255, 255, 255);
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
        border-radius: 30px;
        border: none;
        outline: none;
        background: linear-gradient(124.97deg, rgb(15, 0, 152) -50.459%,rgb(178, 0, 255) 38.625%,rgb(255, 0, 245) 91.049%);
    }

   

    .content .home-banner .top-block .select_direction_box .select_direction_text-box .mincifri {
        padding-top: 40px;
        display: flex;
        align-items: center;
        gap: 30px;
    }

    .content .home-banner .top-block .select_direction_box .select_direction_text-box .mincifri p {
        color: rgba(255, 255, 255, 0.80);
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }

    .content .home-banner .top-block .select_direction_box .select_direction_text-box .mincifri img {
        padding-top: 0 !important;
    }

    .content .home-banner .slide2 .select_direction_box .select_direction_text-box .mincifri,
    .content .home-banner .slide3 .select_direction_box .select_direction_text-box .mincifri {
        padding-top: 30px;
    }

    .stepMob5 {
        display: block;
    }

    .content .home-banner .slide3 .select_direction_box .select_direction_text-box .select_direction_bottom_button {
    gap: 20px;
}

.content .home-banner .slide3 .select_direction_box .select_direction_text-box .select_direction_bottom_button p {
    font-size: 16px;
}

    @media screen and (max-width: 1450px) {
        .content {
            max-width: 95%;
            width: 100%;
        }

        .content .home-banner,
        .content .directions,
        .articles,
        .content-partners-banner {
            max-width: 100%;
            width: 100%;
        }

            .content .home-banner .top-block {
                width: 100%;
            }


        .content .home-banner .top-block {
            padding: 53px 50px;
        }
    }

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

        .stepItem2 {
            display: none;
        }

        .content .directions .home-advances .home-advances__container .home-advances__content .three-items {
            justify-content: center;
            flex-wrap: nowrap;
            flex-direction: column;
            width: 60%;
            align-self: center;
        }

        .articles .articles-about .articlesMain-list .articles-about__item .articles-about__item_text_block {
            width: 100%;
            max-width: 100%;
            padding: 0;
        }

        .articles .articles-about .articlesMain-list .articles-about__item .articles-about__item_text_block h3 {
            padding: 20px 30px 0px 20px;
        }

        .articles .articles-about .articlesMain-list .articles-about__item .articles-about__item_text_block span {
            padding: 0px 21px 20px 21px;
        }

        .footer-wrapper {
            flex-wrap: wrap;
            justify-content: flex-start;
            row-gap: 30px;
            column-gap: 30px;
        }

        .mega-box {
            width: 100vw;
            right: inherit;
            left: -100%;
        }

        .mega-box .mega-box-container {
            max-width: 90%;
        }

        .mega-box .mega-box-container .mega-title {
            padding: 40px 25px 40px 40px;
            width: 500px;
        }

        .header .header_n .menu {
            gap: 0;
            justify-content: space-between;
            max-width: 98%;
            width: 100%;
            margin: 0 auto;
        }

    }

    @media screen and (max-width: 1100px) {
        .content .videos .videos-about .videos-about__container .bottom-item {
            background-size: contain !important;
            background-position: right;
        }

        #saleOrigPaintMain {
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .content .videos .videos-about .videos-about__container .bottom-item {
            min-width: 323px;
        }

        .content .videos .videos-about .videos-about__container .bottom-item p {
            width: 100%;
        }

        .content .videos .videos-about .videos-about__container {
            justify-content: center;
        }

        .content-partners-banner .chooseUs .chooseUs-wrapper {
            flex-direction: column;
            gap: 20px;
            align-items: flex-start;
        }

        .content-partners-banner .chooseUs {
            display: flex;
            justify-content: center;
        }

        .content .home-banner .slider-steps {
            top: 440px;
        }

        .content-partners-banner .partners-block .partners-title {
            width: 70%;
        }

        .content .home-banner .statistics {
            width: 600px;
            display: grid;
            grid-template-columns: max-content max-content;
            grid-template-rows: max-content max-content;
            column-gap: 50px;
            row-gap: 40px;
        }

        .content .home-banner .statistics .stroke {
            display: none;
        }


    }

   @media screen and (max-width: 1160px) {
    .content .home-banner .slide3 .select_direction_box .select_direction_text-box {
        width: 540px !important;
    }

    .content .home-banner .slide3 .select_direction_box .select_direction_text-box p {
        width: 80%;
    }
   }


    @media screen and (max-width: 1024px) {
        .scrollRight .stroke, 
        .scrollLeft .stroke {
            width: 30px;
        }

        .scrollRight .firstStroke,
        .scrollLeft .firstStroke {
            transform: rotate(40deg) translateY(-9px);
        }

        .scrollRight {
            right: 20px;
            top: 60%;
        }

        .scrollLeft {
            left: 20px;
            top: 60%;
        }

        .scrollRight .secondStroke,
        .scrollLeft .secondStroke {
            transform: rotate(-40deg) translateY(9px);
        }

        .header_n {
            display: none;
        }

        .header_top-wrapper .header-right {
            display: none !important;
        }

        .header_top-wrapper .header-left .header-date {
            display: none !important;
        }

        .mobile-menu .mobile-menu__container {
            width: 100%;
        }

        .header {
            max-width: 95%;
            width: 100%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: white;
        }

        .header .header_top {
            max-width: 100%;
            width: 100%;
        }

        .header-mobile {
            z-index: 1003;
        }

        .header .header-mobile .hamburger .burgerStroke {
            display: block;
            width: 100%;
            height: 4px;
            border-radius: 30px;
            background: linear-gradient(124.97deg, rgb(15, 0, 152) -51.452%,rgb(178, 0, 255) 38.146%,rgb(255, 0, 245) 90.873%);
        }

        .header .header-mobile .hamburger {
            display: flex;
            flex-direction: column;
            gap: 5px;
            margin: 0;
        }

        .header .mobile-menu {
            z-index: 1002;
            width: 100%;
            left: 0;
        }

        .header .header-mobile .hamburger #closeMobileMenuIcon {
            display: none;
        }

        .content .home-banner .top-block .select_direction_box {
            justify-content: center;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box {
            align-items: center;
        }

        .content .home-banner .top-block .select_direction_box {
            width: 80%;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box h1 {
            width: max-content;
        }

        .content .home-banner .slide2 .select_direction_box .select_direction_text-box h1,
        .content .home-banner .slide3 .select_direction_box .select_direction_text-box h1 {
            width: 100% !important;
            text-align: center;
        }

        .content .home-banner .top-block {
            padding: 80px 50px 140px 50px;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box p {
            text-align: center;
        }

        .content .directions .home-advances .home-advances__container .home-advances__title {
            flex-direction: column;
            width: 70%;
            align-items: flex-start;
        }

        .content .directions .home-advances .home-advances__container .home-advances__title .stroke {
            width: 100%;
            height: 5px;
        }

        .content .directions .home-advances .home-advances__container .home-advances__content {
            padding-top: 30px;
        }

        .articles .articles-about {
            padding: 70px 34px;
        }

        .articles .articles-about .articles-about__container {
            flex-direction: column;
            width: 70%;
            align-items: flex-start;
        }

        .articles .articles-about .articles-about__container .stroke {
            width: 100%;
            height: 5px;
        }

        .content-partners-banner .partners-block .partners-title {
            flex-direction: column;
            align-items: flex-start;
        }

        .content-partners-banner .partners-block .partners-title .stroke {
            width: 100%;
            height: 5px;
        }

        .feedback .feedback-title {
            flex-direction: column;
            align-items: flex-start;
        }

        .feedback .feedback-title .stroke {
            width: 100%;
            height: 5px;
        }

        .feedback,
        .feedback .feedback-form_wrapper {
            max-width: 100%;
        }

        .feedback .feedback-form_wrapper form .topInputs {
            justify-content: space-between;
        }

        .feedback .feedback-form_wrapper form .topInputs .leftInputs_wrapper,
        .feedback .feedback-form_wrapper form .topInputs .commentInput{
            width: 45% !important;
        }

        .feedback .feedback-form_wrapper form .topInputs .nameInput, 
        .feedback .feedback-form_wrapper form .topInputs .telInput, .feedback .feedback-form_wrapper form .topInputs .commentInput {
            width: 100%;
        }

        .feedback .feedback-form_wrapper form {
            padding: 45px 102px 45px 70px;
        }

        .content .home-banner .slide2 {
            background-repeat: no-repeat !important;
            background-position: bottom center !important;
            background-image: linear-gradient(139.84deg, rgb(15, 0, 152) 18.303%, rgb(0, 0, 0) 67.301%, rgb(178, 0, 255) 102.016%), url("/main-images/mainSlide2Mobile.png") !important;
        }

        .content .home-banner .slide3 {
            background-repeat: no-repeat !important;
            background-position: bottom center !important;
            background-size: contain;
            background-image: linear-gradient(150.57deg, rgb(178, 0, 255) -20.91%, rgb(0, 0, 0) 60.345%, rgb(255, 0, 245) 130.154%), url("/main-images/mainSlide3Mobile.png");
        }

        .content .home-banner .slide3 .select_direction_box .select_direction_text-box {
            padding-top: 0;
        }

        .content .home-banner .statistics {
            top: 550px;
        }

        .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item {
            width: 100%;
        }

        .content .home-banner .slider-steps {
            top: 510px;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box .mincifri p {
            width: max-content;
        }

        .content .directions {
            padding-top: 280px;
        }



    }

    @media screen and (max-width: 900px) {
        .footer-wrapper {
            padding: 60px 65px;
            max-width: calc(100% - 130px);
        }
    }

    @media screen and (max-width: 800px) {
        .content .directions .home-advances .home-advances__container .home-advances__content .three-items {
            width: 100%;
        }

        .content .videos .videos-about .videos-about__container .video_container {
            height: 45vw;
        }

        .mobile-menu .mobile-menu__container ul li .items-list-directions {
            width: 100%;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_bottom_button {
            flex-direction: column;
            align-items: center;
        }

        .content .home-banner .statistics {
            width: 80%;
            column-gap: 30px;
            row-gap: 20px;
            padding: 30px 20px;
            top: 570px;
        }

        .content .home-banner .statistics h4 {
            line-height: 100%;
            font-size: 30px;
        }

        .content .home-banner .statistics span {
            font-size: 13px;
        }

        .content .home-banner .statistics .statistics_item {
            align-self: start;
            justify-self: center;
        }

        .content .directions {
            padding-top: 180px;
        }

        .content .videos {
            padding-top: 60px;
        }


        .content {
            max-width: 90%;
            width: 100%;
        }


        .content-partners-banner .chooseUs .chooseUs-wrapper {
            padding: 60px 30px 60px 35px;
            width: 100%;
        }

        .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right ul li::before {
            min-width: 25px;
            align-self: flex-start;
            margin-top: 6px;
        }

        .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right ul {
            gap: 15px;
        }

        .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right {
            gap: 25px;
        }

        .feedback .feedback-form_wrapper form .topInputs {
            flex-direction: column;
        }

        .feedback .feedback-form_wrapper form .topInputs .leftInputs_wrapper {
            width: 100% !important;
        }

        .feedback .feedback-form_wrapper form .topInputs .commentInput {
            width: calc(100% - 40px) !important;
        }

        .feedback .feedback-form_wrapper form .topInputs .commentInput textarea {
            height: 120px !important;
        }

        .feedback .feedback-form_wrapper form .topInputs {
            gap: 10px;
        }

        .feedback .feedback-form_wrapper form .bottomElements button {
            width: 100%;
        }

        .feedback .feedback-form_wrapper form {
            padding: 60px 31px 60px 35px;
            background-position: right top;
            background-image: linear-gradient(147.48deg, rgb(178, 0, 255) -16.626%,rgb(0, 0, 0) 70.01%,rgb(255, 0, 245) 143.811%), url('/main-images/feedbackFormBgMobile.png');
        }

        .feedback .feedback-form_wrapper form .bottomElements {
            width: 100%;
        }

        .feedback .feedback-title h2 {
            font-size: 45px;
            line-height: 110%;
        }

        .feedback .feedback-title .stroke {
            width: 80%;
        }

        .feedback .feedback-title p {
            font-size: 12px;
        }

        .feedback {
            padding-top: 80px
        }

        .footer .footer-right .footer-top {
            flex-direction: column;
            gap: 30px;
            align-items: flex-start;
        }

        .footer .footer-right .footer-top .footer-links {
            flex-direction: row;
            gap; 30px;
            align-items: center;
        }

        .footer .footer-right .footer-top .footer-links .top-soc-links {
            order: 1;
        }

        .footer .footer-right .footer-top .footer-links .bottom-contacts {
            gap: 5px;
        }

        .footer .footer-right .footer-top .footer-right-info {
            gap: 15px;
        }

        .footer a, .footer p {
            font-size: 12px;
        }

        .footer .footer-right .footer-top .footer-links .bottom-contacts a {
            font-size: 19px;
        }
       

        .footer .footer-right .footer-top .footer-links .top-soc-links a img {
            width: 28px;
            height: 28px;
            object-fit: contain;
        }

        .footer .footer-menu,
        .footer .footer-directions {
            width: max-content;
        }

        .content .home-banner .slide2 .select_direction_box .select_direction_text-box h1 {
            font-size: 50px !important;
        }

        .content .home-banner .slider-steps {
            top: 530px;
        }

        .content .home-banner {
            height: 670px;
        }

            .content .home-banner .statistics .statistics_item {
                justify-self: start;
            }

        .content .directions .home-advances .home-advances__container .home-advances__content {
            width: 100%;
        }

        .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item {
            width: 100% !important;
        }

        .content .home-banner .slide1 .select_direction_box .select_direction_text-box p {
            width: 100%;
        }

        .content .home-banner .slide1 .select_direction_box .select_direction_text-box .select_direction_bottom_button p {
            width: max-content;
        }

    }

    @media screen and (max-width: 685px) {
        .content .home-banner .statistics {
            bottom: -130px;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box .mincifri {
            flex-direction: column;
            gap: 5px;
        }

        .content .home-banner .slide1 .select_direction_box .select_direction_text-box .mincifri {
            padding-top: 35px;
        }

        .content .home-banner .slide1 .select_direction_box .select_direction_text-box .mincifri img {
            width: 122px;
            height: 26px;
        }

        .content .home-banner .slide2 .select_direction_box .select_direction_text-box .mincifri {
            padding-top: 45px;
        }

        .content .home-banner .slide3 .select_direction_box .select_direction_text-box .mincifri {
            padding-top: 40px;
        }
    }

    @media screen and (max-width: 600px) {
        .articles .articles-about .articlesMain-list .newsItem {
            width: 100%;
            min-width: 100%;
        }

        .content-partners-banner .partners-block .swiper-container .div_for_prl_item:nth-child(2) img {
            object-fit: cover;
        }

        .articles .articles-about .articlesMain-list .articles-about__item .articles-about__item_text_block h3 {
            font-size: 15px;
        }

        .articles,
        .content-partners-banner {
            padding-top: 80px;
        }


        .content .videos .videos-about .videos-about__container .video_container {
            height: 52vw;
            border-radius: 20px;
        }

        .content .videos .videos-about .videos-about__container .video_container video {
            border-radius: 20px;
        }


        .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item a {
            width: 100% !important;
        }

        .content .home-banner {
            max-width: 100%;
            width: 100%;
            
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box h1 {
            font-size: 75px;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box p {
            font-size: 16px;
            padding-top: 30px;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_bottom_button a {
            font-size: 15px;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_bottom_button p {
            font-size: 18px;
        }

        .content .home-banner .statistics {
            top: 544px;
            width: 95%;
            padding: 30px 15px;
            height: max-content;
            box-sizing: border-box;
        }

        .content .home-banner .slider-steps {
            top: 517px;
        }

            .content .home-banner .top-block {
                background-image: linear-gradient(170deg, #B200FF -10%, black 80%, #FF00F5 160%), url(/main-images/mobileMainBg1.png);
                padding: 80px 27px 140px 27px;
                background-blend-mode: color-dodge;
                height: 618px !important;
                box-sizing: border-box !important;
            }

        .content .home-banner .top-block .select_direction_box {
            width: 100%;
        }

        .content .directions .home-advances .home-advances__container .home-advances__title {
            width: 75%;
            gap: 10px;
        }

        .content .directions .home-advances .home-advances__container .home-advances__title .stroke {
            width: 80%;
        }

        .content .directions .home-advances .home-advances__container .home-advances__title h2 {
            font-size: 45px;
            font-weight: 500;
        }

        .content .directions .home-advances .home-advances__container .home-advances__title p {
            font-size: 12px;
        }

        .content .directions .home-advances .home-advances__container .home-advances__content {
            padding: 0;
        }

        .content .directions {
            padding-top: 120px;
        }

        .content .directions .home-advances .home-advances__container .home-advances__title,
        .content-partners-banner .partners-block .partners-title,
        .feedback .feedback-title {
            padding-left: 30px;
        }

        .feedback .feedback-title {
            gap: 10px;
        }


        .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item {
            background-size: cover;
        }

        .content .videos .videos-about .videos-about__container .bottom-item {
            width: 100%;
        }

        .content .videos .videos-about .videos-about__container .video_container video {
            height: 250px;
            border-radius: 10px;
        }

        .articles .articles-about .articles-about__container h2 {
            font-size: 50px;
        }

        .articles .articles-about .articles-about__container p {
            font-size: 12px;
        }

        .articles .articles-about .articles-about__container .stroke {
            width: 80%;
        }

        .articles .articles-about .articlesMain-list .articles-about__item,
        .articles .articles-about .articles-about__container {
            width: 100%;
        }

        .articles .articles-about {
            gap: 30px;
        }

        .articles .articles-about .articlesMain-list .articles-about__item .articles-about__item_text_block {
            gap: 10px;
        }

        .articles .articles-about .articlesMain-list .articles-about__item img {
            height: 230px;
        }

        .articles .articles-about .articlesMain-list .articles-about__item .articles-about__item_text_block h3 {
            padding: 20px 35px 0px 30px;
        }

        .articles .articles-about .articlesMain-list .articles-about__item .articles-about__item_text_block span {
            padding: 0px 36px 35px 30px;
        }

        .content-partners-banner .partners-block .swiper-container .div_for_prl_item {
            width: 45%;
            height: 40px;
        }

        .content-partners-banner .partners-block .swiper-container .div_for_prl_item img {
            object-fit: contain;
            height: 100%;
        }

        .content-partners-banner .partners-block .partners-title h2 {
            font-size: 50px;
        }

        .stepMob2 {
            display: block;
        }

        .content-partners-banner .partners-block .partners-title p {
            font-size: 12px;
        }

        .content-partners-banner .partners-block .partners-title {
            width: 90%;
            align-self: start;
        }

        .content-partners-banner .partners-block .partners-title .stroke {
            width: 70%;
        }

        .feedback .feedback-form_wrapper form .bottomElements .feedback-checkbox .customCheckbox a {
            font-size: 12px;
        }

        .content .home-banner .slide2 .select_direction_box .select_direction_text-box h1 {
            padding-bottom: 0;
        }

        .content .home-banner .slide3 .select_direction_box .select_direction_text-box h1 {
            padding: 0;
        }

        .content .home-banner .slide3 {
            background-repeat: no-repeat !important;
            background-position: bottom center !important;
            background-size: contain;
            background-image: linear-gradient(150.57deg, rgb(178, 0, 255) -20.91%, rgb(0, 0, 0) 60.345%, rgb(255, 0, 245) 130.154%), url("/main-images/mainSlide3Mobile.png");
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box h1 {
            font-size: 50px !important;
        }

        .content .home-banner .slide2 .select_direction_box .select_direction_text-box .select_direction_description {
            line-height: 180%;
        }

        .stepMob1 {
            display: block;
        }

        .content .home-banner .slide1 .select_direction_box .select_direction_text-box h1 {
            font-size: 70px !important;
        }

        .content .home-banner .top-block {
            width: 100%;
            padding: 80px 19px;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_bottom_button p {
            padding-top: 0px;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box p {
            padding-top: 20px;
            width: 100% !important;
        }

        .content .directions .home-advances .home-advances__container {
            align-items: flex-start;
        }

        .footer-wrapper {
            padding: 60px 50px;
            max-width: calc(100% - 100px);
        }

        .mobile-menu .mobile-menu__container ul li .items-list-directions {
            width: 264px;
        }

        .articles .articles-about .articlesMain-list .articles-about__item {
            min-width: 100%;
            height: max-content;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_bottom_button {
            padding-top: 25px;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_bottom_button a {
            padding: 18px 45px;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_bottom_button {
            gap: 20px;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box .mincifri p {
            padding-top: 0 !important;
            width: 70% !important;
        }

        .content .home-banner .top-block .select_direction_box .select_direction_text-box .mincifri img {
            width: 122px;
            height: 26px;
        }

        .content .home-banner .slide3 .select_direction_box .select_direction_text-box .select_direction_bottom_button {
            gap: 15px;
        }
    }

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

        .stepItem2,
        .stepItem3 {
            display: block;
        }


        .content-partners-banner .partners-block .swiper-container {
            column-gap: 0px;
        }

        .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item {
            height: max-content;
        }

        .content {
            max-width: 90%;
        }

        .footer .footer-right .footer-top .footer-links {
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
        }

    } 

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



            .content {
                max-width: 95%;
            }

            .articles .articles-about .articlesMain-list .articles-about__item img {
                height: 230px;
            }

            .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item {
                padding: 40px 15px 40px 25px;
                border-radius: 20px;
            }

            .mobile-menu .mobile-menu__container {
                padding: 50px 30px;
            }

            .content .directions .home-advances .home-advances__container .home-advances__content .three-items {
                max-width: 100%;
                width: 100%;
            }

            .home-advances,
            .content .directions .home-advances .home-advances__container,
            .content .directions .home-advances .home-advances__container .home-advances__content {
                max-width: 100%;
                width: 100%;
            }

            .content .home-banner {
                max-width: 100%;
                width: 100%;
            }


            .content .home-banner .statistics {
                width: 85%;
            }

            .content .home-banner .statistics h4 {
                font-size: 22px;
            }

            .content .home-banner .statistics span {
                font-size: 10px;
            }

            .content .home-banner .statistics {
                grid-template-rows: max-content max-content;
                row-gap: 20px;
                column-gap: 20px;
            }

            .content .home-banner .top-block .select_direction_box .select_direction_text-box h1,
            .content .home-banner .slide2 .select_direction_box .select_direction_text-box h1 {
                font-size: 30px !important;
            }

            .content .home-banner .slide1 .select_direction_box .select_direction_text-box h1 {
                font-size: 60px !important;
            }

                .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_description {
                    padding-top: 5px;
                    font-size: 12px;
                }

                .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_description span {
                    font-size: 12px;
                }

            .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_bottom_button p {
                font-size: 12px;
                padding-top: 0 !important;
            }

            .content .home-banner .top-block {
                height: 500px !important;
                padding: 60px 19px;
            }

            .content .home-banner .top-block .select_direction_box .select_direction_text-box .mincifri p {
                width: 100% !important;
            }

            .content .home-banner .slider-steps {
                top: 430px;
            }

            .content .home-banner .statistics {
                top: 460px;
                height: max-content;
                padding: 20px 10px;
            }

            .content .directions {
                padding-top: 0px !important;
            }

            .content .directions .home-advances .home-advances__container .home-advances__title h2,
            .articles .articles-about .articles-about__container h2,
            .content-partners-banner .partners-block .partners-title h2,
            .feedback .feedback-title h2 {
                font-size: 32px;
            }

            .articles .articles-about .articles-about__container,
            .content-partners-banner .partners-block .partners-title,
            .feedback .feedback-title {
                gap: 10px;
            }

            .content .directions .home-advances .home-advances__container .home-advances__title,
            .content-partners-banner .partners-block .partners-title,
            .feedback .feedback-title {
                padding-left: 15px;
            }

            .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item a p:first-child {
                font-size: 25px;
            }

            .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item a p:nth-child(2) {
                font-size: 12px;
            }

            .content .videos .videos-about .videos-about__container .bottom-item {
                padding: 30px 25px;
            }

            .content .videos .videos-about .videos-about__container .bottom-item h4 {
                font-size: 22px;
            }

            .content .videos .videos-about .videos-about__container .bottom-item p {
                font-size: 12px;
                padding-top: 5px;
            }

            .content .videos .videos-about .videos-about__container .bottom-item {
                background-size: cover !important;
            }

            .content .videos .videos-about .videos-about__container .video_container video {
                height: 100%;
            }


            .articles .articles-about .articlesMain-list .articles-about__item .articles-about__item_text_block h3 {
                font-size: 14px;
                padding: 14px 14px 0px 14px;
            }

            .articles .articles-about .articlesMain-list .articles-about__item .articles-about__item_text_block {
                gap: 0;
                border-radius: 0px 0px 20px 20px;
            }

            .articles .articles-about .articlesMain-list .articles-about__item img {
                border-radius: 20px 20px 0px 0px;
            }

            .articles .articles-about .articlesMain-list .articles-about__item .articles-about__item_text_block span {
                padding: 5px 14px 20px 14px;
                font-size: 10px;
            }

            .articles .articles-about {
                padding: 70px 20px;
            }

            .content-partners-banner .chooseUs .chooseUs-wrapper h4 {
                font-size: 30px;
            }

            .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right ul li {
                font-size: 12px;
            }

            .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right ul li::before {
                height: 4px;
            }

            .content-partners-banner .chooseUs .chooseUs-wrapper {
                padding: 60px 30px;
                width: calc(100% - 60px);
            }

            .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right .chooseUs-right_buttons a:first-child {
                font-size: 14px;
                padding: 12px 30px;
            }

            .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right .chooseUs-right_buttons a:last-child {
                padding: 10px 30px;
            }

            .content-partners-banner .chooseUs .chooseUs-wrapper .chooseUs-right .chooseUs-right_buttons {
                flex-wrap: wrap;
                gap: 20px;
            }

            .feedback .feedback-form_wrapper form {
                padding: 50px 20px;
            }

            .feedback .feedback-form_wrapper form .bottomElements button {
                padding: 12px;
                font-size: 14px;
            }

            .footer-wrapper {
                padding: 60px 20px;
                max-width: calc(100% - 40px);
            }

            .footer .footer-right .footer-top .footer-links {
                flex-direction: column;
            }

            .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item a p:first-child {
                width: max-content;
            }

            .mobile-menu .mobile-menu__container {
                padding: 50px 20px 50px 30px !important;
            }

            .content .home-banner .statistics .statistics_item {
                justify-self: start;
            }

            .content .directions .home-advances .home-advances__container .home-advances__title {
                width: 90%;
            }

            .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_bottom_button {
                padding-top: 20px;
            }

            .content .home-banner .top-block .select_direction_box .select_direction_text-box .select_direction_bottom_button a {
                padding: 15px 35px;
            }

            .content .directions .home-advances .home-advances__container .home-advances__content .three-items .home-advances__content-item {
                padding: 40px 25px !important;
            }

            .mobile-menu .mobile-menu__container ul li .items-list-directions {
                width: 100% !important;
            }

            .content .videos .videos-about .videos-about__container .bottom-item {
                border-radius: 20px;
            }
        }

/**/
.ok-form {
    width: 400px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 45px 45px 45px;
    z-index: 1100;
    border-radius: 30px;
    display: none;
    position: absolute;
    /*top: -800px;
    right: 585px;*/
    top: -72vh;
    right: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ok-form-h2 {
    font-family: Bebas Neue, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: #690097;
    margin-bottom: 15px;
}

.ok-form-p {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.9px;
    text-align: center;
    color: #690097;
    margin-top: 15px;
}

.closeBtn img, .closeBtn {
    padding: 1px;
    border: none;
    background: #FFF;
    display: flex;
    justify-content: end;
}

.ok-form-top {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-bottom: 15px;
}

.ok-form-img {
    background: linear-gradient(134.11deg, #B200FF 14.85%, #FF00F5 86.52%);
    width: 60%;
    height: 5px;
    border-radius: 30px;
}

/*.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: black;
    opacity: .7;
}*/

.input-error {
    border: 2px solid red !important;
}

input.placeholder-error::placeholder {
    color: red !important;
}

#clBtn:hover {
    cursor: pointer;
}

.feedback-form_wrapper {
    max-height: 390px;
}

@media (width < 1246px) {
    .ok-form {
        top: -102vh;
    }
}

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

        .but div {
            width: 100%;
        }
}

@media (width < 800px) {
    .feedback-form_wrapper {
        max-height: 600px;
    }

    .ok-form {
        width: 50%;
        top: -115vh;
        /*right: -12vw;*/
    }
}

@media (width < 450px) {
    .ok-form {
        top: -125vh;
    }
}

@media (width < 347px) {
    .ok-form {
        top: -145vh;
    }
}

#overlay {
    /*filter: brightness(0.5);
    background: gray;*/
}

/**/
.services {
    width: 54px;
    height: 123px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 1000;
}

.services-block {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: linear-gradient( 237.04deg, #aa21ff 4.33%, #cb78ff 24.5%, #c76cff 47.56%, #c268ff 69.19%, #9984ff 93.26%, #9883ff 121.23% );
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.services-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px;
    transition: width 0.3s, height 0.3s, transform 0.3s;
    transform-origin: left center;
}

.needhelp {
    padding: 15px 20px;
    opacity: 1;
    display: block;
}

.services-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    font-family: Raleway;
    color: #ffffff;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    width: 250px;
    height: 19px;
    text-transform: uppercase;
    margin-right: 11px;
}

.services-block-help:hover {
    width: 300px;
    border-radius: 30px;
    right: 246px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .services-block-help:hover .services-text {
        opacity: 1;
    }

.needhelp:hover {
    opacity: 0;
    display: none;
    color: inherit;
}

.close-bot {
    opacity: 0;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 23px;
    right: 10px;
    cursor: pointer;
}

.services-block-help .needhelp {
    display: block;
}

.services-block-help:hover .needhelp {
    display: none;
}

.services-block-help .close-bot {
    display: none;
}

.services-block-help:hover .close-bot {
    display: block;
}

#saleOrigPaintMain #form {
    width: 430px !important;
    top: 8% !important;
    left: calc(50% - 215px) !important;
}

#form .login100-form .login100-formWrapper .wrap-input100 input,
#form .login100-form .login100-formWrapper .wrap-input100 textarea {
    box-sizing: border-box;
}

#form .login100-form {
    box-sizing: border-box;
}

#form .login100-form .container-login100-form-btn button {
    width: 100%;
}

#form .login100-form .login100-formWrapper .login100-customInputCheckbox .customCheckboxContainer {
    max-width: 13px !important;
    min-width: 13px !important;
    max-height: 13px !important;
    min-height: 13px !important;
}

@media screen and (max-width: 450px) {
    #saleOrigPaintMain #form {
        width: 370px !important;
        left: calc(50% - 185px) !important;
        top: 20% !important;
    }
}

@media screen and (max-width: 400px) {
    #saleOrigPaintMain #form {
        width: 90% !important;
        left: calc(50% - 45%) !important;
    }
}


/* advBanner */

.advBanner {
    margin-top: 120px !important;
    width: 100%;
    padding: 75px 0px 75px 305px;
    border-radius: 15px;
    background: linear-gradient(175deg, #B200FF -18.49%, #000 85.3%, #FF00F5 173.71%), url('../main-images/advBannerBg.png');
    background-blend-mode: lighten;
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
    box-sizing: border-box;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.advBanner2 {
    background: linear-gradient(175deg, #B200FF -18.49%, #000 85.3%, #FF00F5 173.71%), url('../main-images/advBannerBg2.png');
    background-repeat: no-repeat !important;
    background-position: right !important;
}

.advBanner .bannerContent {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    z-index: 100;
}

.advBanner .bannerContent h4 {
    color: #FFF;
    font-family: "Bebas";
    font-size: 36.148px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}

.advBanner .bannerContent p {
    color: rgba(255, 255, 255, 0.85);
    font-family: Montserrat;
    font-size: 12.652px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 17.712px */
    width: 383px;
}

.advBanner .bannerContent p span {
    color: rgba(255, 255, 255, 0.85);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Montserrat;
    font-size: 12.652px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 17.712px */
}

.advBanner .bannerContent a {
    font-size: 14px;
    padding: 14px 27px;
    width: max-content;
}

.advBanner .bannerBg1 {
    background-image: url('../main-images/advBannerImage1.png');
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.advBanner2 .bannerBg1 {
    background-image: url('../main-images/advBanner2Image1.png');
}

.advBanner .bannerBg2 {
    background-image: url('../main-images/advBannerImage2.png');
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-position: right bottom;
    position: absolute;
    top: 0;
    right: 54px;
}

.advBanner2 .bannerBg2 {
    background-image: url('../main-images/advBanner2Image2.png');
}


@media screen and (max-width: 950px) {
    .advBanner {
        padding-left: 100px;
    }
}

@media screen and (max-width: 600px) {
    .advBanner {
        height: 612px;
        padding: 110px 30px 0px 30px;
        background: linear-gradient(175deg, #B200FF -18.49%, #000 85.3%, #FF00F5 173.71%), url(../main-images/advBannerBgMobile.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: saturation;
        margin-top: 100px !important;
    }

    .advBanner .bannerContent h4 {
        font-size: 35px;
    }

    .advBanner .bannerBg2 {
        display: none;
    }

    .articles {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .advBanner2 .bannerBg1 {
        border-radius: 0px 0px 15px 15px;
        height: 100%;
        background-position: bottom center;
        bottom: 0;
        top: auto;
        display: block;
        background-image: url(../main-images/advBanner2Image1Mobile.png);
    }

    .advBanner .bannerContent {
        align-items: center;
        text-align: center;
    }

    .advBanner .bannerContent p {
        width: 100%;
    }

    .advBanner .bannerContent {
        gap: 15px;
    }
}

/* advBanner */