:root{
    --black: #1C1C1C;
    --red: #ED1430;
    --text: 17px;
    --lh-text: 27px;
    --h2: 37px;
    --lh-h2: 47px;
    --h1: 70px;
    --lh-h1: 80px;
    --title: 23px;
    --lh-title: 32px;
    --bg-color: #ffffff;
    --text-color: #1C1C1C;
    --opacity: .5;
}
body{
    background-color: var(--bg-color);
}
.dsgn_v2 .s__reviews .title_h2,
.dsgn_v2 .s__reviews .title_h2 strong,
strong{
    font-weight: 400;
    color: var(--black);
}
.pictures-list{
    display: flex;
    flex-wrap: wrap;
    gap: 70px;
    justify-content: space-between;
    margin-bottom: 120px;
}
.pictures-list .pictures-item{
    text-align: center;
}
.pictures-list .pictures-item img{
    margin-bottom: 11px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
}
.pictures-list .pictures-item .pictures-title{
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
}
.pictures-list .pictures-item .pictures-text{
    font-size: var(--text);
    line-height: var(--lh-text);
    font-weight: 400;
    margin-top: -6px;
}
@media (min-width: 400px) {
    .pictures-list {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
    }
}
@media (max-width: 1420px) {
    .pictures-list{grid-template-columns: repeat(6, 1fr);}
}
@media (max-width: 1200px) {
    .pictures-list{grid-template-columns: repeat(5, 1fr);}
}
@media (max-width: 1000px) {
    .pictures-list{grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 800px) {
    .pictures-list{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 600px) {
    .pictures-list{grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 400px) and (max-width: 500px) {
    .pictures-list{grid-template-columns: repeat(2, 1fr);}
}

.dsgn_v2 .s__kviz_grey_img{
    display: none;
}
.title_h1.title_v2,
.dsgn_v2 .navbar-brand,
.dsgn_v2 .navbar_top .navbar-nav .nav-link,
.dsgn_v2 .btn_hd_calc,
.first-top-right .inner p,
.works-list .item-type,
.works-list .item-type a,
.dsgn_v2 .works-list .item .title,
.works-list .item .title a,
.first-works-buttons,
.first-works-buttons a,
.dsgn_v2 .s__kviz_grey_descr,
.reviews-list-v2 .item .info .buttons a,
.reviews-list-v2 .item .info .descript,
.reviews-list-v2 .item .info .author,
.s__first_articles_v2 .title_h2_v2,
.article-list-v2 .title a,
.title_h1.title_v2,
.portfolio-tags .dropdown-item,
.pg_work .worktop-descript .title,
.pg_work .worktop-descript h4,
.pg_articles .article-list-v2 .date,
.s__article_detail .worktop-date-author .type-soc,
.s__article_detail .worktop-date-author .type-soc *,
.pg_cont .s__contacts_links ul li a,
.pg_prices .prices-cat-title,
.tmp_footer footer .item-mail a,
.dsgn_v2 .s__service_works .title_h2,
.nw_serv_center h2{
    font-weight: 500;
}
.first-works-buttons a,
.reviews-list-v2 .item .info .buttons a,
.pg_cont .inner-top .contacts-addr-phone a,
.pg_cont .cont-email-ext a,
.dsgn_v2 .services-list .roww .coll:first-child .link_red_arrow_wrap a,
.callback-links-wrap-srv-dev ul li .btn_red,
.s__work_top .worktop-img-title .link a,
.s__work_top .worktop-img-title .type a,
.list-more-lnk{
    text-decoration: none !important;
    transition: 0.3s ease;
    border-bottom: 1px rgba(48, 48, 64, 0.5) solid;
}
.first-works-buttons a:not(.btn_red):hover,
.reviews-list-v2 .item .info .buttons a:hover,
.pg_cont .inner-top .contacts-addr-phone a:hover,
.pg_cont .cont-email-ext a:hover,
.dsgn_v2 .services-list .roww .coll:first-child .link_red_arrow_wrap a:hover,
.callback-links-wrap-srv-dev ul li .btn_red:hover,
.s__work_top .worktop-img-title .link a:hover,
.s__work_top .worktop-img-title .type a:hover,
.list-more-lnk:hover{
    color: #ED1430 !important;
    border-bottom-color: rgba(237, 0, 0, 0);
}
.dsgn_v2 .first-top-left .title_h1{
    line-height: 1.057;
    font-weight: 400;
    color: var(--black);
    letter-spacing: 0;
}
.dsgn_v2 .first-top-left .title_h1 .typing-text{
    color: var(--red);
}
.s__service_works,
.s__first_articles_v2.is_dark{
    background: #1c1c1c;
}
.s__first_articles_v2.is_dark + footer,
.tmp_footer .s__service_works + footer,
.tmp_footer #allrecords + footer{
    margin-top: 0;
}
/* pull the dark block flush against the footer. body.dsgn_v2 is a flex
   column with gap:12px (set in critical.css), which leaves a 12px seam
   between the last section and the footer. Negative margin-bottom cancels
   that flex gap. Selectors are scoped to the block-before-footer context and
   kept specific enough to win over `.pg_work .s__service_works{margin:120px 0 0}`. */
.s__first_articles_v2.is_dark:has(+ footer),
.tmp_footer .s__service_works:has(+ footer){
    margin-bottom: -12px;
}
.header_is_minim_end.header_is_hide .navbar_top{
    transform: none;
}
.pg_articles .article-list-v2 .item .img{
    position: relative;
}
.pg_articles .article-list-v2 .item .img video{
    width: 100%;
    object-fit: cover;
}
.pg_articles .article-list-v2 .item .img picture + video{
    position: absolute;
    top: 0;
    left: 0;
}
.pg_fedback button[data-fancybox-zoom]{
    display: none;
}

.dsgn_v2 .inner-top p:has(.title_link)  {
    margin-bottom: 0;
    margin-top: 27px;
}

.dsgn_v2 .inner-top .title_link {
    color: var(--black);
    text-decoration: underline;
    transition: 0.3s;
}

.dsgn_v2 .inner-top .title_link:hover {
    color: var(--red);
    text-decoration: none;
}

.dsgn_v2 .btn_hd_calc {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

.dsgn_v2 .btn_hd_calc:hover {
    border-color: #ed1430 !important;
    color: #ed1430 !important;
}

@media (max-width: 768px) {
    .dsgn_v2 .inner-top:has(.title_link) p {
        margin: 0;
        font-size: 14px;
    }
    .dsgn_v2 .inner-top p:has(.title_link)  {
        margin-bottom: 0;
        margin-top: 0;
    }
}

@media screen and (min-width: 769px) {
    .bod_nw_size div.main,
    .bod_nw_size main,
    .dsgn_v2 .container-fluid {
        max-width: 1580px;
    }
    .navbar .container-fluid {
        position: relative;
        top: -14px;
    }
    .header_is_minim .navbar .container-fluid {
        top: -4px;
    }
    .dsgn_v2 .navbar_hidd,
    .dsgn_v2 .navbar_top {

    }
    .dsgn_v2 .navbar-brand,
    .dsgn_v2 .navbar_top .navbar-nav .nav-link,
    .dsgn_v2 .btn_hd_calc{
        font-size: var(--text);
        color: var(--black) !important;
    }
    .dsgn_v2 .btn_hd_calc:hover{
        background-color: transparent;
        border-color: #1c1c1c;
    }
    .dsgn_v2 .navbar-brand{
        background-size: 35px 35px;
        background-position: 13px 40%;
        padding-left: 58px;
    }
    .header_is_minim .navbar-brand{
        color: transparent !important;
        background-size: 21px 21px;
        background-position-x: 0;
    }
    .dsgn_v2 .navbar_top .navbar-nav{
        /*width: 48.4%;*/
        /*width: 576px;*/
        width: fit-content;
        justify-content: space-between;
        margin-right: 27px;
    }
    .dsgn_v2 .btn_hd_calc{
        border-color: #EDEDED;
        color: var(--black) !important;
        height: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .dsgn_v2 .btn_hd_calc .ico{
        display: none!important;
    }
    .pg_search_show .search-head-link{
        margin-right: 5px;
    }
    .dsgn_v2 .first-top-left .title_h1{
        font-size: var(--h1);
    }
    .first-top-right .inner p{
        font-size: var(--text);
        line-height: var(--lh-text);
        padding-bottom: 3px;
        letter-spacing: 0;
    }
    .dsgn_v2 .s__first_top {
        padding-top: 81px;
    }
    .dsgn_v2 .first-top-right .inner{
        max-width: 485px;
        padding-right: 40px;
    }
    .client-list-first {
        padding-top: 90px;
    }
    .client-list .client-it,
    .client-list .client-it img{
        height: 70px;
    }
    .client-list .client-it img{
        max-height: 70px;
    }
    .dsgn_v2 .s__first_works{
        padding-top: 100px;
        margin-bottom: 120px;
    }
    .dsgn_v2 .works-list, .first-works-inner {
        margin-left: -20px;
        margin-right: -20px;
    }
    .dsgn_v2 .works-list .item {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 61px;
    }
    .dsgn_v2 .works-list .item:has(.type) {
        margin-bottom: 35px;
    }
    .dsgn_v2 .works-list .item:nth-child(6n - 1) {
        width: calc(534px + 20px + 20px);
    }
    .dsgn_v2 .works-list .item:nth-child(6n) {
        width: calc(100% - (534px + 20px + 20px));
    }
    .dsgn_v2 .works-list .item:nth-child(6n+1) {
        width: calc(100% - (534px + 20px + 20px));
    }
    .dsgn_v2 .works-list .item:nth-child(6n + 2) {
        width: calc(534px + 20px + 20px);
    }
    .works-list .item-type,
    .works-list .item-type a{
        color: #1c1c1c66;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0;
        margin-bottom: 7.5px;
        display: flex;
    }
    .works-list .card-img,
    .dsgn_v2 .works-list .item .card{
        border-radius: 0;
    }
    .dsgn_v2 .works-list .item .card-img {
        padding-bottom: 534px;
    }
    .dsgn_v2 .works-list .item:nth-child(6n - 1) .card-img,
    .dsgn_v2 .works-list .item:nth-child(6n + 2) .card-img {
        padding-bottom: 534px;
    }
    .dsgn_v2 .works-list .item:nth-child(1) .card-img,
    .dsgn_v2 .works-list .item:nth-child(6n + 1) .card-img,
    .dsgn_v2 .works-list .item:nth-child(6n) .card-img {
        padding-bottom: 534px;
    }
    .dsgn_v2 .works-list .item .title{
        margin-top: 18px;
        font-size: var(--title);
        padding-bottom: 1px;
    }
    .works-list .item .title a{

    }
    .first-works-buttons{
        justify-content: end;
        font-size: var(--text);
        color: var(--black);
        line-height: var(--lh-text);
        letter-spacing: 0;
        text-align: right;
        margin-top: -31px;
    }
    .first-works-buttons a{
        color: var(--black);
        line-height: var(--lh-text);
        /*text-decoration-line: underline;*/
    }
    .first-works-buttons a .ico_arrow_next{
        display: none;
    }

    .dsgn_v2 .s__kviz_grey_wrap{
        border-radius: 0;
        padding: 3.2rem;
    }

    .dsgn_v2 .s__kviz_grey_descr{
        font-size: var(--title);
        letter-spacing: 0;
        margin-bottom: 40px;
    }
    .dsgn_v2 .quiz_wrap{
        border-radius: 0;
        min-height: 358px;
    }
    .dsgn_v2 .quiz_progress_line{
        height: 8px;
        border-radius: 10px;
        background-color: #EDEDED;
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: 41px;
    }
    .dsgn_v2 .quiz_progress_line .inner{
        border-radius: 10px;
        background-color: #ED1430;
    }
    .dsgn_v2 .quiz_wrap_inner{
        display: flex;
        gap: 50px;
    }
    .dsgn_v2 .quiz_wrap_inner> *{

    }
    .dsgn_v2 .quiz_title{
        width: 46%;
    }
    .dsgn_v2 .quiz_title ~ *{
        width: 54%;
    }
    .dsgn_v2 .quiz_title .title_h1{
        font-size: var(--h2);
        line-height: var(--lh-h2);
        font-weight: 400;
        letter-spacing: 0;
    }
    .dsgn_v2 .s__service_kviz{
        margin-bottom: 120px;
    }

    .dsgn_v2 .s__reviews{
        margin-bottom: 120px;
    }
    .dsgn_v2 .s__reviews .title_h2{
        font-size: var(--h2);
        line-height: var(--lh-h2);
        font-weight: 400;
        letter-spacing: 0;
    }
    .reviews-list-v2{
        margin-bottom: 60px;
    }
    .reviews-list-v2 .item{
        padding-bottom: 32px;
        margin-bottom: 0;
    }
    .reviews-list-v2 .item + .item{
        padding-top: 32.5px;
        border-top: 1px solid #1C1C1C19;

    }
    .reviews-list-v2 .item .vid-wrap{
        width: 31.9%;
        min-width: 31.9%;
        margin-right: 32px;
    }
    .reviews-list-v2 .item .vid-wrap .inner{
        border-radius: 0;
        padding-bottom: 66.66%;
        margin-top: -1px;
    }

    .reviews-list-v2 .item .info{
        /*display: flex;*/
        /*flex-direction: column;*/
        display: grid;
        gap: 0 40px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 50% 50%;
        grid-template-areas:
                "descript ."
                "author buttons"
    ;
    }
    .reviews-list-v2 .item .info .buttons {
        order: 3;
        grid-area: buttons;
        margin-top: auto;
        text-align: right;
    }
    .reviews-list-v2 .item .info .buttons a{
        font-size: var(--text);
        color: var(--black);
        /*text-decoration: underline;*/
        padding: 0;
        background: none;
        line-height: 23px;
        min-height: auto;
    }
    .reviews-list-v2 .item .info .buttons a .ico,
    .reviews-list-v2 .item .info .buttons a .ico_arrow_next{
        display: none;
    }
    .reviews-list-v2 .item .info .descript{
        order: 1;
        grid-area: descript;
        font-size: var(--title);
        margin-bottom: 40px;
    }
    .reviews-list-v2 .item .info .author{
        order: 2;
        margin-top: auto;
        grid-area: author;
        margin-bottom: 0;
        font-size: var(--text);
        color: var(--black);
    }
    .reviews-list-v2 .item .info .type{
        display: none;
        grid-area: type;
    }

    .s__first_articles_v2{
        /*margin-bottom: 120px;*/
    }
    .s__first_articles_v2 .title_h2_v2{
        font-size: var(--h2);
        line-height: var(--lh-h2);
        max-width: none;
        margin-bottom: 58px;
    }
    .article-list-v2 {
        margin-left: -16px;
        margin-right: -16px;
        margin-bottom: 0;
    }
    .article-list-v2 .item_wrap{
        display: flex;
        flex-direction: column;
        padding-left: 16px;
        padding-right: 16px;
        width: calc(100% / 3);
        margin-bottom: 16px;
    }
    .article-list-v2 .item_wrap .item{
        flex-direction: column;
        align-items: start;
    }
    .article-list-v2 .item .type{
        font-size: 14px;
        line-height: 19px;
        color: #1C1C1C66;
        margin-bottom: 10px;
    }
    .article-list-v2 .item .img{
        margin-bottom: 17px;
        overflow: hidden;
        width: 100%;
    }
    .article-list-v2 .item img{
        width: 100%;
        height: 323px;
        border-radius: 0;
    }
    .article-list-v2 .title{
        margin-bottom: 19px;
    }
    .article-list-v2 .title a{
        font-size: var(--title);
        line-height: var(--lh-title);
        letter-spacing: 0;
    }
    .article-list-v2 .date{
        margin-top: auto;
        color: #1C1C1C66;
        font-size: 14px;
        line-height: 19px;
    }
    .article-list-v2 .date:after{
        content: none;
    }
    .s__first_articles_v2 .pagen_list_wrap{
        height: auto;
        width: auto;
        opacity: 1;
        display: block;
    }
    .tmp_footer footer{
        margin-top: 150px;
        padding-top: 80px;
        min-height: 713px;
        padding-bottom: 27px;
    }
    .tmp_footer footer .w-100{
        height: 210px;
    }
    .tmp_footer footer .container-fluid{
        height: 100%;
    }
    footer .item{
        flex-basis: 68%;
    }
    footer .item-rg {
        flex-basis: 32%;
    }
    footer .item-mail{
        font-size: var(--h1);
        line-height: var(--lh-h1);
    }
    .tmp_footer footer .item-mail a{
        font-size: var(--h1);
        line-height: var(--lh-h1);
        display: block;
        width: fit-content;
        font-weight: 400;
    }
    .tmp_footer footer .item-addr{
        justify-content: flex-start;
        font-size: var(--text);
        line-height: var(--lh-text);
        font-weight: 400;
    }
    footer .item.item-order{
        padding: 0;
    }
    footer .item.item-order a{
        font-size: var(--h1);
        line-height: var(--lh-h1);
    }
    footer .item.item-order a:hover{
        border: 0;
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 13px;
        text-decoration-color: rgba(255, 255, 255, .5);
    }
    footer .item.item-order a:hover span{
        border-bottom: 1px rgba(255, 255, 255, .5) solid;
    }
    .tmp_footer footer .item-links{
        padding: 0;
        margin-top: 37px;
        /*height: fit-content;*/
        display: flex;
        align-items: end;
    }
    .tmp_footer footer .item-links,
    .tmp_footer footer .item-links a{
        font-size: 12px;
        line-height: 16px;
        color: #ffffff4c;
        margin-right: 0;
    }
    .tmp_footer footer .item-soc a{
        color: #fff;
        font-size: var(--text);
    }
    footer .item-soc ul li {
        padding-right: 34.4px;
    }
    footer .item-addr a {
        border: none !important;
    }
    footer .item-addr a:hover {
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 5px;
        text-decoration-color: rgba(255, 255, 255, .5);
    }


    /* case */

    .dsgn_v2 .inner-top{
        gap: 32px;
    }
    .title_h1.title_v2{
        font-size: var(--h1);
        line-height: 74px;
    }
    .inner-top > h1:first-child:nth-child(2n - 1),
    .inner-top > div:first-child:nth-child(2n - 1) {
        flex-basis: 52%;
    }
    .inner-top > h1:first-child:last-child{
        flex-basis: 85%;
        text-transform: none;
        color: var(--text-color);
    }
    .pg_article .inner-top > h1:first-child:last-child{
        flex-basis: 100%;
    }
    .dsgn_v2 .inner-top:has(.title_years) .title_h1.title_v2{
        flex-basis: calc(100% / 3);
    }

    .dsgn_v2 .inner-top .title_years,
    .dsgn_v2 .inner-top .title_text{
        flex-basis: calc(100% / 3);
        font-size: var(--text);
        line-height: var(--lh-text);
        padding-top: 18px;
    }
    .dsgn_v2:has(.s__portfolio_works) .inner-top .title_years{
        text-align: right;
    }
    .dsgn_v2 .inner-top .title_h1.title_v2 + .title_text{
        flex-basis: 32%;
    }

    .dsgn_v2 .s__portfolio_works{
        margin-bottom: -30px;
    }
    .dsgn_v2 .portfolio-tags{
        margin-top: 105px;
        margin-bottom: 58px;
    }
    .dsgn_v2 .contacts-wrapper .portfolio-tags{
        margin-top: 65px;
        margin-bottom: 0;
    }

    .portfolio-tags .dropdown {
        border: 0;
    }
    .portfolio-tags .dropdown-menu{
        gap: 5px 30px;
    }
    .portfolio-tags .dropdown-item{
        padding: 0;
        margin: 0;
        font-size: var(--text);
        line-height: 23px;
        border: 0!important;
        flex-grow: unset;
        text-transform: lowercase;
    }
    .portfolio-tags .dropdown-item.act{
        color: var(--red) !important;
    }


    .pg_search_show .s__inner_top + .s__inner_text{
        margin-top: 65px;
        margin-bottom: 6px;
    }
    .row-3{
        display: flex;
        gap: 10px;
    }
    .pg_search_show .s__inner_text .row-3{
        align-items: baseline;
    }
    .row-3 > *{
        width: calc(100% / 3);
    }
    .pg_search_show .s__inner_text .type,
    .pg_search_show .s__inner_text .type a{
        font-size: 14px;
        line-height: 19px;
        color: #1C1C1C66;
    }
    .pg_search_show .s__inner_text h2{
        font-size: var(--title);
        line-height: var(--lh-title);
        letter-spacing: 0;
    }
    .pg_work .s__img {
        margin-bottom: 67px;
    }
    .pg_work .worktop-descript{
        max-width: unset;
        font-size: var(--title);
        line-height: 33px;
        padding-left: 34%;
        padding-top: 20px;
        margin-bottom: 92px;
        letter-spacing: 0;
    }
    .pg_work .worktop-descript .worktop-descript{
        padding-left: 0;
        margin: 0;
    }
    .pg_work .worktop-descript section > .container-fluid{
        padding: 0;
    }
    .pg_work .worktop-descript .title,
    .pg_work .worktop-descript h4{
        font-size: var(--title);
        line-height: 35px;
        /*color: #1C1C1C66;*/
        color: var(--text-color);
        opacity: var(--opacity);
        margin-left: 0;
        margin-bottom: 29px;
        margin-top: 70px;
    }
    .pg_work .worktop-descript p:has(img:last-child) + .title,
    .pg_work .worktop-descript p:has(img:last-child) + h4{
        margin-top: 0;
    }
    .pg_work .worktop-descrip-cont-wrap .worktop-descript img{
        width: calc(100% + 51.5%);
        margin: 60px 0 70px -51.5%;
    }
    .pg_work .worktop-descrip-cont-wrap .worktop-descript h1{
        font-size: var(--h1);
        line-height: 1.057;
        font-weight: 400;
        color: #1C1C1C66;
        letter-spacing: 0;
        max-width: 100%;
        margin-bottom: 75px;
    }
    .pg_work .worktop-descrip-cont-wrap .worktop-descript h2{
        font-size: var(--h1);
        line-height: var(--lh-h1);
        font-weight: 400;
        max-width: 100%;
        margin-bottom: 58px;
        color: #1C1C1C66;
    }
    .pg_work .worktop-descrip-cont-wrap .worktop-descript h3{
        font-size: var(--h2);
        line-height: var(--lh-h2);
        font-weight: 400;
        max-width: 100%;
        margin-bottom: 58px;
        color: #1C1C1C66;
    }
    .pg_work .worktop-descrip-cont-wrap .worktop-descript p:has(img:last-child) + p > img:first-child{
        margin-top: 0;
    }
    .pg_work .worktop-descrip-cont-wrap .worktop-descript video {
        margin: 0 calc(32rem - 50vw) 70px calc(32rem - 50vw - 15.4%);
        width: 100vw;
        height: auto;
    }
    .callback-links-wrap.on_proj{
        width: 61.4%;
        padding: 0;
    }
    .callback-links-wrap .title_h1{
        font-size: var(--h1);
        line-height: var(--lh-h1);
        max-width: 100%;
        letter-spacing: -1.14px;
        margin-bottom: 29px;
        color: var(--text-color);
    }
    .callback-links-wrap-srv-dev ul{
        gap: 30px;
    }
    .callback-links-wrap-srv-dev ul li{
        flex-grow: unset;
        flex-basis: auto;
        margin: 0;
    }
    .callback-links-wrap-srv-dev ul li .btn_red{
        padding: 0;
        margin: 0;
        background: none;
        color: var(--text-color) !important;
        font-size: var(--text);
        line-height: var(--lh-text);
        text-decoration: underline;
        display: inline;
        border-radius: 0;
    }
    .s__callback_links{
        padding-bottom: 0;
    }

    .pg_work .s__work_top{
        margin-top: 65px;
        margin-bottom: 67px;
    }
    .s__work_top .s__work_top_inner{
        flex-direction: column-reverse;
        gap: 13px;
    }
    .s__work_top .worktop-img-title{
        display: flex;
        justify-content: start;
        padding: 0;
        align-items: baseline;
    }
    .s__work_top .worktop-img-title .type {
        flex-basis: 34%;
        flex-grow: 0;
        order: 1;
    }
    .s__work_top .worktop-img-title .link{
        flex-basis: 33%;
        flex-grow: 0;
        margin: 0;
        order: 2;
    }
    .s__work_top  .s__work_top_inner .worktop-img{
        width: 100%;
        border-radius: 0;
    }
    .s__work_top  .s__work_top_inner .worktop-img .card-img{
        padding-bottom: 56%!important;
    }
    .s__work_top .worktop-intro{
        display: none;
    }
    .s__work_top .worktop-img-title .type,
    .s__work_top .worktop-img-title .type a{
        font-size: 14px;
        line-height: 19px;
        /*color: #1C1C1C66;*/
        color: var(--text-color);
    }
    .s__work_top .worktop-img-title .type{
        opacity: var(--opacity);
    }
    .s__work_top .worktop-img-title .link a{
        font-size: var(--title);
        line-height: var(--lh-title);
        letter-spacing: 0;
        color: var(--text-color) !important;
    }
    .pg_work .worktop-descript p,
    .pg_work .worktop-descript ul li{
        color: var(--text-color);
    }

    .pg_work .s__service_works{
        padding: 87px 0 0;
        margin: 120px 0 0;
    }
    .pg_work:has([data-tilda-project-id]) .s__service_works {
        margin-top: 0;
    }
    .pg_work:has([data-tilda-project-id]) #rec134916488 + .pt-5.mt-3 {
        display: none;
    }

    /*  services  */

    .dsgn_v2 .s__services{
        margin-top: 104px;
        padding-top: 0!important;
    }
    .dsgn_v2:has(.s__services) .inner-top.is_padd_bott{
        padding-bottom: 2.4rem;
    }
    .services-list{

    }
    .dsgn_v2 .services-list .roww{
        padding-bottom: 67px;
    }
    .dsgn_v2 .services-list .roww + .roww{
        padding-top: 70px;
        border-top: 1px solid #30303519;
    }
    .dsgn_v2 .services-list .roww .coll:first-child{
        flex-basis: calc(33.33% - 1.7rem);
        font-size: var(--title);
        line-height: var(--lh-title);
        letter-spacing: -0.2px;
        padding-top: 20px;
    }
    .dsgn_v2 .services-list .roww .coll_link_bott{
        margin-top: 7px;
        line-height: 19px;
    }
    .dsgn_v2 .services-list .roww .coll:first-child .link_red_arrow_wrap a{
        font-size: 14px;
        line-height: 19px;
        color: #1C1C1C66!important;
        letter-spacing: 0;
    }
    .dsgn_v2 .services-list .roww .coll:first-child .link_red_arrow_wrap a:after{content: none}
    .dsgn_v2 .services-list .roww .coll-list{
        gap: 0;
    }
    .dsgn_v2 .services-list .coll-list .item,
    .dsgn_v2 .services-list .coll-list .item:hover{
        flex-basis: 100%;
        padding: 20px 27% 21px 32px;
        border-radius: 0;
        border: 0;
    }
    .dsgn_v2 .services-list .coll-list .item{
        transition: .25s;
        color: var(--black);
        background: #fff url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2'%3E%3Cpath d='M1 15.2861L15.1421 1.144' stroke='%231C1C1C'/%3E%3Cpath d='M15.3564 8V1H8.35645' stroke='%231C1C1C'/%3E%3C/g%3E%3C/svg%3E") right 32px top 30px no-repeat;
    }
    .dsgn_v2 .services-list .coll-list .item:hover{
        background: #ED1430 url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15.2861L15.1421 1.144' stroke='white'/%3E%3Cpath d='M15.3564 8V1H8.35645' stroke='white'/%3E%3C/svg%3E") right 32px top 30px no-repeat;
        color: #fff!important;
    }
    .dsgn_v2 .services-list .coll-list .item + .item{
        border-top: 1px solid #30303519;
    }
    .dsgn_v2 .services-list .coll-list .s_title{
        font-size: var(--title);
        line-height: var(--lh-title);
        letter-spacing: -0.2px;
        margin-bottom: 5px;
    }
    .dsgn_v2 .services-list .coll-list .s_descr{
        font-size: var(--text);
        line-height: var(--lh-text);
        letter-spacing: 0;
        color: #1c1c1c;
        opacity: .5;
    }
    .dsgn_v2 .services-list .coll-list .item:hover .s_descr{
        color: #fff;
        opacity: .7;
    }

    .container-fluid:has(.title_h1.title_v2) + section{
        padding-top: 91px;
    }
    .container-fluid:has(.title_h1.title_v2) + section.s__reviews{
        padding-top: 64px;
    }

    /* prices */

    .pg_prices{

    }
    .pg_prices .prices-cat-title{
        font-size: var(--h2);
        line-height: var(--lh-h2);
        font-weight: 400;
        margin: 0;
    }
    .pg_prices .prices-cat-intro{
        font-size: var(--text);
        line-height: var(--lh-text);
        font-weight: 400;
        padding: 0;
        margin: 0;
        flex-basis: 32% !important;
        padding-right: 2%;
        letter-spacing: 0.15px;
    }
    .pg_prices .prices-list-cat .inner-top{
        padding-top: 31px;
    }
    .pg_prices .prices-list-cat .inner-top + .prices-cat-inner,
    .pg_prices .prices-cat-title + .prices-cat-inner{
        border-top: 0;
    }
    .pg_prices .inner-top + .prices-cat-inner .tab_tp_2{
        margin-top: -31px;
    }
    .pg_prices .tab_tp_2 tr{
        display: flex;
        padding-top: 90px;
        padding-bottom: 88px;
        border: 0;
    }
    .pg_prices .tab_tp_2 tr + tr{
        border-top: 1px solid #1C1C1C19;
    }
    .pg_prices .tab_tp_2 td:first-child{
        width: 34%;
        padding: 0;
    }
    .pg_prices .tab_tp_2 td:first-child,
    .pg_prices .tab_tp_2 td:first-child a{
        font-size: var(--title);
        line-height: var(--lh-title);
        text-decoration: underline;
    }
    .pg_prices .tab_tp_2 td.ddescr{
        font-size: var(--text);
        line-height: var(--lh-text);
        color: #1C1C1C80;
        width: 40%;
        padding: 0;
    }
    .pg_prices .tab_tp_2 td.price_from_val{
        font-size: var(--title);
        line-height: var(--lh-title);
        padding: 0;
        margin-left: auto;
    }
    .pg_prices .tab_tp_2 td.price_from_val:after{
        content: ", \00a0";
    }
    .pg_prices .tab_tp_2 td.price_time{
        font-size: var(--title);
        line-height: var(--lh-title);
        padding: 0;
    }
    .pg_prices .prices-cat-inner:last-child{
        margin-bottom: 0;
    }
    .pg_prices .prices-cat-inner:last-child .tab_tp_2:last-child tr:last-child{
        padding-bottom: 0;
    }

    /*  blog  */
    .pg_articles{

    }
    .pg_articles .js__art_tag_list{
        line-height: 1;
    }
    .dsgn_v2.pg_articles .portfolio-tags{
        margin-top: 103px;
        margin-bottom: 60px;
    }
    .dsgn_v2.pg_articles .portfolio-tags .dropdown-item{
        flex-grow: unset;
        font-size: var(--text);
        line-height: 23px;
    }
    .pg_articles .article-list-v2{
        gap: 50px 29px;
        margin: 0;
    }
    .pg_articles .article-list-v2 .item_wrap{
        padding: 0;
        margin: 0;
        width: calc(25% - 25px);
    }
    .pg_articles .article-list-v2 .item_wrap:nth-child(9n+1),
    .pg_articles .article-list-v2 .item_wrap:nth-child(9n+5),
    .pg_articles .article-list-v2 .item_wrap:nth-child(9n) {
        width: calc(50% - 25px);
    }
    .article-list-v2 .item{

    }
    .pg_articles .article-list-v2 .item .img{
        width: 100%;
        margin-bottom: 20px;
    }
    .pg_articles .article-list-v2 .item .img img,
    .pg_articles .article-list-v2 .item .img video{
        height: 388px;
    }

    .pg_articles .article-list-v2 .item .type{
        display: none;
    }
    .pg_articles .article-list-v2 .right{
        display: flex;
        flex-direction: column-reverse;
        gap: 10px;
    }
    .pg_articles .article-list-v2 .title{
        margin: 0;
    }
    .pg_articles .article-list-v2 .title,
    .pg_articles .article-list-v2 .title a{
        font-size: var(--title);
        line-height: var(--lh-title);
    }
    .pg_articles .article-list-v2 .date_wrap{
        margin: 0;
    }
    .pg_articles .article-list-v2 .date{
        margin: 0;
        color: #1c1c1c66;
        font-size: 14px;
        line-height: 19px;
    }

    .pg_articles .article-list-v2 + .pagen_list_wrap{
        margin-top: 50px;
    }

    /*  article  */

    .pg_article{

    }
    .pg_article .s__article_detail{
        margin-top: 28px;
    }
    .s__article_detail .worktop-img-author-wrap{
        margin-bottom: 88px;
    }
    .pg_article:not(.pg_vacanc) .s__article_detail .worktop-img-author-wrap {
        flex-direction: column-reverse;
        gap: 20px;
    }
    .pg_article .worktop-date-author .worktop-img-title,
    .f-buttons{
        display: flex;
        justify-content: end;
        gap: 30px;
    }
    .f-buttons{
        margin-top: 60px;
        margin-bottom: 120px;
    }
    .s__article_detail .worktop-img-author-wrap .worktop-date-author{

    }
    .pg_article:not(.pg_vacanc) .s__article_detail .worktop-img-author-wrap .worktop-date-author .worktop-author/*,
    .pg_article:not(.pg_vacanc) .s__article_detail .worktop-img-author-wrap .worktop-date-author .worktop-img-title .type:not(.type-soc)*/{
        display: none;
    }
    .pg_article:not(.pg_vacanc) .worktop-img-author-wrap .worktop-img{
        width: 100%;
    }
    .pg_article .worktop-img-author-wrap .worktop-img{
        border-radius: 0;
    }
    .pg_article:not(.pg_vacanc) .s__article_detail .worktop-date-author .type-soc{
        display: none;
        /*width: 100%;*/
        justify-content: end;
    }
    .s__article_detail .worktop-date-author .type-soc,
    .s__article_detail .worktop-date-author .type-soc *{
        color: #1c1c1c66;
        font-size: 14px;
        line-height: 19px;
    }
    .pg_article .worktop-date-author .worktop-img-title .like,
    .f-buttons .like,
    .f-buttons .share{
        display: inline-flex;
        align-items: center;
        gap: 6px;
        text-decoration: none;
    }
    .f-buttons .like,
    .f-buttons .share{
        cursor: pointer;
    }
    .pg_article .worktop-date-author .worktop-img-title .like:hover{
        text-decoration: none;
    }
    .f-buttons .share,
    .f-buttons .like,
    .f-buttons .like.active svg{
        transition: .3s;
    }
    .f-buttons .share:hover,
    .f-buttons .like:hover{
        color: var(--red);
        text-decoration: none;
    }
    .pg_article .worktop-date-author .worktop-img-title .like svg,
    .f-buttons .share svg,
    .f-buttons .like svg{
        width: 24px;
        height: 23px;
    }
    .pg_article .worktop-date-author .worktop-img-title .like.active svg,
    .f-buttons .like.active svg{
        fill: #1E1F21;
    }
    .f-buttons .like.active:hover svg{
        fill: var(--red);
    }
    .f-buttons .share,
    .f-buttons .like,
    .pg_article .worktop-date-author .worktop-img-title .like,
    .pg_article:not(.pg_vacanc) .s__article_detail .worktop-img-author-wrap .worktop-date-author .worktop-img-title .type,
    .s__article_detail .worktop-date-author .type-soc *{
        font-weight: 500;
        font-size: 23px;
        line-height: 33px;
        letter-spacing: 0;
        color: #1E1F21;
    }
    .pg_article:not(.pg_vacanc) .s__article_detail .worktop-img-author-wrap .worktop-date-author .worktop-img-title .type{
        padding-right: 0;
    }
    .s__article_detail .worktop-date-author .type-soc *{
        margin-left: 0;
    }
    .pg_article .worktop-descript{
        margin-left: auto;
        margin-right: 0;
        max-width: 66%;
    }
    .pg_article .worktop-descript,
    .pg_article .worktop-descript p{
        font-size: var(--title);
        line-height: 33px;
    }
    .pg_article .worktop-descript:last-child{
        margin-bottom: 0;
    }
    .pg_article .s__article_detail .title_h2,
    .pg_article .s__article_detail .title_h3{
        font-size: var(--h1);
        line-height: 1.057;
        font-weight: 400;
        color: var(--black);
        letter-spacing: 0;
        max-width: 100%;
        margin-bottom: 75px;
        margin-top: 120px;
    }

    .pg_article .s__first_articles_v2{
        margin-top: 61px;
    }
    .pg_article .article-list-v2 .item > .type{
        display: block;
    }
    .pg_article .article-list-v2 .item .right .type{
        display: none;
    }
    .pg_article .article-list-v2 .item img{
        height: 270px;
    }
    .pg_article .article-list-v2 .right{
        display: flex;
        flex-direction: column-reverse;
    }
    .pg_article .main.main-image{
        margin-top: 92px;
        margin-bottom: 88px;
    }
    .pg_article .s__article_detail .slider_items_t1{
        margin-bottom: 0;
    }
    .pg_article .main.main-image + .main > .s__article_detail:first-child{
        margin-top: 0;
    }
    .pg_article .main.main-image + .main > .s__article_detail:first-child > .container-fluid:first-child > .title_h3:first-child{
        margin-top: 32px;
    }

    /*  contacts  */

    .pg_cont{

    }
    .pg_cont .inner-top{

    }
    .pg_cont .inner-top .cont-email-wrap{

    }
    .pg_cont .inner-top .contacts-addr-phone{
        flex-basis: 32% !important;
        padding-top: 19px;
        padding-right: 2%;
        letter-spacing: -0.5px;
    }
    .pg_cont .inner-top .contacts-addr-phone > div {
        margin-bottom: 23px;
    }
    .pg_cont .s__contacts_links{
        margin-top: 112px;
        margin-bottom: 100px;
    }
    .pg_cont .inner-top .contacts-addr-phone a,
    .pg_cont .cont-email-ext a{
        color: var(--black)!important;
        border-bottom-color: var(--black);
    }
    .pg_cont .s__contacts_links ul{
        margin: 0;
        padding: 0;
        gap: 22px;
        flex-wrap: nowrap;
    }
    .pg_cont .s__contacts_links ul li {
        padding: 0;
        margin: 0;
    }
    .pg_cont .s__contacts_links ul li a{
        font-size: var(--title) !important;
        line-height: var(--lh-title);
        letter-spacing: 0;
    }
    .pg_cont .s__contacts_links ul li .btn_red_v2{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 150px;
        border-radius: 500px;
    }
    .pg_cont .s__contacts_links ul li .btn_red_v2 img{
        display: none;
    }
    .pg_cont.tmp_footer footer{
        margin-top: 0;
    }

    /*  we  */
    .pg_we .container-fluid:has(.title_h1.title_v2) + section.s__we{
        padding-top: 61px;
    }


    .pg_we .s__article_detail .title_h3 {
        margin-bottom: 60px;
        line-height: 1.143;
        margin-top: 120px;
    }
    /*.pg_we .worktop-descript.wide-p{
        margin-bottom: 0;
    }
    .pg_we .worktop-descript.wide-p .title{
        margin-bottom: 18px;
    }
    .pg_we .s__article_detail .worktop-descript.wide-p p{
        line-height: 56px;
        letter-spacing: 0;
        padding-left: 2px;
    }*/
    .pg_we .worktop-descript .title{
        margin-bottom: 31px;
    }
    .pg_we .worktop-descript hr + .title,
    .pg_we .worktop-descript p:first-child + .title{
        margin-top: 40px;
    }
    .pg_we .worktop-descript{
        margin-bottom: 40px;
        padding-right: 3.3%;
    }
    .pg_we .worktop-descript p{
        margin-bottom: 23px;
    }
    .pg_we .title_h3 + .worktop-descript{
        margin-bottom: 79px;
    }
    .pg_we .s__reviews{
        margin-top: 121px;
        margin-bottom: 0;
    }
    .pg_we .worktop-descript hr{
        margin: 40px 0;
    }
    @media (max-width: 768px) {
        .pg_we .worktop-descript hr{
            margin: 24px 0;
        }
        .pg_we .worktop-descript .title{
            margin-bottom: 12px;
        }
    }

    /*  vacancies  */
    .pg_vacanc .container-fluid:has(.title_h1.title_v2) + section.s__first_articles_v2,
    .pg_vacanc .s__inner_top:has(.title_h1.title_v2) + section.s__first_articles_v2{
        padding-top: 103px;
    }

    /*  vacancy  */

    .pg_vacanc{

    }
    .pg_article.pg_vacanc .s__article_detail {
        margin-top: 12px;
    }
    .pg_article.pg_vacanc .worktop-img-author-wrap {
        gap: 30px;
    }
    .pg_article.pg_vacanc .worktop-img-author-wrap .worktop-img {
        width: 66%;
    }
    .pg_article.pg_vacanc .worktop-img-author-wrap .worktop-img:after {
        padding-bottom: 66.6%;
    }
    .pg_article.pg_vacanc .worktop-author .art-descr .photo img {
        width: 130px;
        height: 130px;
    }
    .pg_article.pg_vacanc .worktop-author .art-descr .fio{
        font-size: 18px;
        line-height: 27px;
        font-weight: 600;
    }
    .pg_article.pg_vacanc .worktop-author .art-descr .inf{
        font-size: var(--text);
        line-height: var(--lh-text);
        margin-top: -5px;
        font-weight: 400;
    }
    .pg_vacanc .s__article_detail .worktop-img-author-wrap {
        margin-bottom: 121px;
    }
    .pg_vacanc .s__article_detail .title_h1{
        font-size: var(--h1);
        line-height: 1.142;
        margin-bottom: 89px;
    }
    .pg_vacanc .art-descr-text{
        padding-right: 10%;
    }
    .pg_vacanc .art-descr-text p{
        margin-bottom: 27px;
        letter-spacing: 0;
    }
    .pg_vacanc .art-descr-text h2{
        font-size: var(--title);
        line-height: var(--lh-title);
        color: #1C1C1C66;
        margin-bottom: 31px;
    }
    .pg_vacanc .art-descr-text ul{
        padding-left: 21px;

        margin-bottom: 29px;
        letter-spacing: 0;
    }
    .pg_vacanc .art-descr-text ul:last-child{
        margin-bottom: 0;
    }
    .pg_vacanc .art-descr-text ul li + li {
        margin-top: 10px;
    }

    /*  client  */

    .pg_client_works{

    }
    .pg_client_works.dsgn_v2 .s__reviews{
        padding-top: 13px;
        margin-bottom: 87px;
    }
    .pg_client_works .reviews-list-v2 .item .vid-wrap{
        width: 66%;
        min-width: 66%;
    }
    .pg_client_works .reviews-list-v2 .item .info{

    }
    .pg_client_works .reviews-list-v2 .item .info .descript{
        grid-column: 1 / span 2;
    }

    /*  works  */
    .pg_client_works  .s__portfolio_works{

    }
    .pg_client_works.dsgn_v2 .works-list .item:not(.item-full) .type,
    .nw_serv_center.dsgn_v2 .works-list .item:not(.item-full) .type{
        opacity: 1;
        order: 0;
        margin-bottom: 16px;
        margin-top: 0;
    }
    .pg_client_works.dsgn_v2 .works-list .item:not(.item-full) .type,
    .pg_client_works.dsgn_v2 .works-list .item:not(.item-full) .type a,
    .nw_serv_center.dsgn_v2 .works-list .item:not(.item-full) .type,
    .nw_serv_center.dsgn_v2 .works-list .item:not(.item-full) .type a{
        font-size: 14px;
        line-height: 19px;
        color: #1c1c1c66;
    }
    .pg_client_works.dsgn_v2 .works-list .item,
    .nw_serv_center.dsgn_v2 .works-list .item {
        margin-bottom: 60px;
    }
    .pg_client_works.dsgn_v2 .works-list .item:first-child,
    .pg_client_works.dsgn_v2 .works-list .item:nth-child(4n-3),
    .pg_client_works.dsgn_v2 .works-list .item:nth-child(4n-2){
        width: 50%;
    }
    .pg_client_works.dsgn_v2 .works-list .item:nth-child(4n-1){
        width: 36.8%;
    }
    .pg_client_works.dsgn_v2 .works-list .item:nth-child(4n){
        width: 63.2%;
    }

    /*  landing  */
    .nw_serv_center{

    }
    .nw_serv_center .s__service_top {
        display: none;
    }
    .nw_serv_center .s__service{

    }
    .nw_serv_center .container-fluid:has(.title_h1.title_v2) + section.s__service{
        padding-top: 100px;
        margin-bottom: 53px;
    }
    .nw_serv_center .s__service .container-fluid{
        max-width: 100%;
    }
    .dsgn_v2.nw_serv_center .s__service .service-text-wrap .roww{
        display: flex;
        flex-wrap: nowrap;
        padding-top: 88px;
        padding-bottom: 91px;
        border-top: 1px solid #00000019;
    }
    .nw_serv_center .s__service .service-text-wrap .roww .coll:first-child{
        flex-basis: 49%;
    }
    .nw_serv_center .s__service .service-text-wrap .roww .coll{
        padding-right: 9%;
        border: none!important;
    }

    .nw_serv_center .s__service .service-text-wrap p{
        font-size: var(--title);
        line-height: 33px;
        letter-spacing: 0;
    }
    .nw_serv_center .service-text-wrap .roww .coll p {
        margin-bottom: 23px;
    }
    .nw_serv_center .s__service .service-text-wrap h3,
    .nw_serv_center .s__service .service-text-wrap h4{
        font-size: var(--h2);
        line-height: var(--lh-h2);
        letter-spacing: -0.4px;
        color: #1C1C1C;
        font-weight: 400;
    }
    .nw_serv_center .s__service .service-text-wrap h4{
        margin-bottom: 30px;
    }
    .nw_serv_center .s__service .service-text-wrap hr{
        margin-top: 42px;
        margin-bottom: 38px;
    }
    .nw_serv_center .s__service_works{
        padding: 90px 0 40px;
    }
    .nw_serv_center .s__service_works .title_h2{
        font-size: var(--h2);
        line-height: var(--lh-h2);
        font-weight: 400;
        letter-spacing: 0.3px;
    }
    .nw_serv_center .s__service_works.is_dark .title_h2{
        color: #fff;
    }
    .nw_serv_center .works-list .item:not(.item-full) .type{
        order: 0;
    }
    .nw_serv_center .s__reviews_serv {
        padding-top: 121px;
    }
    .nw_serv_center.dsgn_v2 .s__reviews {
        margin-bottom: 0;
    }

    /* thanks */

    .main-thank{

    }
    .main-thank .inner-top .title_h1{
        flex-basis: 45% !important;
    }
    .main-thank .inner-top .title-video{
        flex-basis: 40% !important;
        max-width: 43%;
    }
    .main-thank .inner-top .title-video video{
        height: 38rem;
    }
    .main-thank .s__inner_top_thank{
        padding-top: 96px;
        margin-bottom: 0;
    }
    .main-thank .s__inner_top_thank .title_h2{
        font-size: var(--h2);
        line-height: var(--lh-h2);
        margin-bottom: 56px;
    }
    .main-thank .article-list-v2 .item img{
        height: 272px;
    }
    .main-thank .article-list-v2 .right{
        display: flex;
        flex-direction: column-reverse;
    }
    .main-thank .article-list-v2 .right .type{
        display: none;
    }
    .main-thank .article-list-v2 + .list-all-link{
        margin-top: 12px;
        font-size: var(--text);
        line-height: var(--lh-text);
    }
    .first-works-buttons{
        display: block;
    }
    .list-more-lnk{
        display: inline-block;
    }

}
@media screen and (min-width: 769px) and (max-width: 1600px){
    .pg_work .worktop-descrip-cont-wrap .worktop-descript video {
        margin: 0px 0 70px calc(-50% - 3.8rem)
    }
}
@media screen and (max-width: 768px) {
    .inner-top .title_v2 + .title_text{
        margin-top: 15px;
    }

    .pictures-list{
        gap: 24.3px 25px;
        margin-bottom: 45px;
    }
    .article-list-v2 .item > .type,
    .reviews-list-v2 .item .info .buttons a img{
        display: none;
    }

    .article-list-v2 .date:last-child:after{
        content: none;
    }
    .pg_cont .inner-top .contacts-addr-phone a, .pg_cont .cont-email-ext a {
        color: var(--black) !important;
        border-bottom-color: var(--black);
    }

    .works-list .card-img,
    .dsgn_v2 .works-list .item .card,
    .dsgn_v2 .s__kviz_grey_wrap,
    .dsgn_v2 .quiz_wrap,
    .reviews-list-v2 .item .vid-wrap .inner,
    .article-list-v2 .item img,
    .s__work_top  .s__work_top_inner .worktop-img,
    .dsgn_v2 .services-list .coll-list .item,
    .dsgn_v2 .services-list .coll-list .item:hover,
    .pg_article .worktop-img-author-wrap .worktop-img{
        border-radius: 0;
    }
    .first-works-buttons a,
    .reviews-list-v2 .item .info .buttons a{
        color: var(--black);
    }
    .dsgn_v2 .works-list .item-type,
    .dsgn_v2 .works-list .item a{
        color: #1c1c1c66;
    }
    .tmp_footer footer .item-links a {
        margin-right: 4px;
    }
    .item.item-rg.item-links{
        flex-basis: 100%;
        font-size: 14px;
    }

    .nw_serv_center .service-text-wrap .roww .coll p,
    .nw_serv_center .service-text-wrap .roww .coll ul{
        font-size: var(--text);
        line-height: var(--lh-text);
    }
    .nw_serv_center h2{
        margin-top: 50px;
        margin-bottom: 35px;
    }
    .reviews-list-v2 .item .info .descript{
        font-size: var(--text);
        line-height: var(--lh-text);
    }
    .callback-links-wrap.on_proj{
        padding-left: 0;
    }
    .navbar-collapse.right{
        background-color: #303035;
    }

    .pg_work .worktop-descrip-cont-wrap .worktop-descript img,
    .pg_work .worktop-descrip-cont-wrap .worktop-descript video{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .pg_work .worktop-descrip-cont-wrap .worktop-descript p:has(img:last-child) + p > img:first-child{
        margin-top: 0;
    }
    .pg_work .worktop-descrip-cont-wrap .worktop-descript video {
        margin-left: -18px;
        width: 100vw;
        height: auto;
    }
    .worktop-intro{
        margin-top: 35px;
    }
    .pg_work .s__work_top.is_no_img{
        margin-bottom: 35px;
    }
    .dsgn_v2 .container-fluid .container-fluid{
        padding-left: 0;
        padding-right: 0;
    }
    .inner-top > h1:first-child:last-child,
    .pg_work .worktop-descript .title,
    .pg_work .worktop-descript h4,
    .callback-links-wrap .title_h1,
    .callback-links-wrap-srv-dev ul li .btn_red,
    .s__work_top .worktop-img-title .type,
    .s__work_top .worktop-img-title .type a,
    .pg_work .worktop-descript p,
    .pg_work .worktop-descript ul li,
    .worktop-intro p{
        color: var(--text-color);
    }
    .s__work_top .worktop-img-title .link a{
        color: var(--text-color) !important;
    }
    .pg_work .worktop-descript .title,
    .pg_work .worktop-descript h4,
    .s__work_top .worktop-img-title .type{
        opacity: var(--opacity);
    }
    .pg_articles .article-list-v2 .item .img video{
        height: 55px;
        width: 58px;
        margin-right: 13px;
    }
    .dsgn_v2 .navbar_top .navbar-nav .submenu:before{
        content: none;
    }
    .dsgn_v2 .navbar_top .navbar-nav .submenu{
        position: relative;
        opacity: 1;
        background: none;
        border: 0;
        visibility: visible;
        transform: none;
        display: flex;
        flex-direction: column;
        margin-top: 0;
    }
    .navbar-collapse.right .navbar-nav-menu .nav-item {
        margin-bottom: 15px;
    }
    .dsgn_v2 .navbar_top .navbar-nav .submenu .nav-link{
        color: #fff!important;
        font-weight: 500;
        font-size: 17px;
        line-height: 27px;
        letter-spacing: 0;
    }
    .dropdown_open .navbar_bg{
        opacity: 0;
    }
    .navbar-collapse.right{
        background: #000000D9;
        backdrop-filter: blur(24px);
        top: 0;
    }
    .navbar-collapse.right:before{
        content: "студия арбуз";
        display: flex
    ;
        align-items: center;
        height: 50px;
        padding-left: 63px;
        background: url(../img/logo.svg) no-repeat 13px 50%;
        background-size: 35px 35px;
        font-weight: 500;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 0;
        color: #F2F2F2;
        position: absolute;
        top: 13px;
    }
    .navbar-collapse.right .navbar-close{
        top: 22px;
    }
    .dsgn_v2 .navbar-collapse.right .navbar-collapse-inn{
        margin-top: 75px;
        padding-top: 30px;
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 25px;
    }
    .navbar-nav-bottom-copyr {
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0;
        color: #FFFFFF;
        opacity: .3;
    }
    .navbar-nav-bottom-copyr a {
        color: #FFFFFF !important;
    }
    /*.navbar_top .navbar-collapse.right .navbar-nav{
        margin-bottom: 32px;
    }
    .navbar_top .navbar-collapse.right .navbar-nav .nav-link{
        font-weight: 400;
        font-size: 34px;
        line-height: 38px;
        letter-spacing: 0;
    }
    .dsgn_v2 .navbar_top .navbar-nav .submenu{
        padding: 9px 0 5px 30px;
    }
    .navbar_top .navbar-collapse.right .navbar-nav .submenu .nav-link{
        font-weight: 500;
        font-size: 17px;
        line-height: 27px;
        letter-spacing: 0;
        padding: 0;
    }
    .dsgn_v2 .navbar_top .navbar-nav .submenu .nav-item{
        margin-bottom: 5px;
    }
    .dsgn_v2 .navbar_top .btn_hd_calc{
        border: 1px solid #EDEDED;
        color: #FFFFFF!important;
        font-weight: 500;
        font-size: 17px;
        line-height: 27px;
        letter-spacing: 0;
        margin-bottom: 50px!important;
        padding: 6px 10px 9px 10px!important;
    }
    .dsgn_v2 .navbar_top .btn_hd_calc .ico{
        display: none;
    }
    .dsgn_v2 .navbar_top .btn_hd_calc .ico .ico_color{
        color: #FFFFFF!important;
    }*/
    .pg_search_show .search-head-wrap.active{

    }

}


/* new menu style */
.navbar_top .navbar-nav {
    transform: translateX(10px);
}

.navbar_top .navbar-nav .nav-item:has(.submenu) {
    position: relative;
}

.navbar_top .navbar-nav .nav-link {
    padding: 0 20px;
}

.navbar_top .navbar-nav > .nav-item:hover > .nav-link {
    color: var(--red) !important;

}

.dsgn_v2 .navbar_top .navbar-nav .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    min-width: 172px;
    margin-top: 23px;
    padding: 0;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(24px);
    list-style: none;
    font-size: 17px;
    font-weight: 500;
    transition: 0.4s;
    transform-origin: top left;
    transform: scaleY(0);
    opacity: 0;
    border: 0;
    border-radius: 0;
}

.navbar-nav .nav-item:has(.submenu):after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    padding-top: 21px;
    border-bottom: 2px solid var(--red);
    transition: 0.4s;
    opacity: 0;
    transform: scale(0);
}

.navbar-nav .nav-item:has(.submenu):hover .submenu {
    transform: scaleY(1);
    opacity: 1;
}

.navbar-nav .nav-item:has(.submenu):hover:after {
    opacity: 1;
    transform: scale(1);
}

.dsgn_v2 .navbar_top .navbar-nav .submenu .nav-link {
    display: block;
    padding: 3px 20px;
    color: var(--black) !important;
    text-decoration: none;
    transition: 0.3s;
    background: none!important;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
}

.dsgn_v2 .navbar_top .navbar-nav .submenu .nav-item:first-child .nav-link {
    padding-top: 21px;
}

.dsgn_v2 .navbar_top .navbar-nav .submenu .nav-item:last-child .nav-link {
    padding-bottom: 20px;
}

.dsgn_v2 .navbar_top .navbar-nav .submenu .nav-link:hover {
    color: var(--red) !important;
}

.navbar-collapse-logo {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 50px;
    font-weight: 500;
    font-size: 20px;
    color: #f2f2f2 !important;
    text-decoration: none !important;
}

.navbar_top .search-head-link {
    color: var(--black);
}

.navbar_top .search-head-link:hover {
    color: var(--red);
}

.navbar_top .search-head-link svg {
    width: 21px;
    height: 21px;
    fill: transparent;
}

.navbar-collapse-logo img {
    width: 34px;
    height: 35px;
    object-fit: contain;
    flex-shrink: 0;
}

.navbar-nav-copyright {
    margin-top: 50px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    opacity: 0.3;
}

.navbar-nav-copyright a {
    color: inherit !important;
    font-size: inherit !important;
}
@media (max-width: 1200px) {
    .navbar_top .navbar-nav {
        gap: 20px;
        transform: translateX(0);
    }
    .navbar-nav .nav-item:has(.submenu):after {
        left: 5px;
        right: 5px;
    }
    .dsgn_v2 .navbar_top .navbar-nav .submenu {
        left: -15px;
    }
}
@media (max-width: 992px) {
    .dsgn_v2 .navbar_top .navbar-nav {
        margin-inline: auto 10px;
        gap: 5px;
    }
    .pg_search_show .search-head-link {
        margin-right: 5px;
    }
}
@media (max-width: 768px) {
    .navbar_bg {
        background: transparent;
    }

    .navbar-collapse.right {
        top: 0;
        backdrop-filter: blur(24px);
        background: rgba(0, 0, 0, 0.85);
    }

    .navbar-collapse.right .navbar-close {
        padding: 0;
        top: 22px;
        right: 15px;
    }

    .navbar-collapse.right .navbar-collapse-inn {
        padding: 20px 15px 25px;
    }

    .navbar_top .navbar-collapse.right .navbar-nav {
        margin-bottom: 15px;
    }

    .navbar-collapse.right .navbar-nav-menu .nav-item {
        margin-bottom: 10px;
    }

    .navbar_top .navbar-collapse.right .navbar-nav > .nav-item > .nav-link {
        padding: 0;
        font-size: 34px;
        line-height: 1.12;
        letter-spacing: normal;
        color: #fff !important;
    }
    .navbar_top .navbar-collapse.right .navbar-nav  .submenu .nav-item {
        margin-bottom: 0;
    }
    .navbar_top .navbar-collapse.right .navbar-nav .nav-link {
        color: #fff !important;
    }

    .dsgn_v2 .navbar_top .navbar-nav .submenu {
        position: static;
        margin: 0;
        transform: none;
        opacity: 1;
        background: transparent;
        backdrop-filter: none;
    }

    .navbar-nav .nav-item:has(.submenu):after {
        display: none;
    }

    .dsgn_v2 .navbar_top .navbar-nav .submenu .nav-link {
        padding-left: 30px;
        color: #fff;
    }

    .dsgn_v2 .navbar_top .navbar-nav .submenu .nav-item:last-child .nav-link {
        padding-bottom: 10px;
    }

    .navbar-collapse.right .navbar-nav-bottom .btn_hd_calc {
        margin-bottom: 50px;
        align-items: center;
        min-height: 44px;
        border: 1px solid #ededed;
        border-radius: 60px;
        padding: 7px 20px 10px 20px;
        color: #fff;
        font-weight: 500;
        font-size: 17px;
        color: #fff !important;
        background: transparent !important;
    }

    .navbar-collapse.right .navbar-nav-bottom .btn_hd_calc span {
        display: none;
    }
}
/* new menu style end */
















.search-list .col-img,
.search-list .sr_vid_outer,
.search-list .col-img .sr_vid_outer .inn,
.search-list .col-img .sr_vid_outer .inn img{
    border-radius: 0;
}
.pg_search_show .search-head-wrap{
    transition: ease-in-out .3s;
    transform: translateY(100vh);
    opacity: 0;
    position: fixed;
    pointer-events: none;
}
.pg_search_show .search-head-wrap.active{
    transform: translateY(0);
    opacity: 1;
    height: 100vh;
    background: transparent;
    pointer-events: auto;
}

.pg_search_show .search-head-wrap:before{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000D9;
    backdrop-filter: blur(24px);
    background: rgba(0, 0, 0, 0.85);
    /*opacity: 0;*/
    transition: .35s;
}
.pg_search_show .search-head-wrap.active:before{
    /*opacity: 1;*/
}
.search-head-inner{
    top: 114px;
    border-radius: 0;
    border-width: 0;
}
.search-head-wrap input:focus,
.search-head-wrap input{
    height: 90px;
    padding-left: 35px;
    font-weight: 500;
    font-size: 23px;
    line-height: 33px;
    letter-spacing: 0;

}
.search-right-nav{
    height: 90px;
    gap: 27px;
}
.search-right-nav .sr-nav-it-rz{
    background: #1E1F21;
    height: 50px;
    position: relative;
    opacity: .2;
}
.search-right-nav .sr-nav-it{

}
.search-right-nav .sr-nav-it .ico_search,
.search-right-nav .sr-nav-it .ico_search svg {
    width: 20px !important;
    height: 20px !important;
}
.search-right-nav .sr-nav-it .ico_close,
.search-right-nav .sr-nav-it .ico_close svg{
    width: 18px!important;
    height: 18px!important;
}
.is_dw_search_open .search-head-wrap input:focus,
.is_dw_search_open .search-head-wrap input {
    border-bottom: 0;
}
.sr-nav-autocomplete .ui-menu .ui-menu-item-wrapper{
    padding: 26px 35px 31px;
}
.sr_nav_it_submit{
    padding: 26px 35px 30px;
    font-weight: 500;
    font-size: 23px;
    line-height: 33px;
    letter-spacing: 0;
    color: #ED1430;

}
.search-head-wrap .mse2-ac-wrapper:after{
    left: 35px;
    right: 35px;
    background-color: #e8e8e9;
    height: 2px;
}
.search-head-wrap .mse2-ac-wrapper:first-child:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 35px;
    right: 35px;
    height: 2px;
    background-color: #e8e8e9;
}
.search-head-wrap .ui-widget.ui-widget-content{
    margin-top: 1px;
}
.sr-nav-autocomplete .ui-menu .mse2-ac-item{
    font-weight: 500;
    font-size: 23px;
    line-height: 33px;
    letter-spacing: 0;
}
.sr-nav-autocomplete .ui-menu .ui-menu-item-wrapper.ui-state-active{
    background-color: transparent;
}
.sr-nav-autocomplete .ui-menu .ui-menu-item:hover .ui-menu-item-wrapper,
.sr-nav-autocomplete .ui-menu .mse2-ac-link:hover,
.sr_nav_it_submit:hover {
    background-color: transparent;
    color: #ED1430;
}
.sr-nav-autocomplete .ui-menu .mse2-ac-item,
.sr_nav_it_submit{
    line-height: 143%;
}
@media screen and (min-width: 769px) {
    .pg_search_show .search-head-wrap.active .container-fluid{
        max-width: 100vw;
    }
    .pg_search_show .search-head-wrap.active .search-head-inner{
        left: 80px;
        right: 80px;
    }
}
@media screen and (max-width: 768px) {
    .search-head-inner{
        top: 36px;
    }
    .search-head-wrap input:focus,
    .search-head-wrap input {
        height: 60px;
        padding: 10px 120px 10px 20px;
        font-size: 18px;
        font-weight: 500;
    }
    .search-right-nav .sr-nav-it-rz{
        height: 40px;
        width: 2px;
        background: #e8e8e9;
        opacity: 1;
    }
    .search-right-nav{
        gap: 18px;
        height: 40px;
        padding-right: 12px;
        top: 10px;
    }
    .sr-nav-autocomplete .ui-menu .mse2-ac-item,
    .sr_nav_it_submit
    {
        font-size: 16px;
    }
    .sr-nav-autocomplete .ui-menu .ui-menu-item-wrapper{
        padding: 16px 15px 17px;
    }
    .sr_nav_it_submit {
        padding: 16px 15px;
        display: inline-block;
    }
    .search-head-wrap .mse2-ac-wrapper:after,
    .search-head-wrap .mse2-ac-wrapper:first-child:before{
        left: 15px;
        right: 15px;
    }
    .search-right-nav .sr-nav-it.sr_nav_close{
        line-height: 16px;
    }
    .search-right-nav .sr-nav-it .ico_search,
    .search-right-nav .sr-nav-it .ico_search svg {
        width: 22px !important;
        height: 22px !important;
    }
    .pg_article .worktop-date-author .worktop-img-title .like{
        order: 9;
        width: 100%;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        text-decoration: none;
        font-size: 12px;
        line-height: 150%;
        color: #A5A5A8;
        font-weight: 600;
    }
    .pg_article .worktop-date-author .worktop-img-title .like:hover{
        text-decoration: none;
    }
    .pg_article .worktop-date-author .worktop-img-title .like svg{
        width: 15px;
        height: 15px;
        color: #A5A5A8;
    }
    .pg_article .worktop-date-author .worktop-img-title .like.active svg{
        fill: #A5A5A8;
    }
    .f-buttons{
        margin-top: 30px;
        margin-bottom: 60px;
        padding-right: 18px;
        padding-left: 18px;
        display: flex;
        gap: 20px;
        justify-content: space-between;
    }
    .f-buttons .like,
    .f-buttons .share{
        display: inline-flex;
        align-items: center;
        gap: 6px;
        text-decoration: none;
        font-size: 12px;
        line-height: 150%;
        color: #A5A5A8;
        font-weight: 600;
    }
    .f-buttons .like svg,
    .f-buttons .share svg{
        width: 15px;
        height: 15px;
        color: #A5A5A8;
    }
    .f-buttons .like.active svg{
        fill: #A5A5A8;
    }
}

/* search not found */

.not-found {
    display: grid;
    grid-template-columns: 280px 1fr;
    align-items: center;
    gap: 110px;
    margin-top: 60px;
    color: #1c1c1c;
}

.not-found__img {
    display: flex;
    aspect-ratio: 280 / 380;
}

.not-found__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-user-drag: none;
}

.not-found__text {
    display: flex;
    flex-direction: column;
    gap: 30px;
    font-size: clamp(14px, 1.4vw, 23px);
    line-height: 1.43;
    font-weight: 500;
}

.not-found__query {
    align-self: flex-start;
    padding: 12px 20px;
    background: #ededed;
}

.not-found__title.title_h1 {
    text-transform: lowercase;
    font-weight: 400;
    line-height: 1.06;
    letter-spacing: normal;
}

.search-subtitle {
    margin-bottom: 30px;
    font-size: clamp(24px, 2.4vw, 37px);
    line-height: 127%;
    color: #1c1c1c;
    font-weight: 400;
}

@media (max-width: 768px) {
    .not-found {
        grid-template-columns: 1fr;
        gap: 40px;
        margin: 30px 0 40px;
    }
    .not-found__img {
        max-width: 200px;
        margin: 0 auto;
    }
}

.f-buttons .share-block{
    position: relative;
}
.f-buttons .share-block:after {
    content: "";
    position: absolute;
    left: 32px;
    right: 2px;
    padding-top: 18px;
    border-bottom: 2px solid var(--red);
    transition: 0.4s;
    opacity: 0;
    transform: scale(0);
    top: 100%;
}
.f-buttons .share-block:hover:after {
    opacity: 1;
    transform: scale(1);
}
.f-buttons .share-block .share-list{
    position: absolute;
    pointer-events: none;
    top: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    width: max-content;
    margin-top: 37px;
    padding: 0;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(24px);
    list-style: none;
    font-size: 17px;
    font-weight: 500;
    transition: 0.4s;
    transform-origin: top left;
    transform: scaleY(0);
    opacity: 0;
    border: 0;
    border-radius: 0;
}
.f-buttons .share-block .share-list:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -40px;
    height: 40px;
}

.f-buttons .share-block:hover .share-list{
    opacity: 1;
    pointer-events: auto;
    transform: scaleY(1);
}
.f-buttons .share-block ul.share-list li a{
    display: block;
    padding: 3px 23px;
    color: var(--black) !important;
    text-decoration: none;
    transition: 0.3s;
    background: none !important;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
}
.f-buttons .share-block ul.share-list li a:hover{
    color: var(--red) !important
}
@media (max-width: 768px) {
    .f-buttons .share-block:after {
        left: 12px;
        right: 2px;
        padding-top: 12px;
    }
    .f-buttons .share-block .share-list{
        margin-top: 17px;
        font-size: 14px;
    }
    .f-buttons .share-block ul.share-list li a{
        padding: 3px 12px;
        font-size: 14px;
    }
}

/* you know what to do */

.you-know-todo {
    padding: 52px 0 18px;
}

.you-know-todo__title {
    margin-bottom: 20px;
    text-transform: lowercase;
    letter-spacing: -0.01em;
    font-size: clamp(34px, 4vw, 70px);
}

.you-know-todo__form {
    display: flex;
    align-items: center;
    gap: 32px;
    max-width: 744px;
}

.you-know-todo__input {
    display: block;
    width: 100%;
    flex: 1;
    padding: 15px 0;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    background: transparent;
    font-weight: 500;
    font-size: 17px;
    line-height: 1;
    color: #000;
    outline: none !important;
    transition: 0.3s;
}

.you-know-todo__input::placeholder {
    color: #a5a5a6;
    opacity: 1;
}

.you-know-todo__input:focus {
    border-color: var(--black);
}

.you-know-todo__btn {
    display: inline-flex;
    gap: 9px;
    width: 47.8%;
    align-items: center;
    justify-content: center;
    min-height: 65px;
    padding: 20px;
    border: none;
    border-radius: 80px;
    background: var(--red);
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    transition: 0.3s;
    transform: translateY(-1px);
}

.you-know-todo__btn:disabled {
    opacity: 1;
    background: #a5a5a8;
}

.you-know-todo__btn i {
    display: block;
    width: 15px;
    height: 13px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTAgNS44OTRoMTIuMDM0bS00LjM0NyA0Ljc3IDQuNTgxLTQuNTgyTDcuNjg3IDEuNSIvPjwvc3ZnPg==);
}

.you-know-todo__info {
    max-width: 490px;
    margin-top: 37px;
    font-weight: 500;
    font-size: 1.38;
    color: rgba(30, 31, 33, 0.4);
}

.you-know-todo__info a {
    color: inherit;
    text-decoration: underline;
    text-decoration-skip-ink: none;
}

.you-know-todo__info a:hover {
    text-decoration: none;
}

.you-know-todo .after_button {
    max-width: none;
    margin-top: 25px;
    font-size: 14px;
    font-weight: 500;
    color: #a5a5a8;
}

.you-know-todo .after_button .checkbox-container {
    display: inline-flex;
}

.you-know-todo .after_button .checkbox-container .checkmark {
    border-width: 1px;
    border-color: #a5a5a8;
    transition: 0.3s;
}

.you-know-todo .after_button .checkbox-container:hover .checkmark {
    border-color: var(--red);
}

.you-know-todo .after_button .agreement-checkbox:checked + .checkmark {
    border-color: var(--red);
}

.you-know-todo .after_button .agreement-checkbox:checked + .checkmark:after {
    display: none;
}

.you-know-todo .after_button .agreement-checkbox:checked + .checkmark:before {
    content: '';
    width: 13px;
    height: 11px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEzIDExIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTIuMDMxIDEuNzU0LS4zOTIuNjM5LTUgOC4xMzMtMS4yMDYuMDk4LTQtNC42MzQtLjQ5LS41NjggMS4xMzUtLjk4LjQ5LjU2OCAzLjMzIDMuODU3IDQuNDYzLTcuMjYuMzkzLS42Mzh6Ii8+PC9zdmc+);
}

.you-know-todo .after_button .checkbox-container .checkbox-text {
    padding-top: 3px;
}

.you-know-todo .after_button a {
    color: inherit !important;
    transition: 0.3s;
}

.you-know-todo .after_button a:hover {
    color: var(--red) !important;
    border-color: var(--red) !important;
}

@media (max-width: 768px) {
    .you-know-todo {
        padding: 10px 0 70px;
    }
    .you-know-todo__title {
        margin-bottom: 22px;
    }
    .you-know-todo__form {
        flex-direction: column;
        gap: 23px;
    }
    .you-know-todo__input {
        padding: 9px 0;
        font-size: 15px;
        font-weight: 500;
    }
    .you-know-todo__btn {
        width: 100%;
        min-height: 54px;
        padding: 10px;
        font-size: 15px;
        font-weight: 500;
    }
    .you-know-todo__btn i {
        margin-top: 1px;
    }
    .you-know-todo__info {
        margin-top: 19px;
        font-size: 11px;
        line-height: 1.45;
    }
}

.pg_article:not(.pg_vacanc) .s__article_detail .worktop-img-author-wrap .worktop-date-author .worktop-img-title .type.likes{
    display: inline-flex;
    gap: 6px;
    align-items: center;
}
.pg_article:not(.pg_vacanc) .s__article_detail .worktop-img-author-wrap .worktop-date-author .worktop-img-title .type.likes svg{
    width: 24px;
    height: 22px;
}
.pg_articles .item:has(.flow){
    position: relative;
}
.pg_articles .item:has(.flow) .flow{
    position: static;
}
.pg_articles .item:has(.flow) .flow:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
@media (max-width: 768px) {
    .pg_articles .s__first_articles_v2 .portfolio-tags:has(.dropdown+.dropdown) {
        gap: 15px;
    }

    .pg_articles .s__first_articles_v2 .portfolio-tags > .dropdown {
        margin-left: 0;
        margin-right: 0;
    }
}
body.pg_work .navbar_top{
    background: var(--bg-color, #fff);
}


.services-links {
    margin-bottom: 100px;
    font-weight: 500;
    font-size: 17px;
    line-height: 159%;
}

.services-links__inner {
    display: grid;
    color: #303035;
}

.services-link {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    min-height: 106px;
    padding: 20px 0;
    position: relative;
    transition: 0.3s;
    text-decoration: none !important;
    background: #fff;
    color: #303035;
}

.services-link__text {
    color: inherit;
}

.services-link__title {
    font-size: 23px;
    line-height: 143%;
}

.services-link__desc {
    max-width: 745px;
    margin-top: 5px;
    opacity: 0.5;
    transition: opacity 0.3s;
}

.services-link:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    transition: 0.3s;
    background: #f5f5f5;
    z-index: 1;
}

.services-link:last-child:before {
    display: none;
}

.services-link:hover:before {
    opacity: 0;
}

.services-link:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    align-self: flex-start;
    margin-top: 10px;
    transition: 0.3s;
    opacity: 0.2;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzFDMUMxQyIgZD0iTTE1Ljg1NiA4aC0xVjIuMTM2TDEuMzU0IDE1LjYzOWwtLjcwOC0uNzA3TDE0LjA3OCAxLjVIOC4zNTZ2LTFoNy41VjhaIi8+PC9zdmc+);
}

.services-link:hover {
    padding: 20px 32px;
    background-color: #ed0000;
    color: #fff;
}

.services-link:hover .services-link__desc {
    opacity: 0.7;
}

.services-link:hover:after {
    opacity: 1;
    filter: invert(1);
}

@media (max-width: 768px) {
    .services-links {
        margin-top: -50px;
        margin-bottom: 63px;
    }
    .services-links__inner {
        gap: 10px;
    }
    .services-link {
        min-height: 0;
        padding: 20px 24px !important;
        border: 1px solid #ededed;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.5;
    }
    .services-link:hover {
        background-color: rgba(237, 237, 237, 1);
    }
    .services-link:before {
        display: none;
    }
    .services-link:after {
        display: none;
    }
    .services-link__title {
        font-size: 18px;
        line-height: 1.4;
        color: #1e1f21;
        font-weight: 600;
        letter-spacing: -0.24px;
    }
    .services-link__desc {
        margin-top: 11px;
        opacity: 1 !important;
        color: #303040;
    }
}

/* new service page styles */

.title_h1.title_v2 {
    max-width: 90%;
    font-weight: 400;
    line-height: 1.06;
    /* word-break: break-word; */
}

.order-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 65px;
    margin-top: 18px;
    padding: 15px 60px;
    border: none;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    background: #ed0000;
    color: #fff !important;
    text-align: center;
    border-radius: 70px;
    outline: none !important;
}

.order-btn:active {
    outline: 5px auto -webkit-focus-ring-color !important;
}

/* .order-btn:hover {
    background: #b40000;
} */

.order-btn:after {
    content: "";
    width: 14px;
    height: 11px;
    flex-shrink: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMSIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyLjc5OSA0Ljk2OWEuNzUuNzUgMCAwIDEgMCAxLjA2bC00LjU4MSA0LjU4Mi0uNTMxLS41My0uNTMtLjUzIDMuNDg5LTMuNDlIMHYtMS41aDEwLjI2OUw3LjE1NiAxLjQ0N2wuNTMtLjUzLjUzMi0uNTMgNC41OCA0LjU4MloiLz48L3N2Zz4=);
}

.nw_serv_center .inner-top .title_text {
    padding-top: 0;
}

/* .nw_serv_center .inner-top .title_text > p {
    margin: 0;
} */

.s__service:has(.s__service__section) {
    margin-top: 90px;
    border-top: 1px solid #d9d9d9;
}

.s__service:has(.s__service__section) .service-text-wrap {
    padding-top: 20px;
}

.s__service__section {
    width: 100%;
    margin-bottom: 120px;
}

.s__service__section:last-child {
    margin-bottom: 67px;
}

.s__service__content {
    width: 66%;
    margin-left: auto;
}

.s__service__title {
    margin-top: 0 !important;
    margin-bottom: 60px !important;
    font-weight: 400 !important;
    font-size: 70px !important;
    line-height: 114% !important;
}

.s__service__group {
    padding: 39px 0;
    border-bottom: 2px solid #f4f4f4;
}

.s__service__group:only-child {
    padding: 0;
    border: none;
}

.s__service__group:first-child {
    padding-top: 0;
}

.s__service__group:last-child {
    padding-bottom: 0;
    border: none;
}

.s__service__group:not(:has(h5)) {
    margin-bottom: 41px;
    padding: 0;
    border: none;
}

.s__service__group h5 {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 23px;
    line-height: 143%;
    opacity: 0.4;
}

.s__service__group ul {
    margin: 0;
    padding-left: 1.5em;
    font-weight: 500;
    font-size: 23px;
    line-height: 143%;
}

.s__service__group li::marker {
    font-size: 18px;
}

.s__service__group p {
    font-weight: 500;
}

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

@media (max-width: 768px) {
    .inner-top .title_v2 + .title_text {
        line-height: 1.4;
        font-weight: normal;
    }
    .order-btn {
        width: 100%;
        margin-top: 8px;
        padding: 10px 15px;
        min-height: 55px;
        font-size: 15px;
    }
    .s__service:has(.s__service__section) .service-text-wrap {
        padding-top: 30px;
    }
    .s__service__section {
        margin-bottom: 60px;
        font-size: 14px;
        line-height: 1.4;
        font-weight: 400;
    }
    .s__service:has(.s__service__section) {
        margin-top: 0;
        border-top: none;
    }
    .s__service__title {
        margin-bottom: 24px !important;
        font-size: 24px !important;
        line-height: 120% !important;
    }
    .s__service__content {
        width: auto;
        margin-left: 0;
    }
    .s__service__group {
        padding: 23px 0;
    }
    .s__service__group:not(:has(h5)) {
        margin-bottom: 1px;
    }
    .s__service__group h5 {
        margin-bottom: 12px;
    }
    .s__service__group h5,
    .s__service__group ul {
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
    }
    .s__service__group ul {
        padding-left: 1em;
    }
    .s__service__group li::marker {
        font-size: inherit;
    }
}

/* new services page styles */

.s__services:has(.s__services__nav) {
    /*margin-top: 30px;*/
}

.s__services__nav {
    display: flex;
    gap: 5px 30px;
    margin-top: 105px;
    margin-bottom: 58px;
    white-space: nowrap;
    overflow: auto;
    font-weight: 500;
    font-size: var(--text);
    line-height: 22px;
    flex-wrap: wrap;
}

.s__services__nav a {
    color: inherit;
    text-decoration: none;
    transition: 0.3s;
}

.s__services__nav a:hover {
    color: var(--red);
}

.dsgn_v2 .services-list .roww .coll:first-child,
.dsgn_v2 .services-list .coll-list .s_title {
    font-weight: 500;
}

.dsgn_v2 .services-list .roww {
    padding-bottom: 59px;
    outline: none;
}

.dsgn_v2 .services-list .roww + .roww {
    padding-top: 60px;
}

.dsgn_v2 .services-list .coll-list .s_descr {
    padding-top: 1px;
}

@media (max-width: 768px) {
    .s__services__nav::-webkit-scrollbar {
        display: none;
    }

    .s__services__nav {
        gap: 5px 15px;
        margin-top: 30px;
    }
    /*.s__services__nav {*/
    /*    gap: 24px;*/
    /*    margin-bottom: 54px;*/
    /*    font-size: 14px;*/
    /*    line-height: 1.4;*/
    /*}*/
    .dsgn_v2:has(.s__services) .inner-top.is_padd_bott {
        padding-bottom: 0;
    }
    .s__services:has(.s__services__nav) {
        margin-top: 28px;
    }
    .dsgn_v2 .services-list .roww {
        padding-bottom: 17px;
    }
    .dsgn_v2 .services-list .roww + .roww {
        padding-top: 40px;
    }
    .dsgn_v2 .services-list .roww .coll-list {
        gap: 12px;
    }
    .dsgn_v2 .services-list .roww .coll:first-child {
        margin-bottom: 20px;
    }
    .dsgn_v2 .services-list .coll-list .s_title {
        margin-bottom: 7px;
    }
    .dsgn_v2 .services-list .coll-list .s_descr {
        font-size: 14px;
        line-height: 1.4;
        font-weight: 400;
    }
}





.tags{
    margin: 3px 0 82px;
    gap: 32px;
    display: flex;
}
.pg_cont .tags{
    margin: 30px 0 0px;
}
.pg_cont .cont-email-wrap{
    display: flex;
    flex-direction: column;
}
.pg_cont .cont-email-wrap .container-fluid{
    padding: 0;
    margin: auto 0 25px
}
.pg_cont .cont-email-wrap .tags{

}
.tags a{
    text-transform: none;
    flex-grow: unset;
    font-size: var(--text);
    line-height: 23px;
    color: #303040;
}
.tags a.act{
    color: var(--red);
}
@media screen and (max-width: 768px) {
    .pg_cont .cont-email-wrap .container-fluid{
        margin-bottom: 0;
    }
    .pg_cont .inner-top .cont-email-wrap {
        flex-basis: 100% !important;
    }
    .tags{
        margin-top: 1px;
        margin-bottom: 32px;
        gap: 25px;
        overflow-x: auto;
        white-space: nowrap;
    }
    .tags::-webkit-scrollbar{
        display: none;
    }
    .tags a{
        font-size: 12px;
    }
    .tags a.act{

    }
    .pg_article.dsgn_v2:has(.tags) .inner-top{
        padding-bottom: 10px;
    }
}

.dsgn_v2:has(.tags) .inner-top {
    padding-bottom: 60px;
    padding-top: 16px;
}
.dsgn_v2:has(.tags) .inner-top .title_h1{
    font-weight: 400;
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .dsgn_v2:has(.tags) .inner-top{
        padding-bottom: 30px;
    }
    .dsgn_v2:has(.tags) .inner-top .title_h1 {
        letter-spacing: -0.4px;
    }
    .pg_we .title_text p:empty{display: none}
    .pg_we .inner-top .title_v2 + .title_text,
    .pg_fedback .inner-top .title_v2 + .title_text{
        margin-top: 12px;
        font-size: 14px;
        line-height: 140%;
        font-weight: 400;
    }
    .pg_fedback .inner-top .title_v2 + .title_text p:last-child{
        margin-bottom: 2px;
    }
    .pg_we .inner-top{
        padding-bottom: 8px!important;
    }
    .pg_we .tags{
        margin-bottom: 26px;
        gap: 32.5px;
    }
    .pg_we .tags a{
        font-weight: 500;
    }
    .pg_fedback .reviews-list-v2 .item .vid-wrap .inner{
        padding-bottom: 88.5%;
    }
    .pg_fedback .reviews-list-v2 .item .info .descript{
        --text: 14px;
        --lh-text: 142%;
        font-weight: 400;
        letter-spacing: 0.1px;
        margin-bottom: 17px;
    }
    .first-works-buttons a, .reviews-list-v2 .item .info .buttons a {
        font-size: 12px;
    }
    .pg_fedback .reviews-list-v2 .item .info .author{
        font-weight: 600;
        font-style: SemiBold;
        font-size: 12px;
        line-height: 150%;
        letter-spacing: 0;
        vertical-align: bottom;
        max-width: 45%;
    }
    .pg_we .worktop-descript .title {
        margin-bottom: 12px;
        font-weight: 400;
    }
    .pg_we .worktop-descript ul{
        padding-left: 20px;
    }
    .pg_we .worktop-descript ul li{
        letter-spacing: 0;
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        line-height: 143%;
    }
    .pg_we .worktop-descript ul li::marker{
        font-size: 12px;
    }
    .pg_we .worktop-descript:first-child{

    }
    .pg_we .worktop-descript{
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        line-height: 141%;
        letter-spacing: 0;
        margin-bottom: 60px;
    }
    .pg_article .worktop-descript p{
        margin-bottom: 25px;
    }
    .pg_article .s__article_detail .title_h2,
    .pg_article .s__article_detail .title_h3 {
        font-weight: 400;
        font-style: Regular;
        font-size: 24px;
        line-height: 121%;
        letter-spacing: -0.3px;
        color: #303040;
        margin-bottom: 12px;
    }
    .pg_we .worktop-descript hr{
        margin-bottom: 23px;
    }
    .pg_article .worktop-descript p:first-child + p{
        display: none;
    }
}
.grecaptcha-badge {
    visibility: hidden;
}

.s__service.content-area {
    margin-top: 100px !important;
    border-top: 1px solid #d9d9d9;
}

.content-area {
    display: block;
    padding-left: 515px;
    padding-top: 20px;
    padding-bottom: 55px;
    font-weight: 500;
}

.content-area .service-text-wrap {
    display: block;
    width: auto;
}

.content-area h2 {
    margin-left: -50%;
    margin-top: 100px !important;
    margin-bottom: 60px !important;
    font-weight: 400 !important;
    font-size: 70px !important;
    line-height: 114% !important;
}

.content-area h2:first-child {
    margin-top: 0 !important;
}

.content-area h3 {
    margin-bottom: 30px;
    font-weight: 500 !important;
    font-size: 23px !important;
    line-height: 143% !important;
    opacity: 0.4;
}

.content-area p {
    margin-bottom: 32px;
}

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

.content-area p + h3 {
    margin-top: 80px;
}

.content-area ul,
.content-area ol {
    margin: 0;
    padding-left: 1.5em;
    font-weight: 500;
    font-size: 23px;
    line-height: 143%;
}

.content-area ul + h3,
.content-area ol + h3 {
    margin-top: 30px;
}

.content-area hr {
    width: 100% !important;
    height: 2px !important;
    margin: 40px 0 !important;
    border: none;
    background: #f4f4f4;
}

.content-area a {
    color: var(--red);
    text-decoration: none;
}

.content-area a:hover {
    text-decoration: underline;
}

.content-area strong {
    font-weight: 600;
}

@media (max-width: 991px) {
    .s__service.content-area {
        margin-top: 0 !important;
        padding-top: 0;
        border: none;
    }
    .content-area {
        padding-top: 40px;
        padding-left: 0;
        font-size: 14px;
        line-height: 1.4;
        font-weight: 400;
    }
    .content-area * {
        font-size: inherit !important;
        line-height: inherit !important;
        font-weight: inherit !important;
    }
    .content-area h2 {
        margin-left: 0;
        margin-top: 40px !important;
        margin-bottom: 24px !important;
        font-size: 24px !important;
        line-height: 120% !important;
    }
    .content-area h3 {
        margin-bottom: 12px;
        font-size: 14px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
    }
    .content-area p {
        margin-bottom: 16px;
    }
    .content-area p + h3 {
        margin-top: 40px;
    }
    .content-area ul + h3,
    .content-area ol + h3 {
        margin-top: 30px;
    }
    .content-area hr {
        margin: 20px 0 !important;
    }
    .content-area p + hr {
        margin-top: 20px !important;
    }
}

.dsgn_v2 .s__reviews.s__reviews_case_wrapper {
    margin: 120px 0 68px;
}

.s__reviews_case {
    border-bottom: 1px solid rgba(28,28,28, 0.1);
}

.article-content-with-nav {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 32px;
}

.article-content-with-nav__content {

}

.article-content-with-nav__nav {

}

@media screen and (min-width: 769px) {
    .article-content-with-nav .worktop-descript {
        max-width: 100%;
    }
}

.article-nav {
    position: sticky;
    top: 92px;

    box-sizing: border-box;
    padding: 32px 24px;

    background-color: #f5f5f5;
    border-radius: 20px;
}

.article-nav__heading {
    margin: 0 0 12px;

    font-weight: 500;
    font-size: 23px;
}

.article-nav__list {
    display: flex;
    flex-direction: column;
    gap: 12px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.article-nav__item {
    margin: 0;
    padding: 0;
}

.article-nav__link {
    --color: var(--black);

    position: relative;

    display: inline-block;
    padding-left: 14px;

    font-weight: 500;
    font-size: 17px;
    text-decoration: none;
    color: var(--color);

    transition: color 0.3s ease;
}

.article-nav__link::before {
    --bg-color: transparent;
    --border-color: var(--black);

    position: absolute;
    top: 9px;
    left: 0;

    content: "";

    display: block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;

    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
    border-radius: 50%;

    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.article-nav__link:hover,
a.article-nav__link:hover {
    text-decoration: none;
    color: var(--red);
}

.article-nav__link--active::before {
    --bg-color: var(--red);
    --border-color: var(--red);
}

/* услуга, фикс широкие фото на всю ширину <<< */
.tmp_footer.nw_serv_center footer {
    margin-top: 0;
}
.nw_serv_center div.main-image {
    max-width: none !important;
}
.nw_serv_center .content-area {
    padding-left: 0;
}
.nw_serv_center .content-area .service-text-wrap {
    width: 66.66%;
    margin-left: auto;
}
@media (max-width: 991px) {
    .nw_serv_center .content-area .service-text-wrap {
        width: 100%;
    }
}
.dsgn_v2.nw_serv_center .container-fluid {
    max-width: 1580px;
}
/* >>> */

body,
.inner-404 .descr-col,
.order-dg-form .title_h2,
.order-dg-form .intro,
.order-dg-form .title_h3,
.list-chekb-it .list-chekb-inp+label,
.form-control, .form-control:focus,
.pg_search_show .s__inner_text,
.search-head-wrap .ui-widget, .sr_nav_it_submit, .search-head-wrap .mse2-ac-wrapper, .sr-nav-autocomplete .ui-menu .ui-menu-item-wrapper,
.title_h1,
.title_h2,
.worktop-descript,
.title_h1.title_v2,
.article-list-v2 .title,
.custom-checkbox+label,
.services-list .roww .coll,
.pg_article.dsgn_v2 .inner-top .title_v2,
.reviews-list-v2 .item .info .descript,
.pg_article .worktop-author .art-descr .fio,
.title_h2_v2, .dsgn_v2 .s__reviews .title_h2,
.search-head-wrap input:focus, .search-head-wrap input,
.dsgn_v2 .first-top-left .title_h1 > div:first-child,
.inner-top {
    color: var(--text-color);
}
.list-more-lnk,
.search-list .s-title, .search-list .s-title a,
.article-list-v2 .title a,
.works-list .item .title a,
.pg_cont .inner-top .title_h1.title_v2 a,
.portfolio-tags .dropdown-toggle, .portfolio-tags .dropdown-item,
.dsgn_v2 .services-list .coll-list .item:hover, .dsgn_v2 .services-list .coll-list .item {
    color: var(--text-color) !important;
}

.title_white {
    color: #fff;
}

@media screen and (min-width: 769px) {
    .inner-404 .title_h1 strong,
    .dsgn_v2 .s__service_works.is_light .title_h2 {
        color: var(--text-color);
    }
    .dsgn_v2 .s__service_works.is_light .item-link-all a, .dsgn_v2 .s__service_works.is_light .works-list .item .title a {
        color: var(--text-color) !important;
    }
    .dsgn_v2 .works-list .item:hover .title a, .dsgn_v2 .s__service_works .works-list .item:hover .title a {
        color: #ED1430 !important;
    }
    .dsgn_v2 .services-list .coll-list .item:hover {
        color: #fff !important;
    }
    .dsgn_v2 .first-top-left {
        max-width: unset;
    }
}

footer {
    background: #1C1C1C;
}

.first-works-buttons-projects {
    justify-content: end;
    text-align: right;
}

.first-works-buttons-projects a {
    margin-top: 0;
    padding-left: 40px;
    padding-right: 40px;
}

footer .client-list-scroll {
    position: relative;
    top: -80px;
    margin-bottom: 50px;
}

footer .client-list-scroll .client-list .client-it img {
    -webkit-filter: invert(1) brightness(2);
        filter: invert(1) brightness(2);
}

@media screen and (max-width: 768px) {
    footer .client-list-scroll {
        top: -45px;
        margin-bottom: 0;
    }
    .dsgn_v2 .first-top-left {
        margin-bottom: 40px;
    }
}

.s__first_present_new {
    width: 100%;
    line-height: 0;
    overflow: hidden;
}

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

.s__first_present_new video {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 2520 / 900;
    object-fit: cover;
    object-position: center center;
    clip-path:inset(0);
    transform: translateZ(0);
    border-radius: 0;
}

/* Taller mobile hero (variant A: crop-zoom). The source video is very
   wide (2520x900 -> 2.8:1), so at 375px the default aspect-ratio makes
   the hero only ~134px tall. Override to a fixed 280px box and let
   object-fit: cover crop the sides while keeping the center in frame.
   The poster (video's poster attribute) is covered by the same rule.
   .s__first_present_new has line-height:0, so the section collapses to
   exactly the video box height (no empty band). Desktop stays the full
   wide banner. Does not touch the deferred video-loading logic. */
@media screen and (max-width: 767px) {
    .s__first_present_new video,
    .s__first_present_new_im img {
        aspect-ratio: auto;
        height: 280px;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
}

/* Tighten the flex-column gap around the mobile hero. body.dsgn_v2 uses
   gap:12px, which puts a 12px band above and below the hero. Negative
   margins of -6px cancel half of that gap on each side (~6px effective),
   same technique as the footer-seam fix elsewhere in this file. */
@media screen and (max-width: 767px) {
    .s__first_present_new {
        margin-top: -6px;
        margin-bottom: -6px;
    }
}

.pg_search_show .search-head-link {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease;
    -ms-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}
.pg_search_show .search-head-link.tg-link .ico {
    position: relative;
    top: 1px;
    left: -1px;
}
.pg_search_show .search-head-link:hover {
    border-color: #ed1430;
}
.dsgn_v2 .navbar_top .btn_hd_calc {
    border: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
    .dsgn_v2 .navbar_top .btn_hd_calc {
        height: 44px;
    }
    .pg_search_show .search-head-link {
        margin-right: 7px;
    }
}

.search-head-link:hover .ico .ico_color,
.search-right-nav .sr-nav-it:hover .ico .ico_color {
    color: red;
}

@media screen and (max-width: 768px) {
    .pg_search_show .search-head-link.tg-link {
        margin-left: 0;
    }
    .search-head-link .ico_search svg,
    .search-head-link .ico_search .ico_color {
        width: 21px !important;
        height: 22px !important;
    }
}
.preloader_bottom {
    display: none;
    width: 136px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 768px) {
    .article-list-v3 .item {
        flex-wrap: wrap;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        transform-origin: center center;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    .pg_articles .article-list-v3 .item .img {
        position: relative;
        width: 100%;
        padding-bottom: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
    }
    .article-list-v3 img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
    .pg_articles .article-list-v3 .item .img video {
        margin-right: 0;
        position: absolute;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
    .article-list-v3 .title {
        margin-top: 15px;
    }
    .article-list-v3 .title a, .article-list-v2 .title {
        line-height: 1.4;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: normal;
    }
    .article-list-v3 .item_wrap {
        margin-bottom: 34px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1110px) {
    .pg_articles .article-list-v3 .item_wrap {
        width: 100% !important;
    }
    .pg_articles .article-list-v3 .right {
        flex-direction: column;
    }
}

footer .item-mail > a {
    border-bottom: none;
}

footer .item-mail > a:hover{
    border: 0;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 13px;
    text-decoration-color: rgba(255, 255, 255, .5);
}

@media screen and (max-width: 768px) {
    .tmp_footer footer .item-rg {
        justify-content: flex-start;
    }
}



.reviews-list-v2 .item .review-play {
    background-image: url(../img/play4.svg);
    width: 50px;
    height: 50px;
    left: auto;
    top: auto;
    right: 20px;
    bottom: 20px;
    transform: none;
}
@media screen and (min-width: 769px) {
    .reviews-list-v2 .item .review-play {
        width: 60px;
        height: 60px;
    }
}

@media screen and (max-width: 768px) {
    .reviews-list-v2 .item {
        margin-bottom: 40px;
    }
    .pg_fedback {
        .portfolio-tags {
            margin-bottom: 40px;
        }
        .inner-top .title_v2 + .title_text {
            font-size: 17px;
        }
    }
}

@media screen and (max-width: 768px) {
    .fancybox-content.is_review_vimeo {
        height: 100% !important;
    }
}

.dsgn_v2 .modal_form .form-group.col_hs,
.dsgn_v2 .ajax_form .form-group.col_hs {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.nw_serv_center div.main-image:not(:has(~ .main-image)) .s__first_present {
    margin-bottom: 0;
}

.nw_serv_center {

    .worktop-descript {
        padding: 0;
        font-size: var(--title);
        line-height: 1.43;

        @media (max-width: 991px) {
            width: 100%;
            font-size: 14px;
        }

        .title {
            font-weight: 500;
            color: inherit;
            opacity: 0.4;

            @media (max-width: 991px) {
                margin-bottom: 16px;
            }
        }

        p {
            @media (max-width: 991px) {
                margin-bottom: 16px;
            }
        }

        strong {
            font-weight: 600;
        }
    }

}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important; /* современный стандарт */
    white-space: nowrap !important;
    border: 0 !important;
}


/* Блок цитаты */
.s__testimonial .worktop-descript {
    margin-bottom: 5.36rem;
}

.testimonial {
    width: 100%;
    margin: 0 auto;
    line-height: 1.4;
}

.testimonial__card {
    width: 100%;
    margin: 0 auto;
    background: #f6f6f6;
    padding: 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.testimonial__quote,
.testimonial__quote p,
.pg_article .testimonial__quote p {
    font-size: 20px;
    max-width: 600px;
}

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

.testimonial__photo,
.s__article_base .testimonial__photo {
    width: 65px;
    min-width: 65px;
    height: 65px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.testimonial__info {
    font-size: 15.5px;
}
@media (max-width: 768px) {
    .testimonial__card {
        padding: 20px;
    }
    .testimonial__quote,
    .testimonial__quote p,
    .pg_article .testimonial__quote p {
        font-size: 14px;
    }
    .testimonial__info {
        font-size: 13px;
    }
    .testimonial__photo {
        width: 56px;
        min-width: 56px;
        height: 56px;
    }
}

@media (max-width: 480px) {
    .testimonial__photo {
        width: 48px;
        min-width: 48px;
        height: 48px;
    }
}



/* Блок цитаты */
.s__testimonial .worktop-descript {
    margin-bottom: 5.36rem;
}

.testimonial {
    width: 100%;
    margin: 0 auto;
    line-height: 1.4;
}

.testimonial__card {
    width: 100%;
    margin: 0 auto;
    background: #f6f6f6;
    padding: 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.testimonial__quote,
.testimonial__quote p,
.pg_article .testimonial__quote p {
    font-size: 20px;
    max-width: 600px;
}

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

.testimonial__photo {
    width: 65px;
    min-width: 65px;
    height: 65px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.testimonial__info {
    font-size: 15.5px;
}
@media (max-width: 768px) {
    .testimonial__card {
        padding: 20px;
    }
    .testimonial__quote,
    .testimonial__quote p,
    .pg_article .testimonial__quote p {
        font-size: 14px;
    }
    .testimonial__info {
        font-size: 13px;
    }
    .testimonial__photo {
        width: 56px;
        min-width: 56px;
        height: 56px;
    }
}

@media (max-width: 480px) {
    .testimonial__photo {
        width: 48px;
        min-width: 48px;
        height: 48px;
    }
}



/* FAQ (чанк service_faq.tpl): услуга, статья */
.servise-faq {
    margin-top: 67px;
    margin-bottom: 45px;
}
/* в статье блок стоит внутри .container-fluid — свой контейнер не должен добавлять боковые отступы */
.container-fluid .servise-faq > .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.servise-faq__wrap {
    display: flex;
}

.servise-faq__title {
    flex-basis: 33.33%;
    padding-right: 40px;
}
/* .servise-faq впереди — чтобы не перебивали контекстные правила вроде .s__article_base h2 (article-menu.css) */
.servise-faq .servise-faq__title h2 {
    font-size: var(--h2);
    line-height: var(--lh-h2);
    font-weight: 400;
    max-width: none;
    margin-bottom: 58px;
    margin-top: 0;
    color: var(--black);
}
.servise-faq__content {
    flex-basis: 66.66%;
}

.servise-faq {
    .servise-faq__card-header,
    .servise-faq__card {
        background: none;
        border: none;
        border-radius: unset !important;
        padding: 0;
    }
    .servise-faq__card {
        border-bottom: 1px rgba(48, 48, 53, 0.1) solid;
        padding: 32px 36px 32px 0;
    }
    .servise-faq__card:first-child {
        padding-top: 10px
    }
    .servise-faq__card:last-child {
        border-bottom: none;
    }
    .servise-faq__card-header-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        text-align: left;
        font-size: var(--title);
        font-weight: 500;
        line-height: 144%;
        letter-spacing: normal;
        margin: 0;
        border: none;
        padding: 0;
        color: var(--black);
    }
    .servise-faq__card-body {
        padding: 12px 0 0 0;
        font-size: var(--text);
        font-weight: 500;
        line-height: var(--lh-text);
        color: var(--black);
    }

    .servise-faq__card-header-btn .ico {
        display: block;
        flex-shrink: 0; /* стрелка не сжимается, когда длинный вопрос переносится на две строки */
        background: url('../img/arrow_4.svg') no-repeat center center;
        -webkit-background-size: 19px auto;
        -moz-background-size: 19px auto;
        -o-background-size: 19px auto;
        background-size: 19px auto;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        transform: rotate(180deg);
        transform-origin: center center;
        width: 22px;
        height: 21px;
        margin-left: 10px;
        margin-top: 2px;
        margin-right: -36px;
    }
    .servise-faq__card-header-btn.collapsed .ico {
        transform: rotate(0deg);
    }
    .servise-faq__collapse:not(.show) {
        display: block;
        height: 0;
        overflow: hidden;
    }
}

@media (max-width: 768px) {
    .servise-faq {
        margin-top: 45px;

        .servise-faq__wrap {
            flex-wrap: wrap;
        }
        .servise-faq__content,
        .servise-faq__title {
            flex-basis: 100%;
            padding-right: 0;
        }
        .servise-faq__title h2 {
            margin-bottom: 16px;
            font-size: 25px;
        }
        .servise-faq__card {
            padding: 22px 36px 22px 0;
        }
        .servise-faq__card-header-btn {
            font-size: 18px;
            font-weight: 700;
            line-height: 130%;
            letter-spacing: -0.18px;
        }
        .servise-faq__card-body {
            padding-top: 9px;
            line-height: 130%;
        }
        .servise-faq__card-header-btn .ico {
            width: 16px;
            height: 16px;
            -webkit-background-size: 16px auto;
            -moz-background-size: 16px auto;
            -o-background-size: 16px auto;
            background-size: 16px auto;
            margin-right: -36px;
        }
    }
}

/* Статья (шаблоны 11 / 34): FAQ ведёт себя как обычный блок статьи — заголовок над аккордеоном
   (класс заголовка .title_h3 / .title_h2 передаётся параметром чанка и берёт стили блоков статьи),
   аккордеон в колонке текста; вертикальные отступы задают сам заголовок и соседние блоки */
.pg_article .servise-faq {
    margin-top: 0;
    margin-bottom: 0;
}
.pg_article .servise-faq__wrap {
    display: block;
}
.pg_article .servise-faq__title {
    padding-right: 0;
}
@media screen and (min-width: 769px) {
    /* как .pg_article .worktop-descript: колонка текста справа */
    .pg_article .servise-faq__content {
        max-width: 66%;
        margin-left: auto;
        margin-right: 0;
    }
    /* статья с меню: текст во всю колонку (как .pg_article .worktop-descript в article-menu.css) */
    .pg_article .s__article_base .servise-faq__content {
        max-width: none;
        margin-left: 0;
    }
}


.article-detail-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 120px;
    margin-bottom: 60px;
}

.article-detail-bottom__share {
    margin-top: 18px;
}

.author-art {
    width: 100%;
}
.author-art__inner {
    display: flex;
    align-items: center;
    gap: 20px;
}
.author-art__photo {
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: 23px;
    line-height: 1.52;
    color: #303040;
}
.author-art__img {
    width: 98px;
    height: 98px;
    margin-bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    object-fit: cover;
    object-position: center center;
}
.author-art__soc {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
}
.author-art__soc a {
    color: var(--text-color);
    font-size: 17px;
    font-weight: 500;
    line-height: 158.824%;
    text-decoration: none;
    border-bottom: 1px rgba(28, 28, 28, 0.5) solid;
}
.author-art__soc a:hover {
    border-bottom-color: rgba(28, 28, 28, 0);
}
.author-art__fio {
    color: #303040;
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
}
.author-art__type {
    font-weight: 600;
    line-height: 140%;
    font-size: 16px;
    margin-top: 10px;
    color: #A5A5A8;
}

.author-art__type:first-letter {
    text-transform: uppercase;
}

.author-art__fio a {
    color: var(--text-color) !important;
    text-decoration: none !important;
    border-bottom: 1px rgba(28, 28, 28, 0.5) solid;
}
.author-art__fio a:hover {
    border-bottom-color: rgba(28, 28, 28, 0);
}

@media screen and (max-width: 768px) {
    .article-detail-bottom {
        flex-wrap: wrap;
        margin-top: 30px;
    }
    .article-detail-bottom__share {
        margin-top: 0;
    }
    .author-art__inner {
        margin-bottom: 0;
    }
    .author-art__img {
        width: 70px;
        height: 70px;
    }
    .article-detail-bottom__share,
    .article-detail-bottom__author {
        flex-basis: 100%;
    }
    .article-detail-bottom__author {
        order: 2;
        padding-top: 25px;
        margin-top: 22px;
        border-top: 1px rgba(28, 28, 28, 0.1) solid;
    }
    .author-art__fio {
        font-size: 17px;
    }
    .author-art__type {
        margin-top: 4px;
        font-size: 12px;
        line-height: 150%;
    }
    .author-art__soc {
        margin-top: 10px;
    }
    .author-art__soc a {
        font-size: 12px;
        letter-spacing: -0.12px;
        line-height: 130%;
    }
}

.article-detail-bottom {
    .f-buttons {
        margin-bottom: 0;
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .article-detail-bottom {
        .f-buttons {
            padding-left: 0;
            padding-right: 0;
            justify-content: flex-start;
            gap: 40px;
        }
        .f-buttons .like,
        .f-buttons .share {
            font-size: 17px;
        }
        .f-buttons .like svg,
        .f-buttons .share svg {
            width: 20px;
            height: 20px;
        }
        .f-buttons .like svg,
        .f-buttons .share svg,
        .f-buttons .like,
        .f-buttons .share {
            color: var(--text-color);
        }
        .f-buttons .like svg {
            margin-top: 3px;
        }
    }
}

.author-detail {
    padding-top: 80px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}
.author-detail__author {
    flex-basis: calc(33.33% - 20px);
}
.author-detail__text {
    flex-basis: 66.66%;
    color: #1E1F21;
    font-size: 23px;
    font-weight: 500;
    line-height: 143.478%;
    flex-grow: 1;
}
.author-articles {
    margin-top: 107px;
}

@media screen and (min-width: 769px) {
    .author-art--short .author-art__inner {
        flex-wrap: wrap;
    }

    .author-art--short .author-art__info {
        flex-basis: 100%;
    }
    .author-footer-fix {
        margin-top: -30px;
    }
}
@media screen and (max-width: 768px) {
    .author-detail__author,
    .author-detail__text {
        flex-basis: 100%;
    }
    .author-detail {
        padding-top: 49px;
        margin-bottom: 14px;
    }
    .author-detail__text {
        margin-top: 15px;
        font-size: 17px;
        line-height: 130%;
        letter-spacing: -0.17px;
    }
    .author-articles {
        margin-top: 14px;
        margin-bottom: 30px;
    }
}

#allrecords {
    .f-buttons .share,
    .f-buttons .like,
    .pg_article .worktop-date-author .worktop-img-title .like,
    .pg_article:not(.pg_vacanc) .s__article_detail .worktop-img-author-wrap .worktop-date-author .worktop-img-title .type,
    .s__article_detail .worktop-date-author .type-soc * {
        color: #1E1F21;
    }
}

.pg_article .worktop-descript {
    h2 {
        margin: 120px 0 50px;
        scroll-margin-top: 55px;
        font-weight: 400;
        font-size: clamp(24px, 6vw, 70px);
        line-height: 1.14286;

        @media (max-width: 991px) {
            margin: 60px 0 24px;
            scroll-margin-top: 85px;
            line-height: 1.2;
        }
    }
    h3 {
        margin: 40px 0 20px;
        font-weight: 500;
        font-size: inherit;
        line-height: inherit;
        color: rgba(0, 0, 0, 0.4);

        @media (max-width: 991px) {
            margin: 20px 0 10px;
        }
    }
}

/* card cover: native-lazy poster behind the lazy video — avoids empty holes on scroll (normal cards, idx != 1/6/10) */
.works-list .item .card-img .card-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 0
}




.dsgn_v2 {
    .modal-brif {
        .order-list-chekb {
            margin-bottom: 0;
            gap: 12px;
        }
        .list-chekb-it {
            width: auto;
        }
        .list-chekb-it .list-chekb-inp+label {
            margin-bottom: 0;
        }
        .modal-brif__center .modal_form .btn_order_md,
        .modal-brif__center .modal_form {
            margin-bottom: 0;
        }
        .order-dg-form .title_h3 {
            margin-bottom: 0;
        }
    }
    .modal-brif__center {
        max-width: 1520px;
    }
    .modal-brif__cols {
        display: flex;
        flex-wrap: wrap;
        gap: 30px 0;
        width: 100%;
    }
    .modal-brif__cols__left {
        flex-basis: 34%;
        padding-right: 36px;
    }
    .modal-brif__cols__right {
        flex-basis: 65%;
    }
}

@media screen and (min-width: 769px) {
    .dsgn_v2 {
        .modal-brif__inner {
            padding: 20px 40px;
        }
        .modal-brif {
            .title_h2 {
                font-size: 70px;
                font-weight: 400;
                line-height: 105.714%;
                margin-bottom: 15px;
            }
            .order-dg-form .title_h3 {
                font-size: 37px !important;
                font-weight: 400;
                line-height: 127.027%;
            }
            .order-dg-form .intro {
                font-size: 17px;
                line-height: 158.824%;
                margin-bottom: 30px;
            }
            .modal_close {
                position: absolute;
                right: 40px;
                top: 50px;
                margin-right: 0;
            }
            .order-dg-form .form-control,
            .order-dg-form .form-control:focus {
                font-size: 17px;
            }
            .order-dg-form .form-group {
                margin-bottom: 10px;
            }
        }
    }
}
@media screen and (min-width: 550px) {
    .dsgn_v2 .modal-brif .checkbox-text {
        margin-top: 5px;
    }
}
@media screen and (max-width: 768px) {
    .dsgn_v2 {
        .modal-brif__cols__left,
        .modal-brif__cols__right {
            flex-basis: 1005%;
            padding-right: 0;
        }
        .modal-brif__cols {
            gap: 30px 0;
        }
        .modal-brif .modal_close {
            right: 18px;
        }
    }
}

/* Mobile-only line-break for the hero headline. first.tpl injects
   <br class="br-mob"> before «на»; hidden on desktop (headline stays
   2 lines, typed word inline after «на»), shown on mobile so
   «на [word]» sits on its own line. Added 2026-07-08 (revert of the
   unconditional break). */
.br-mob{display:none}
@media screen and (max-width: 767px){ .br-mob{display:inline} }

/* Restore logo-marquee keyframes lost with the inline critical.css during the
   2026-07-08 async-CSS revert: .client-list uses `animation:dReeeB` (in main.css)
   but @keyframes dReeeB lived only in the removed inline critical CSS, so the
   footer client-logo marquee was frozen. Keyframes are global; kept here in a
   synchronously-loaded file. */
@keyframes dReeeB{100%{transform:translate3d(-50.8%,0,0)}}

/* ================================================================
   Подвал: редизайн 2025 (Figma: «Подвал» 39476-32836, «Подвал мобилка» 39502-1188)
   ================================================================ */

footer .client-list-scroll {
    top: 0;
    margin-bottom: 0;
}
footer .client-list-first {
    padding-top: 0;
}
footer .ft25 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    color: #fff;
    font-weight: 500;
}

/* лого «студия арбуз» */
.ft25_logo {
    display: flex;
    align-items: center;
    gap: 20px;
    width: fit-content;
    color: #fff !important;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 400;
    text-decoration: none;
}
.ft25_logo img {
    display: block;
    width: 45px;
    height: 46px;
}

/* лого + слоган «Создаём продающие сайты 10 лет» (Figma 39763-191 / 39763-188):
   между ними вертикальная линия 1×24px — рисуется ::before у слогана,
   padding-left = линия 1px + отступ 30px */
.ft25_brand {
    display: flex;
    align-items: center;
    gap: 30px;
    max-width: 100%;
}
.ft25_brand .ft25_logo {
    flex-shrink: 0;
}
.ft25_slogan {
    position: relative;
    margin: 0;
    padding-left: 31px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #fff;
}
.ft25_slogan::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 24px;
    margin-top: -12px;
    background: #fff;
}

/* кнопка «заявка»: база — .order-btn, здесь только отличия для подвала.
   margin-top: 0 — в десктопной сетке .ft25_cta кнопка центрируется гридом,
   базовый margin-top: 18px сместил бы её с оси. */
.ft25_btn {
    margin-top: 0;
    white-space: nowrap;
    transition: background 0.3s ease;
}
.ft25_btn:hover {
    background: #b40000;
}

/* CTA-текст */
.ft25_cta_tx {
    margin: 0;
}

/* меню */
.ft25_menu {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.ft25_menu_col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
.ft25_group {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.ft25_group a,
.ft25_soc_list a {
    display: inline-block;
    color: #fff !important;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    transition: border-color 0.3s ease;
}
.ft25_group a:hover,
.ft25_soc_list a:hover {
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

/* соцсети и контакты */
.ft25_soc_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ft25_soc_list li {
    display: flex;
    padding: 0;
}
.ft25_tels a {
    color: rgba(255, 255, 255, 0.5) !important;
    text-decoration: none;
    transition: color 0.3s ease;
}
.ft25_tels a:hover {
    color: #fff !important;
}
.ft25_addr a.addr {
    color: #fff !important;
    border: 0 !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    text-decoration-color: #fff;
    transition: text-decoration-color 0.3s ease;
}
.ft25_addr a.addr:hover {
    text-decoration-color: rgba(255, 255, 255, 0.5);
}
.ft25_hours {
    color: rgba(255, 255, 255, 0.5);
}

/* нижняя строка */
.ft25_bottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 12px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.3);
}
.ft25_bottom a {
    color: rgba(255, 255, 255, 0.3) !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    text-decoration-color: rgba(255, 255, 255, 0);
    transition: text-decoration-color 0.3s ease;
}
.ft25_bottom a:hover {
    text-decoration-color: rgba(255, 255, 255, 0.3);
}

@media screen and (min-width: 992px) {
    .tmp_footer footer {
        margin-top: 150px;
        padding-top: 80px;
        padding-bottom: 0;
        min-height: 0;
    }
    .ft25_cta {
        display: grid;
        grid-template-columns: 48.42% minmax(0, 502px) 1fr;
        align-items: center;
        margin-top: 165px;
    }
    .ft25_cta_tx {
        font-size: 23px;
        line-height: 32px;
    }
    .ft25_btn {
        justify-self: end;
    }
    .ft25_menu_desktop {
        display: grid;
        grid-template-columns: 22.1% 26.3% 24.3% 27.3%;
        margin-top: 60px;
        padding-top: 60px;
    }
    .ft25_menu_desktop .ft25_menu_col:first-child .ft25_group:first-child {
        gap: 12px;
    }
    .ft25_menu_mobile {
        display: none;
    }
    .ft25_group a,
    .ft25_soc_list a,
    .ft25_tels,
    .ft25_addr {
        font-size: 17px;
        line-height: 27px;
    }
    .ft25_contacts {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 27.3%;
        margin-top: 150px;
    }
    .ft25_soc {
        max-width: 366px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .ft25_soc_list {
        gap: 12px 30px;
    }
    .ft25_tels {
        display: flex;
        gap: 24px;
    }
    .ft25_addr {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
    .ft25_bottom {
        margin-top: 60px;
        padding-top: 30px;
    }
    .ft25_bottom_l {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        width: 48.9%;
    }
}

/* промежуточные разрешения: текст CTA сжимается, кнопка компактнее */
@media screen and (min-width: 992px) and (max-width: 1420px) {
    .ft25_cta {
        grid-template-columns: auto minmax(0, 460px) auto;
        column-gap: 40px;
    }
    .ft25_cta_tx {
        font-size: 20px;
        line-height: 1.4;
    }
    .ft25_btn {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* мобильная раскладка подвала — по просьбе заказчика начинается уже с 991px */
@media screen and (max-width: 991px) {
    footer {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .ft25_cta {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        order: 1;
        margin-top: 40px;
    }
    /* в макете отступы 25/26px при полях 15px; на сайте поля 18px, поэтому
       отступы 20px — иначе на 375px слоган не помещается в 2 строки */
    .ft25_brand {
        gap: 20px;
    }
    .ft25_slogan {
        padding-left: 21px;
    }
    .ft25_cta_tx {
        margin-top: 35px;
        font-size: 17px;
        line-height: 27px;
    }
    /* перебивает правила .order-btn (в т.ч. его мобильные ≤768: 55px / 15px):
       в макете подвала кнопка остаётся 65px с текстом 18px */
    .ft25_btn {
        margin-top: 16px;
        width: 100%;
        min-height: 65px;
        font-size: 18px;
    }
    .ft25_contacts {
        order: 2;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        margin-top: 30px;
    }
    .ft25_soc {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .ft25_soc_list {
        justify-content: space-between;
        gap: 12px 10px;
    }
    .ft25_group a,
    .ft25_soc_list a,
    .ft25_tels,
    .ft25_addr {
        font-size: 12px;
        line-height: 18px;
    }
    .ft25_tels {
        display: flex;
        gap: 10px;
    }
    .ft25_tels a {
        flex: 1 0 0;
        color: #fff !important;
    }
    .ft25_addr {
        margin-top: 30px;
    }
    .ft25_hours {
        display: none;
    }
    .ft25_menu_desktop {
        display: none;
    }
    .ft25_menu_mobile {
        order: 3;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 11px;
        margin-top: 30px;
        padding-top: 30px;
    }
    .ft25_menu_col {
        gap: 20px;
    }
    .ft25_group {
        gap: 6px;
    }
    .ft25_bottom {
        order: 4;
        flex-wrap: wrap;
        row-gap: 16px;
        column-gap: 0;
        margin-top: 32px;
        padding-top: 30px;
    }
    .ft25_bottom_l {
        display: contents;
    }
    .ft25_bottom_c {
        order: 1;
        width: 55%;
    }
    .ft25_bottom_doc {
        order: 2;
        width: 45%;
        text-align: right;
    }
    .ft25_bottom_dz {
        order: 3;
        width: 55%;
    }
    .ft25_bottom_ai {
        order: 4;
        width: 45%;
        text-align: right;
    }
}

/* полоса 769–991: подвал уже в мобильной раскладке, но глобальные десктопные
   правила футера (resize_v2.css и большой min-width:769-блок выше в этом файле:
   .tmp_footer footer c margin-top:150px / min-height:713px и т.п.) ещё активны —
   приводим их к мобильным значениям. Селектор .tmp_footer footer нужен,
   чтобы победить их по каскаду при равной специфичности. */
@media screen and (min-width: 769px) and (max-width: 991px) {
    footer,
    .tmp_footer footer {
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 20px;
        min-height: 0;
    }
    .tmp_footer footer .container-fluid {
        height: auto;
    }
}

.s__article_base {
    .worktop-descript {
        img {
            max-width: 100%;
        }
    }
}

.servise-faq__accordion {
    .servise-faq__card-header-btn {
        .ico {
            transform: none;
        }
    }

    .servise-faq__collapse {
        display: grid !important;
        grid-template-rows: 0fr;
        transition: 0.3s;

        &:not(.show) {
            height: auto !important;
            overflow: visible;
        }
    }

    .servise-faq__card-body {
        padding: 0;
        overflow: hidden;
    }

    .servise-faq__card.is-opened {
        .servise-faq__card-header-btn {
            .ico {
                transform: rotate(180deg);
            }
        }

        .servise-faq__collapse {
            grid-template-rows: 1fr;
            padding-top: 12px;
        }
    }
}

/* ===== блок рекомендаций внизу кейса и статьи: «показать другие» / «смотреть все» =====
   разметка — chunks/rec_buttons.tpl, логика — assets/js/rec-block.js */

/* сервер отдаёт запас карточек; без JS и до его запуска видны первые две */
.js-rec-list > :nth-child(n+3){
    display: none;
}
.js-rec-list{
    transition: opacity 0.2s ease;
}
.js-rec-list.is-swapping{
    opacity: 0;
}
.rec-buttons{
    display: flex;
    justify-content: flex-start;
}
.s__first_articles_v2 .rec-buttons{
    margin-top: 2.74rem;
}
.dsgn_v2 .s__service_works .rec-buttons{
    justify-content: flex-start;
    margin-top: 0;
    padding-bottom: 5.48rem;
}
.rec-buttons .btn_red{
    cursor: pointer;
}
.rec-buttons .btn_red.rec-more{
    font-family: inherit;
    color: #fff !important;
    background: none;
    border-color: rgba(255, 255, 255, 0.5);
    outline: none;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.rec-buttons .btn_red.rec-more:focus-visible{
    color: #1c1c1c !important;
    background-color: #fff;
    border-color: #fff;
}
.rec-buttons .btn_red:focus-visible{
    outline: 2px solid #fff;
    outline-offset: 3px;
}
/* на тач-экранах :hover залипает после нажатия — заливку оставляем только мыши */
@media (hover: hover){
    .rec-buttons .btn_red.rec-more:hover{
        color: #1c1c1c !important;
        background-color: #fff;
        border-color: #fff;
    }
}
.rec-more-ico{
    flex: none;
    width: 1.1em;
    height: 1.1em;
    margin-right: 0.55em;
}
.rec-more.is-spin .rec-more-ico{
    animation: rec-spin 0.5s ease;
}
@keyframes rec-spin{
    to{
        transform: rotate(360deg);
    }
}
@media screen and (max-width: 768px){
    .s__first_articles_v2 .rec-buttons{
        margin-top: 30px;
    }
    .dsgn_v2 .s__service_works .rec-buttons{
        padding-bottom: 60px;
    }
}
@media (prefers-reduced-motion: reduce){
    .js-rec-list{
        transition: none;
    }
    .rec-more.is-spin .rec-more-ico{
        animation: none;
    }
}