:root {
    --col1: #c9ff0b;
}

@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tektur:wght@400..900&display=swap');

p {

    margin: 0;
    padding: 0;

}

::-webkit-scrollbar {
    width: 0;
}

::-webkit-scrollbar-thumb {
    background: #222222;
    border-radius: 10px;
    border: 3px solid #222;
}

::-webkit-scrollbar-track {
    background: #00802f;
}


body,
html {
    padding: 0px !important;
    margin: 0px !important;
    border-image: fill 0 linear-gradient(285deg, #054630, #03291c);
    color: #fff;
    height: 100%;
}


body {
    overflow-x: hidden;
}


html {
    overflow-y: scroll;
}

.bac_form {
    width: 100%;
    margin: 40px 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 600px;
    overflow: hidden;
    outline: 1px #ffffff36 solid;
    outline-offset: 10px;
}


.bac_form img {
    filter: hue-rotate(310deg) brightness(92%) contrast(99%);

    min-height: 514px;
    
}
.form_login {
    position: absolute;
    width: 100%;
    max-width: 600px;
    padding: 40px;
    margin: 0 auto;
    backdrop-filter: blur(5px);

  
      
        
}

.input {
    width: 100%;
}

.form_login .underinput {
    color: rgb(196, 196, 196);
    font-size: 14px;
    font-weight: 400;
    margin-top: 0px;
    opacity: 0.9;
}

.form_login .underinput.errored {
    color: red;
}

.form_login .checkbox_register {
    display: flex;
    gap: 10px;
    align-items: center;
}

.form_login .checkbox_register input {
    width: auto;
}

.form_login .checkbox_register a {
    color: white;
}

.form_login h1 {
    color: #FFF;
    font-size: 48px;
    line-height: 100%;
    text-align: center;
    font-family: "Russo One", sans-serif;
    text-transform: uppercase;
    margin: 0;
}
.inputs_container {
    display: flex;
    gap: 15px;
    margin-bottom: 5px;
}

.form_login label {
    color: var(--White, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.form_login input {
    width: 100%;
    margin: 10px 0px;
    color: #FFF;
    font-size: 16px;
    outline: none;
    background: #0C0516;
    line-height: normal;
    padding: 14px 16px;
    box-sizing: border-box;
    border-radius: 0;
    border: 0;
}

.underinput {
    margin: 10px 0px;
}

.underinput a {
    font-size: 16px;
    color: white;
}

.underbutton {
    font-size: 16px;
    margin-top: 16px;
    color: white;
    text-align: center;
}

.underbutton a {
    color: white;
}

.form_login button {
    margin: 20px 0px;
    width: 100%;
    border: 0 !important;
    outline: 0 !important;
}


.registr {
    margin-left: auto;
    max-width: 150px;
    width: 100%;
}


* {
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 15px;
}

.header {
    position: inherit;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    padding: 20px 0px;
}

.header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 25px;
    box-shadow: inset 0 0 20px 0px #0000005e;
    margin: 15px 0 0 0;
}
.pages_header {
    display: flex;
}

.pages_header li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin: 20px;
}

.pages_header li img {
    width: 25px;
    cursor: pointer;
    transform: translateY(7px);
}

.pages_header li .sub-menu {
    position: absolute;
    top: 100%;
    min-width: 155px;
    display: none;
    flex-direction: column;
    left: 0;
    background: #6908F9;
    padding: 10px;
}

.pages_header li .sub-menu.active_sub_menu {
    display: flex;
}

.pages_header .sub-menu li {
    margin: 5px 0px;
}

.pages_header a {
    color: var(--White, #FFF);
    font-size: 13px;
    text-decoration: none;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.mini_info_header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mini_info_header div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.phone {
    color: var(--White, #FFF);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    line-height: normal;
}

.mail {
    text-decoration: none;
    color: var(--White, #FFF);
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.btn_yellow {
    border-radius: 8px;
    background: linear-gradient(0deg, #FFC400 0%, #FFC400 100%), #FFF;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    padding: 14px 16px;
    justify-content: center;
    color: var(--Black, #212121);
    font-size: 13px;
    font-style: normal;
    transition: all ease 0.4s;
    font-weight: 600;
    border: 2px solid #FFC400;
    cursor: pointer;
    line-height: normal;
}

.btn_yellow:hover {
    opacity: 0.8;
}

.open_phone_header {
    cursor: pointer;
    display: none;
}

.cont_404 {
    padding-top: 100px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.img_404 {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.title_404 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 91%;
    /* 21.84px */
}

.mini_text_404 {
    color: var(--White, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.75; 
}

.purple_bac {
    /* background: linear-gradient(37deg, #0773f9 29.79%, #9B55F7 90.95%); */
}

.index_block_1 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    margin: 40px 0 30px 0;
}

.info_index_block_1 {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    max-width: 700px;
}


.info_index_block_1 .btn_yellow {
    margin: 32px 0px;
    display: flex;
    height: 50px;
    padding: 14px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.mini_title_info_index_block_1 {}

.title_info_index_block_1 {
    font-size: 117px;
    font-family: "Russo One", sans-serif;
    -webkit-text-stroke: 2px #c9ff0b;
    color: transparent;
    text-transform: uppercase;
    letter-spacing: 20px;
}

.text_row {
    color: #c9ff0b;
    font-family: "Russo One", sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 15px;
}




.block_text {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lines_text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
}

.line_text {
    border-radius: 10px;
    margin: 2px 5px;
    cursor: pointer;
    background-color: #212121;
    width: 5px;
    height: 18px;
}

.active_line {
    background-color: #FFC400;
}

.text_block {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    display: none;
    line-height: normal;
}

.text_block:first-child {
    display: block !important;
}


.immajes_index_block {
    max-width: 500px;
}

.immajes_index_block img {
    width: 100%;
    filter: hue-rotate(87deg) brightness(87%) contrast(108%);
}

.volna {
    top: 0px;
    z-index: 0;
    left: 0px;
    width: 550px;
    position: absolute;
}

.yellow_border {
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 499px;
    height: 499px;
    flex-shrink: 0;
    border-radius: 499px;
    border: 4px solid rgba(255, 255, 255, 0.15);
    background: #FFC400;
    backdrop-filter: blur(6px);
}

.purple_border {
    border-radius: 380px;
    border: 4px solid rgba(255, 255, 255, 0.15);
    background: linear-gradient(37deg, #6807F9 29.79%, #9B55F7 90.95%);
    ;
    width: 380px;
    height: 380px;
    flex-shrink: 0;

}

.lev {
    width: 189px;
    transform: scale(2.3)translateX(47px)translateY(9px);
    margin-top: 100px
}

.Ornament_33,
.Ornament_34,
.Ornament_35 {
    animation-direction: alternate;
    animation-duration: 1.5s;
    animation-name: move;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute;
    z-index: 2;
}

.Ornament_33 {
    top: 188px;
    left: 90px;
}

.Ornament_34 {
    top: 114px;
    right: 10px;
}

.Ornament_35 {
    top: 400px;
    right: 40px;
}

.purple_bac_border {
    margin: 0 0 79px 0;
}

.gray_bac {

    padding-bottom: 8px;
    padding-top: 40px;
}

.ul_advantages_index {
    width: 100%;
}

.li_advantages_index {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    border: 2px solid rgba(255, 255, 255, 0.25);

    padding: 20px;
}

.icon_li_advantages_index {
    width: 36px;
    height: 36px;
}

.title_li_advantages_index {
    color: var(--White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 70px;
}

.text_li_advantages_index {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    margin-top: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.block_index_about_company {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 40px 0px;
}

.title {
    margin: 24px 0px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    /* 50px */
}

.white_title {
    color: #FFF;
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
}

.text_about_company {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ul_advantages_about_company {
    margin: 40px 0px;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    display: grid;
}

.li_advantages_about_company {
    padding: 30px 15px;
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
}

.strelka_about_company {
    height: 100%;
    max-height: 550px;
}


.ul_you_work_with_me {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    display: grid;
    gap: 40px;
    padding-top: 70px;

}

.li_you_work_with_me {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    padding: 30px 20px;
    transition: all ease 0.4s;
}

.li_how_start_index {
    transition: all ease 0.4s;
}

.li_you_work_with_me:hover,
.li_how_start_index:hover {
    transform: translateY(-15px);
}

.img_li_you_work_with_me img {
    width: 100%;

}

.img_li_you_work_with_me {
    max-width: 180px;
    margin: 0 auto;
}

.title_li_you_work_with_me {
    color: var(--White, #FFF);
    font-size: 18px;
    margin-top: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.text_li_you_work_with_me {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.our_advantages {
    padding: 40px 0px;
    padding-bottom: 0px;
}

.text_mini_advantages {
    padding-left: 30px;
    border-left: 2px solid rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.75);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.white_text {
    color: #FFF;
}

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


.ul_our_advantages {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 4fr 1fr;
    gap: 20px;
}

.li_our_advantages {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: start;
    margin: 20px 0px;
}

.li_our_advantages_img {
    border-radius: 8px;
    background: #0C0516;
    padding: 10px;
}

.li_our_advantages_img img {
    width: 100%;
    max-width: 24px;
}

.title_li_our_advantages {
    color: var(--White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.text_li_our_advantages {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    opacity: 0.75;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.images_our_advantges {
    position: relative;
}

.iphone_1 {
    position: relative;
    z-index: 1;
    transform: translateY(4px);
}

.iphone_2 {
    position: absolute;
    bottom: 0;
    right: -130px;
    z-index: 0;
}

.flex_down,
.flex_up {
    flex-direction: column;
    display: flex;
    align-items: start;
}

.img_ozon {
    position: absolute;
    top: -60px;
    left: 20px;
    z-index: 2;

}

.img_yandex {
    position: absolute;
    top: -160px;
    z-index: 2;
    right: 10%;
}

.img_wb {
    position: absolute;
    bottom: -154px;
    right: -66px;
    z-index: 2;
}

.ul_services_index {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}

.li_services_index {
    padding: 20px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
}

.li_services_index:nth-child(2) {
    border-radius: 8px;
    background: linear-gradient(37deg, #6807F9 29.79%, #9B55F7 90.95%), rgba(255, 255, 255, 0.03);
}

.name_prodviz {
    color: var(--White, #FFF);
    margin-bottom: 10px;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.title_li_services_index {
    color: var(--White, #FFF);
    font-size: 20px;
    font-style: normal;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: normal;
}

.content_li_services_index {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.content_li_services_index ul {
    padding: 0px;
}

.content_li_services_index li {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 10px 0px;
}

.content_li_services_index li::before {
    content: '';
    display: block;
    border-radius: 2px;
    background: #6908F9;
    width: 8px;
    height: 8px;
    margin-right: 10px;
}

.li_services_index:nth-child(2) li::before {
    background: rgba(255, 255, 255, 0.15);
}

.name_price {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 10px 0px;
}

.price_index_li_services {
    color: var(--White, #FFF);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

.btn_zakaz_consultation {
    cursor: pointer;
    border-radius: 8px;
    background: linear-gradient(37deg, #6807F9 29.79%, #9B55F7 90.95%), rgba(255, 255, 255, 0.03);

    color: #FFF;
    font-size: 14px;
    font-style: normal;
    display: flex;
    transition: all ease 0.4s;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: 600;
    line-height: normal;
    padding: 15px 20px;
    text-decoration: none;
}

.btn_zakaz_consultation:hover {
    opacity: 0.8;
}

.cont_services {
    padding-top: 40px;
}

.how_start {
    margin-top: 50px;
}

.ul_how_start_index {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.li_how_start_index {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    gap: 40px;
    background: rgba(255, 255, 255, 0.03);
    padding: 20px;
}

.title_how_start {
    color: var(--White, #FFF);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.number_how_start {
    margin-top: auto;
    color: var(--White, #FFF);
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: end;
}

.li_how_start_index_purple {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background: linear-gradient(37deg, #6807F9 29.79%, #9B55F7 90.95%), rgba(255, 255, 255, 0.03);
    padding: 20px;
}

.etaps {
    margin-top: 50px;
}

.ul_etaps_index {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.li_etaps_index {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    padding: 20px;

}

.content_etap {
    margin: 20px 0px;
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content_etap ul {
    padding: 0px;
}

.content_etap li {
    list-style: none;
    margin: 10px 0px;
    display: flex;
    align-items: center;
    gap: 10px;

}

.content_etap li::before {
    content: '';
    display: block;
    border-radius: 2px;
    background: #6908F9;
    width: 8px;
    height: 8px;
    margin-right: 10px;
}

.what_different {
    margin-top: 50px;
}

.ul_what_different_index {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.li_what_different_index {
    border-radius: 8px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    background: linear-gradient(52deg, #6807F9 -2.74%, #9B55F7 86.53%), #6908F9;
    padding: 20px;
}

.icon_what_different {
    height: 24px;
}

.content_what_different {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.content_what_different {
    margin: 0px;
}

.mini_title,
.mini_title span {
    font-size: 38px;
}

.ul_who_work_index {
    margin-top: 70px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding-bottom: 80px;
}

.mini_title_2 {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.li_ul_who_work_index {
    padding: 20px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
}

.li_ul_who_work_index div {
    margin: 0px;
}


.our_comand {
    padding: 50px 20px;
}

.count_people_in_comand {
    margin-left: auto;
    color: var(--White, #FFF);
    font-size: 82px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.our_comand .text_mini_advantages {
    border: none;
}

.ul_team_index,
.ul_case_index {
    padding-bottom: 40px;
    margin-bottom: 50px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.15);
    overflow-x: scroll;
    display: flex;
    gap: 20px;
}

.ul_team_index::-webkit-scrollbar,
.ul_services_index::-webkit-scrollbar,
.ul_sertifictes::-webkit-scrollbar,
.ul_case_index::-webkit-scrollbar,
.flex_mini_info_single_news::-webkit-scrollbar,
.ul_reviews::-webkit-scrollbar,
.ul_clients::-webkit-scrollbar,
.ul__news::-webkit-scrollbar,
.ul_result::-webkit-scrollbar,
.ul_advantages_infographika::-webkit-scrollbar,
.ul_primer_infographiks::-webkit-scrollbar {
    width: 0;
}

.li_team_index {
    text-decoration: none;
    min-width: 340px;
    max-width: 340px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(6px);
    padding: 20px;
}

.flex_team_one {
    display: flex;
    gap: 15px;
    align-items: center;
    margin: 15px 0px;
}

.avatarka {
    background-color: #D9D9D9;
    border-radius: 50%;
    overflow: hidden;
    width: 105px;
    height: 105px;
    object-fit: cover;
}

.kavchka {
    margin-left: auto;
    width: 55px;
}

.title_team {
    color: var(--White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.proffesion_team {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 51px;
    background: #6908F9;
    padding: 8px 10px;

}

.date_team {
    margin-top: auto;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.foto_index_case {
    margin-bottom: 20px;
    width: 100%;
}

.title_case {
    color: var(--White, #FFF);
    margin-bottom: 20px;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.flex_case {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

}

.black_btn,
.purple_btn {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    border: 2px solid #212121;
    font-weight: 600;
    line-height: normal;
    padding: 15px 40px;
    border-radius: 8px;
    background: var(--Black, #212121);
    cursor: pointer;
    text-decoration: none;
}

.black_btn:hover {
    border: 2px solid rgba(255, 255, 255, 0.25);
}

.purple_btn {
    border: 2px solid #5640AF;
    background: #5640AF;
}

.purple_btn:hover {
    border: 2px solid rgba(255, 255, 255, 0.75);
}

.who_need {
    padding-top: 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding-bottom: 150px;
}

.ul_who_need {
    margin: 20px 0px;
}

.li_who_need {
    margin-bottom: 20px;
    border-radius: 8px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    background: #0c72f9;
    padding: 20px;
}

.li_who_need:nth-child(2) {
    /* margin-left: 20px; */
}

.li_who_need:nth-child(3) {
    /* margin-left: 40px; */
}

.title_who_need {
    color: var(--White, #FFF);
    font-size: 18px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.advantages_mobile {
    display: none;
}

.content_who_need {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.reviews {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.05);
}

.ul_reviews {
    display: flex;
    overflow-x: scroll;
    align-items: center;
    gap: 20px;
}

.li_reviews {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    padding: 15px;
}

.li_reviews video {
    width: 100%;
    max-width: 300px;
    min-width: 300px;
    border-radius: 8px;
}

.ul_clients {
    animation: move_clients 10s linear infinite;
    display: flex;
    align-items: center;
    gap: 20px;
}

.li_clients img {
    max-width: 250px;
}

.ul_questions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.li_questions {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    padding: 20px;
}

.flex_question {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.title_question {
    color: var(--White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.open_question {
    transition: all ease 0.4s;
    width: 32px;
}

.content_qustion {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.75;
    display: none;
}

.content_qustion p {
    margin: 0px;
}

.active_open_question {
    transform: rotateX(180deg);
}

.zaivka {
    padding-top: 100px;
    padding-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.strelka_about_company_2 {
    max-width: 400px;
    max-height: 500px;
    height: 100%;
    width: 100%;
}

.mini_text_form_zaivka {
    color: var(--White, #FFF);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 10px 0px;
}

.form_zaivka {
    position: relative;
    max-width: 300px;
}

.form_zaivka .wpcf7-text {
    width: 100%;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    outline: none;
    background: #0C0516;
    line-height: normal;
    padding: 14px 16px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 2px solid rgba(255, 255, 255, 0.10);
}

.form_zaivka .wpcf7-text::placeholder {
    opacity: 0.15;
}

.form_zaivka .wpcf7-text:hover {
    border-radius: 8px;
    border: 2px solid rgba(255, 255, 255, 0.35);
}

.form_zaivka .btn_yellow {
    width: 100%;
}

.tg {
    margin-top: 100px;
    position: relative;
    border-radius: 12px;
    background: linear-gradient(180deg, #2AABEE 0%, #229ED9 99.26%), #FFF;
    box-shadow: 0px 0px 32px 0px rgba(225, 225, 225, 0.15);
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 40px;
}

.one_tg {
    position: relative;
    z-index: 2;
    width: 200px;
    height: 200px;
    transform: scale(1.6) translateY(-20px);
}

.line_bac {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
}

.two_tg {
    position: relative;
    z-index: 2;
    width: 200px;
    height: 200px;
    transform: scale(1.6) translateY(20px);
}

.content_tg {
    position: relative;
    z-index: 2;
}

.title_tg {
    color: rgba(255, 255, 255, 0.75);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 36px */
}

.title_tg span {
    color: white;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 36px */
}

.text_tg {
    margin: 10px 0px;
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.75;
}

.btn_blue {
    cursor: pointer;
    border-radius: 8px;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    padding: 14px 16px;
    display: flex;
    align-items: center;
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    gap: 10px;
    justify-content: center;
}

.btn_blue:hover {
    border-radius: 8px;
    border: 2px solid #FFF;
    color: #2AABEE;
    background: #FFF;
}





.header__logo-img {
    width: 315px;
}

.line_text_active {
    display: block;
}

.bac_blac_purple {
    padding: 50px 0px;
    background: #0C0516;
}

.ul_contacts_page {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}

.karta {
    margin-top: 40px;
}

.karta iframe {
    border-radius: 8px;
}

.page_news {
    padding: 50px 0px;
}

.ul_popular_news,
.all_news_ul {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
}

.li_popular_news,
.li_news {
    display: block;
    padding: 20px;
    position: relative;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
}

.cat_news {
    color: #FFF;
    text-align: center;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    border-radius: 100px;
    background: var(--Violet, #5640AF);
    box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.20);
    padding: 10px 12px;
    font-weight: 600;
    line-height: 149%;
    /* 20.86px */
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 2;
}

.li_news {
    background: rgba(255, 255, 255, 0.03);
}

.main_foto_news {
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: 220px;
    margin-bottom: 20px;
}

.title_news_li {
    display: block;
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
    text-decoration: none;

    color: var(--White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.text_li_news {
    position: relative;
    z-index: 1;
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.flex_news_li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 10px 0px;
}

.date_news_li {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.count_see {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.case_foto {
    width: 100%;
    transform: scale(1.4)translateX(-10px);
    margin-top: 23px;
}

.page_case {
    padding-bottom: 50px;
}

.nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.page-numbers {
    display: flex;
    width: 64px;
    height: 64px;
    padding: 21px 1px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-decoration: none;
}

.page-numbers.current {
    border-radius: 65px;
    background: #140D1D;
}

.yellow_img_block_service_mobile {
    display: none;
}

.next.page-numbers,
.prev.page-numbers {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-decoration: none;
    display: flex;
    width: 64px;
    height: 64px;
    padding: 20px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid #241E2D;
}

.li_reviews_page {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(6px);
}

.content_publiv_oferta {
    opacity: 0.75;
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 19.6px */
}

.content_publiv_oferta h1,
.content_publiv_oferta h2,
.content_publiv_oferta h3,
.content_publiv_oferta h4,
.content_publiv_oferta h5,
.content_publiv_oferta h6 {
    color: #FFF;
    opacity: 1;

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 91%;
    /* 14.56px */
}

.img_yandex_mobile {
    display: none;
}

.page_public_oferta {
    padding-top: 100px;
}

.title_mini_main {
    margin: 20px 0px;
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 91%;
    /* 29.12px */
}

.ozon_foto {
    left: -115px;
    top: 28px;
    position: absolute;
    width: 750px;
}

.mini_text {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.75;
}

.what_in_service {
    margin-top: 100px;
    padding-bottom: 40px;
}

.ul_what_in_service {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.ul_clients_phone {
    display: none;
}

.li_what_in_service {
    padding: 20px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
}

.img_what_in_service {
    width: 100%;
}

.img_wb_mobile {
    display: none;
}

.title_what_in_service {
    padding-top: 10px;
    color: var(--White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.content_what_in_service {
    margin-top: 10px;
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.75;
}

.img_ozon_2 {
    position: absolute;
    bottom: -304px;
    right: -66px;
    width: 600px;
    z-index: 2;
}

.ul__news,
.ul_result {
    border-bottom: 2px solid rgba(255, 255, 255, 0.15);
    padding-bottom: 40px;
    display: flex;
    gap: 30px;
    overflow-x: scroll;
}

.ul__news .li_popular_news,
.li_result {
    min-width: 340px;
    padding: 20px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    max-width: 340px;
}

.li_result {
    overflow: hidden;
    position: relative;
    padding: 20px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(6px);
}

.title_li_result {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    color: var(--White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.text_li_result {
    position: relative;
    z-index: 1;
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.75;
    padding-bottom: 40px;
}

.number_result {
    position: absolute;
    bottom: -54px;
    right: -19px;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 188px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    opacity: 0.1;
    z-index: 0;
}

.img_ozon_3 {
    z-index: 0;
    position: absolute;
    top: -134px;
    width: 400px;
    right: 100px;
}

.img_yandex {
    position: absolute;
    top: -179px;
    left: 52px;
    z-index: 2;
}

.iphone_1_marketplace {
    position: absolute;
    bottom: -50px;
    left: -89px;
    width: 480px;
    z-index: 2;
}

.iphone_2_marketplace {
    position: absolute;
    bottom: -50px;
    left: -19px;
    width: 670px;
    z-index: 1;
}

.marketplace_yellow_border {
    z-index: 0;
}

.who_need_marketplace {
    padding-bottom: 50px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.05);
}

.ul_what_get {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.li_what_get {}

.title_li_what_get {
    color: var(--White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.content_li_what_get {
    margin: 10px;
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    opacity: 0.75;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.flex_li_what_get {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 20px;
}

.number_li_what_get {
    color: #C59DFB;
    font-family: "Open Sans";
    font-size: 16px;
    opacity: 0.75;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.line_li_what_get {
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background: #9777C2;
}

.price_service_block {
    margin-top: 50px;
    padding: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.ul_podbor_products {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.li_podbor_products {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    padding: 14px 16px;
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.75;
}

.price_page_service {
    padding: 20px 0px;
}

.label_price_service {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.75;
}

.text_price_page_service {
    color: var(--White, #FFF);
    padding: 10px 0px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.img_block_service {
    position: relative;
}

.orament_33_img_block_service {
    top: 30px;
    z-index: 2;
    position: absolute;
    left: 20px;
}

.orament_34_img_block_service {
    top: 10px;
    z-index: 2;
    position: absolute;
    right: 20px;
}

.orament_35_img_block_service {
    bottom: 30px;
    z-index: 2;
    position: absolute;
    right: 30px;
}

.yellow_img_block_service {
    z-index: 1;
    position: relative;
    border-radius: 499px;
    border: 4px solid rgba(255, 255, 255, 0.15);
    background: #FFC400;
    backdrop-filter: blur(6px);
    width: 100%;
    padding: 20px;
}

.img_block_service_2 {
    position: relative;
    border-radius: 461px;
    border: 4px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(6px);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img_block_service_2 img {
    width: 100%;
    transform: scale(1.3);
}

.img_yandex_1 {
    position: absolute;
    top: -179px;
    right: 220px;
    z-index: 2;
}

.comp_index_img {
    width: 100%;
    transform: scale(1.9);
}

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

.img_border_gray {
    display: none;
}

.infographika {
    padding-top: 50px;
    padding-bottom: 40px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.05);
}

.flex_infographika {
    display: flex;
    gap: 20px;
}

.number_how_start_phone {
    display: none;
    background: linear-gradient(52deg, #6807F9 -2.74%, #9B55F7 86.53%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 10px;
}

.flex_infographika .li_who_need {
    max-width: 558px;
    width: 100%;
}

.flex_infographika:nth-child(2) {
    margin-left: 30%;
}

.flex_infographika:nth-child(3) {
    margin-left: 40%;
}

.advantages_infographika {
    padding-bottom: 40px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.05);
}

.ul_advantages_infographika,
.ul_primer_infographiks {
    display: flex;
    gap: 20px;
    overflow-x: scroll;

}

.li_advantages_infographika {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    padding: 20px;
    min-width: 270px;
}

.li_advantages_infographika img {
    width: 100%;
}

.title_advantages_infographika {
    color: var(--White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.content_advantages_infographika {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    padding: 5px 0px;
    font-size: 14px;
    opacity: 0.75;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.li_primer_infographiks {
    min-width: 370px;
    max-width: 370px;
}

.li_primer_infographiks img {
    width: 100%;
}

.cont_primer_infographiks {
    padding-top: 50px;
    padding-bottom: 50px;
}

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

.img_box img {
    width: 100%;
    transform: scale(1.5);
}

.single_news_cont {
    padding-top: 20px;
    padding-bottom: 50px;
}

.flex_mini_info_single_news {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    overflow-x: scroll;
}

.item {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px;
}

.who_news {
    border-radius: 100px;
    background: var(--purple, #8066F0);
    padding: 3px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 149%;
    /* 22.35px */
}

.title_single_news {
    max-width: 870px;
    margin: 20px auto;
    color: #FFF;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.mini_text_single_news {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.main_img_single_news {
    margin: 40px 0px;
    width: 100%;
    max-height: 460px;
}

.content_single_news {
    border-radius: 24px;
    background: #140D1D;
    padding: 60px 40px;
    color: #FFF;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content_single_news img {
    width: 100%;
    max-height: 500px;
}

.slide_clients_index_phone {
    display: none;
}

.img_wb_mobile_2,
.img_yandex_mobile_2 {
    display: none;
}

.content_single_news blockquote {
    position: relative;
    border-radius: 12px;
    background: var(--orange, #F66638);
    padding: 30px;
    margin: 20px 0px;
}

.kavcka {
    width: 130px !important;
    position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 0;
}

.title_also_news {
    text-align: center;
    margin: 20px 0px;
}

.purple_border_mini {
    background-color: #9B55F7;
    border-radius: 50%;
    width: 230px;
    height: 230px;
}

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

.cuboc {
    width: 100%;
    transform: scale(2.3);
}

.flex_our_advanatges_2 {
    display: flex;
    padding-top: 50px;

    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 20px 0px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.10);
}

.text_mini_advantages_2 {
    margin-left: 100px;
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.75;
}

.abpout_company_cont {
    padding-top: 70px;
    position: relative;
}

.ul_advantages_index_2 {
    position: absolute;
    z-index: 3;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    top: -150px;
    left: 0;
    width: 100%;
    padding: 20px;
}

.index_block_2 {
    padding-bottom: 100px;
}

.gray_bac_2 {
    padding-bottom: 0px;
}

.yellow_ablout_company {
    margin: 0px auto;
    border-radius: 836px;
    border: 4px solid rgba(255, 255, 255, 0.15);
    background: linear-gradient(0deg, #FFC400 0%, #FFC400 100%), rgba(255, 255, 255, 0.10);
    width: 836px;
    height: 836px;
    position: absolute;
    bottom: -70%;
    left: 50%;
    transform: translateX(-50%);
    backdrop-filter: blur(6px);
}

.block_about_company {
    height: 650px;
    display: block;
    position: relative;
    overflow: hidden;
}

.purple_border_about_company {
    width: 637px;
    height: 636px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 637px;
    border: 4px solid rgba(255, 255, 255, 0.15);
    background: linear-gradient(0deg, #7E28F8 0%, #7E28F8 100%), rgba(255, 255, 255, 0.10);
    margin: 0 auto;
    transform: translateY(12%);
}

.purple_border_about_company_mini {
    border-radius: 386px;
    border: 4px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.10);
    width: 385px;
    height: 386px;
    flex-shrink: 0;
}

.strelka_about_company_index {
    width: 100%;
    transform: scale(2) translateY(-127px) translateX(10px);
}

.content_director_mobile {
    display: none;
}

.mini_text_about_company_1 {
    max-width: 200px;
    position: absolute;
    bottom: 40px;
    left: 0px;
}

.iphone_mobile {
    display: none;
}

.img_ozon_mobile,
.img_ozon_2_mobile {
    display: none;
}

.title_mini_about_company {
    color: rgba(255, 255, 255, 0.75);
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    /* 50px */
}

.white_title_mini_about_company {
    color: #FFF;
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
}

.text_mini_about_comapny {
    margin: 10px 0px;
    color: var(--White, #FFF);
    font-size: 22px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.mini_text_about_company_3 {
    top: 25%;
    right: 20px;
    max-width: 220px;
    position: absolute;
}

.mini_text_about_company_2 .strelka_mini {
    transform: translateX(180px) translateY(-143px);
}

.mini_text_about_company_3 .strelka_mini {
    transform: translateX(80px);
}

.mini_text_about_company_2 {
    top: 30px;
    left: 60px;
    max-width: 200px;
    position: absolute;
}

.ul_zenost_company {
    margin-top: 40px;
    display: flex;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    justify-content: space-between;
}

.li_zenost_company {}

.border_img_zenost_company {
    padding: 20px;
    max-width: 210px;
    margin: 20px auto;
    border-radius: 50%;
    border: 2px solid #9A57FA;
    background-color: #8333F9;
}

.border_img_zenost_company img {
    width: 100%;
}

.all_news .li_team_index.li_reviews_page {
    min-width: auto;
    max-width: 100%;
}

.title_li_zenost_company {
    color: var(--White, #FFF);
    font-size: 18px;
    margin: 20px 0px;
    font-style: normal;
    margin-bottom: 5px;
    font-weight: 700;
    line-height: normal;
}

.content_li_zenost_company {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    margin: 10px 0px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.75;
}

.zenost_company {
    padding: 50px 0px;
}

.about_direcotor {
    padding-top: 50px;
    padding-bottom: 40px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.10);
    display: grid;

    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.img_director {
    max-width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 500px;
    margin: 0px auto;
    overflow: hidden;
    border-radius: 499px;
    border: 4px solid rgba(255, 255, 255, 0.15);
    background: #FFC400;
    backdrop-filter: blur(6px);
    padding: 20px;
}

.img_director img {
    width: 100%;
}

.content_director {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 3px;
}

.label_director {
    color: rgba(255, 255, 255, 0.75);
    font-size: 24px;
    font-style: normal;
    margin: 10px 0px;
    font-weight: 800;
    line-height: 100%;
    /* 24px */
}

.title_director {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    /* 32px */
}

.text_director {
    color: var(--White, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    opacity: 0.75;
    margin: 40px 0px;
}

.video_director {
    margin: 20px 0px;
}

.video_director video {
    width: 100%;
}

.mini_kavcka {
    position: absolute;
    top: -20px;
    z-index: 0;
    left: 10px;
    width: 40px;
}

.block_img_director {
    display: flex;
    align-items: center;

}

.gray_about_company {
    display: none;
}

.sertificates {
    padding-top: 40px;
    padding-bottom: 40px;

}

.ul_sertifictes {
    display: flex;
    overflow-x: scroll;
    gap: 20px;

}

.li_sertificates {
    overflow: hidden;
    border-radius: 8px;
    min-width: 340px;
    min-height: 450px;
}

.li_sertificates img {
    width: 100%;
}

.container_clients {
    max-width: 1400px;
    padding: 40px 20px;
    margin: 20px auto;
}

.mini_title_mini {
    margin-bottom: 20px;
    text-align: center;
    color: rgba(255, 255, 255, 0.75);
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    /* 26px */
}

.mini_title_mini span {
    color: #FFF;
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
}

.slide_clients_index {
    overflow: hidden;
}

.ul_clients_slide {
    width: 100%;
    display: flex;
    animation: move 15s linear infinite;
    align-items: center;
    /* animation-name: move;
    animation-duration: 2s, 4s;
 animation-play-state:running;
    animation-direction:reverse; */
    gap: 50px;
    justify-content: space-between;
}

.slider_clients {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    overflow: hidden;

}

.ul_cats_news {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.li_cat {
    cursor: pointer;
    padding: 15px 20px;
    border-radius: 8px;
    background: #140D1D;
    color: rgba(255, 255, 255, 0.50);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.active_cat {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 8px;
    background: var(--Violet, #5640AF);
}

.mini_title_zaivka {
    margin: 10px 0px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    /* 24px */
}

.mini_title_zaivka span {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
}

.mini_text_zaivka {
    color: var(--White, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bac_zaivka {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    z-index: 120;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    top: 0;
    align-items: center;
    justify-content: center;
    padding: 20px;
    left: 0;
}

.wpcf7-spinner {
    display: none;
}

.modile_foto {
    display: none;
}

.zaivka_header .wpcf7-text {
    width: 100%;
    color: #FFF;
    font-size: 16px;
    background: #6908F9;
    font-style: normal;
    border: 2px solid #7820FA;
    outline: none;
    font-weight: 500;
    margin-top: 10px;
    line-height: normal;
    padding: 16px 14px;
    border-radius: 8px;
    border: 2px solid rgba(255, 255, 255, 0.10);
}

.wpcf7-response-output {
    color: white;
}

.zaivka_header label {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.zaivka_header .wpcf7-text::placeholder {
    opacity: 0.75;
}

.zaivka_header .btn_yellow {
    width: 100%;
}

.zaivka_header {
    position: relative;
    z-index: 2;
    border-radius: 8px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    background: #6908F9;
    padding: 20px;
    min-width: 330px;
    margin: 0 auto;
}

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

.close_zaivka {
    cursor: pointer;
}

.zaivka_header .close_zaivka {
    margin-left: auto;
    width: 20px;
}

.phone_btn_how_start {
    display: none;
}

.phone_what_different {
    display: none;
}



.phone_header {
    position: fixed;
    top: 0;
    left: 0;
    padding: 20px;
    width: 100%;
    /* background: #0C0516; */
    height: 100%;
    z-index: 101;
    display: none;
    border-image: fill 0 linear-gradient(78deg, #054630, #03291c);
}

.flex_phone_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.close_phone_header {
    width: 25px;
    cursor: pointer;
}

.pages_header_phone ul {
    padding: 0px;
}

.pages_header_phone li {
    list-style: none;
    padding: 12px 0px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}



.info_hedaer_phone {
    display: flex;
    margin: 20px 0px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.phone_header .btn_yellow {
    width: 100%;
}

.orn_1,
.orn_2,
.orn_3 {
    animation-direction: alternate;
    animation-duration: 1.5s;
    animation-name: move;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.orn_1 {
    position: absolute;
    z-index: 0;
    width: 70px;
    left: 10%;
    top: 10%;
}

.orn_2 {
    position: absolute;
    z-index: 0;
    width: 70px;
    right: 12%;
    top: 20%;
}

.orn_3 {
    position: absolute;
    z-index: 0;
    width: 70px;
    right: 10%;
    top: 10%;
}

.pos_realative {
    position: relative;
}

.strelka_mini_zaivka {
    display: none;
    width: 100%;
    max-width: 60px;
    position: absolute;
    top: 25px;
    right: 0px;
}

.header__logo {
    max-width: 315px;
    width: 100%;
}

.header__logo img {
    width: 100%;
}

/* TODO: */


.footer_new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #c9ff0b;
    color: #000;
    padding: 15px 45px;
    clip-path: polygon(3% 0, 97% 0, 100% 29%, 100% 70%, 100% 100%, 0 100%, 0% 70%, 0% 30%);
}

.footer_img {
    max-width: 200px;
}

.footer_img img {
    max-width: 200px;
}

.footer_soc {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: 1px #000 solid;
    padding: 10px;
}

.footer_soc .fab {
    font-size: 25px;
    color: #000;

}



.footer_right {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 609px;
}

.info_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 0 65px 0;
}

.info_box_img {
    max-width: 500px;
}

.info_box_img img {
    width: 100%;
    filter: hue-rotate(259deg) brightness(87%) contrast(108%);
}

.info_box_right {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 25px;
    max-width: 600px;
}

.info_h1 {
    padding: 0;
    margin: 0;
    font-family: "Russo One", sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 25px;
    text-align: center;
}

.info_box_right_p {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}


.sektor_1 {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sektor_2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    backdrop-filter: blur(5px);
    padding: 20px 50px;
    background: #0000003d;
    justify-content: flex-start;
    text-align: center;
    width: 100%;
    clip-path: polygon(19% 0, 100% 0, 100% 30%, 100% 100%, 70% 100%, 0 100%, 0% 70%, 0 20%);
}

.info_box_right_p p {
    box-shadow: inset 0 0 20px 0px #0000005e;
    padding: 12px 24px;
    border-right: 20px solid var(--col1);



}



.img_sektor2 {
    max-width: 80px;
}

.sektor_1 img {
    width: 100%;
    /* border-image: fill 0 linear-gradient(285deg, #054630, #03291c); */
    filter: hue-rotate(310deg) brightness(92%) contrast(99%);
    outline: 1px #ffffff36 solid;
    outline-offset: 10px;
}

.sektor_2 p:nth-child(2) {
    font-family: "Russo One", sans-serif;
    text-transform: uppercase;
    font-size: 20px;
}

.img_sektor2 img {
    width: 100%;
    outline: none;
}


.row_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    padding: 0 19px;
    gap: 12px;
}

.button {
    margin: 0;
    font-size: 16px;
    width: 81px;
    height: 37px;
}

.button .text {
    top: 12px;
}

.button {
    margin: 20px 0;
    background: none;
    color: #fff;
    font-size: 20px;
    position: relative;
    width: 180px;
    height: 60px;
    cursor: pointer;
    border: none;
}

.button:hover .border {
    background-color: rgba(179, 31, 115, 0.7);
}

.button:hover .hl-line {
    stroke-dashoffset: -480;
}

.button .text {
    text-align: center;
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    top: 20px;
}

.button .border {
    fill: none;
    stroke-width: 1;
    background-color: rgba(179, 31, 115, 0.4);
    transition: all 0.8s ease-in-out;
}

.button .background {
    fill: rgba(0, 0, 0, 0);
    stroke: #b31f73;
    transition: all 0.8s ease-in-out;
}

.button .hl-line {
    stroke: #fff;
    stroke-dasharray: 40 480;
    stroke-dashoffset: 40;
    transition: all 0.8s ease-in-out;
}



.bt_link a {
    position: relative;
    display: inline-block;
    padding: 25px 30px;
    margin: 40px 0;
    color: #03e9f4;
    font-size: 20px;
    text-transform: uppercase;
    overflow: hidden;
    transition: 0.5s;
    letter-spacing: 4px;
    text-decoration: none;
    box-shadow: inset 0 0 20px 0px #0003;

    font-family: "Russo One", sans-serif;
}

.bt_link a:hover {
    background: #03e9f4;
    color: #050801;
    box-shadow: 0 0 5px #03e9f4,
        0 0 25px #03e9f4,
        0 0 50px #03e9f4,
        0 0 200px #03e9f4;
}

.bt_link a span {
    position: absolute;
    display: block;
}

.bt_link a:nth-child(1) {
    filter: hue-rotate(302deg);
}

.bt_link a:nth-child(3) {
    filter: hue-rotate(110deg);
}

.bt_link a span:nth-child(1) {
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #03e9f4);
    animation: animate1 1s linear infinite;

}

@keyframes animate1 {
    0% {
        left: -100%;
    }

    50%,
    100% {
        left: 100%;
    }
}

a span:nth-child(2) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #03e9f4);
    animation: animate2 1s linear infinite;
    animation-delay: 0.25s;

}

@keyframes animate2 {
    0% {
        top: -100%;
    }

    50%,
    100% {
        top: 100%;
    }
}

.bt_link a span:nth-child(3) {
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, #03e9f4);
    animation: animate3 1s linear infinite;
    animation-delay: 0.5s;

}

@keyframes animate3 {
    0% {
        right: -100%;
    }

    50%,
    100% {
        right: 100%;
    }
}

.bt_link a span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #03e9f4);
    animation: animate4 1s linear infinite;
    animation-delay: 0.75s;

}

@keyframes animate4 {
    0% {
        bottom: -100%;
    }

    50%,
    100% {
        bottom: 100%;
    }
}

.new_p {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.new_p p:nth-child(1) {
    color: #c2f80c;
}

.btn_new .far,
.fas {
    margin-right: 6px;


}




.btn_new {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

/* Neon btn */
.btn-neon {
    border: 1px solid #72ff99;
    animation: glow 800ms ease-out infinite alternate;
    box-shadow: none;
    color: #ffffff;
    text-shadow: 0 0 0px transparent;
    font-size: 16px;
    transition: .2s;
    -webkit-transition: .2s;
    padding: 15px 30px;
    line-height: 100%;
    margin: 0;
    border-radius: 0;
    cursor: pointer;
    /* border: 2px solid rgba(0, 255, 0, 0.2); */
    text-decoration: none;
    min-width: 126px;
    text-align: center;
}

.btn-neon2 {
    border: 1px solid #72ff99;
    animation: glow2 800ms ease-out infinite alternate;
    box-shadow: none;
    color: #ffffff;
    text-shadow: 0 0 0px transparent;
    font-size: 16px;
    transition: .2s;
    -webkit-transition: .2s;
    padding: 15px 30px;
    line-height: 100%;
    margin: 0;
    border-radius: 0;
    cursor: pointer;
    /* border: 2px solid rgba(0, 255, 0, 0.2); */
    text-decoration: none;
    min-width: 126px;
    text-align: center;
    background: #00802f;
}

.btn-neon:hover {
    background-color: #63D471;
    /* Change to lime for a bright background on hover */
    color: #fff;
    /* Change to white for better contrast */
    text-shadow: 0 0 4px #fff;
    box-shadow: inset 0 0 6px lime, 0 0 6px lime;
    border-color: #afa;
    /* Add border color on hover */
}

.btn-neon2:hover {
    background-color: #63D471;
    /* Change to lime for a bright background on hover */
    color: #fff;
    /* Change to white for better contrast */
    text-shadow: 0 0 4px #fff;
    box-shadow: inset 0 0 6px lime, 0 0 6px lime;
    border-color: #afa;
    /* Add border color on hover */
}

@keyframes glow {
    0% {
        border-color: #393;
        box-shadow: 0 0 5px rgba(0, 255, 0, .2), inset 0 0 5px rgba(0, 255, 0, .1), 0 2px 0 #000;
    }

    100% {
        border-color: #afa;
        box-shadow: 0 0 20px rgba(0, 255, 0, .6), inset 0 0 10px rgba(0, 255, 0, .4), 0 2px 10px #000;
    }
}

@keyframes glow2 {
    0% {
        border-color: #393;
        box-shadow: 0 0 5px rgba(0, 255, 0, .2), inset 0 0 5px rgba(0, 255, 0, .1), 0 2px 0 #000;
    }

    100% {
        border-color: #afa;
        box-shadow: 0 0 20px rgba(0, 255, 0, .6), inset 0 0 10px rgba(0, 255, 0, .4), 0 2px 10px #000;
    }
}






@media (max-width:1150px) {

    .container.what_get_service {
        display: none;
    }

    .header__wrapper .pages_header {
        display: none;
    }

    .yellow_border {
        overflow: hidden;
    }

    .lev {
        width: 100%;
        transform: scale(1.6)translateX(-10px);
        margin-top: 0px;
    }

    .index_block_1 {
        flex-direction: column-reverse;
    }

    .ul_services_index {
        display: flex;
        overflow-x: scroll;
    }

    .li_services_index {
        min-width: 335px;
    }

    .index_block_column {
        flex-direction: column;
    }

    .ul_advantages_index_2 {
        top: -85px;
    }

    .abpout_company_cont {
        padding-top: 113px;
    }

}

@media (max-width:1000px) {
    .cont_adv {
        max-width: 600px;
        margin: 0 auto;
        position: relative;
    }

    .img_ozon_mobile,
    .img_ozon_2_mobile,
    .img_wb_mobile,
    .img_yandex_mobile,
    .img_wb_mobile_2,
    .img_yandex_mobile_2 {
        display: block;
        position: absolute;
        z-index: 1;
        width: 300px;
    }

    .img_yandex_mobile {
        top: 40%;
        left: -40px;
    }

    .img_yandex_mobile_2 {
        top: 40%;
        right: -40px;
    }

    .img_wb_mobile {
        top: 60%;
        right: -50px;
    }

    .img_ozon_mobile,
    .img_wb_mobile_2 {
        top: 70%;
        left: -40px;
    }

    .img_ozon_2_mobile {
        top: -25%;
        right: -40px;
    }

    .ul_you_work_with_me {
        grid-template-columns: 1fr 1fr;
    }

    .strelka_about_company {
        width: 100%;
    }

    .ul_advantages_index {
        left: 0px;
        margin: 0px;
        margin-top: 0px;
        gap: 20px;
        transform: translateY(0px);
    }

    .index_purple_bac_border {
        position: relative;
    }

    .index_page_gray_bac {
        padding-top: 270px;
    }

    .immajes_index_block {
        margin-right: 0px;
    }

    .yellow_border {
        width: 350px;
        height: 350px;
    }

    .purple_border {
        width: 272px;
        height: 272px;
    }

    .ul_advantages_index {
        grid-template-columns: 1fr 1fr;
    }

    .title_li_advantages_index {
        margin-top: 10px;
        color: var(--White, #FFF);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .text_li_advantages_index {
        color: var(--White, #FFF);
        font-family: "Open Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

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

    .ul_our_advantages {
        grid-template-columns: 1fr;
        max-width: 500px;
        overflow: hidden;
        background-color: #8D40F7;
        max-height: 500px;
        margin: 0px auto;
        border: 4px solid rgba(255, 255, 255, 0.40);
        border-radius: 50%;
        margin-top: 40px;
    }

    .iphone_1 {
        width: 100%;
        transform: translateY(0px) translateX(-70px);
    }

    .iphone_2 {
        position: absolute;
        bottom: 104px;
        right: -90px;
        z-index: 0;
        max-width: 500px;
    }

    .flex_up,
    .flex_down {
        display: none;
    }

    .ul_how_start_index {
        grid-template-columns: 1fr 1fr;
    }

    .li_new_how_start_index .btn_yellow {
        display: none;
    }

    .li_how_start_index_purple {
        height: 100%;
    }

    .phone_btn_how_start {
        margin-top: 20px;
        display: flex;
        width: 100%;
    }

    .our_comand .count_people_in_comand,
    .our_comand .text_mini_advantages {
        display: none;
    }

    .mobile_not_overflow {
        overflow: visible;
    }

    .cuboc {
        width: 100%;
        transform: scale(1.6);
    }

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

    .flex_border .ozon_foto {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        transform: scale(2);
    }

    .index_block_column {
        flex-direction: column;
    }

    .iphone_1_marketplace {
        width: 345px;
    }

    .iphone_2_marketplace {
        width: 465px;
    }

    .purple_bac.page_news .ul_popular_news {
        display: flex;
        gap: 20px;
        overflow-x: scroll;
    }

    .purple_bac.page_news .ul_popular_news .li_popular_news {
        min-width: 320px;
    }

    .purple_bac.page_news .ul_popular_news::-webkit-scrollbar {
        width: 0px;
    }

    .iphone_1,
    .iphone_2 {
        display: none;
    }

    .iphone_mobile {
        width: 100%;
        display: block;
    }

    .ul_our_advantages .img_ozon,
    .ul_our_advantages .img_ozon_2,
    .ul_our_advantages .img_wb,
    .ul_our_advantages .img_yandex,
    .ul_our_advantages .img_ozon_3,
    .ul_our_advantages .img_yandex_1 {
        display: none;
    }

    .advantages_mobile {
        margin-top: 40px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .advantages_mobile .li_our_advantages_img {
        background: #FFC400;
    }

    .yellow_ablout_company {
        display: none;
    }

    .gray_about_company {
        display: flex;
        padding: 40px;
        min-width: 320px;
        min-height: 320px;
        border-radius: 50%;
        border: 4px solid rgba(255, 255, 255, 0.40);
        align-items: center;
        justify-content: center;
        max-width: 400px;
        max-height: 400px;
        margin: 20px auto;
    }

    .gray_about_company img {
        width: 100%;
        max-width: 500px;
    }

    .block_about_company {
        height: auto;
        padding-bottom: 500px;
    }

    .mini_text_about_company_2 {
        top: 50%;
        left: 0px;
    }

    .mini_text_about_company_3 {
        top: 60%;
        right: 0px;
    }

}

@media (max-width:960px) {
    .abpout_company_cont {
        padding-top: 220px;
    }

    .flex_our_advanatges_2 {
        flex-direction: column;
        align-items: start;
        border: none;
    }

    .flex_our_advanatges_2 div {
        margin-left: 0px;
    }

    .ul_advantages_index_2 {
        grid-template-columns: 1fr 1fr;
    }

    .price_service_block {
        grid-template-columns: 1fr;
    }

    .yellow_img_block_service_mobile {
        display: flex;
        margin-bottom: 20px;
    }

    .img_block_service {
        display: none;
    }

    .our_clients_index_page .flex_case .ul_clients {
        display: none;
    }

    .slide_clients_index_phone {
        display: block;
        overflow: hidden;
    }

    .our_clients_index_page .ul_clients_phone {
        animation: move_clients 10s linear infinite;
        display: flex;
        gap: 20px;
    }

    .ul_clients_phone::-webkit-scrollbar {
        width: 0px;
    }

    .title_team,
    .title_case,
    .title_how_start {
        font-size: 16px;
    }

    .content_what_different {
        font-size: 14px;
    }

    .phone_what_different {
        display: block;
    }

    .ul_what_different_index {
        grid-template-columns: 1fr 1fr;
    }

    .ul_what_different_index .title,
    .two_tg {
        display: none;
    }

    .who_need {
        display: flex;
        flex-direction: column-reverse;
    }

    .li_who_need:nth-child(2) {
        margin-left: 0px;
        width: 100%;
    }

    .li_who_need:nth-child(3) {
        margin-left: 0px;
        width: 100%;
    }

    .title_who_need {
        font-size: 14px;
    }

    .content_who_need {
        font-size: 12px;
    }

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

    .ul_questions {
        grid-template-columns: 1fr;
    }

    .tg {
        margin: 20px;
        flex-direction: column;
    }

    .ul_contacts_page {
        grid-template-columns: 1fr 1fr;
    }

    .ul_popular_news,
    .all_news_ul {
        grid-template-columns: 1fr 1fr;
    }

    .ul_etaps_index {
        display: flex;
        overflow-x: scroll;
    }

    .ul_etaps_index::-webkit-scrollbar {
        width: 0px;
    }

    .li_etaps_index {
        min-width: 350px;
    }

    .li_etaps_index .number_how_start {
        display: none;
    }

    .number_how_start_phone {
        display: block;
    }

    .content_single_news {
        padding: 30px 20px;
        font-size: 14px;
    }

    .title_single_news {
        font-size: 24px;
    }

    .ul_zenost_company {
        justify-content: center;
        flex-wrap: wrap;
        display: flex;
    }

    .ul_zenost_company .li_zenost_company {
        width: 40%;
    }

    .ul_zenost_company .li_zenost_company:nth-child(2) {
        display: flex;
        flex-direction: column;
    }

    .ul_zenost_company .li_zenost_company:nth-child(2) .title_li_zenost_company {
        order: 2;
    }

    .ul_zenost_company .li_zenost_company:nth-child(2) .content_li_zenost_company {
        order: 3;
    }

    .ul_zenost_company .li_zenost_company:nth-child(2) .border_img_zenost_company {
        order: 1;
    }

    .title_li_zenost_company {
        font-size: 14px;
    }
}

.hd {
    width: 100%;
}

.head {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 100%;
}

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

    .form_login h1 {
            color: #FFF;
            font-size: 33px;
            line-height: 100%;
            text-align: center;
            font-family: "Russo One", sans-serif;
            text-transform: uppercase;
            margin: 17px 0 17px 0;
        }

    .bac_form {
            width: 85%;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 600px;
            overflow: hidden;
            outline: 1px #ffffff36 solid;
            outline-offset: 10px;
            padding: 0px 0;
        }

    .btn_new .far,
        .fas {
            margin-right: 6px;
        }
    .fa-user-circle  {
            margin-right: 6px;
        }

    .btn-neon {
            border: 1px solid #72ff99;
            animation: glow 800ms ease-out infinite alternate;
            box-shadow: none;
            color: #ffffff;
            text-shadow: 0 0 0px transparent;
            font-size: 16px;
            transition: .2s;
            -webkit-transition: .2s;
            padding: 15px 30px;
            line-height: 100%;
            margin: 0;
            border-radius: 0;
            cursor: pointer;
            /* border: 2px solid rgba(0, 255, 0, 0.2); */
            text-decoration: none;
            min-width: 126px;
            text-align: center;
        }
    
        .btn-neon2 {
            border: 1px solid #72ff99;
            animation: glow2 800ms ease-out infinite alternate;
            box-shadow: none;
            color: #ffffff;
            text-shadow: 0 0 0px transparent;
            font-size: 16px;
            transition: .2s;
            -webkit-transition: .2s;
            padding: 15px 30px;
            line-height: 100%;
            margin: 0;
            border-radius: 0;
            cursor: pointer;
            /* border: 2px solid rgba(0, 255, 0, 0.2); */
            text-decoration: none;
            min-width: 126px;
            text-align: center;
            background: #00802f;
        }
    
        .btn-neon:hover {
            background-color: #63D471;
            /* Change to lime for a bright background on hover */
            color: #fff;
            /* Change to white for better contrast */
            text-shadow: 0 0 4px #fff;
            box-shadow: inset 0 0 6px lime, 0 0 6px lime;
            border-color: #afa;
            /* Add border color on hover */
        }
    
        .btn-neon2:hover {
            background-color: #63D471;
            /* Change to lime for a bright background on hover */
            color: #fff;
            /* Change to white for better contrast */
            text-shadow: 0 0 4px #fff;
            box-shadow: inset 0 0 6px lime, 0 0 6px lime;
            border-color: #afa;
            /* Add border color on hover */
        }
    
        @keyframes glow {
            0% {
                border-color: #393;
                box-shadow: 0 0 5px rgba(0, 255, 0, .2), inset 0 0 5px rgba(0, 255, 0, .1), 0 2px 0 #000;
            }
    
            100% {
                border-color: #afa;
                box-shadow: 0 0 20px rgba(0, 255, 0, .6), inset 0 0 10px rgba(0, 255, 0, .4), 0 2px 10px #000;
            }
        }
    
        @keyframes glow2 {
            0% {
                border-color: #393;
                box-shadow: 0 0 5px rgba(0, 255, 0, .2), inset 0 0 5px rgba(0, 255, 0, .1), 0 2px 0 #000;
            }
    
            100% {
                border-color: #afa;
                box-shadow: 0 0 20px rgba(0, 255, 0, .6), inset 0 0 10px rgba(0, 255, 0, .4), 0 2px 10px #000;
            }
        }

    .pages_header_phone {
            display: flex;
            width: 100%;
            justify-content: center;
            align-items: center;
            gap: 0 20px;
        }



.title_info_index_block_1 {
        font-size: clamp(43px, 4vw, 115px);
        font-family: "Russo One", sans-serif;
        -webkit-text-stroke: 2px #c9ff0b;
        color: transparent;
        text-transform: uppercase;
        letter-spacing: 13px;
        text-align: center;
        margin: 0 0 8px 0;
        /* display: inherit; */
    }

    .footer_soc .fab {
            font-size: 20px;
            color: #000;
        }

    .footer_right {
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 100%;
            text-align: center;
            margin: 10px 0 0 0;
            font-size: 14px;
        }

    .footer_new {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            background: #c9ff0b;
            color: #000;
            padding: 15px 45px;
            clip-path: none;
            flex-wrap: wrap;
        }

    .info_box_img {
        max-width: 314px;
    }

  .info_box {
      display: flex;
      align-items: center;
      width: 100%;
      padding: 275px 0 65px 0;
      justify-content: center;
      flex-wrap: wrap;
      gap: 20px 0;
  }

  .info_box_right_p p {
      box-shadow: inset 0 0 20px 0px #0000005e;
      padding: 12px 24px;
      border-right: 5px solid var(--col1);
  }

    .info_box_right {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 21px;
        max-width: 100%;
        justify-content: center;
        padding: 0 20px;
    }

    .info_box_right {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 21px;
        max-width: 100%;
        justify-content: center;
    }

    .header__logo {
        max-width: 190px;
        width: 100%;
    }

    .sektor_1 img {
        width: 100%;
        /* border-image: fill 0 linear-gradient(285deg, #054630, #03291c); */
        filter: hue-rotate(310deg) brightness(92%) contrast(99%);
        outline: 1px #ffffff36 solid;
        outline-offset: 10px;
        display: none;
    }

    .btn_new {

        display: none;
    }

    .info_index_block_1 {
        align-items: center;
    }

    .new_p p {
        text-align: center;
    }

    .row_box {
        flex-wrap: wrap;
    }

}


@media (max-width:570px) {

    .ul_how_start_index {
        grid-template-columns: 1fr;
    }

    .modile_foto {
        transform: scale(1.5) !important;
        display: block;
    }

    .dekstop_foto {
        display: none;
    }

    .container.about_direcotor {
        border: none;
        padding-bottom: 0px;
        gap: 10px;
    }

    .content_director_mobile {
        display: block;
    }

    .block_img_director {
        align-items: start;
    }

    .img_director {
        padding: 10px;
    }

    .content_director .video_director,
    .content_director .btn_yellow {
        display: none;
    }

    .ul_who_need_infographika {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ul_who_need_infographika .flex_infographika img {
        display: none;
    }

    .ul_who_need_infographika .flex_infographika:nth-child(1) {
        max-width: 100%;
        margin: 0px;
        width: 100%;
    }

    .ul_who_need_infographika .flex_infographika:nth-child(2),
    .ul_who_need_infographika .flex_infographika:nth-child(3) {
        max-width: 100%;
        margin: 0px;
        width: 48%;
    }

    .img_ozon_mobile,
    .img_ozon_2_mobile,
    .img_wb_mobile,
    .img_yandex_mobile,
    .img_wb_mobile_2,
    .img_yandex_mobile_2 {
        width: 280px;
    }

    .img_yandex_mobile {
        top: 40%;
        left: -70px;
    }

    .img_yandex_mobile_2 {
        top: 40%;
        right: -70px;
    }

    .img_wb_mobile {
        top: 60%;
        right: -70px;
    }

    .img_ozon_mobile,
    .img_wb_mobile_2 {
        top: 70%;
        left: -70px;
    }

    .img_ozon_2_mobile {
        top: -40%;
        right: -10px;
    }

    .btn_yellow,
    .purple_btn.black_btn,
    .btn_blue {
        font-size: 12px;
    }

    .strelka_mini_zaivka {
        display: block;
    }

    .ul__news .li_popular_news,
    .li_result {
        min-width: 310px;
    }

    .ul_popular_news,
    .all_news_ul {
        grid-template-columns: 1fr;
    }

    .zaivka {
        padding-top: 100px;
        padding-bottom: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0px;
    }

    .zaivka .strelka_about_company_2 {
        display: none;
    }

    .reviews .purple_btn {
        display: none;
    }

    .case .flex_case {
        justify-content: end;
    }

    .flex_case .black_btn {
        display: none;
    }

    .li_team_index {
        min-width: 320px;
    }

    .li_you_work_with_me {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .index_page_gray_bac {
        padding-bottom: 1px;
    }

    .ul_you_work_with_me {
        gap: 40px;
        grid-template-columns: 1fr;
    }

    .block_index_about_company {
        grid-template-columns: 2.5fr 1fr;
    }

    .title,
    .title span,
    .title_tg,
    .title_tg span {
        font-size: 32px;
    }

    .ul_advantages_about_company {
        display: none;
    }

    .mini_title_info_index_block_1 {
        font-size: 12px;
    }


    .yellow_border {
        width: 300px;
        height: 300px;
    }

    .purple_border {
        width: 222px;
        height: 222px;
    }

    .header__wrapper .mini_info_header,
    .header__wrapper .btn_yellow {
        display: none;
    }

    .iphone_1_marketplace {
        width: 300px;
    }

    .iphone_2_marketplace {
        width: 400px;
    }

    .li_primer_infographiks {
        min-width: 270px;
    }

    .title_li_services_index {
        font-size: 18px;
    }

    .mini_text_about_company_2 {
        font-size: 14px;
        max-width: 160px;
    }

    .mini_text_about_company_1 {
        font-size: 14px;
    }

    .mini_text_about_company_3 {
        font-size: 14px;
    }

    .white_title_mini_about_company {
        font-size: 32px;
    }

    .text_mini_about_comapny {
        font-size: 14px;
    }

    .img_border_gray {
        position: absolute;
        top: 54%;
        display: block;
        left: 78px;
    }

    .abpout_company_cont {
        padding-top: 260px;
    }

    .item {
        font-size: 18px;
    }

    .flex_mini_info_single_news {
        justify-content: start;
    }

    .flex_mini_info_single_news .item:nth-child(3) {
        display: none;
    }

    .flex_mini_info_single_news .item:last-child {
        min-width: 167px;
    }
}

.pphg {
    color: #000 !important;
    margin-bottom: 10px;
}

@media (max-width:760px) {

    .open_phone_header {
        display: block;
    }

    .hb {
        display: none;
    }

    .strelka_about_company {
        display: none;
    }

    .block_index_about_company {
        grid-template-columns: 1fr;
    }
}

@media (max-width:440px) {
    .our_clients_index_page .ul_clients_phone {
        animation: move_clients_phone 10s linear infinite;
    }

    .abpout_company_cont {
        padding-top: 280px;
    }

    .img_border_gray {

        left: 64px;
    }

    .advantages_mobile {
        margin-top: 60px;
    }

    .iphone_1_marketplace {
        width: 280px;
        left: -66px;
    }

    .iphone_2_marketplace {
        width: 380px;
        left: -15px;
    }
}

@keyframes move {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(15px);
    }
}

@media (max-width:600px) {
    .ul_advantages_index {
        grid-template-columns: 1fr;
    }
}