/* Start:/local/templates/ewp/css/ready_solutions.css?176945986664252*/
:root{
    --color_s_0: #222222;
    --color_s_1: #E5E5E5;
    --color_s_2: #F2392D;
    --color_s_3: #FFFFFF;
    --color_s_4: #01010126;
    --color_s_5: #DB352A;
    --color_s_bkg: #F8F8F8;
    --color_s_6: #000;
    --color_s_7: #979797;
    --color_s_8: #D6D6D6;
}
@font-face {
    font-family: "Montserrat";
    src: local("Montserrat"), url("/assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf");
}
@media(max-width: 576px){
    .hide_mobile{
        display: none !important;
    }
}
@media(min-width: 576px) and (max-width: 992px){
    .hide_tablet{
        display: none !important;
    }
}
@media(min-width: 992px){
    .hide_desktop{
        display: none !important;
    }
}

h2.h2-center{
    text-align: center;
}
.solutions-block{
    margin-bottom: 80px;
}
@media(max-width: 992px){
    .solutions-block{
        margin-bottom: 60px;
    }
}
@media(max-width: 576px){
    .solutions-block{
        margin-bottom: 50px;
    }
}

.solutions-block .content{
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: var(--color_s_0);
}

/*START solutions ewp_top*/
.solutions-block_top{
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.solutions-block_top p:last-child{
    margin-bottom: 0;
}
@media(max-width: 992px){
    .solutions-block_top{
        gap: 40px;
    }
}
@media(max-width: 576px){
    .solutions-block_top{
        gap: 30px;
    }
}
.ewp_top{
    display: flex;
    gap: 64px;
}
.ewp_top-logo{
    min-width: 248px;
    padding-right: 57px;
    border-right: 1px solid var(--color_s_1);
    display: flex;
    align-items: end;
}

.ewp_top-list{
    display: flex;
    gap: 60px;
    border-bottom: 1px solid var(--color_s_1);
}

.ewp_top-list-item{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 20px;
}

.ewp_top-list-item-title{
    font-size: 55px;
    font-weight: 900;
    line-height: 67px;
    color: var(--color_s_0);
    text-align: center;
}
.ewp_top-list-item-description{
    display: flex;
    align-items: end;

    font-family: 'OpenSans';
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

    color: var(--color_s_0);
    padding: 20px 20px 15px 20px;
    background: var(--color_s_1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: height, background, color 0.3s;
}

.ewp_top-list-item-description:hover{
    background: var(--color_s_2);
    color: var(--color_s_3);
    cursor: pointer;
}

@media(max-width:1200px){
    .ewp_top{
        gap: 30px;
    }
    .ewp_top-logo{
        min-width: 180px;
        padding-right: 30px;
    }
    .ewp_top-list{
        gap: 30px;
    }
}
@media(max-width:1060px){
    .ewp_top-list-item-title{
        font-size: 40px;
        line-height: 55px;
    }
    .ewp_top-list-item-description{
        font-size: 14px;
        line-height: 16.8px;
    }
}

@media(max-width:992px){
    .ewp_top {
        gap: 10px;
    }
    .ewp_top-list {
        gap: 10px;
    }
    .ewp_top-list-item-title{
        font-size: 35px;
        line-height: 45px;
    }
    .ewp_top-list-item-description{
        padding: 40px 10px 10px 10px;
        font-size: 12px;
        line-height: 14.4px;
    }
    .ewp_top-logo{
        min-width: 110px;
        padding-right: 10px;
    }
}

@media(max-width:576px){
    .ewp_top{
        flex-direction: column;
    }
    .ewp_top-logo{
        border-right: none;
        padding-bottom: 10px;
        width: 110px;
    }
    .ewp_top-list{
        flex-direction: column;
        border-left: 1px solid var(--color_s_1);;
    }
    .ewp_top-list-item{
        font-size: 26px;
        line-height: 35px;
        padding: 15px;
        background: var(--color_s_1);
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        transition: background 0.3s;
        gap: 0;
    }
    .ewp_top-list-item:hover{
        background: var(--color_s_2);
    }
    .ewp_top-list-item:hover .ewp_top-list-item-title{
        color: var(--color_s_3);
    }
    .ewp_top-list-item:hover .ewp_top-list-item-description{
        color: var(--color_s_3);
    }
    .ewp_top-list-item-description:hover{
        background: none;
    }
    .ewp_top-list-item-description{
        background: unset;
        padding: 0;
    }
    .ewp_top-list-item-title{
        text-align: left;
        font-size: 26px;
        line-height: 35px;
    }
}

/*START solutions-advantages-list*/
.solutions-block_advantages{
    position: relative;
    overflow: hidden;
}
.solutions-block_advantages::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;  
    opacity: .4; 
    z-index: -1;
    background: var(--color_s_bkg);
}
.solutions-advantages-bkg-img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-25%, -25%) rotate(-40deg);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    scale: 2;
    filter: grayscale(1);
    z-index: -1;
}
.solutions-advantages-list{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 80px 0;
}
.solutions-advantages-list-item{
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 30px;
    box-shadow: 0px 0px 50px 0px var(--color_s_4);
    background: var(--color_s_3);
    border-radius: 10px;
}

.solutions-advantages-list-item:nth-child(6n - 5),
.solutions-advantages-list-item:nth-child(6n - 4),
.solutions-advantages-list-item:nth-child(6n - 3){
    width: calc((100% - 60px) / 3);
}

.solutions-advantages-list-item:nth-child(6n - 2),
.solutions-advantages-list-item:nth-child(6n - 1){
    width: calc(50% - 15px);
}

.solutions-advantages-list-item-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 60px;
    height: 60px;
    background: var(--color_s_5);
    border-radius: 50%;
}
.solutions-advantages-list-item-icon svg{

}

.solutions-advantages-list-item-text{
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: var(--color_s_0);
}

.solutions-advantages-list-item-text .title{
    font-size: 16px;
    font-weight: 550;
    line-height: 19.2px;
}
.solutions-advantages-list-item-text .text{
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
}

@media(max-width: 992px){
    .solutions-advantages-list{
        flex-direction: column;
        padding: 60px 90px !important;
    }
    .solutions-advantages-list-item{
        width: 100% !important;
    }
    .solutions-advantages-bkg-img{
        transform: translate(-25%, -25%) rotate(-75deg);
    }
}
@media(max-width: 576px){
    .solutions-advantages-list{
        padding: 50px 15px !important;
    }
    .solutions-advantages-list-item{
        flex-direction: column;
        padding: 25px;
    }
    .solutions-advantages-list-item-text .title, .solutions-advantages-list-item-text .text{
        text-align: center;
    }
    .solutions-advantages-bkg-img{
        transform: translate(-23%, -26%) rotate(-90deg);
        scale: 2.1;
    }
}

/*START solutions-catalog*/
.solutions-block_catalog{
}
.solutions-catalog--wrapper{
}

.solutions-catalog{
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.solutions-catalog-selector{
    display: flex;
    gap: 15px;
    padding-bottom: 75px;
}
.swiper-container-initialized .solutions-catalog-selector{
    gap: 0;
}

.solutions-catalog-selector-item{
    padding: 10px 25px 12px 25px;
    color: var(--color_s_6);
    background: var(--color_s_bkg);
    text-decoration: none;
    border-radius: 46px;
    transition: color, background  0.3s;
    display: block;
    white-space: nowrap;

    font-size: 18px;
    line-height: 26px;
}
.solutions-catalog-selector-item.active{
    color: var(--color_s_3);
    background: var(--color_s_5);
}
.solutions-catalog-selector-item:hover{
    color: var(--color_s_3);
    background: var(--color_s_2);
}
@media(max-width: 992px){
    .solutions-catalog-selector{
        padding-bottom: 55px;
    }
    .solutions-catalog-selector-item{
        font-size: 14px;
        line-height: 23px;
    }
}
@media(max-width: 576px){
    .solutions-catalog-selector{
        padding-bottom: 45px;
    }
}


.solutions-catalog-section-title{
    font-size: 35px;
    font-weight: 550;
    line-height: 40px;
    margin-bottom: 75px;
}
.solutions-catalog-section-title::after{
    content: ".";
    margin-left: 1px;
    color: var(--color_s_5);
}

.solutions-list{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.solutions-list-item{
    border-radius: 5px;
    border: 1px solid var(--color_s_1);
    overflow: hidden;
    width: calc((100% - 60px) / 3);
    transition: border 0.3s;
}
.solutions-list-item:hover{
    border: 1px solid var(--color_s_5);
}
.solutions-list-item_img--wrapper{
    display: block;
    position: relative;
    background: var(--color_s_bkg);
    height: 228px;
}

.solutions-list-item_img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solutions-list-item-container{
    padding: 20px 40px 30px 40px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.tag-list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    color: var(--color_s_7);
}
.tag-list-item{
    text-decoration: none;
}
.tag-list-item:hover{
    color: var(--color_s_2);
    text-decoration: underline;
}
.tag-list .delimeter{
    height: 20px;
    width: 1px;
    background: var(--color_s_7);
}

.solution-title{
    font-size: 28px;
    font-weight: 550;
    line-height: 40px;
    color: var(--color_s_0);
    margin: -5px 0;
    text-decoration: none;
    padding-right: 5px;/*Для точки*/
}
.solution-title:hover{
    color: var(--color_s_5);
}
.solution-title::after{
    content: ".";
    margin-left: -7px;
    color: var(--color_s_5);
}

.solution-preview-text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3; 
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 0;
}

.solution-price{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color_s_5);
    font-size: 18px;
    font-weight: 600;
    line-height: 24.51px;
    text-decoration: none;
    transition: all 0.3s;
}

.solution-price path{
    transition: all 0.3s;
}
.solution-price:hover{
    color: var(--color_s_2);
}
.solution-price:hover path{
    fill: var(--color_s_5)
}
.solution-price-data{
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 0px 5px;
}
.solution-price-arrow{
    line-height: 0;
}
.loadmore--wrapper{
    display: flex;
    justify-content: center;
    padding-top: 30px;
    width: 100%;
}
.solutions-catalog .loadmore-btn{
    padding: 10px 25px 12px 25px;
    color: var(--color_s_6);
    background: var(--color_s_1);
    text-decoration: none;
    border-radius: 46px;
    transition: color, background 0.3s;
}
.solutions-catalog .loadmore-btn:hover{
    color: var(--color_s_3);
    background: var(--color_s_2);
}

/*START SOLUTIONS HELP*/
.solutions_help{
    margin-bottom: 0;
}
.solutions-block .panel{
    margin-bottom: 70px;
}
.solutions-block .panel h2{
    margin-bottom: 0;
    font-size: 55px;
    font-weight: 900;
    line-height: 67px;
}
h2.after_question::after{
    content: "?";
}


.swiper-container-initialized .solutions-list{
    flex-wrap: nowrap;
}
.swiper-container-initialized .solutions-list-item{
    flex-shrink: 0;
}
.swiper-container-initialized .solutions-list{
    gap: 0;
}

@media(max-width: 992px){
    .solutions-catalog{
        gap: 55px;
    }
    .tag-list{
        gap: 0 5px;
    }
    .tag-list-item{
        font-size: 12px;
        line-height: 23px;
    }
    .solutions-catalog-section-title{
        font-size: 22px;
        font-weight: 550;
        line-height: 30px;
        margin-bottom: 35px;
    }
    .solutions-list-item-container{
        padding: 30px 20px 20px 20px;
    }
    .solution-title{
        font-size: 18px;
        line-height: 21.6px;
    }
    .solution-title::after{
        margin-left: -5px;
    }
    .solution-preview-text{
        font-size: 14px;
        line-height: 19.6px;
    }
    .solution-price{
        font-size: 14px;
        line-height: 19.07px;
    }
    .solutions-catalog .loadmore--wrapper{
        display: none;
    }
}
@media(max-width: 576px){
    .solutions-catalog-selector{
        padding-bottom: 45px;
    }
    .solutions-catalog-section-title{
        margin-bottom: 25px;
    }
    .solutions-catalog{
        gap: 45px;
    }
}



/*START SOLUTIONS HELP LIST*/
.solutions_help-list--wrapper{
    border-top: 1px solid var(--color_s_1);
    border-bottom: 1px solid var(--color_s_1);
    padding: 70px 0 80px 0;
}
.solutions_help-list{
    display: flex;
    gap: 30px;
}
.solutions_help-list-item{
    box-shadow: 0px 0px 40px 0px #0101011A;
    padding: 80px 80px 80px 50px;
    display: flex;
    gap: 50px;
    position: relative;
    background: var(--color_s_3);
    text-decoration: none;
    transition: background 0.3s;
}
.solutions_help-list-item:hover{
    background: var(--color_s_5);
}
.solutions_help-list-item:hover .help-image--wrapper svg path{
    fill: var(--color_s_3);
}
.solutions_help-list-item:hover .help-data-title, .solutions_help-list-item:hover .help-data-text{
    color: var(--color_s_3);
}
.solutions_help-list-item:hover .decor-arrow{
    background: var(--color_s_3);
}
.solutions_help-list-item:hover .decor-arrow svg path{
    fill: var(--color_s_5);
}
.solutions_help-list-item .decor-arrow{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70px;
    height: 70px;
    z-index: 1;
    background: var(--color_s_5);
    border-top-left-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.solutions_help-list-item .decor-arrow svg{
    transition: all;
    margin-top: 16px;
    margin-left: 7px;
}
.help-image--wrapper{
    min-width: 150px;
}

.help-data{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.help-data-title{
    font-size: 25px;
    font-weight: 900;
    line-height: 40px;
    color: var(--color_s_6);
    font-family: "Helvetica";
}
.help-data-title::after{
    content: ".";
    margin-left: 1px;
    color: var(--color_s_5);
}
.help-data-text{
    color: var(--color_s_7);
}

@media(max-width: 992px){
    .solutions_help-list--wrapper{
        border-bottom: none;
        padding: 50px 0 0 0;
    }
    .solutions_help-list{
        gap: 20px;
    }
    .solutions-block .panel{
        margin-bottom: 50px;
    }
    .solutions-block .panel h2{
        font-size: 35px;
        line-height: 45px;
    }
    .solutions_help-list-item{
        padding: 40px 40px 70px 40px;
        flex-direction: column;
        gap: 30px;
        min-height: 500px;
    }
    .help-data-title{
        font-size: 20px;
        line-height: 24px;
    }
    .help-data-text{
        font-size: 16px;
        line-height: 22.4px;
    }
}

@media(max-width: 576px){
    .solutions_help-list{
        flex-wrap: wrap;
    }
    .solutions_help-list-item{
        min-height: auto;
        align-items: center;
    }
    .help-data-text{
        margin-bottom: 10px;
    }
    .solutions-block .panel{
        margin-bottom: 40px;
    }
    .solutions-block .panel h2{
        font-size: 28px;
        line-height: 35px;
    }
}

.showmore-hidden{
    display: none !important;
}

/*START DETAIL*/
.section-solution_detail--wrapper{
    /*height: calc(100vh - 100px);*/
    min-height: 720px;
    background-color: #124375;
    background-image: url("/local/templates/ewp/assets/css/../images/header/stars-bgr.png"), url("/local/templates/ewp/assets/css/../images/header/header-bgr.png"), url("/local/templates/ewp/assets/css/../images/header/header-main-bgr.jpg");
    background-position: center top, center top, center center;
    background-repeat: repeat-x, repeat, no-repeat;
    background-size: auto auto, auto auto, auto 100%;
    position: relative;
    max-height: 900px;
    min-height: 620px;
}
.section-solution_detail--wrapper.no-video{
    min-height: auto;
}
.no-video .section-solution_detail .buttons-list{
    margin-bottom: 0;
}
.section-solution_detail{
    padding: 55px 0 80px 0;
}

.solution_detail-h1{
    color: var(--color_s_3);
    text-align: center;
}

.solution_detail-preview-text{
    color: var(--color_s_3);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    margin-bottom: 25px;
}

.section-solution_detail .price-wrapper{
    color: var(--color_s_3);
    font-family: "Helvetica";
    font-size: 35px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    margin-bottom: 35px;
}
.section-solution_detail .price-wrapper .currency{
    font-family: "Helvetica";
}
.section-solution_detail .price-wrapper::after {
    content: ".";
    margin-left: 1px;
    color: var(--color_slider-nav_hover);
}


.section-solution_detail .buttons-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 40px;
}

.section-solution_detail .buttons-list .button{
    font-size: 14px;
    font-weight: 400;
}

.button.button--with-arrow{
    position: relative;
    z-index: 1;
    background: none;
}
.button.button.button--with-arrow:hover{
    background: none;
}
.button.button--with-arrow::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 50px;
    height: 50px;
    background-color: var(--color_s_5);
    border-radius: 50px;
    transition: width 0.3s;
}

.button.button--with-arrow span{
    position: relative;
    z-index: 1;
}

.button.button--with-arrow svg{
    margin: 0 0 -1px 10px;
    position: relative;
    z-index: 1;
}

.button.button--with-arrow:hover::before{
    width: 100%;
    background-color: #f2392d;
}

.solution-detail-ad-wrapper{
    display: flex;
    gap: 30px;
}

.solution-solution-detail-ad_col{
    display: flex;
    flex-direction: column;
    gap: 30px;
    min-width: 300px;
}

.ad_col-item{
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: var(--color_s_3);
    padding: 40px;
    border-radius: 10px;
    color: var(--color_s_0);
    min-height: 177px;
}

.ad_col-item-head{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.ad_col-item-head .title{
    font-family: "Helvetica";
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}
.ad_col-item-head .title::after {
    content: ".";
    margin-left: 1px;
    color: var(--color_slider-nav_hover);
}

.ad_col-item-head .icon{
    min-width: 50px;
    min-height: 50px;
    width: 50px;
    height: 50px;
    background: var(--color_s_bkg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ad_col-item .text{
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    margin-bottom: 0;
}
.solution-solution-detail-ad_col{
    order: 3;
}
.solution-solution-detail-ad_col:first-child{
    order: 1;
}
.solution-solution-detail-ad_col-video{
    width: 100%;
    order: 2;

    background-position: center;
    background-size: cover !important;
    height: auto;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.5); /* Создаём размытую тень */
}

.solution-solution-detail-ad_col-video::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Прозрачный чёрный фон */
    pointer-events: none; /* Чтобы фильтр не мешал взаимодействию */
}

.solution-solution-detail-ad_col-video .video-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
    background: #FFFFFF1A;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
}
.solution-solution-detail-ad_col-video .video-icon svg{
    margin-right: -3px;
}
.solution-solution-detail-ad_col-video:hover .video-icon{
    background:var(--color_slider-nav_hover);
}

@media(max-width: 992px){
    .section-solution_detail{
        padding: 25px 0 60px 0;

    }
    .section-solution_detail--wrapper{
        max-height: none;
    }
    .solution_detail-h1{
        font-size: 35px;
        font-weight: 900;
        line-height: 45px;
        margin-bottom: 5px;
    }
    .solution_detail-preview-text{
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
    }
    .section-solution_detail .price-wrapper{
        font-size: 28px;
        font-weight: 500;
        line-height: 25px;  
    }
    .section-solution_detail .buttons-list{
        margin-bottom: 30px;
    }
    .section-solution_detail .buttons-list .button{
        height: 50px;
        line-height: 50px;
    }
    .solution-detail-ad-wrapper{
        flex-wrap: wrap;
        gap: 20px;
    }
    .solution-solution-detail-ad_col{
        order: 3;
        width: 100%;
        flex-direction: row;
        gap: 20px;
        min-width: auto;
    }
    .solution-solution-detail-ad_col:first-child{
        order: 2;
    }
    .ad_col-item{
        width: calc((100% - 20px) / 2);
        padding: 20px;
        gap: 0;
        min-height: auto;
    }
    .solution-solution-detail-ad_col-video{
        order: 1;
        height: 400px;
    }
    .ad_col-item-head .title{
        font-size: 14px;
        line-height: 16.8px;
        padding-right: 125px;
    }
    .ad_col-item .text{
        font-size: 12px;
        font-weight: 400;
        line-height: 14.4px;
        padding-right: 95px;
    }
}

@media(max-width: 710px){
    .ad_col-item-head .title{
        padding-right: 65px;
    }
}
@media(max-width: 576px){
    .solution_detail-h1{
        font-size: 28px;
        line-height: 35px;
    }
    .solution_detail-preview-text{
        font-size: 14px;
        font-weight: 400;
        line-height: 16.8px;
    }
    .section-solution_detail .buttons-list{
        flex-direction: column;
        align-items: center;
    }
    .section-solution_detail .buttons-list .button{
        min-width: 200px;
        width: fit-content;
    }
    .solution-detail-ad-wrapper{
        flex-wrap: wrap;
        gap: 20px;
    }
    .solution-solution-detail-ad_col{
        width: 100%;
        flex-direction: column;
        gap: 20px;
    }
    .ad_col-item{
        width: 100%;
    }
    .solution-solution-detail-ad_col-video{
        height: 170px;
    }
    .ad_col-item-head .title{
        padding-right: 90px;
    }
    .ad_col-item .text{
        padding-right: 65px;
    }
}

/*SOLUTIONS CLIENTS*/
.solutions_clients{
}
.solutions_clients-list--wrapper{
}
.solutions-block .panel h2.clients-list_title{
    font-size: 35px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}
h2 .red, .title.red{
    color: var(--color_s_5);   
}
.solutions_clients-list{
    padding-bottom: 80px;
    border-bottom: 1px solid #E5E5E5;
}
.solutions_clients-list-item{
    filter: grayscale(1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.solutions_clients-list-item:hover{
    filter: unset;
}
.solutions_clients-list-item .icon--wrapper{
    width: 168px;
}

@media(max-width: 992px){
    .solutions-block .panel h2.clients-list_title{
        font-size: 28px;
        font-weight: 550;
        line-height: 33.6px;
    }
    .solutions_clients-list{
        padding-bottom: 30px;
    }
}

@media(max-width: 576px){
}

.solutions_multiple-gallery{
    padding: 80px 0;
    background: var(--color_s_bkg);
}
.solutions_multiple-gallery--wrapper{

}
.multiple-gallery-list{
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 80px;
}
.multiple-gallery-list-slider{
}
.multiple-gallery-list-slider .swiper-wrapper.direction-right{
    animation: scrollSolMulSlider_right 10s linear infinite; /* Непрерывное движение */
}
.multiple-gallery-list-slider .swiper-wrapper.direction-left{
    animation: scrollSolMulSlider_left 10s linear infinite; /* Непрерывное движение */
}

.multiple-gallery-list-slider-item{
    min-height: 200px;
    min-width: 355px;
    position: relative;
    display: flex;
    border-radius: 15px;
    border: 1px solid #E5E5E5;
    overflow: hidden;
}

.multiple-gallery-list-slider-item img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solutions_multiple-gallery--wrapper .buttons-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.button.button-solutions{
    font-size: 14px;
    font-weight: 400;
}
@media(max-width: 992px){
    .solutions_multiple-gallery{
        padding: 50px 0;
        margin-bottom: 45px;
    }
    .multiple-gallery-list{
        gap: 15px;
        margin-bottom: 50px;
    }
    .multiple-gallery-list-slider-item {
        min-height: 110px;
        min-width: 190px;
    }
}

@media(max-width: 576px){
    .solutions_multiple-gallery{
        padding: 45px 0 50px 0;
    }
}

/*START solutions_features*/
.solutions_features{
}
.solutions_features--inner{
}
.solutions_features-block{
}
.features-sections-select--wrapper{
    background: var(--color_s_bkg);
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 100px;
    padding: 0 15px;
    margin-bottom: 40px;
    transition: border-radius,margin 0.3s;
}
.features-sections-selelect{
    width: 100%;
    padding: 16px 0px;
    overflow: hidden;
}
.features-sections-selelect .swiper-wrapper{
    
}
.features-sections-selelect-slider_btn-prev.swiper-button-prev::after, .features-sections-selelect-slider_btn-next.swiper-button-next::after{
    content: none;
}
.features-sections-selelect-slider_btn-prev.swiper-button-prev, .features-sections-selelect-slider_btn-next.swiper-button-next{
    position: initial;
    display: flex;
    min-width: 57px;
    height: 41px;
    background: var(--color_s_1);
    margin: 0;
    border-radius: 134px;
    transition: min-width,opacity,background 0.3s;
}
.features-sections-selelect-slider_btn-prev.swiper-button-prev path, .features-sections-selelect-slider_btn-next.swiper-button-next path{
    fill: var(--color_s_0);
    transition: fill 0.3s;
}
.features-sections-selelect-slider_btn-prev.swiper-button-prev:hover, .features-sections-selelect-slider_btn-next.swiper-button-next:hover{
}
.features-sections-selelect-slider_btn-prev.swiper-button-prev:hover path, .features-sections-selelect-slider_btn-next.swiper-button-next:hover path{
    fill: var(--color_s_5);
}
.features-sections-selelect-slider_btn-prev.swiper-button-prev:active, .features-sections-selelect-slider_btn-next.swiper-button-next:active{
    background: var(--color_s_5);
}
.features-sections-selelect-slider_btn-prev.swiper-button-prev:active path, .features-sections-selelect-slider_btn-next.swiper-button-next:active path{
    fill: var(--color_s_3);
}
.features-sections-selelect-slider_btn-next.swiper-button-disabled, .features-sections-selelect-slider_btn-prev.swiper-button-disabled{
}
.features-sections-selelect-item{
    position: relative;
    display: flex;
    font-weight: 700;
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0%;
    padding: 9px 25px;
    max-width: fit-content;
    color: var(--color_s_6);
    transition: color,border 0.3s;
}
.features-sections-selelect-item[disabled]{
    color: var(--color_s_7);
    font-weight: 400;
    font-size: 15px;
}
.features-sections-selelect-item:not([disabled]):hover{
    color: var(--main-color-black-hover);
    cursor: pointer;
}
.features-sections-selelect-item.selected{
    border: 1px solid var(--main-color-black);
    border-radius: 100px;
    color: var(--main-color-black);
    background: var(--color_s_3);
}
.features-sections-selelect-item .top-count{
    display: none;
}
.features-sections-selelect-item.selected .top-count{
    position: absolute;
    right: -10px;
    top: -10px;
    line-height: 0;
    height: 22px;
    border-radius: 100px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--main-color);
    color: var(--main-color-black);
}

.solutions_features-sections-list{
}

.features-sections-list-item{
    height: 0;
    background: var(--color_s_bkg);
    border-radius: 40px;
    display: flex;
    height: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s;
}
.features-sections-list-item.selected{
    height:  610px;
    max-height: 610px;
    padding: 60px 60px 70px 0px;
    opacity: 1;
}
.features-detail{
    display: flex;
    flex-direction: column;
}
.features-detail .feature-title{
    font-family: "Helvetica";
    font-weight: 500;
    font-size: 35px;
    line-height: 40px;
    padding-left: 60px;
    padding-right: 60px;
}
.features-detail .feature-title:after{
}
.features-detail-list--wrapper{
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    padding-left: 60px;
    padding-right: 60px;
}
.features-detail-list--wrapper::after{
    height: 0;
    opacity: 0;
    transition: height,opacity 0.5s;
}
.features-detail-list--wrapper::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 30px;
    width: calc(100% - 60px);
    height: 50px;
    opacity: 1;
    background: linear-gradient(360deg, #F8F8F8 25%, rgba(248, 248, 248, 0) 100%);
    pointer-events: none;
    z-index: 1;
}
.features-detail-list.scrolled-down::after{
    height: 0;
    opacity: 0;
    transition: height,opacity 0.5s;
}
.features-detail-list.scrolled-down::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    opacity: 1;
    background: linear-gradient(360deg, rgba(248, 248, 248, 0) 25%, #F8F8F8 100%);
    pointer-events: none;
    z-index: 1;
}
.features-detail-list .swiper-scrollbar{
    background: var(--color_s_3);
}
.features-detail-list .swiper-scrollbar-drag{
    background: var(--main-color);
}
.features-detail-list.swiper-container-vertical>.swiper-scrollbar{
    right: -34px;
}
.features-detail-list.swiper-container-horizontal>.swiper-scrollbar{
    left: 0;
    bottom: 15px;
}

.features-detail-list{
    height: 100%;
    max-height: 100%;
    position: relative;
    padding-bottom: 40px;
    padding-top: 40px;
    min-width: 316px;
    max-width: 316px;
}
.features-detail-list .swiper-wrapper{
}
.features-detail-list-item{
    display: flex;
    gap: 12px;
    background: var(--color_s_3);
    border-radius: 5px;
    padding: 20px 20px 15px 20px;
    max-height: 135px;
    height: min-content;
}
.features-detail-list-item.active{
    box-shadow: 0px 0px 40px 0px #01010126;
}

.features-detail-list-item .icon{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 20px;
    max-width: 20px;
    max-height: 20px;
}
.features-detail-list-item .icon path{
    //fill: var(--color_s_7);
}
.features-detail-list-item.active .icon path{
    //fill: var(--color_s_5);
}

.features-detail-list-item .data{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.features-detail-list-item .data .title{
    font-family: "Helvetica";
    font-weight: 500;
    font-size: 16px;
    line-height: 19.2px;
    color: var(--color_s_6);
}
.features-detail-list-item .data .text{
    font-weight: 400;
    font-size: 14px;
    color: var(--color_s_0);
}
.features-detail-list-item .data .text p:last-child{
    margin-bottom: 0;
}

.features-detail .buttons-list{
    min-height: 41px;
    max-height: 41px;
    display: flex;
    padding-left: 60px;
    margin-top: auto;
}
.buttons-list .slider-type-list{
    display: flex;
    gap: 22px;
    padding-right: 44px;
    position: relative;
}
.buttons-list .slider-type-list::after{
    content: "";
    position: absolute;
    top: 0;
    right: 21.5px;
    width: 1px;
    height: 100%;
    background: var(--color_s_8);
}
.buttons-list .slider-type-button{
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    border-radius: 5px;
    width: 57px;
    height: 100%;
    background: var(--color_s_3);
    transition: background 0.3s;
}
.buttons-list .slider-type-button.active{
    background: var(--color_s_5);
}
.buttons-list .slider-type-button path{
    stroke: var(--main-color-black);
    transition: stroke 0.3s;
}
.buttons-list .slider-type-button.active path{
    stroke: var(--color_s_3);
}
.buttons-list .slider-type-button[disabled]{
    background: var(--color_s_1);
}
.buttons-list .slider-type-button[disabled] path{
    stroke: var(--color_s_8);
}
.buttons-list .slider-type-button:not([disabled]):hover{
    cursor: pointer;
}
.buttons-list .slider-type-button:not([disabled]):hover path{
    stroke: var(--color_s_6);
}
.buttons-list .slider-type-button.active:not([disabled]):hover{
    background: var(--color_s_3);
}
.buttons-list .slider-nav{
    display: flex;
    gap: 22px;
}
.buttons-list .solution-feature-images-slider_btn{
    position: initial;
    width: 57px;
    height: 100%;
    margin: 0;
    background: var(--color_s_1);
    border-radius: 5px;
    transition: background 0.3s;
}
.buttons-list .solution-feature-images-slider_btn svg{
    color: var(--color_s_0);
    transition: color 0.3s;
}
.buttons-list .solution-feature-images-slider_btn:hover svg{
    color: var(--main-color-black);
}
.buttons-list .solution-feature-images-slider_btn:active{
    background: var(--main-color-black);
}
.buttons-list .solution-feature-images-slider_btn:active svg{
    color: var(--color_s_3);
}
.buttons-list .solution-feature-images-slider_btn::after{
    content: none;
}

.features-slider-images{
    display: none;
    opacity: 0;
    border: 4px solid var(--color_s_3);
    border-radius: 35px;
    overflow: hidden;
    transition: opacity 0.3s;
    box-shadow: 0px 0px 40px 0px #01010126;
    width: 100%;
}
.features-slider-images.active{
    opacity: 1;
    display: flex;
}
.features-slider-images-item img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.features-slider-images-item_form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: var(--color_s_3);
    padding: 0 105px;
}
.features-slider-images-item_form .title{
    font-family: "Helvetica";
    font-weight: 500;
    font-size: 28px;
    line-height: 33.6px;
    text-align: center;
}
.features-slider-images-item_form .button.button--with-arrow{
    color: var(--color_s_0);
    font-weight: 400;
}
.features-slider-images-item_form .button.button--with-arrow svg path{
    fill: var(--color_s_0);
}
.features-slider-images-item_form .button.button--with-arrow::before{
    background-color: var(--color_s_1);
}

@media(max-width: 992px){
    .features-sections-list-item{
        flex-direction: column;
    }
    .features-detail{
        min-width: auto;
        max-width: none;
        width: 100%;
    }
    .features-sections-list-item.selected{
        height: 675px;
        max-height: 675px;
        padding: 30px 40px 40px 40px;
        position: relative;
    }
    .features-detail .feature-title{
        font-weight: 500;
        font-size: 28px;
        line-height: 40px;
        padding-left: 0;
    }
    .features-detail-list.scrolled-down::after{
        display: none;
    }

    .features-detail-list-item{
        min-width: 250px;
    }
    .features-detail-list-item .data{
        overflow-y: unset;
    }
    .features-detail-list-item .data .title{
        font-size: 16px;
        line-height: 19.2px;
    }
    .features-detail-list-item .data .text{
        line-height: 14.4px;
        font-size: 12px;
    }
    .features-detail-list--wrapper{
        margin: -40px -30px;
        padding: 0 40px 44px 40px;
    }
    .features-detail-list.swiper-container-horizontal>.swiper-scrollbar{
        width: calc(100vw - 140px);
    }
    .features-detail-list{
    }
    .features-slider-images{
        height: 100%;
    }
    .features-detail .buttons-list{
        min-height: 0;
        max-height: 0;
        overflow: visible;
        margin-top: 0;
    }
    .features-detail .buttons-list .slider-type-list{
        position: absolute;
        bottom: 60px;
        left: 60px;
        height: 41px;
        z-index: 2;
        gap: 10px;
        opacity: 1;
        transition: opacity 0.3s;
    }
    .features-detail .buttons-list .slider-type-list.hidden{
        opacity: 0;
    }
    .buttons-list .slider-type-list::after{
        display: none;
    }
    .features-sections-list-item:not(.selected) .buttons-list .solution-feature-images-slider_btn{
        display: none;
    }
    .features-slider-images{
        border-radius: 28px;
    }
    .features-sections-select--wrapper{
        margin-bottom: 30px;
    }
    .features-sections-selelect-item{
        font-size: 13px;
        line-height: 26px;
    }
    .features-sections-selelect-item.selected .top-count{
    }
    .buttons-list .slider-nav{
        position: absolute;
        left: 20px;
        bottom: 225px;
        height: 41px;
        width: calc(100% - 40px);
    }

    .features-slider-images-item_form .button.button--with-arrow::before{
        top: -5px;
    }
    .features-slider-images-item_form .title{
        font-size: 28px;
        line-height: 33.6px;
    }
}

@media(max-width: 576px){
    .solutions_features-sections-list{
        margin: 0 -15px;
    }
    .features-detail .feature-title{
        font-size: 18px;
        line-height: 40px;
    }
    .features-detail-list-item{
        min-width: 185px;
        padding: 15px 15px 10px 15px;
    }
    .features-sections-list-item.selected{
        max-height: 460px;
        height: 460px;
        padding: 20px 30px 30px 30px;
    }
    .features-slider-images{
        border-radius: 10px;
    }
    .buttons-list .slider-nav{
        bottom: 115px;
        width: calc(100% - 30px);
        left: 15px;
    }
    .buttons-list .solution-feature-images-slider_btn{
        width: 42px;
        height: 30px;
    }
    .buttons-list .solution-feature-images-slider_btn svg{
        height: 10px;
    }
    .features-slider-images{
        border: 2px solid var(--color_s_3);
    }
    .features-slider-images-item_form{
        padding: 0 20px;
    }
    .features-slider-images-item_form .title{
        font-size: 18px;
        line-height: 21.6px;
    }
    .features-detail .buttons-list .slider-type-list{
        bottom: 40px;
        left: 40px;
        grid-area: 10px;
        height: 30px;
    }
    .buttons-list .slider-type-button{
        width: 42px;
    }
    .features-sections-selelect-item{
        font-size: 13px;
        line-height: 26px;
    }
    .features-detail .buttons-list .slider-type-list svg{
        height: 16px;
    }
    .features-sections-selelect-slider_btn-prev.swiper-button-prev, .features-sections-selelect-slider_btn-next.swiper-button-next{
        display: none;
    }
    .features-sections-select--wrapper{
        margin-right: -30px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .features-sections-select--wrapper[stage="1"]{
        margin-left: -30px;
        margin-right: -30px;
        border-radius: 0;
    }
    .features-sections-select--wrapper[stage="2"]{
        margin-right: -30px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .features-detail-list.swiper-container-horizontal>.swiper-scrollbar{
        width: calc(100vw - 90px);
    }
}
/*END solutions_features*/

/*START solutions_site-for-brandbook*/
.solutions_site-for-brandbook{
}
.solutions_site-for-brandbook--container{
}
.solutions_site-for-brandbook--container .panel{
    margin-bottom: 45px;
}
.solutions-brandbook-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}
.solutions-brandbook-features-list{
    /*display: flex;
    flex-wrap: wrap;
    gap: 15px;*/
    width: 100%;
}
.solutions-brandbook-features-list-item{
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px 10px 20px;
    background: var(--color_s_bkg);
    border-radius: 46px;
}
.solutions-brandbook-features-list-item svg{

}
.solutions-brandbook-features-list-item svg path{
    stroke: var(--color_s_7);
    transition: stroke 0.3s;
}
.solutions-brandbook-features-list-item:hover{
    cursor: pointer;
}
.solutions-brandbook-features-list-item.selected::after{
    position: absolute;
    bottom: 0;
    left: calc(30% / 2);
    content: "";
    width: 70%;
    height: 2px;
    background: linear-gradient(270deg, #DB352A 50%, rgba(219, 53, 42, 0) 100%);
}
.solutions-brandbook-features-list-item.selected{
}
.solutions-brandbook-features-list-item.selected svg{
    
}
.solutions-brandbook-features-list-item.selected svg path{
    stroke: var(--color_s_5);
}
.solutions-brandbook-features-list-item .title{
    line-height: normal;
    font-weight: 400;
    font-size: 14px;
    color: var(--color_s_0);
    transition: color,font-weight 0.3s;
}
.solutions-brandbook-features-list-item.selected .title{
    font-weight: 700;
}
.solutions-brandbook-image--wrapper{
    border-radius: 12.23px;
    width: 946px;
    height: 580px;
    position: relative;
    background: var(--color_s_3);
}

.solutions-brandbook-image{
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    object-fit: cover;
    border-radius: 9px;
    transition: opacity 0.1s;
    opacity: 1;
}

.solutions-brandbook-image.changed{
    opacity: 0.25;
}

@media(max-width: 992px){
    .solutions_site-for-brandbook--container .panel{
        margin-bottom: 25px;
    }
    .solutions-brandbook-block{
        max-width: 616px;
        margin: 0 auto;
    }
    .solutions-brandbook-features-list{
        justify-content: center;
    }
    .solutions-brandbook-image--wrapper{
        height: 380px;
        width: 616px;
    }
    .solutions-brandbook-block{
        gap: 30px;
    }
    .solutions-brandbook-features-list-item{
        padding: 10px 15px 10px 15px;
    }
    .solutions-brandbook-features-list-item .title{
        font-size: 13px;
    }
    .solutions-brandbook-features-list-item svg{
        width: 20px;
        height: 20px;
    }
}
@media(max-width: 576px){
    .solutions-brandbook-image--wrapper{
        width: 100%;
        height: 179px;
    }
    .solutions-brandbook-features-list-item{
        padding: 8px 12px 8px 13px;
    }
    .solutions-brandbook-features-list-item.selected{
        padding: 8px 10px 8px 13px;
    }
}


/*START solutions_site-for-brandbook*/
.solutions_site-for-brandbook{

}
.solutions_site-for-brandbook--container{

}
.solutions_site-for-brandbook .container--sm{
    max-width: 690px !important;
}

.solutions_site-for-brandbook-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;

}
.solutions_site-for-brandbook-list-item{
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    position: relative;
    width: calc(100% / 3);
    height: 360px;
}
.solutions_site-for-brandbook-list-item img{
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    object-fit: cover;
}
.solutions_site-for-brandbook-list-item .data{
    position: relative;
    padding: 30px;
}
.solutions_site-for-brandbook-list-item .button--on-hover{
    display: none;
    position: absolute;
    z-index: 1;
}
.solutions_site-for-brandbook-list-item:hover .button--on-hover{
    display: flex;
}

/*ready-solutiobs_integrations*/
.solutions_integrations h2::after, .solutions_integrations .h2::after{
    display: none;
}
.solutions_integrations--container{

}
.solutions-integrations-block--wrapper{

}
.solutions-integrations-block-list{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.solutions-integrations-block-list .block{
    background: var(--color_s_bkg);
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 60px;
}
.solutions-integrations-block-list .block-text{
    color: var(--color_s_0);
    margin: -25px 0 -10px 0;
}
.solutions-integrations-block-list .integrations-form{
    box-shadow: 0px 0px 40px 0px #01010126;
}

.solutions-integrations-block-list .block:nth-child(odd) {
    width: calc((100% - 30px) * 3 / 5);
}

.solutions-integrations-block-list .block:nth-child(even) {
    width: calc((100% - 30px) * 2 / 5);
}

.solutions-integrations-block-list .block-title{
    font-family: "Helvetica";
    font-weight: 500;
    font-size: 35px;
    line-height: 40px;
    color: var(--color_s_0);
}
.solutions-integrations-block-list .block-title::after{
    content: ".";
    margin-left: 1px;
    color: #db352a;
}
.integrations-list{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.integrations-list-item{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.integrations-list-item-img--wrapper{
    width: 110px;
    height: 110px;
    position: relative;
    border: 1px solid var(--color_s_1);
    border-radius: 15.76px;
    overflow: hidden;
}
.integrations-list-item img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.integrations-list-item .title{
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: var(--color_s_0);
}

.solutions-integrations-block-list .block.integrations-form{
    gap: 35px;
}
.integrations-form .text{
    color: var(--color_s_0);
}
.integrations-form .button.button--with-arrow{
    margin-top: auto;
    color: var(--color_s_0);
    width: fit-content;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
}
.integrations-form .button.button--with-arrow svg path{
    fill: var(--color_s_0);
}
.integrations-form .button.button--with-arrow::before{
    background-color: var(--color_s_1);
}

@media(max-width: 992px){
    .solutions-integrations-block-list{
        gap: 20px;
    }
    .solutions-integrations-block-list .block{
        padding: 35px 40px 35px 40px;
    }
    .integrations-list{
        gap: 30px;
    }
    .integrations-list-item{
        gap: 8px;
    }
    .integrations-list-item .title{
        font-size: 12px;
    }
    .solutions-integrations-block-list .block:nth-child(2n+1), .solutions-integrations-block-list .block:nth-child(2n){
        width: calc( (100% - 20px) / 2);
    }
    .integrations-list-item-img--wrapper{
        width: 90px;
        height: 90px;
    }
    .solutions-integrations-block-list .block-title{
        font-size: 24px;
        line-height: 28.8px;
    }
}

@media(max-width: 576px){
    .solutions-integrations-block-list .block:nth-child(2n+1), .solutions-integrations-block-list .block:nth-child(2n){
        width: 100%;
    }
    .solutions-integrations-block-list .block{
        padding: 25px 30px 25px 30px;
        gap: 25px;
        align-items: center;
    }
    .solutions-integrations-block-list .block-title{
        text-align: center;
    }
    .solutions-integrations-block-list .block-text{
        margin: -10px 0 0 0;
        max-width: 200px;
        text-align: center;
    }
    .integrations-list{
        justify-content: center;
        gap: 20px;
    }
    .solutions-integrations-block-list .integrations-form{
        align-items: center;
    }
    .integrations-form .text{
        max-width: 200px;
        text-align: center;
        margin: 0;
    }
    .solutions-integrations-block-list .block.integrations-form{
        gap: 25px;
    }
    .solutions-integrations-block-list .integrations-form h4{
        text-align: center;
        font-weight: 500;
        font-size: 24px;
        line-height: 28.8px;
        letter-spacing: 0%;
    }
}

.solutions-block_development-advantages{

}
.solutions-block_development-advantages h2{
    color: var(--color_s_3);
}
.solutions-block_development-advantages h2::after{
    display: none;
}
.development-advantages--container{
    background-image: url("/images/ready-solutions/solution_advantage.jpg");
    padding: 110px 0 120px 0;
    background-size: cover;
}
.development-advantages--wrapper{
}

.table_development-advantages{
    display: flex;
}
.table_development-advantages *{
    font-family: "Helvetica", sans-serif;
}
.table_development-advantages .table-col{
    width: 100%;
    display: flex;
    flex-direction: column;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}
/*decor table_col*/
.table_development-advantages .table-col.table-col--props{
    border: 1px solid #FFFFFF80;
    margin-right: -40px;
    padding: 40px 40px 40px 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.05);
}
.table_development-advantages .table-col.table-col--offers.not-plus{
    margin-right: -40px;
    padding-right: 40px;
}
.table_development-advantages .table-col.table-col--offers.plus{
    border-radius: 40px;
}
.table_development-advantages .table-col.table-col--props .props-item {
    padding: 0 20px 0 50px;
    color: #FFF;
}
.table_development-advantages .table-col.table-col--offers .props-item{
    justify-content: flex-start;
}

.table_development-advantages .table-col--props .props-item:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.15);
}
/*.table_development-advantages .table-col--props .props-item:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.05);
}*/
.table_development-advantages .props-item{
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 0%;

    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
}
.table_development-advantages .table-col .table_props_row{
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
}
.table_development-advantages .table-col .table_props_row .props-item:last-child{
    margin-bottom: 0;
}
.table_development-advantages .table-col .table_props_row .props-item:last-child .props-item-description{
    margin-bottom: 0;
}
.table_development-advantages .props-item-name--wrapper{
    display: flex;
    gap: 15px;
    align-items: center;
}

.table_development-advantages .table-col .table_title_row{
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--color_s_7);
}
.table_development-advantages .table-col.plus .table_title_row{
    color: var(--color_s_6);
}
.table_development-advantages .table-col .table_price_row{
    font-weight: 900;
    font-size: 40px;
    line-height: 50px;
    color: var(--color_s_7);
    margin-bottom: 18px;
}

.table_development-advantages .props-item-name{
    margin: 0;
    font-family: "Helvetica", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    color: var(--color_s_0);
}
.table_development-advantages .props-item-name .name--prop{
    display: none;
}
.table_development-advantages .table-col.table-col--offers{
    position: relative;
    padding: 40px 40px 40px 40px;
    background: var(--color_s_bkg);
    z-index: 1;
    width: 80%;
}
.table_development-advantages .table-col.table-col--offers.plus{
    z-index: 2;
    background: var(--color_s_3);
    box-shadow: 0px 0px 40px 0px #01010126;
    width: 100%;
}
.table_development-advantages .props-item-description{
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    text-transform: lowercase;
    color:var(--color_s_7);
    margin-bottom: 8px;
}
.table_development-advantages .plus .table_price_row{
    color: var(--color_s_5);
}

.table_gift-block{
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 10px 12px;

    position: absolute;
    top: -30px;
    right: -30px;
    transform: rotate(6deg);
    z-index: 3;
    background: var(--color_s_5);
    border-radius: 100px;
}

.table_gift-block p{
    margin: 0;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 15px;
    line-height: 120%;
    color: var(--color_s_3);
}
.table_gift-block .icon{
    transform: rotate(-6deg);
    line-height: 15px;
}
.table_button_row{
    display: flex;
    justify-content: center;
}
.table_button_row .button{
    font-weight: 400;
    text-transform: uppercase;
}
.table_props_row .props-item .icon{
    overflow: visible;
}
.table_development-advantages .currency{
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 39.92px;
    line-height: 120%;
}
.table-advantages-head{
    height: 0;
    opacity: 0;
    display: flex;
}
@media(max-width: 992px){
    .development-advantages--container{
        padding: 40px 30px 50px 30px;
    }
    .development-advantages--wrapper.container{
        padding: 0;
    }
    .table_development-advantages .table-col .table_title_row{
        max-width: 120px;
        font-weight: 500;
        font-size: 14px;
        line-height: 120%;
        letter-spacing: 2%;
        margin-bottom: 15px;
    }
    .table_development-advantages .table-col .table_price_row{
        font-weight: 900;
        font-size: 29px;
    }
    .table_development-advantages .currency{
        font-family: "Montserrat";
        font-weight: 700;
        font-size: 29px;
    }
    .table_development-advantages .props-item{
        font-size: 18px;
        line-height: 40px;
    }
    .table_development-advantages .table-col.table-col--props{
        padding: 20px 40px 30px 0;
        margin-right: -40px;
        width: 75%;
        min-width: 200px;
    }
    .table_development-advantages .table-col.table-col--offers{
        padding: 20px 30px 30px 30px;
    }
    .table_development-advantages .props-item-name--wrapper{
        gap: 8px;
    }
    .table_development-advantages .table-col.table-col--props .props-item{
        font-size: 14px;
        line-height: 120%;
        letter-spacing: 2%;
        font-weight: 400;
        padding: 0 20px 0 25px;
    }
    .table_development-advantages .table-col.table-col--offers .props-item{
        padding-right: 10px;
    }
    .table_development-advantages .props-item-name{
        font-size: 18px;
        line-height: 40px;
    }
    .table_development-advantages .props-item-description{
        font-size: 12px;
    }
    .table_button_row .button{
        height: 51px;
        width: 100%;
        font-size: 14px;
        line-height: 51px;
    }
    .table_gift-block{
        top: -20px;
        right: -20px;
    }
    .table_gift-block p{
        font-size: 12px;
        max-width: 90px;
    }
}
@media(max-width: 576px){
    .development-advantages--container{
        padding: 20px 15px 30px 15px;
    }
    .solutions-block .panel{
        margin-bottom: 25px;
    }
    .table_development-advantages .table-col.table-col--props{
        display: none;
    }
    .table_development-advantages .table-col.table-col--offers{
        width: 0;
        display: none;
    }
    .table_development-advantages .table-col.table-col--offers.active{
        width: 100%;
        display: flex;
    }
    .table_development-advantages .table-col.table-col--offers.plus{
        order: 1;
        box-shadow: none;
    }
    .table_development-advantages .table-col.table-col--offers.not-plus{
        order: 2;
    }
    .table_development-advantages .table-col.table-col--offers.plus,
    .table_development-advantages .table-col.table-col--offers.not-plus{
        margin: 0;
        padding: 20px 30px 30px 30px;
    }
    .table_development-advantages .table-col .table_title_row{
        display: none;
    }
    .table_development-advantages .props-item-name--wrapper{
        align-items: flex-start;
    }
    .table_development-advantages .props-item-name{
        line-height: 130%;
    }
    .table_development-advantages .props-item-name .name--prop{
        display: block;
        padding-top: 2px;
        margin-bottom: 3px;
        font-size: 12px;
        line-height: 120%;
        font-weight: 400;
        color: var(--color_s_7);
    }
    .table_development-advantages .props-item-description{
        padding-left: 28px;
        margin-bottom: 20px;
    }
    .table-advantages-head{
        height: auto;
        opacity: 1;
    }
    .table-advantages-head .table_title_row{
        font-weight: 500;
        font-size: 14px;
        line-height: 120%;
        letter-spacing: 0%;

        width: 100%;
        padding: 10px 25px 5px 25px;
        text-align: left;
        color: var(--color_s_7);
        border-radius: 20px 20px 0 0;
        background: var(--color_s_8);
    }
    .table-advantages-head .table_title_row.active{
        border: 1px solid #E5E5E5;
        border-bottom: none;
        background: var(--color_s_3);
    }
    .table-advantages-head .table_title_row.plus{
        order: 1;
    }
    .table-advantages-head .table_title_row.active{
        position: relative;
        z-index: 1;
    }
    .table-advantages-head .table_title_row.plus .red{
        color: var(--color_s_7);
    }
    .table-advantages-head .table_title_row.plus.active{
        color: var(--color_s_0);
    }
    .table-advantages-head .table_title_row.plus.active .red{
        color: #db352a;
    }

    .table-advantages-head .table_title_row.not-plus{
        order: 2;
        width: 75%;
    }

    .table-advantages-head .table_title_row.not-plus:not(.active){
        /*
        margin-left: -30px;
        padding-left: 40px;
        */
    }
    .table-advantages-head .table_title_row.not-plus{
        margin-left: -30px;
        padding-left: 40px;
    }
    .table-advantages-head .table_title_row.not-plus.active{
        z-index: 2;
    }
    .table_development-advantages{
        border: 1px solid #E5E5E5;
        border-top: none;
        border-radius: 0 0 20px 20px;
    }
    .table_development-advantages .table-col.table-col--offers{
        border-radius: 0 0 20px 20px !important;
    }
    .table-col--offers.plus .table_gift-block{
        top: 15px;
        right: -10px;
        padding: 6px 12px;
    }
    .table_development-advantages .table-col .table_price_row{
        font-size: 24px;
        line-height: 120%;
    }
    .table_development-advantages .currency{
        font-size: 24px;
        line-height: 120%;
    }
    .development-advantages--container > .container{
        padding: 0;
        min-width: unset;
    }
    .table_development-advantages .table-col .table_props_row{
        margin-bottom: 30px;
    }
}

.bottom-form{
    position: relative;
}
.solutions-block.solutions-block_bottom-form .panel{
    margin-bottom: 125px;
}
.solutions-block_bottom-form .bottom-form-data h2{
    text-align: center;
    max-width: 900px;
    margin: 0 auto 40px auto;
}
.solutions-block_bottom-form h2::after{
    display: none;
}
.buttons-list.center{
    margin: 0 auto;
    display: flex;
    width: fit-content;
    gap: 10px;
}
.bottom-form-video-border--outer{
    margin: 0 auto;
    width: 166px;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bottom-form-video-border{
    position: relative;
    padding: 4px;
    width: 142px;
    height: 142px;
}

.bottom-form-video-border::before{
    width: 100%;
    height: 100%;
    border: 2px solid #E5E5E5;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: rgb(229, 229, 229);
    border-top: 3px solid #DB352A;
    border-radius: 50%;
    transform: rotate(45deg);
    position: absolute;
    z-index: 1;
    content: "";
    left: -4px;
    top: -4px;
    transition: 0.4s;
}
.solutions-block.solutions-block_bottom-form{
    margin-bottom: 0;
}

.bottom-form-video-border:hover::before{
    transform: rotate(405deg);
}
.solutions-block_bottom-form .solution-solution-detail-ad_col-video{
    width: 130px;
    height: 130px;
    display: flex;
    position: relative;
    left: auto;
    top: auto;
    border-radius: 50%;
    box-shadow: none;
}
.solutions-block_bottom-form .solution-solution-detail-ad_col-video:hover::after{
    background: #db352a;
}
.solutions-block_bottom-form .solution-solution-detail-ad_col-video .video-icon{
    background: none;
}
.bottom-form-data{
    padding: 120px 60px 120px 60px;
    border-radius: 40px;
    background: #F8F8F8;
}
.bottom-form .button.button--with-arrow::before{
    
}
.bottom-form .button.button--with-arrow{
    color: #000;
}
.bottom-form .button.button--with-arrow::before{
    background-color: var(--color_s_1);
    width: 51px;
    height: 51px;
}
.bottom-form .button.button--with-arrow:hover::before{
    width: 100%;
}

@media(max-width: 992px){
    .bottom-form-data{
        padding-bottom: 80px;
    }
    .bottom-form .button{
        height: 51px;
        line-height: 51px;
    }
    .bottom-form .button.button--with-arrow::before{
        width: 51px;
        height: 51px;
    }
    .bottom-form .button.button--with-arrow:hover::before{
        width: 100%;
    }
    .buttons-list.center{
        flex-direction: column;
        gap: 40px;
    }
    .bottom-form-data{
        padding: 100px 15px 40px 15px;
    }
}
/* End */
/* /local/templates/ewp/css/ready_solutions.css?176945986664252 */