/* 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 */


/* Start:/local/templates/sotbit2.0/components/bitrix/catalog/services_2.0/bitrix/catalog.section.list/.default/style.min.css?17464571131651*/
.services{background:var(--color-base-black-100);padding:calc(var(--padding-xl) - var(--nav-tabs-padding-y)) 0 var(--padding-xl) 0;border:1px solid var(--color-base-black-200);border-right:none;border-left:none}.services-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--card-list-gap);padding:24px 0}.services-cards .service-card{position:relative;text-align:center;background-color:var(--color-base-white);border-radius:var(--border-radius-m);padding:var(--card-padding-big);transition:transform var(--transition-time) ease-in}.services-cards .service-card [data-hover-arrow=box]{position:absolute;right:16px;top:16px;fill:var(--color-base-black-400);opacity:1}.services-cards .service-card:hover{transform:translateY(var(--card-transform-y))}.services-cards .service-card>.img-wrapper{--service-img-size:56px;margin:0 auto;text-align:center;max-width:var(--service-img-size);max-height:var(--service-img-size)}.services-cards .service-card>.img-wrapper img{width:100%}.services-cards .service-card>h3{font-size:var(--font-big-s);line-height:var(--font-big-h);font-weight:700;color:var(--color-base-black-500);margin-top:16px;margin-bottom:8px}.services-cards .service-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)}@media (max-width:1160px){.services-cards{grid-template-columns:1fr 1fr}.services-cards .service-card{padding:var(--card-padding)}.services-cards .service-card [data-hover-arrow=box]{opacity:1}.services-cards .service-card svg{max-width:48px;max-height:48px}}@media (max-width:560px){.services .services-cards{grid-template-columns:1fr}}
/* End */


/* Start:/local/templates/sotbit2.0/components/bitrix/catalog/services_2.0/bitrix/news.list/cases/style.min.css?17464571131452*/
.project-small-card-list{padding:120px 0 60px}.project-small-card-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px;row-gap:16px}.project-small-card-list-header *{margin-bottom:0}.project-small-card-list-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--column-gap)}.project-small-card-item{display:flex;align-items:center;gap:16px;padding:8px;border-radius:var(--border-radius-s);border:1px solid var(--color-base-black-200);transition:background var(--transition-time) ease-in-out}.project-small-card-item:hover{background:var(--color-base-black-100)}.project-small-card-item-img-wrapper{--img-size:96px;max-width:var(--img-size);max-height:var(--img-size);flex:0 0 var(--img-size)}.project-small-card-item-img-wrapper,.project-small-card-item-img-wrapper img{width:100%;height:100%;border-radius:var(--border-radius-s)}.project-small-card-item-title{color:var(--color-base-black-500);font-weight:700;font-size:var(--font-normal-s);line-height:1.48;margin-bottom:4px}.project-small-card-item p{color:var(--color-base-black-400);font-weight:400;font-size:var(--font-small-s);line-height:var(--font-extra-small)}@media (max-width:1279px){.project-small-card-list{padding:80px 0 40px}.project-small-card-list-inner{grid-template-columns:repeat(2,1fr);gap:16px}.project-small-card-list-header{margin-bottom:32px}}@media (max-width:767px){.project-small-card-list-inner{grid-template-columns:1fr}}
/* End */


/* Start:/include/page/docs/style.css?17485050301539*/

/* section */
.section-description {
    padding: 60px 0;
}

.section-description-big-padding {
    padding: 120px 0 60px 0;
}

.section-description .section-description-inner {
    background: url(/include/page/docs/image/contact-us-1.png) 105% 120% / 245px no-repeat,
    url(/include/page/docs/image/contact-us-2.png) -25px 65% / 153px no-repeat,
    url(/include/page/docs/image/contact-us-2.png) 85% -120px / 200px no-repeat,
    var(--color-primary-blue-100);
    border-radius: var(--border-radius-m);
    padding: 40px;
}

.section-description .section-description-content {
    width: 100%;
}

.section-description .section-description-content,
.section-description .section-description-content p {
    font-weight: 400;
    font-size: var(--font-normal-s);
    line-height: 1.48;
}

@media (max-width: 1439px) {
    .section-description-big-padding {
        padding: 80px 0 40px 0;
    }

    .section-description .section-description-inner {
        padding: 32px;
    }
}

@media (max-width: 767px) {
    .section-description .section-description-inner {
        padding: 16px;
    }
}

@media (max-width: 520px) {
    .section-description .section-description-inner {
        background: url(/include/page/docs/image/contact-us-1.png) 145% 105% / 245px no-repeat, 
        url(/include/page/docs/image/contact-us-2.png) -40px 35% / 153px no-repeat,
        url(/include/page/docs/image/contact-us-2.png) 85% -140px / 200px no-repeat, var(--color-primary-blue-100);
    }
}
/* End */
/* /local/templates/sotbit2.0/components/bitrix/catalog/services_2.0/style.css?17466364475266 */
/* /local/templates/sotbit2.0/components/bitrix/catalog/services_2.0/bitrix/catalog.section.list/.default/style.min.css?17464571131651 */
/* /local/templates/sotbit2.0/components/bitrix/catalog/services_2.0/bitrix/news.list/cases/style.min.css?17464571131452 */
/* /include/page/docs/style.css?17485050301539 */