/* Start:/bitrix/templates/cosmos_pro_s1/components/bitrix/catalog.section.list/services-main-page/style.css?16174407169705*/
.services-page-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
    padding-top: 30px;
}
.services-page-list__item{
    border-radius: 6px;
    box-shadow: 0px 0px 9px 8px rgba(0, 0, 0, 0.03);
    width: calc(50% - 30px);
    height: 210px;
    margin: 0 15px 30px;
    display: block;
    background-repeat: no-repeat;
    transition-duration: 0.3s;
    cursor: pointer;
    font-size: 24px;
    font-weight: 400;
    color: #000;
}

.services-page-list__item:nth-child(1){
    background-image: url("../../../../../../images/services-page-list/services-page-list__vector-1.svg");
}
.services-page-list__item:nth-child(2){
    background-image: url("../../../../../../images/services-page-list/services-page-list__vector-2.svg");
}
.services-page-list__item:nth-child(3){
    background-image: url("../../../../../../images/services-page-list/services-page-list__vector-3.svg");
    background-position-x: 144px;
}
.services-page-list__item:nth-child(4){
    background-image: url("../../../../../../images/services-page-list/services-page-list__vector-4.svg");
    background-position-x: 144px;
}
.services-page-list__item:nth-child(5){
    background-image: url("../../../../../../images/services-page-list/services-page-list__vector-5.svg");
    background-position-x: 130px;
}
.services-page-list__item:nth-child(6){
    background-image: url("../../../../../../images/services-page-list/services-page-list__vector-6.svg");
    background-position-x: 130px;
}

.services-page-list__item-img{
    padding: 40px 0 0 30px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.services-page-list__item:nth-child(1) .services-page-list__item-img{
    background-image: url("../../../../../../images/services-page-list/services-page-list__img-1.png");
}
.services-page-list__item:nth-child(2) .services-page-list__item-img{
    background-image: url("../../../../../../images/services-page-list/services-page-list__img-2.png");
}
.services-page-list__item:nth-child(3) .services-page-list__item-img{
    background-image: url("../../../../../../images/services-page-list/services-page-list__img-3.png");
}
.services-page-list__item:nth-child(4) .services-page-list__item-img{
    background-image: url("../../../../../../images/services-page-list/services-page-list__img-4.png");
}
.services-page-list__item:nth-child(5) .services-page-list__item-img{
    background-image: url("../../../../../../images/services-page-list/services-page-list__img-5.png");
}
.services-page-list__item:nth-child(6) .services-page-list__item-img{
    background-image: url("../../../../../../images/services-page-list/services-page-list__img-6.png");
}

@media (min-width: 991px) {
    .services-page-list__item:hover{
        background-color: #3aa020;
        color: #f7f7f7;
    }
    .services-page-list__item:nth-child(1):hover{
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-1-hover.svg");
    }
    .services-page-list__item:nth-child(2):hover{
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-2-hover.svg");
    }
    .services-page-list__item:nth-child(3):hover{
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-3-hover.svg");
    }
    .services-page-list__item:nth-child(4):hover{
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-4-hover.svg");
    }
    .services-page-list__item:nth-child(5):hover{
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-5-hover.svg");
    }
    .services-page-list__item:nth-child(6):hover{
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-6-hover.svg");
    }
    .services-page-list__item:nth-child(1):hover > .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-1-hover.png");
    }
    .services-page-list__item:nth-child(2):hover > .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-2-hover.png");
    }
    .services-page-list__item:nth-child(3):hover > .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-3-hover.png");
    }
    .services-page-list__item:nth-child(4):hover > .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-4-hover.png");
    }
    .services-page-list__item:nth-child(5):hover > .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-5-hover.png");
    }
    .services-page-list__item:nth-child(6):hover > .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-6-hover.png");
    }
}
@media (max-width: 991px) {
    .services-page-list__item{
        width: 100%;
        margin: 0 0 30px;
    }
    .services-page-list__item:nth-child(1){
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-1-tablet.svg");
        background-position-x: 295px;
    }
    .services-page-list__item:nth-child(2){
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-2-tablet.svg");
        background-position-x: 160px;
    }
    .services-page-list__item:nth-child(3){
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-3-tablet.svg");
        background-position-x: 210px;
    }
    .services-page-list__item:nth-child(4){
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-4-tablet.svg");
        background-position-x: 210px;
    }
    .services-page-list__item:nth-child(5){
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-5-tablet.svg");
        background-position-x: 225px;
    }
    .services-page-list__item:nth-child(6){
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-6-tablet.svg");
        background-position-x: 280px;
    }
    .services-page-list__item:nth-child(1) .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-1.png");
    }
    .services-page-list__item:nth-child(2) .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-2.png");
    }
    .services-page-list__item:nth-child(3) .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-3.png");
    }
    .services-page-list__item:nth-child(4) .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-4.png");
    }
    .services-page-list__item:nth-child(5) .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-5.png");
    }
    .services-page-list__item:nth-child(6) .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-6.png");
    }
}
@media (max-width: 991px) {
    .services-page-list{
        margin: 0 -15px;
    }
}
@media (max-width: 767px) {
    .services-page-list{
        margin: 0px -15px;
        padding-top: 0;
    }
    .services-page-list__item{
        height: 128px;
        font-size: 18px;
        margin: 0 0 20px;
    }
    .services-page-list__item-img{
        padding: 20px 0 0 15px;
    }
    .services-page-list__item:nth-child(1){
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-1-mobile.svg");
        background-position-x: 88px;
    }
    .services-page-list__item:nth-child(2){
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-2-mobile.svg");
        background-position-x: 5px;
    }
    .services-page-list__item:nth-child(3){
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-3-mobile.svg");
        background-position-x: 10px;
    }
    .services-page-list__item:nth-child(4){
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-4-mobile.svg");
        background-position-x: 15px;
    }
    .services-page-list__item:nth-child(5){
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-5-mobile.svg");
        background-position-x: 25px;
    }
    .services-page-list__item:nth-child(6){
        background-image: url("../../../../../../images/services-page-list/services-page-list__vector-6-mobile.svg");
        background-position-x: 80px;
    }
    .services-page-list__item:nth-child(1) .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-1-mobile.png");
    }
    .services-page-list__item:nth-child(2) .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-2-mobile.png");
    }
    .services-page-list__item:nth-child(3) .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-3-mobile.png");
    }
    .services-page-list__item:nth-child(4) .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-4-mobile.png");
    }
    .services-page-list__item:nth-child(5) .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-5-mobile.png");
    }
    .services-page-list__item:nth-child(6) .services-page-list__item-img{
        background-image: url("../../../../../../images/services-page-list/services-page-list__img-6-mobile.png");
    }
}
/* End */
/* /bitrix/templates/cosmos_pro_s1/components/bitrix/catalog.section.list/services-main-page/style.css?16174407169705 */