/* Import fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,500,500i');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap')
/* Content */
html {
    scroll-behavior: smooth;
}

    /* Scrollbar content */

    *::-webkit-scrollbar {
        width: 0.5rem;
        background-color: #fff;
    }

    *::-webkit-scrollbar-track {
        box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.2);
        border-radius: 0.25rem;
        background: #eee;
    }

    *::-webkit-scrollbar-thumb {
        border-radius: 0.25rem;
        border: 0 none #fff;
        background-color: #2d2d2d;
        transition: all 280ms ease-in-out;
    }

        *::-webkit-scrollbar-thumb:hover {
            background-color: #131313;
        }

/* Other conetent */

.header {
    height: 70px;
    background-color: #262442;
    white-space: nowrap;
}

.content {
    overflow: hidden;
}

.content_all {
    overflow: hidden;
}

.footer {
    overflow: hidden;
}

.header-mobile-btn-m {
    background: none;
    border: 0;
}

.header-mobile, .header-mobile-btn-m {
    margin: 0 auto;
    margin-top: 30px;
    width: 30px;
    height: 28px;
    position: relative;
}

.viomitra_ico {
    margin-right: 30px;
    height: 62px;
    width: 47px;
}

.header-mobile {
    display: none;
}

.menu {
    display: flex;
    width: 80%;
    justify-content: start;
    margin: 0 auto;
    align-items: center;
}

.menu-list {
    display: flex;
    justify-content: start;
    position: relative;
}

.mega-box {
    display: none;
    z-index: 1000;
    background: #262442;
    margin-top: 70px;
    position: absolute;
    border-radius: 0px 0px 15px 15px;
}

.mega-item {
    border-radius: 0px 0px 15px 15px;
}

.menu-list:hover .mega-box {
    display: flex;
    background: #262442;
    position: absolute;
    z-index: 1001;
}

.mega-link {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    padding: 12px 26px;
    padding-right: 70px;
}

    .mega-link:hover {
        background: linear-gradient(229.99deg, #BA38FF -2.16%, #AF2EFF 16.16%, #9E00FF 51.38%, #5532FF 71.26%, #5431FF 79.66%, #5430FF 93.81%);
    }

.mega-link-last:hover {
    border-radius: 0px 0px 15px 15px;
}

.menu-link {
    color: #fff;
    padding: 27.3px;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
}

.footer {
    height: 182px;
    background-color: #262442;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.viomitra_ico {
    margin-right: 0;
    height: 62px;
    width: 47px;
}

.menu-footer {
    display: flex;
    width: 80%;
    justify-content: start;
    margin: 0 auto;
    align-items: center;
}

.menu-list-footer {
    display: flex;
    justify-content: start;
    position: relative;
}

.menu-link-footer {
    color: #fff;
    margin: 27.3px;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
}

.menu-link-footer:hover {
    text-decoration: underline;
}

.menu-p-footer:hover {
    text-decoration: none;
}

.top-block {
    height: 80%;
    background-image: linear-gradient(221.45deg, #AA21FF -6.42%, #CB78FF 7.81%, #C76CFF 37.51%, #C268FF 59.49%, #9984FF 83.95%, #9883FF 112.37%), url('/images/details/waves.jpg');
    background-blend-mode: color;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 999;
}

.top-block_all {
    height: 80%;
    background-blend-mode: color;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 999;
    background-image: linear-gradient(221.45deg, #AA21FF -6.42%, #CB78FF 7.81%, #C76CFF 37.51%, #C268FF 59.49%, #9984FF 83.95%, #9883FF 112.37%), url('/images/details/other_waves.png');
}

.partners-line {
    display: flex;
    align-items: end;
    justify-content: start;
    height: 45px;
    margin-bottom: 77px;
    bottom: 0;
    left: 0;
}

.partners_run_line {
    height: 45px;
    margin: 0;
    margin-right: 100px;
    white-space: nowrap;
    animation-name: marqueeLine;
    animation-duration: 90s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

    .partners_run_line img {
        vertical-align: top;
        overflow-clip-margin: content-box;
        overflow: clip;
    }

.spiral_ico {
    margin: 0 auto;
    height: 56vh;
}

.spiral_ico_all {
    margin: 0 auto;
    top: -6vh;
    position: relative;
    height: 80vh;
}

.sell_with_us {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 120px;
    margin-bottom: 120px;
    /* margin: 80px 0 40px 0; */
    margin: 8% 0 10% 0;
    position: relative;
    z-index: 998;
}

.mob-vers-partn-swip {
    display: none;
}

.articles_all {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 120px;
    margin-bottom: 120px;
    margin: 80px 0 40px 0;
    position: relative;
    z-index: 998;
}

.sell-txt-box {
    margin-left: 8%;
    margin-right: 21%;
}

.facts {
    display: flex;
    justify-content: space-between;
    color: #262442;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
}

.directions {
    height: 80%;
    margin: 0 10% 0 10%;
}

.articles {
    height: 404px;
}

.videos {
    height: 464px;
}

.transparent_spiral_ico {
    height: 900px;
    margin-top: -470px;
    position: absolute;
    left: -365px;
    z-index: 997;
}

.tr_sp_i_art_singl {
    height: 1100px;
    left: -420px;
}

.home-about__container {
    margin: 0 20% 0 10%;
}

.home-about__head {
    color: #262442;
    font-family: "Raleway", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 40px;
}

.home-about__content {
    display: flex;
    flex-wrap: wrap;
}

.couple-home-about__content-items {
    display: flex;
}

.four-home-about__content-items-abus, .couple-home-about__content-items-abus {
    display: flex;
}

.home-about__content-num, .home-about__content-num-abus {
    color: #262442;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Raleway;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 15px;
}

.home-about__content-num-abus {
    color: #fff;
}

.home-about__content-num_line {
    margin-bottom: 10px;
}

.home-about__content-par, .home-about__content-par-abus {
    color: #262442;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.home-about__content-par-abus {
    color: #fff;
}

.home-advances {
    margin-bottom: 40px;
}

.home-advances__head {
    color: #262442;
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 40px;
}

.item-1 {
    background: linear-gradient(221.45deg, #AA21FF -6.42%, #CB78FF 7.81%, #C76CFF 37.51%, #C268FF 59.49%, #9984FF 83.95%, #9883FF 112.37%), url(/images/details/back_direct_w_1.svg);
    background-blend-mode: color;
}

.item-img-hover-1, .item-img-hover-2, .item-img-hover-3, .item-img-hover-4, .item-img-hover-5 {
    display: none;
}

.item-1:hover .item-img-hover-1 {
    display: block;
}

.item-2 {
    background: linear-gradient(221.45deg, #AA21FF -6.42%, #CB78FF 7.81%, #C76CFF 37.51%, #C268FF 59.49%, #9984FF 83.95%, #9883FF 112.37%), url(/images/details/back_direct_w_2.svg);
    background-blend-mode: color;
}

    .item-2:hover .item-img-hover-2 {
        display: block;
    }

.item-3 {
    background: linear-gradient(221.45deg, #AA21FF -6.42%, #CB78FF 7.81%, #C76CFF 37.51%, #C268FF 59.49%, #9984FF 83.95%, #9883FF 112.37%), url(/images/details/back_direct_w_3.svg);
    background-blend-mode: color;
}

    .item-3:hover .item-img-hover-3 {
        display: block;
    }

.item-4 {
    background-image: linear-gradient(131.96deg, #FF85EA 16.3%, #7B61F8 64.44%, #02D5FF 114.58%), url(/images/details/back_direct_w_4.svg);
    background-blend-mode: color;
}

    .item-4:hover .item-img-hover-4 {
        display: block;
    }

.item-5 {
    background-image: linear-gradient(221.45deg, #AA21FF -6.42%, #CB78FF 7.81%, #C76CFF 37.51%, #C268FF 59.49%, #9984FF 83.95%, #9883FF 112.37%), url(/images/details/back_direct_w_5.svg);
    background-blend-mode: color;
}

.item-6 {
    background-image: linear-gradient(221.45deg, #AA21FF -6.42%, #CB78FF 7.81%, #C76CFF 37.51%, #C268FF 59.49%, #9984FF 83.95%, #9883FF 112.37%), url(/images/details/back_direct_w_5.svg);
    background-blend-mode: color;
}

.item-5:hover .item-img-hover-5 {
    display: block;
}

.item-6:hover .item-img-hover-5 {
    display: block;
}

.three-items {
    display: flex;
    justify-content: space-between;
}

/*
.three-items-1 {
    width: 30%;
}

.three-items-2 {
    width: 106%;
}
*/

.home-advances__content-item {
    height: 250px;
    padding: 40px 15px 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 40px;
    transition: transform 0.5s ease-out;
    width: 30% /* -> 100% */ ;
}

    .home-advances__content-item img {
        position: absolute;
        right: 0;
        bottom: 0;
        transition: filter 0.5s ease;
        border-bottom-right-radius: 40px;
    }

.home-advances__content-item-text {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: 300px;
    /* margin-bottom: 15px; */
    padding: 5%;
}

.home-advances__content-item-text-d {
    position: relative;
    z-index: 1;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    padding: 10% 5%;
    padding-top: 0;
}

.couple-home-about__content-items-abus {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 5%;
}

.four-home-about__content-items-abus {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 5%;
}

.three-items-2 {
    flex-wrap: nowrap;
}

.item-4 {
    /*margin-right: 20px;*/
    margin-bottom: 20px;
    width: 30%;
}

.item-5 {
    margin-bottom: 20px;
    /*width: 64%;*/
    width: 30%;
}

.item-6 {
    margin-bottom: 20px;
    width: 30%;
}

.secpartn-block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 20%;
}

@media (min-width: 1750px) {
    .haci3 {
        margin-right: 5%;
    }
}


@media (min-width: 1746px) {
    .haci3 {
        margin-right: 4%;
    }
}

@media (max-width: 1024px) {
    .home-about__head {
        font-size: 25px;
    }

    .mob-vers-partn-swip {
        display: flex;
    }

    .secpartn-block {
        display: none;
    }

    .four-home-about__content-items-abus {
        margin-bottom: 0;
    }

    .home-about__content-item-abus {
        margin-bottom: 10%;
    }

    .couple-home-about__content-items-abus {
        width: 80%;
    }

    .home-about__content {
        flex-direction: column;
    }

    .couple-home-about__content-items {
        display: block;
    }

    .four-home-about__content-items-abus, .couple-home-about__content-items-abus {
        display: block;
        margin-left: 10%;
    }

    .home-about__content-par, .home-about__content-par-abus {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .home-about__content-num, .home-about__content-num-abus {
        margin-right: 195px;
        white-space: nowrap;
    }

    .partners-lines {
        display: block;
    }

    .three-items {
        display: flex;
        flex-wrap: wrap;
    }

    .three-items-1, .three-items-2 {
        width: 100%;
    }

    .directions {
        height: 190%;
        margin: 0 10% 0 10%;
    }

    .div_for_prl_item {
        width: 100px;
    }

    .last_text_home-advances__content-item-text-d {
        visibility: hidden;
    }

    .mlf_last_mob {
        margin-bottom: 15px;
    }

    .home-advances__content-item, .item-4, .item-5, .item-6 {
        width: 100%;
    }

    .item-4 {
        margin-right: 0;
    }
}

@media (max-width: 345px) {
    .sell_with_us {
        height: 70vh;
    }
}

@media (max-width: 260px) {
    .sell_with_us {
        height: 80vh;
    }
}

.select_direction_box {
    display: flex;
    height: 100%;
    width: 80%;
    margin: 0 auto;
    align-items: center;
}

.select_direction_box_h {
    /*width: 373px;
    height: 60px;*/
    font-family: Raleway;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 25px;
    color: #FFFFFF;
}

.select_direction_description {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 32px;
    width: 39vw;
    font-style: normal;
    line-height: 140%;
}

.select_direction-btn-d {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    width: 220px;
    height: 50px;
    border-radius: 10px;
    background: linear-gradient(230deg, #ba38ff -2.16%, #af2eff 16.16%, #9e00ff 51.38%, #5532ff 71.26%, #5431ff 79.66%, #5430ff 93.81%);
    border: 0;
    text-decoration: none;
}

    /*.select_direction-btn-d:hover {
        background: #fff;
        color: black;
        box-shadow: inset 0 0 30px 30px #fff, 0 0 5px 2px #7b61f8;
    }*/

/*.BecomePartnerBlock,*/ 
.sales-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    width: 220px;
    height: 50px;
    border-radius: 10px;
    background: linear-gradient(230deg, #ba38ff -2.16%, #af2eff 16.16%, #9e00ff 51.38%, #5532ff 71.26%, #5431ff 79.66%, #5430ff 93.81%);
    border: 0;
    text-decoration: none;
    z-index: 9999;
}

.BecomePartnerBlock {
    display: flex;
    z-index: 9999;
}

[class*=-btn-d] {
    transition: transform 0.05s ease-in-out, color 0.3s linear, box-shadow 0.3s ease-out;
    cursor: pointer;
}

    [class*=-btn-d]:hover {
        transform: scale(1.03);
        box-shadow: inset 0 0 30px 30px #fff, 0 0 5px 2px #7b61f8;
        color: #000;
    }

    [class*=-btn-d]:active {
        transform: scale(1);
        box-shadow: inset 0 0 30px 30px #fff, 0 0 10px 5px #7b61f8;
    }

.top-block {
    height: 93vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top-block_all {
    height: 93vh;
    z-index: 1000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.select_direction_text-box {
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.select_direction_box_h {
    color: #fff;
    font-family: Raleway, sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 25px;
}

input#checkbox4 {
    display: none;
}

.mobile-menu {
    display: none;
}

/* Media Content */

@media (max-width: 1024px) {
    .select_direction_description {
        font-size: 16px;
        width: 80%;
    }

    .select_direction_box_h {
        font-size: 40px;
    }

    .top-block {
        margin: 0;
        padding: 20px;
        height: 100vh;
    }

    .top-block_all {
        margin: 0;
        padding: 20px;
        height: 100vh;
    }

    .spiral_ico, .spiral_ico_all, /* .transparent_spiral_ico, */ .big_spiral_ico {
        display: none;
    }

    .transparent_spiral_ico {
        display: flex;
        height: 1060px;
        left: -140%; /* -> -460px; */
    }

    .tr_sp_i_art_hid, .tr_sp_i_art_singl {
        display: none;
    }

    .select_direction-btn-d, /*.BecomePartnerBlock,*/ .sales-btn {
        font-size: 15px;
        height: 45px;
    }

    .partners-line img {
        height: 45px;
    }

    .sp-1, .sp-5 {
        display: none;
    }

    .header-mobile {
        display: flex;
        justify-content: center;
        height: 100px;
        width: 100px;
        right: 0;
        top: 0;
        position: absolute;
        background: transparent;
        z-index: 999;
    }

        .header-mobile .visuallyHidden {
            position: absolute;
            overflow: hidden;
            clip: rect(0 0 0 0);
            height: 1px;
            width: 1px;
            margin: -1px;
            padding: 0;
            border: 0;
        }

        .header-mobile .hamburger {
            margin: 0 auto;
            margin-top: 30px;
            width: 40px;
            height: 28px;
            position: relative;
        }

        .header-mobile .hamburger .bar {
            padding: 0;
            width: 40px;
            height: 3px;
            background-color: rgb(255, 255, 255);
            display: block;
            border-radius: 4px;
            transition: all 0.4s ease-in-out;
            position: absolute;
        }

        .header-mobile .bar1 {
            top: 0;
        }

        .header-mobile .bar2,
        .header-mobile .bar3 {
            top: 11.5px;
        }

        .header-mobile .bar3 {
            right: 0;
        }

        .header-mobile .bar4 {
            bottom: 0;
        }

        .header-mobile .hamburger4 .bar4 {
            top: 11.5px;
        }

        .header-mobile .hamburger4 .bar5 {
            bottom: 0px;
        }

        .header-mobile .hamburger4 .bar {
            transition: all 0.4s ease-in-out, transform 0.4s ease-in-out 0.4s;
        }

        .header-mobile .hamburger4 .bar2 {
            width: 1px;
            transform: rotate(90deg);
            left: 11.5px;
        }

        .header-mobile .hamburger4 .bar3 {
            width: 1px;
            left: 15.5px;
        }

        .header-mobile .checkbox4:checked + label > .hamburger4 > .bar1 {
            top: 15.5px;
            background-color: transparent;
        }

        .header-mobile .checkbox4:checked + label > .hamburger4 > .bar2 {
            left: 0px;
            width: 30px;
            transform: rotate(45deg);
        }

        .header-mobile .checkbox4:checked + label > .hamburger4 > .bar3 {
            left: 0;
            width: 30px;
            transform: rotate(-45deg);
        }

        .header-mobile .checkbox4:checked + label > .hamburger4 > .bar4 {
            background-color: transparent;
        }

        .header-mobile .checkbox4:checked + label > .hamburger4 > .bar5 {
            bottom: 13.5px;
            background-color: transparent;
        }

        .header-mobile .visuallyHidden {
            position: absolute;
            overflow: hidden;
            clip: rect(0 0 0 0);
            height: 1px;
            width: 1px;
            margin: -1px;
            padding: 0;
            border: 0;
        }

        .header-mobile .hamburger {
            margin: 0 auto;
            margin-top: 30px;
            width: 40px;
            height: 28px;
            position: relative;
        }

    input#checkbox4:checked ~ .mobile-menu {
        max-height: 700px;
        transition: 1s;
    }

    .mobile-menu {
        position: absolute;
        width: 105%;
        left: -1%;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #262442;
        z-index: 1;
        overflow: hidden;
    }

    .mobile-menu__container {
        width: 100%;
    }

    .mobile-menu__nav {
        margin-top: 60px;
        margin-left: 40px;
    }

    .mobile-menu__list-item {
        color: #fff;
        font-family: Roboto;
        font-size: 25px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 25px */
        margin-bottom: 7px;
    }

    .menu-link-header {
        color: #fff;
        margin: 27.3px;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 500;
        line-height: 15px;
        letter-spacing: 0em;
        text-align: left;
        text-decoration: none;
    }

    .mobile-menu__list-item {
        display: flex;
        justify-content: start;
        position: relative;
    }

    .mobile-menu__social {
        display: flex;
        margin-bottom: 60px;
        padding-top: 20px;
    }

    .mobile-menu__social-item {
        margin-right: 30px;
    }

    .mobile-menu__logo {
        width: 90px;
        height: 119px;
        display: flex;
        margin-bottom: 66px;
    }

        .mobile-menu__logo img {
            width: 100%;
        }

    .mobile-menu.open {
        right: 0;
        z-index: 998;
    }

    .hidden_navig_mobile_header, .hidden_navig_mobile_header-blog {
        display: none;
        flex-direction: column;
        margin-bottom: 8px;
        margin-left: 8vw;
    }

    input#nav_mob_header4:checked + li {
        display: flex;
    }

    input#nav_mob_header4-blog:checked + li {
        display: flex;
    }

    .hidden_navig_mobile_header_text {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: left;
        color: #FFFFFF;
        text-decoration: none;
    }

    .partners_run_line_db img {
        width: 20vw;
        height: 10vh;
    }

    .home-partners__head {
        margin: 50px 5% 20px 5%;
    }

    .home-advantages__head {
        margin: 50px 5% 20px 5%;
    }

    .partners-block {
        display: flex;
    }

    .our_advantages {
        display: flex;
    }

    .partners-lines {
        margin: 0 5% 0 5%;
    }

    .footer {
        height: 40%;
    }

    .menu-footer, .mobile-menu__list {
        flex-direction: column;
        align-items: start;
    }

    .menu-link-footer, .menu-link-header {
        margin: 8px;
    }

    .footer_mob_viomitra_ico {
        margin: 25px;
    }
}

@keyframes marqueeLine {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
        background-color: white;
    }
}

.articles, .videos {
    height: 404px;
    margin-top: 120px;
    margin-bottom: 120px;
}

.articles-about__container, .videos-about__container {
    margin: 0 5% /* -> 20% */ 0 10%;
    margin-bottom: 50px;
}

.articles_item-about__container, articles_item-about__container_single {
    display: flex;
    justify-content: end;
    margin-right: 40px;
    padding-bottom: 3%;
}

.articles_item-about__container {
    margin-top: 3%;
}

.articles_head, .videos_head {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;
    /* margin-right: 60vw; */
}

/* .videos_head {
    margin-bottom: 50px;
} */

/*
@media (max-width: 880px) {
    .articles_head, .videos_head {
        margin-right: 53vw;
    }
}
*/

.articles_show_more_text, .videos_show_more_text {
    display: flex;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #5430FF;
    margin-right: 10px;
    white-space: nowrap;
    align-items: center;
}

.articles_item_show_more_text, .articles_item_show_more_text_all, articles_item_show_more_single {
    display: flex;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-right: 7px;
    white-space: nowrap;
    align-items: center;
}

.articles_item_show_more_text_all {
    margin-bottom: 5%;
}

.articles_show_more_text:hover, .videos_show_more_text:hover {
    margin-right: 15px;
}

.articles-about__container, .videos-about__container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.articles-about__item_head, .videos-about__item_head {
    font-family: Raleway;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #262442;
    margin-bottom: 20px;
}

.videos-about__item_head-all {
    font-family: Raleway;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.videos-about__item_head-single {
    font-family: Raleway;
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
}

.articles-about__content, .videos-about__content, .videos-about__content-all {
    margin-right: 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    animation: slideShow 12s infinite;
    /* overflow: hidden; */
}

.three-videos-block-all {
    display: flex;
    margin: 0 10% 5% 10%;
}

.videos-about__content-all {
    display: grid;
}

.articles-about__content_all {
    margin: 0 10%;
    display: grid;
    animation: slideShow 12s infinite;
    overflow: hidden;
}

.articles-about__item_text_block, .videos-about__item_text_block {
    height: 220px;
    /* width: 566px; */
    width: 100%;
    background-image: linear-gradient(221.45deg, #AA21FF -6.42%, #CB78FF 7.81%, #C76CFF 37.51%, #C268FF 59.49%, #9984FF 83.95%, #9883FF 112.37%), url('/images/details/background_articles.svg');
    background-blend-mode: color;
    border-radius: 30px;
    background-repeat: no-repeat;
    background-size: cover;
}

.articles-about__item, .videos-about__item {
    /* margin-right: 20px; */
    margin-bottom: 4vh;
}

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

.videos-about__content_single {
    display: flex;
    justify-content: center;
}

.videos-about__item {
    width: 31% !important;
}

.video-ico-all {
    width: 100%;
}

.big_spiral_ico {
    margin: 0 auto;
    top: 0vh;
    right: 0;
    position: absolute;
    height: 104vh;
}

.art-ab__item-main, .vid-ab__item-main {
    margin-bottom: 4vh;
}

.articles-about__item_all {
    margin-bottom: 5%;
}

.articles-about__item_text {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    padding: 40px 40px 0;
}

input[name="r"] {
    position: absolute;
    visibility: hidden;
}

#r1.checked ~ .ai1 {
    margin-left: 0;
}

#r2.checked ~ .ai1 {
    margin-left: -20%;
}

#r3.checked ~ .ai1 {
    margin-left: -40%;
}

#r4.checked ~ .ai1 {
    margin-left: -60%;
}

#r5.checked ~ .ai1 {
    margin-left: -80%;
}


.navigation_articles {
    display: flex;
    align-items: center;
    justify-content: center;
}

.articles_bar {
    width: 6px;
    height: 6px;
    cursor: pointer;
    /*background-color: #D9D9D9;
    background-color: red;*/
    opacity: .5;
    transition: all .4s ease;
}

.partners-block {
    height: 60%;
    background-image: linear-gradient(131.96deg, #FF85EA 16.3%, #7B61F8 64.44%, #02D5FF 114.58%), url('/images/details/background_smoke.svg');
    background-blend-mode: color;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    align-items: center;
    overflow: hidden;
    flex-wrap: wrap;
}

.our_advantages {
    height: 60%;
    background-image: linear-gradient(221.45deg, #AA21FF -6.42%, #CB78FF 7.81%, #C76CFF 37.51%, #C268FF 59.49%, #9984FF 83.95%, #9883FF 112.37%), url('/images/details/waves_advantages.png');
    background-blend-mode: color;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    align-items: center;
    overflow: hidden;
    flex-wrap: wrap;
}

.div_for_prl_item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10%;
}

.home-partners__head {
    color: #fff;
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin: 60px 20% 40px 10%;
}

.home-advantages__head {
    color: #fff;
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin: 60px 20% 40px 10%;
}

.partners-lines {
    display: flex;
    align-items: center;
    margin: 0 20% 0 10%;
    margin-bottom: 25px;
}

.partners-lines-ext {
    margin: 0 20% 0 12%;
}

.partners_run_line_item {
    margin: 0;
    white-space: nowrap;
    margin-bottom: 30px;
}

.partners_run_line_db img {
    vertical-align: top;
    overflow-clip-margin: content-box;
    overflow: clip;
    width: 17vw;
    height: 9vh;
}

.partners_run_line_db_2 img {
    vertical-align: top;
    overflow-clip-margin: content-box;
    overflow: clip;
    width: 17vw;
    height: 9vh;
}

.partners_run_line_db {
    margin-left: 7%;
}

.partners_run_line_db_2 {
    left: -1%;
}

.partners_radio {
    display: block;
    height: 6px;
    width: 6px;
    line-height: 6px;
    background-color: #8A8B8A;
    border-radius: 50%;
}

    .partners_radio:hover {
        cursor: pointer;
    }

#r_p1:checked ~ label > .pr_1 {
    height: 10px;
    width: 10px;
    line-height: 10px;
    background-color: #fff;
}

#r_p2:checked ~ label > .pr_2 {
    height: 10px;
    width: 10px;
    line-height: 10px;
    background-color: #fff;
}

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

.upblock, .midblock, .downblock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 70%;
}

.partners_run_line_item {
    align-self: center;
}

.swiper {
    width: 100%;
    height: 100%;
}

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

    .swiper .swiper-pagination-bullet-active {
        background-color: white;
    }

.articles, .videos {
    /* height: 404px; */
    height: 100%;
    margin-top: 120px;
    margin-bottom: 120px;
}

.articles-about__container, .videos-about__container {
    margin: 0 5% /* -> 20% */ 0 10%;
    margin-bottom: 50px;
}

.articles_item-about__container {
    display: flex;
    justify-content: end;
    margin-right: 40px;
}

.articles_head, .videos_head {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;
    /* margin-right: 92%; */
}

.articles_show_more, .videos_show_more, .articles_item_show_more, articles_item_show_more_single {
    text-decoration: none;
    display: flex;
    flex-wrap: nowrap;
}

.articles_show_more_text, .videos_show_more_text {
    display: flex;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #5430FF;
    margin-right: 10px;
    white-space: nowrap;
    align-items: center;
}

.articles_item_show_more_text, articles_item_show_more_single {
    display: flex;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-right: 7px;
    white-space: nowrap;
    align-items: center;
}

.articles_show_more_text:hover, .videos_show_more_text:hover {
    margin-right: 15px;
}

.articles-about__container, .videos-about__container {
    display: flex;
    flex-wrap: nowrap;
}

.articles-about__item_head, .videos-about__item_head {
    padding-bottom: 25px;
    font-family: Raleway;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #262442;
    height: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.articles-about__item_head_all {
    font-family: Raleway;
    font-size: 40px; /* 24px */
    font-weight: 700;
    /*line-height: 24px;*/
    letter-spacing: 0em;
    text-align: left;
    color: #262442;
    margin-bottom: 25px; /* 20px */
}

.articles-about__content, .videos-about__content {
    margin: 0 20% 0 10%;
    margin-right: 20px;
    display: flex;
    flex-wrap: nowrap;
}

.articles-about__item_text_block, .videos-about__item_text_block {
    height: 220px;
    background-image: linear-gradient(221.45deg, #AA21FF -6.42%, #CB78FF 7.81%, #C76CFF 37.51%, #C268FF 59.49%, #9984FF 83.95%, #9883FF 112.37%), url('/images/details/background_articles.svg');
    background-blend-mode: color;
    border-radius: 30px;
}

.articles-about__item_text_block_all {
    /* height: 30vh; */
    background-repeat: round;
    background-image: linear-gradient(221.45deg, #AA21FF -6.42%, #CB78FF 7.81%, #C76CFF 37.51%, #C268FF 59.49%, #9984FF 83.95%, #9883FF 112.37%), url('/images/details/other_background_articles.png');
    background-blend-mode: color;
    border-radius: 30px;
}

.video_all {
    /*margin: 0 5% 0 10%;*/
    margin: 5%;
}


.videos-about__item_video_block img, .videos-about__item_video_block-all img {
    /* height: 35vh; */
    width: 100%;
    border-radius: 30px;
}

.videos-about__item_video_block-all img {
    /*height: 20vh;
     width: 24vw; */
    border-radius: 30px;
    object-fit: fill;
    height: 100%;
}

.videos-about__item_video_block-single iframe {
    width: 100%;
    border-radius: 30px;
    height: 55vh;
}

.videos-about__item_video_block-all {
    margin-bottom: 3%;
    width: 100%;
}

.articles-about__item_text, .articles-about__item_text_all, .articles-about__item_text_single {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    padding: 40px 40px 0;
    padding-bottom: 1vh;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

@media (max-width: 1140px) {
    .articles-about__item_text, .articles-about__item_text_all, .articles-about__item_text_single
    {
        padding: 7% 7% 5% 7%;
    }
}

.home-about__head-article-single {
    /* padding: 12% 5% 8% 0%; */
    padding: 6% 5% 5% 0%;
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;
}

@media (max-width: 1024px) {
    .articles-about__item_text, .articles-about__item_text_all, .articles-about__item_text_single {
        padding: 7% 7% 0% 7%;
        padding-bottom: 1em;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .home-about__head-article-single {
        padding: 15% 5% 10% 0%;
    }

    .home-about__head-article-single {
        font-family: Raleway;
        font-size: 25px;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: left;
    }

    .viewport-content-singl-art {
        width: 95%;
    }
}


.block_article_single {
    margin: 0% 0% 0% 10%;
}

.articles-about__item_text_single {
    padding: 3%;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 0%;
}

.pad_articles-about__item_text_single {
    padding: 4%;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.articles-about__item_text_all {
    /*
    padding: 5% 3% 0 5%; 
    margin-bottom: 5%;
    */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5 /* -> 8 */;
    -webkit-box-orient: vertical;
}

.footer--phone_number {
    display: none;
}

@media (max-width: 1024px) {
    /* .articles-about__item_text {
        padding: 5% 5% 0 5%;
    } */

    .articles-about__item_head_all {
        margin-bottom: 5%;
        width: 100%;
    }

    .videos-about__item_video_block-all img {
        /* height: 85%;
        width: 85vw;*/
        border-radius: 30px;
        object-fit: fill;
        height: 100%;
    }

    .articles-about__content, .videos-about__content {
        margin: 0;
    }

    .three-videos-block-all {
        display: block;
    }

    .mlf_last_mob {
        margin-bottom: 15px;
    }

    .articles-about__item_head_all {
        font-family: Raleway;
        font-size: 22px;
        font-weight: 500;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: left;
    }

    .articles-about__item_text_all {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;
        padding: 7% 7% 0 7%;
    }

    .articles-about__item_text_single {
        padding: 7% 7% 0 7%;
    }

    .footer--phone_number {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: left;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        text-decoration: none;
        margin-left: 30vw /* -> 35vw */;
    }

    .videos-about__item {
        display: flex;
        flex-flow: column;
        justify-items: flex-start;  
        /* align-items: center; */
        margin-bottom: 10% /* -> 5% */;
    }

    .videos-about__item {
        width: 46% !important;
    }
    .videos-about__item_head-all, .videos-about__item_head-single {
        font-family: Raleway;
        font-size: 22px;
        font-weight: 500;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: left;
    }
}

.swiper1 .swiper-pagination-bullet-active {
    background-color: #3A0CA3;
    /*
    transform: scale(1.666);
    width: 10px;
    height: 10px;
    */
}

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

.swiper2 .swiper-pagination-bullet-active {
    background-color: #3A0CA3;
    /* transform: scale(1.666); */
}

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

/*
.swiper-slide {
    opacity: 0 !important;
}

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

.viewport-content-singl-art {
    /* width: calc(100% - 80px); */
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    /* padding: 0 40px; */
    align-items: flex-start;
}

.viewport-content-singl-art {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}

.list-singl-art {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.list-item-singl-art {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    display: inline-flex;
    gap: 10px;
}

/*.mlf-blog-hide {
        display: none !important;
    }*/

@media (max-width: 587px) {
    .videos-about__item {
        width: 100% !important;
    }
}

@media (max-width: 1300px) {
    .three-items {
        display: flex;
        flex-wrap: wrap;
    }

    .three-items-1, .three-items-2 {
        width: 100%;
    }

    .directions {
        height: 190%;
        margin: 0 10% 0 10%;
    }

    .div_for_prl_item {
        width: 100px;
    }

    .mlf_last_mob {
        margin-bottom: 15px;
    }

    .home-advances__content-item, .item-4, .item-5, .item-6 {
        width: 100%;
    }

    .item-4 {
        margin-right: 0;
    }
}

@media (min-width: 1024px) {
    .cont_all_80vh {
        height: 80vh;
    }
}

/**/
.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;
}