/* Start:/local/templates/kanistra_template_all/components/bitrix/news.list/services-provided/style.css?17533566623478*/
.services_list {
    background: #333;
    padding: 102px 0 119px;
}

.services_title_and_text {
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px;
}

.services_title_and_text .services_text {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: right;
    color: #fff;
    width: 30%;
}

.service_cards_all {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* max-height: 550px; */
    /* height: 100%; */
    gap: 2px;
}

.service_card {
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 26px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 52px;
}

.h2_yellow {
    color: #ffb630;
    width: 35%;
}

.service_card_img1 {
    background: url(/local/templates/kanistra_template_all/components/bitrix/news.list/services-provided/../services-provided/img/serviceslist/1.png);
}

.service_card_img2 {
    background: url(/local/templates/kanistra_template_all/components/bitrix/news.list/services-provided/../services-provided/img/serviceslist/2.png);
}

.service_card_img3 {
    background: url(/local/templates/kanistra_template_all/components/bitrix/news.list/services-provided/../services-provided/img/serviceslist/3.png);
}

.service_card_img4 {
    background: url(/local/templates/kanistra_template_all/components/bitrix/news.list/services-provided/../services-provided/img/serviceslist/4.png);
}

.service_card:hover .service_card_img1 {
    background: url(/local/templates/kanistra_template_all/components/bitrix/news.list/services-provided/../services-provided/img/serviceslist/1_2.png);
}

.service_card:hover .service_card_img2 {
    background: url(/local/templates/kanistra_template_all/components/bitrix/news.list/services-provided/../services-provided/img/serviceslist/2_2.png);
}

.service_card:hover .service_card_img3 {
    background: url(/local/templates/kanistra_template_all/components/bitrix/news.list/services-provided/../services-provided/img/serviceslist/3_2.png);
}

.service_card:hover .service_card_img4 {
    background: url(/local/templates/kanistra_template_all/components/bitrix/news.list/services-provided/../services-provided/img/serviceslist/4_2.png);
}

.service_card_img {
    width: 100%;
    height: 11vw;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    transition: 0.3s;
}

.service_card_title {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #fff;
    transition: 0.3s;
}

.service_card:hover .service_card_title {
    color: #ffb630;
}

.service_card_text {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #f8f8f8;
}

.service_button {
    width: 100%;
    margin-top: auto;
}

.service_button:hover {
    background: #ffb630;
    color: #333;
}

.service_card_content {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

/*АДАПТИВ*/

@media screen and (max-width: 1500px) {
    .services_title_and_text .services_text {
        width: 30%;
    }

    .service_card {
        gap: 28px;
    }

    .service_card_content {
        gap: 24px;
    }

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

@media screen and (max-width: 1250px) {
    .services_title_and_text .services_text {
        width: 40%;
    }

    .service_cards_all {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 950px) {
    .services_title_and_text .services_text {
        width: 50%;
        font-size: 14px;
    }
}

@media screen and (max-width: 650px) {
    .services_title_and_text {
        flex-direction: column;
    }

    .h2_yellow {
        width: 100%;
    }

    .services_title_and_text .services_text {
        width: 100%;
        margin-top: 32px;
    }

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

    .service_card_img {
        height: 160px;
    }
}

/* End */
/* /local/templates/kanistra_template_all/components/bitrix/news.list/services-provided/style.css?17533566623478 */