/* Start:/local/templates/sotbit2.0/components/bitrix/catalog/services_2.0/style.css?17466364475266*/
.services-about {
    padding: 120px 0 60px;
}

.services-about-inner {
    display: grid;
    gap: var(--card-list-gap);
    grid-template-columns: 0.586fr 0.414fr;
}

.services-about-us {
    display: grid;
    padding: var(--card-padding);
    border-radius: var(--border-radius-m);
    background: var(--color-primary-blue-200);
    gap: 16px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-template-areas: 'c1 c1 b24 b24 b24'
        'c1 c1 cert cert cert'
        'yc yc cert cert cert'
        'yc yc cert cert cert';
}

.services-about-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--card-list-gap);
}

.services-about-cards .services-about-card {
    position: relative;
    text-align: center;
    background-color: var(--color-base-black-100);
    border-radius: var(--border-radius-m);
    padding: var(--card-padding-big);
}

.services-about-cards .services-about-card .img-wrapper {
    margin-bottom: 16px;
}

.services-about-cards .services-about-card > p {
    font-size: var(--font-normal-s);
    line-height: var(--font-normal-h);
    font-weight: 400;
    margin: 0;
    color: var(--color-base-black-400);
}

.services-about-us .services-about-us-card {
    border-radius: var(--border-radius-m);
    background: var(--color-base-white);
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
}

.services-about-us .services-about-us-card:nth-child(1) {
    grid-area: c1;
}

.services-about-us .services-about-us-card:nth-child(2) {
    grid-area: yc;
}

.services-about-cards .services-about-us-card .img-wrapper {
    --img-size: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--img-size);
    height: var(--img-size);
}

.services-about-us .services-about-us-card > span {
    font-size: var(--font-small-s);
    line-height: var(--font-extra-small-h);
    font-weight: 400;
    color: var(--color-base-black-500);
    text-align: center;
}

.gold-partner {
    display: flex;
    border-radius: var(--border-radius-m);
    background: var(--color-base-white);
    grid-column: 3 span;
    grid-area: b24;
}

.gold-partner svg:last-of-type,
.gold-partner use,
.certificate use,
.certificate svg {
    width: 100%;
}

.gold-partner .gold-partner-right {
    padding: 24px 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FDAE2E;
    border-radius: var(--border-radius-m) 0 0 var(--border-radius-m);
}

.gold-partner .gold-partner-right svg {
    fill: #FDAE2E;
}

.gold-partner .gold-partner-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 4px;
    padding: 24px 16px;
}


.certificate {
    grid-area: cert;
    display: flex;flex-direction: column;
}

.certificate .certificate-gold {
    padding: 34px 14px;
    border-radius: var(--border-radius-m) var(--border-radius-m) 0 0;
    border: 2px solid #E6B73E;
    background: url("/local/templates/sotbit2.0/components/bitrix/catalog/services_2.0/./image/gold-bg.png") center center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.certificate .certificate-silver {
    padding: 30px 14px;
    border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
    border: 2px solid #D7D7D7;
    background: linear-gradient(100.48deg, #FFFFFF 33.32%, #EBEBEB 46.8%, #EBEBEB 68.11%, #FFFFFF 87.14%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50%;
}

.yandex-cloud-icon {
    display: block;
    width: 72px;
    height: 72px;
    background: url('/local/templates/sotbit2.0/assets/image/yandex-cloud.png') center center/cover no-repeat;
}

.gold-partner-icon {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 105px;
    max-height: 105px;
    background: url(/local/templates/sotbit2.0/components/bitrix/catalog/services_2.0/image/gold-partner.png) center center / contain no-repeat;
}

@media (max-width: 1760px) {
    .certificate .certificate-gold {
        padding: 44px 14px;
    }
}

@media (max-width: 1279px) {
    .services-about {
        padding: 80px 0 40px;
    }

    .services-about-inner {
        grid-template-columns: 1fr;
    }

    .services-about-us {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-template-areas:
        'c1 yc cert cert'
        'c1 yc cert cert'
        'b24 b24 cert cert';
    }

    .certificate .certificate-gold {
        padding: 26px 28px;
    }

    .gold-partner-icon {
        min-height: 96px;
    }
}

@media (max-width: 560px) {
    .services-about-cards {
        grid-template-columns: 1fr;
    }

    .services-about-us {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
        'c1 yc'
        'c1 yc'
        'b24 b24'
        'cert cert'
        'cert cert';
    }

    .certificate .certificate-gold {
        padding: 26px 22px;
    }
}

/* End */
/* /local/templates/sotbit2.0/components/bitrix/catalog/services_2.0/style.css?17466364475266 */