

/* Start:/local/templates/souse_new/components/bitrix/news.list/seo-rework-advantages/style.css?17370176354264*/
.service-page__advert-ability-cards{
    display: flex;
    gap: 31px;
    flex-wrap: wrap;
}
.service-page__context-advert-title{
    color: #D3D3D3;
    font-family: "Oswald-Regular", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-transform: uppercase;
    margin: unset;
    margin-bottom: 40px;
}
.service-page__advert-ability-card{
    border-radius: 30px;
    background: linear-gradient(180deg, #1B1B1D 0%, #3A3A3C 100%);
    box-shadow: 30px 60px 120px 0px rgba(0, 0, 0, 0.40), 
                15px 15px 30px 0px rgba(255, 255, 255, 0.20) inset, 
                -20px -20px 30px 0px #202021 inset;

    display: flex !important;
    align-items: flex-start;
    flex-direction: column;
    flex: 1 1 300px;
    
   

    padding: 30px 29px 60px;
    max-height: 393px;
    max-width: 363px;
}
.service-page__ability-card-title,
.service-page__ability-card-description{
    color: #D3D3D3;
    font-family: 'Montserrat', sans-serif;
    margin: unset;

}
.service-page__advert-ability-card p.service-page__ability-card-title{
    font-size: 20px;
    font-weight: 700;
    line-height: 160%; 
    margin: 20px 0 15px;
    font-size: 20px;
}
.service-page__advert-ability-card p.service-page__ability-card-description{
    font-weight: 400;
    line-height: 140%;
    min-height: 88px;
    margin-top: auto;
    font-size: 16px;
}
.service-page__context-advert-ability{
    padding: 120px 0;
}
@media screen and (max-width: 1920px){
    .service-page__advert-ability-card p.service-page__ability-card-description{
        font-size: calc(14px + 2 * (100vw - 1366px) / 554);
    }
    .service-page__advert-ability-card p.service-page__ability-card-title{
        font-size: calc(18px + 2 * (100vw - 1366px) / 554);
    }
}
@media screen and (max-width: 1364px){
    .service-page__context-advert .slick-slide {
        margin: 0 24px;
    }
    .service-page__context-advert .slick-list {
        margin: 0 -24px;
    }
    .service-page__advert-ability-slider p.service-page__ability-card-title{
        height: 84px;
    }
    .service-page__context-advert .slick-track{
        padding: 0px 0px 40px;
    }   
    .service-page__advert-ability-card {
        box-shadow: 22px 10px 20px 0px rgba(0, 0, 0, 0.40), 15px 15px 30px 0px rgba(255, 255, 255, 0.20) inset, -20px -20px 30px 0px #202021 inset;
    }
    .service-page__context-advert .slick-dots{
        margin: unset;
        display: flex;
        list-style: none;
        justify-content: center;
        gap: 12px;
    }
    .service-page__context-advert .slick-dots > li > button{
        font-size: 0;
        border-radius: 80px;
        background: #353535;
        box-shadow: 2px 2px 5px 0px rgba(255, 255, 255, 0.28) inset, -2px -2px 5px 0px #000 inset, 5px 5px 8px 0px rgba(0, 0, 0, 0.25);
        border: unset;
        margin: unset;
        width: 30px;
        height: 30px;
    }
    .service-page__context-advert .slick-dots > li.slick-active > button{
        background: #21BBBD;
        box-shadow: 2px 2px 5px 0px #A1FEFF inset, 
                    -2px -2px 5px 0px #002B2C inset, 
                    5px 5px 8px 0px rgba(0, 0, 0, 0.25);
    }
    .service-page__advert-ability-slider{
        position: relative;
    }
    .service-page__advert-ability-slider .slick-list.draggable:before,
    .service-page__advert-stages-slider .slick-list.draggable:before{
        position: absolute;
        width: 12.4%;
        content: "";
        right: 0;
        height: 90%;
        z-index: 1;
        opacity: 1;
        top: 0;
        border-radius: 0px;
        box-shadow: 75px 35px 40px 80px rgba(255, 255, 255, -0.1) inset, -40px -10px 30px -30px #202021 inset;
    }

}
@media screen and (max-width: 1280px){
    .service-page__advert-ability-card p.service-page__ability-card-title{
        font-size: 18px;
    }
    .service-page__advert-ability-card p.service-page__ability-card-description{
        font-size: 14px;
    }
}
@media screen and (max-width: 1024px){
    .service-page__advert-ability-card{
        max-width: 330px;
    }
    .service-page__advert-ability-cards .slick-slide {
        margin: 0 12px;
    }
    .service-page__context-advert-ability {
        padding: 100px 0;
    }
}
/* End */


/* Start:/local/templates/souse_new/components/bitrix/news.list/seo-promotion-cases/style.css?173701763519497*/
.service-page__seo-case p{
    margin: unset;
}
.service-page__seo-case{
    position: relative;
    padding: 55px;
    border-radius: 30px;
    background: linear-gradient(183deg, #1B1B1D 1.24%, #3A3A3C 97.14%);
    box-shadow: 30px 60px 120px 0px rgba(0, 0, 0, 0.40), 20px 20px 20px 0px rgba(255, 255, 255, 0.20) inset, 
    -20px -20px 20px 0px rgba(32, 32, 33, 0.40) inset;

    display: flex !important;
    gap: 0 50px;
    justify-content: space-between;
    z-index: 1;
    min-height: 690px;
    overflow: hidden;
}
.service-page__seo-case::before,
.service-page__seo-case::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    right: 0;
    bottom: 0;
    border-radius: 0 0 30px 0;
}
.service-page__seo-case--belsnap::before{
    background: url('/local/templates/souse_new/img/seo-cases/belsnab-case-background.png') no-repeat;
    background-size: 487px;
    background-position: bottom right;
}
.service-page__seo-case--interdekor::before{
    background: url('/local/templates/souse_new/img/seo-cases/interdekor-case-background-2.png') no-repeat;
    background-size: 950px;
    background-position: bottom right;
}
.service-page__seo-case--interdekor::after{
    background: url('/local/templates/souse_new/img/seo-cases/interdekor-case-background-1.png') no-repeat;
    background-size: 560px;
    background-position: bottom left;
    left: 0;
}
.service-page__seo-case--health-center::before{
    background: url('/local/templates/souse_new/img/seo-cases/health-center-case-background-2.png') no-repeat;
    background-size: 230px;
    background-position: bottom right;
}
.service-page__seo-case--health-center::after{
    background: url('/local/templates/souse_new/img/seo-cases/health-center-case-background-1.png') no-repeat;
    background-size: 180px;
    background-position: top left;
    top: -40px;
    left: -20px;
}
.service-page__seo-case--virmed::before{
    background: url('/local/templates/souse_new/img/seo-cases/virmed-case-background-2.png') no-repeat;
    background-size: 650px;
    background-position: bottom right;
}
.service-page__seo-case--virmed::after{
    background: url('/local/templates/souse_new/img/seo-cases/virmed-case-background-1.png') no-repeat;
    background-size: 350px;
    background-position: top left;
}
.service-page__seo-case-elem{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
    padding-top: 40px;
}
.service-page__seo-case-elem--first-card{
    border-radius: 30px;
    background: linear-gradient(183deg, #1B1B1D 1.24%, #3A3A3C 97.14%);
    box-shadow: 20px 20px 40px 0px rgba(0, 0, 0, 0.40), 
                11px 3px 20px 0px rgba(255, 255, 255, 0.20) inset, 
                -13px -12px 15px 0px #202021 inset;
    padding: 40px;  
    min-width: 420px; 
}
.service-page__seo-case-elem--second-card{
    flex: 1.87;
}
.service-page__seo-case-title{
    color: #D3D3D3;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    text-transform: uppercase;
}
p.service-page__title-info-hidden{
    position: absolute;
    display: none;
    background-color: #353535;
    border-radius: 10px;
    color: #FFF;
    font-size: 12px;
    padding: 15px 20px;
    top: -74px;
    max-width: 300px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    right: 0;
    transform: translateX(47%);
    max-height: 60px;
    line-height: normal !important;
}
p.service-page__title-info-hidden:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #353535;
    bottom: -10px;
    left: 50%;
    transform: translatex(-50%) rotate(45deg);
}
.service-page__seo-case-title-info {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    width: fit-content;
}
.service-page__seo-case-title--accent-color{
    color: #21BBBD;
}
.service-page__seo-case-info-text,
.service-page__seo-case-subtitle,
.service-page__seo-case-description,
.service-page__seo-case-count{
    color: #D3D3D3;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
}
.service-page__seo-case-info-text{
    font-size: 16px;
    position: relative;
    padding-left: 30px;
}
.service-page__seo-case-info-text .bold{
    font-weight: 700;
}
.service-page__seo-case-graph{
    width: 100%;
}
p.service-page__seo-case-info-text--city{
    margin-bottom: 10px;
}
.service-page__seo-case-info-text--city:before,
.service-page__seo-case-info-text--period:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.service-page__seo-case-info-text--city:before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1975_6125)'%3E%3Cpath d='M10.0001 1.6665C6.77508 1.6665 4.16675 4.27484 4.16675 7.49984C4.16675 11.8748 10.0001 18.3332 10.0001 18.3332C10.0001 18.3332 15.8334 11.8748 15.8334 7.49984C15.8334 4.27484 13.2251 1.6665 10.0001 1.6665ZM10.0001 9.58317C8.85008 9.58317 7.91675 8.64984 7.91675 7.49984C7.91675 6.34984 8.85008 5.4165 10.0001 5.4165C11.1501 5.4165 12.0834 6.34984 12.0834 7.49984C12.0834 8.64984 11.1501 9.58317 10.0001 9.58317Z' fill='%23D3D3D3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1975_6125'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.service-page__seo-case-info-text--period:before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1975_6130)'%3E%3Cpath d='M13.775 9.21683L12.8917 8.3335L8.825 12.4002L7.05833 10.6335L6.175 11.5168L8.825 14.1668L13.775 9.21683ZM15.8333 2.50016H15V0.833496H13.3333V2.50016H6.66667V0.833496H5V2.50016H4.16667C3.24167 2.50016 2.50833 3.25016 2.50833 4.16683L2.5 15.8335C2.5 16.7502 3.24167 17.5002 4.16667 17.5002H15.8333C16.75 17.5002 17.5 16.7502 17.5 15.8335V4.16683C17.5 3.25016 16.75 2.50016 15.8333 2.50016ZM15.8333 15.8335H4.16667V6.66683H15.8333V15.8335Z' fill='%23D3D3D3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1975_6130'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.service-page__seo-case-info{
    margin: 40px 0;
}
.service-page__seo-case-description + p{
    margin-top: 10px;
}
p.service-page__seo-case-subtitle{
    margin-top: 10px;
}
.service-page__seo-case-title-info{
    margin-bottom: 40px;
}
.service-page__seo-case-traffic-growth .service-page__seo-case-info-text,
.service-page__seo-case-request-block .service-page__seo-case-info-text,
.service-page__seo-case-request-visitors .service-page__seo-case-info-text{
    padding: unset;
}
.service-page__seo-case-request-block {
    display: flex;
    gap: 10px;
    align-items: center;
}
.service-page__seo-case-requests,
.service-page__seo-case-request-visitors{
    margin-top: 40px;
}

.service-page__seo-case-traffic-growth{
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.service-page__seo-case-request-counter{
    margin-top: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.service-page__seo-case-count.bold{
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 160%;
}
.service-page__seo-case-count--grey.bold{
    color: #D3D3D3;
}
.service-page__seo-case-request-visitors .service-page__seo-case-count{
    position: relative;
    padding-left: 30px;
}
.service-page__seo-case-request-visitors .service-page__seo-case-count:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1975_6228)'%3E%3Cpath d='M9.99992 10.0002C11.8416 10.0002 13.3333 8.5085 13.3333 6.66683C13.3333 4.82516 11.8416 3.3335 9.99992 3.3335C8.15825 3.3335 6.66659 4.82516 6.66659 6.66683C6.66659 8.5085 8.15825 10.0002 9.99992 10.0002ZM9.99992 11.6668C7.77492 11.6668 3.33325 12.7835 3.33325 15.0002V16.6668H16.6666V15.0002C16.6666 12.7835 12.2249 11.6668 9.99992 11.6668Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1975_6228'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
}
.service-page__seo-case-request-visitors .service-page__seo-case-count--grey::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1975_6223)'%3E%3Cpath d='M9.99992 10.0002C11.8416 10.0002 13.3333 8.5085 13.3333 6.66683C13.3333 4.82516 11.8416 3.3335 9.99992 3.3335C8.15825 3.3335 6.66659 4.82516 6.66659 6.66683C6.66659 8.5085 8.15825 10.0002 9.99992 10.0002ZM9.99992 11.6668C7.77492 11.6668 3.33325 12.7835 3.33325 15.0002V16.6668H16.6666V15.0002C16.6666 12.7835 12.2249 11.6668 9.99992 11.6668Z' fill='%23D3D3D3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1975_6223'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.service-page__seo-cases-slider .slick-list.draggable{
    border-radius: 30px;
}
.service-page__seo-case-title-info > svg{
    cursor: pointer;
}
.service-page__seo-cases-slider .slick-dots{
    list-style: none;
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 40px;
}
.service-page__seo-cases-slider .slick-dots button{
    font-size: 0;
    border-radius: 80px;
    background: #353535;
    box-shadow: 2px 2px 5px 0px rgba(255, 255, 255, 0.28) inset, 
                -2px -2px 5px 0px #000 inset, 
                5px 5px 8px 0px rgba(0, 0, 0, 0.25);
    border: unset;
    width: 30px;
    height: 30px;
}
p.service-page__context-advert-title{
    color: #D3D3D3;
    font-family: "Oswald-Regular", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; 
    text-transform: uppercase;
    margin: unset;
    margin-bottom: 40px;
}
section.header_banner.seo-promotion{
    margin-bottom: 115px;
}
.service-page__seo-cases-section{
    padding-bottom: 150px;
}
.seo-promotion .btn{
    animation: shining 4s ease-in-out infinite;
}
.service-page__seo-case-elem--third-card .service-page__seo-case-title-info .service-page__title-info-hidden{
    transform: unset;
    right: -20px;
}
.service-page__seo-case-elem--third-card .service-page__seo-case-title-info p.service-page__title-info-hidden:before{
    right: 9px;
    left: unset;
}
.service-page__seo-case-elem--third-card .service-page__seo-case-requests .service-page__seo-case-title-info .service-page__title-info-hidden{
    transform: translateX(47%);
    right: 0px;
    min-width: 310px;
    top: -77px;
}
.service-page__seo-case-elem--third-card .service-page__seo-case-requests .service-page__seo-case-title-info p.service-page__title-info-hidden:before{
    left: 50%;
    transform: translatex(-50%) rotate(45deg);
    right: unset;
}
.service-page__seo-case-requests .service-page__seo-case-title-info{
    margin: unset;
}
@keyframes shining{
    0%{
        background: linear-gradient(180deg, #017375 0%, #2CDCDA 100%);
        box-shadow: -6px -6px 8px 0px #035253 inset, 
                    3px 3px 7px 0px #09EEED inset, 
                    7px 7px 60px 0px rgba(98, 253, 255, 0.10);
    }
    50%{
        background: linear-gradient(180deg, #017375 0%, #2CDCDA 100%);
        box-shadow: -6px -6px 8px 0px #035253 inset, 
                    3px 3px 7px 0px #09EEED inset, 
                    7px 7px 60px 0px rgba(0, 228, 231, 0.60);
    }
    100%{
        background: linear-gradient(180deg, #017375 0%, #2CDCDA 100%);
        box-shadow: -6px -6px 8px 0px #035253 inset, 
                    3px 3px 7px 0px #09EEED inset, 
                    7px 7px 60px 0px rgba(98, 253, 255, 0.10);
    }
}
@media screen and (max-width: 1920px){
    .service-page__seo-case-title{
        font-size: calc(18px + 6*(100vw - 1366px) / 554);
    }
    .service-page__seo-case-title.service-page__seo-case-title--accent-color{
        font-size: calc(20px + 4*(100vw - 1366px) / 554);
    }
    .service-page__seo-case-subtitle{
        font-size: calc(16px + 2*(100vw - 1366px) / 554);
    }
    .service-page__seo-case-description{
        font-size: calc(14px + 4*(100vw - 1366px) / 554);
    }
    .service-page__seo-case-count.bold{
        font-size: calc(18px + 6*(100vw - 1366px) / 554);
    }
    .service-page__seo-case-info-text{
        font-size: calc(14px + 2*(100vw - 1366px) / 554);
    }
}
@media screen and (max-width: 1800px){
    .service-page__seo-case{
        max-height: 675px;
        min-height: 675px;
    }
    .service-page__seo-case{
        gap: 0 30px;
        padding: 45px;
    }
}
@media screen and (max-width: 1700px){
    .service-page__seo-case-elem--first-card{
        min-width: 390px;
    }
    .service-page__seo-case {
        max-height: 645px;
        min-height: 645px;
    }
}
@media screen and (max-width: 1600px){
    .service-page__seo-case-elem--first-card{
        min-width: 313px;
    }
    .service-page__seo-case{
        max-height: 575px;
        min-height: 575px;
        gap: 0 33px;
    }
    .service-page__seo-case-elem--first-card{
        padding: 30px 15px 30px 30px;
    }
    .service-page__seo-case-info {
        margin: 20px 0;
    }
    .service-page__seo-case{
        padding: 40px;
    }
    p.service-page__seo-case-subtitle {
        margin-top: 5px;
    }
    .service-page__seo-case-elem--first-card .service-page__seo-case-info-text{
        font-size: 12px;
    }
    .service-page__seo-promotion-cooperation .service-page__advert-ability-card{
        flex: 1 1 200px;
    }
    .service-page__seo-promotion-cooperation .service-page__advert-ability-cards .service-page__advert-ability-card{
        padding: 30px 19px 55px 30px;
    }

}
@media screen and (max-width: 1440px){
    .service-page__seo-case-elem--second-card {
        flex: 1.67;
    }
    .service-page__seo-case-requests, .service-page__seo-case-request-visitors {
        margin-top: 25px;
    }
    .service-page__seo-case-request-counter {
        margin-top: 8px;
    }
    .service-page__seo-case-title-info {
        margin-bottom: 21px;
    }
    .service-page__seo-case-title-info > svg,
    .service-page__seo-case-request-block > svg{
        height: 15px;
        width: 15px;
    }
    .service-page__seo-case{
        max-height: 505px;
        min-height: 505px;
        gap: 0 33px;
    }
    .service-page__seo-promotion .slick-dots button{
        width: 26px;
        height: 26px;
    }
    .service-page__seo-cases-section {
        padding-bottom: 140px;
    }
    .header_banner {
        padding-top: 120px;
    }
    .service-page__seo-promotion-robo .helper_asistent_wrapp{
        gap: 70px;
    }
    .service-page__seo-promotion-robo .asis_btn_wrapp{
        margin: 30px 0;
    }
    .helper_asistent_right .asis_quest{
        font-size: 14px;
        padding: 25px 35px 21px 50px;
        max-width: 486px;
        margin-top: 20px;
    }
    .service-page__seo-promotion .service-page__context-advert-title{
        font-size: 26px;
    }
    .service-page__seo-promotion-cooperation .service-page__advert-ability-slider .service-page__advert-ability-card{
        max-width: 251px;
        padding: 20px 25px 40px 20px;
        flex: 1 1 210px;
        min-height: 371px;
    }
    .service-page__seo-promotion-cooperation .service-page__advert-ability-card .service-page__ability-card-title{
        font-size: 15px;
    }
    .service-page__seo-promotion-cooperation .service-page__seo-promotion-cooperation-btn{
        padding: 20px 30px;
    }
}
@media screen and (max-width: 1279px){
    .service-page__seo-case-elem--first-card{
        min-width: 253px;
    }
    .service-page__seo-case{
        gap: 0 20px;
    }
}
@media screen and (max-width: 1175px){
    .service-page__seo-case {
        max-height: 455px;
        min-height: 455px;
        padding: 30px;
    }
    .service-page__seo-case-elem--first-card {
        padding: 20px 15px 20px 20px;
    }
    .service-page__seo-case--interdekor::after{
        content: unset;
    }
}
@media screen and (max-width: 1100px){
    .service-page__seo-case-elem--second-card {
        flex: 1.57;
    }
}
@media screen and (max-width: 1074px){
    .service-page__seo-case-elem--second-card{
        display: none;
    }
    .service-page__seo-case-elem--first-card {
        min-width: 313px;
    }
    .service-page__seo-case {
        gap: 0 60px;
        padding: 40px;
    }
    .service-page__seo-cases-slider .slick-dots{
        gap: 0px;
    }
}

@media screen and (max-width: 1024px){
    .service-page__seo-case-elem--first-card {
        padding: 40px;
    }
    .service-page__seo-case-subtitle,
    .service-page__seo-case-info-text,
    .service-page__seo-case-description{
        font-size: 16px;
    }
    .service-page__seo-case-title.service-page__seo-case-title--accent-color{
        font-size: 20px;
    }
    .service-page__seo-case-elem--first-card .service-page__seo-case-info-text{
        font-size: 14px;
    }
    .service-page__seo-case-title{
        font-size: 20px;
    }
    .service-page__seo-case {
        max-height: 560px;
        min-height: 560px;
    }
    .service-page__seo-case-elem--first-card {
        min-width: 408px;
    }
    .service-page__seo-case {
        gap: 0 48px;
    }
    .service-page__seo-case-count.bold{
        font-size: 20px;
    }
    .service-page__seo-case-title-info > svg, .service-page__seo-case-request-block > svg {
        height: 20px;
        width: 20px;
    }
    .service-page__seo-case--belsnap::before{
        background-size: 337px;
    }
    .service-page__seo-case-elem--third-card .service-page__seo-case-requests .service-page__seo-case-title-info .service-page__title-info-hidden {
        right: 2px;
        min-width: 260px;
    }
    .service-page__seo-promotion-robo .helper_asistent_wrapp{
        display: flex;
    }
}

@media screen and (max-width: 768px){
    .service-page__seo-case {
        max-height: 573px;
        min-height: 573px;
    }
    .service-page__seo-case{
        padding: 30px;
        gap: 0 40px;
    }
    .service-page__seo-case-elem--first-card{
        padding: 40px 30px;
    }
    .service-page__seo-case-title,
    .service-page__seo-case-title.service-page__seo-case-title--accent-color{
        font-size: 20px;
    }
    .service-page__seo-case-elem--first-card .service-page__seo-case-info-text,
    .service-page__seo-case-description{
        font-size: 16px;
    }
    .service-page__seo-case-info-text,
    .service-page__seo-case-subtitle{
        font-size: 18px;
    }
    .service-page__seo-case-count.bold{
        font-size: 24px;
    }
    .service-page__seo-case-requests, .service-page__seo-case-request-visitors {
        margin-top: 40px;
    }
    .service-page__seo-case-title-info > svg, .service-page__seo-case-request-block > svg {
        height: 20px;
        width: 20px;
    }
    .service-page__seo-case--belsnap::before{
        background-size: 357px;
    }
}
/* End */


/* Start:/local/templates/souse_new/components/bitrix/catalog.section.list/seo-services/style.css?176165025310555*/
.service-page__advert-ability-cards{
    display: flex;
    gap: 31px;
    flex-wrap: wrap;
}
.service-page__context-advert-title{
    color: #D3D3D3;
    font-family: "Oswald-Regular", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-transform: uppercase;
    margin: unset;
    margin-bottom: 40px;
}
.service-page__advert-ability-card{
    border-radius: 30px;
    background: linear-gradient(180deg, #1B1B1D 0%, #3A3A3C 100%);
    box-shadow: 30px 60px 120px 0px rgba(0, 0, 0, 0.40), 
                15px 15px 30px 0px rgba(255, 255, 255, 0.20) inset, 
                -20px -20px 30px 0px #202021 inset;

    display: flex !important;
    align-items: flex-start;
    flex-direction: column;
    flex: 1 1 300px;
    
   

    padding: 30px 29px 60px;
    max-height: 393px;
    max-width: 363px;
}
.service-page__ability-card-title,
.service-page__ability-card-description{
    color: #D3D3D3;
    font-family: 'Montserrat', sans-serif;
    margin: unset;

}
.service-page__advert-ability-card p.service-page__ability-card-title{
    font-size: 20px;
    font-weight: 700;
    line-height: 160%; 
    margin: 20px 0 15px;
    font-size: 20px;
}
.service-page__advert-ability-card p.service-page__ability-card-description{
    font-weight: 400;
    line-height: 160%;
    min-height: 88px;
    margin-top: auto;
    font-size: 16px;
}
.service-page__context-advert-ability{
    padding: 120px 0;
}
.service-page__seo-promotion-cooperation .service-page__advert-ability-card{
    min-height: 450px;
    max-height: unset;
    padding: 30px 59px 55px 30px;
}
.service-page__seo-promotion-cooperation .service-page__advert-ability-card p.service-page__ability-card-description{
    margin-top: 20px;
    margin-bottom: auto;
    color: #FFF;
}
.service-page__seo-promotion-cooperation .service-page__advert-ability-card p.service-page__ability-card-title{
    margin: 30px 0 0px;
    text-transform: uppercase;
    color: #FFF;
}
.service-page__seo-promotion-cooperation-btn.btn{
    color: #FFF;
}
section.service-page__context-advert-ability.service-page__seo-promotion-cooperation{
    padding-top: unset;
}
.service-page__seo-promotion-help-blocks{
    display: flex;
    gap: 0 140px;
    align-items: center;
    padding-bottom: 110px;
}
.service-page__seo-promotion-help-block-img{
    width: 100%;
    min-height: 700px;
    min-width: 600px;
}
.service-page__seo-promotion-help-block--right-side{
    position: relative;
}
.service-page__seo-promotion-help-img-text-items{
    position: absolute;
    top: 0;
}
p.service-page__seo-promotion-help-description{
    color: #D3D3D3;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 160%; 
}
p.service-page__seo-promotion-help-img-text{
    color:  #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    text-transform: uppercase;

    border-radius: 30px;
    background: rgba(32, 32, 32, 0.30);
    box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.60), 3px 3px 20px 0px rgba(76, 76, 80, 0.60) inset, -9px -12px 15px 0px rgba(32, 32, 33, 0.60) inset;
    backdrop-filter: blur(10px);
    position: absolute;
    padding: 20px 40px;
}
.service-page__seo-promotion-help-btn{
    margin-top: 60px;
}
.service-page__seo-promotion-help-img-text-items {
    position: absolute;
    top: 0;
    display: grid;
    height: 100%;
    grid-template-rows: repeat(4, 160px);
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
}
.service-page__seo-promotion-help-img-text--first {
    grid-column-start: 2;
    grid-row-start: 2;
    right: -110px;
    max-width: 350px;
    top: -31px;
}
.service-page__seo-promotion-help-img-text--second {
    grid-column-start: 1;
    grid-row-start: 3;
    left: -132px;
    bottom: 140px;
    max-width: 309px;
    min-height: 118px;
    display: flex;
    align-items: center;
}
.service-page__seo-promotion-help-img-text--third {
    grid-column-start: 2;
    grid-row-start: 4;
    max-width: 322px;
    right: -157px;
    bottom: 28px;
}
.service-page__seo-promotion-help-block--right-side {
    margin-right: 158px;
}
.service-page__seo-promotion-help-btn.btn{
    padding: 30px 40px;
}
.service-page__seo-promotion-help p.service-page__context-advert-title{
    color: #FFF;
    margin-bottom: 20px;
}
.service-page__seo-promotion-help .service-page__seo-promotion-help-description{
    margin: unset;
}
p.service-page__tariffs-description{
    color:  #D3D3D3;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
}
a.service-page__tariffs-link{
    color: #21BBBD;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.service-page__seo-promotion-tariff .service-page__tariffs-list-item{
    color:  #D3D3D3;
}
p.service-page__seo-promotion-tariff-workers,
.service-page__seo-promotion-tariff-workers-list-name,
p.service-page__seo-promotion-tariff-workers-title{
    color: #D3D3D3;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 170.4%;
    margin: unset;
}
p.service-page__seo-promotion-tariff-workers{
    text-transform: uppercase;
}
.service-page__seo-promotion-tariff-workers-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px 50px;
}
.service-page__seo-promotion-tariff-workers-list-name{
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    padding-left: 30px;
    position: relative;
}
.service-page__seo-promotion-tariff-workers-list-name:before{
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_958_1282)'%3E%3Cpath d='M10 10C11.8417 10 13.3334 8.50837 13.3334 6.66671C13.3334 4.82504 11.8417 3.33337 10 3.33337C8.15837 3.33337 6.66671 4.82504 6.66671 6.66671C6.66671 8.50837 8.15837 10 10 10ZM10 11.6667C7.77504 11.6667 3.33337 12.7834 3.33337 15V16.6667H16.6667V15C16.6667 12.7834 12.225 11.6667 10 11.6667Z' fill='%23D3D3D3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_958_1282'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}
p.service-page__seo-promotion-tariff-workers{
    margin-top: 60px;
}
p.service-page__seo-promotion-tariff-workers-title{
    margin: 20px 0 10px;
}
.service-page__seo-promotion-tariff .btn{
    color: #FFF;
    padding: 30px 60px;
    margin-top: 20px;
}
.service-page__seo-promotion-tariff.service-page__context-advert-tariff .service-page__advert-ability-card {
    min-height: 1102px;
}
.service-page__seo-promotion-tariff-footer {
    min-height: 330px;
}
.service-page__tariff-seo-info {
    margin-top: auto;
}
.service-page__seo-promotion-tariff p.service-page__advert-type-title{
    margin-bottom: 10px;
}
.service-page__seo-promotion-tariff-subtitle{
    margin: unset;
    color:#D3D3D3;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 40px;
    @media (max-width: 1400px) {
        font-size: 18px;
    }
}
.service-page__seo-promotion-tariff .service-page__tariffs-list-item{
    font-weight: 300;
}
p.service-page__seo-promotion-tariff-workers-title{
    font-weight: 500;
}
@media screen and (max-width: 1920px){
    .service-page__advert-ability-card p.service-page__ability-card-description{
        font-size: calc(14px + 2 * (100vw - 1366px) / 554);
    }
    .service-page__advert-ability-card p.service-page__ability-card-title{
        font-size: calc(18px + 2 * (100vw - 1366px) / 554);
    }
}
@media screen and (max-width: 1364px){
    .service-page__context-advert .slick-slide {
        margin: 0 24px;
    }
    .service-page__context-advert .slick-list {
        margin: 0 -24px;
    }
    .service-page__advert-ability-slider p.service-page__ability-card-title{
        height: 84px;
    }
    .service-page__context-advert .slick-track{
        padding: 0px 0px 40px;
    }   
    .service-page__advert-ability-card {
        box-shadow: 22px 10px 20px 0px rgba(0, 0, 0, 0.40), 15px 15px 30px 0px rgba(255, 255, 255, 0.20) inset, -20px -20px 30px 0px #202021 inset;
    }
    .service-page__context-advert .slick-dots{
        margin: unset;
        display: flex;
        list-style: none;
        justify-content: center;
        gap: 12px;
    }
    .service-page__context-advert .slick-dots > li > button{
        font-size: 0;
        border-radius: 80px;
        background: #353535;
        box-shadow: 2px 2px 5px 0px rgba(255, 255, 255, 0.28) inset, -2px -2px 5px 0px #000 inset, 5px 5px 8px 0px rgba(0, 0, 0, 0.25);
        border: unset;
        margin: unset;
        width: 30px;
        height: 30px;
    }
    .service-page__context-advert .slick-dots > li.slick-active > button{
        background: #21BBBD;
        box-shadow: 2px 2px 5px 0px #A1FEFF inset, 
                    -2px -2px 5px 0px #002B2C inset, 
                    5px 5px 8px 0px rgba(0, 0, 0, 0.25);
    }
    .service-page__advert-ability-slider{
        position: relative;
    }
    .service-page__advert-ability-slider .slick-list.draggable:before,
    .service-page__advert-stages-slider .slick-list.draggable:before{
        position: absolute;
        width: 12.4%;
        content: "";
        right: 0;
        height: 90%;
        z-index: 1;
        opacity: 1;
        top: 0;
        border-radius: 0px;
        box-shadow: 75px 35px 40px 80px rgba(255, 255, 255, -0.1) inset, -40px -10px 30px -30px #202021 inset;
    }

}
@media screen and (max-width: 1280px){
    .service-page__advert-ability-card p.service-page__ability-card-title{
        font-size: 18px;
    }
    .service-page__advert-ability-card p.service-page__ability-card-description{
        font-size: 14px;
    }
}
@media screen and (max-width: 1024px){
    .service-page__advert-ability-card{
        max-width: 330px;
    }
    .service-page__advert-ability-cards .slick-slide {
        margin: 0 12px;
    }
    .service-page__context-advert-ability {
        padding: 100px 0;
    }
}
/* End */
/* /local/templates/souse_new/components/bitrix/news.list/seo-rework-advantages/style.css?17370176354264 */
/* /local/templates/souse_new/components/bitrix/news.list/seo-promotion-cases/style.css?173701763519497 */
/* /local/templates/souse_new/components/bitrix/catalog.section.list/seo-services/style.css?176165025310555 */
