/* Start:/local/templates/sotbit2.0/components/bitrix/menu/filter_catalog_2.0/style.min.css?1746457113802*/
:root{--nav-tabs-padding-y:24px}.nav-tabs{padding:var(--nav-tabs-padding-y) 0;overflow:auto}.nav-tabs ul{list-style:none;padding:0;margin:0;display:flex;gap:8px;width:-moz-fit-content;width:fit-content;flex-wrap:wrap}.nav-tabs ul.center{margin:0 auto}.nav-tabs ul li a:not(.active):hover{background:var(--color-primary-blue-100);color:var(--color-base-black-500)}.nav-tabs ul li a{display:block;padding:8px 16px;white-space:nowrap;color:var(--color-base-black-500);border:1px solid var(--color-base-black-200);border-radius:var(--border-radius-s)}.nav-tabs ul li a.active{background:var(--color-base-black-500);border:1px solid var(--color-base-black-500);color:var(--color-base-white)}@media (max-width:1439px){:root{--nav-tabs-padding-y:16px}}@media (max-width:1279px){.nav-tabs ul{flex-wrap:nowrap}}
/* End */


/* Start:/local/templates/sotbit2.0/components/bitrix/catalog/portfolio_2.0/bitrix/catalog.section/.default/style.css?17466364472384*/
.cases {
    border: 1px solid var(--color-base-black-200);
    border-right: none;
    border-left: none;
    background: var(--color-base-black-100);
    padding: calc(var(--padding-xl) - var(--nav-tabs-padding-y)) 0 var(--padding-xxl) 0;
}

.cases .load-more-wrapper {
    margin-top: 40px;
}

.cases-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--card-list-gap);
}

.case-item {
    background: var(--color-base-white);
    border-radius: var(--border-radius-m);
    padding: var(--padding-m);
    display: block;
    transition: transform ease-in var(--transition-time);
}

.case-item .case-item-title {
    color: var(--color-base-white);
    z-index: 1;
    font-weight: 700;
    font-size: var(--font-big-s);
    line-height: 1.3;
    max-width: 70%;
}

.case-item .case-item-img-wrapper {
    border-radius: var(--border-radius-m);
    padding: 20px 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 16px;
    height: 228px;
}

.case-item .case-item-img-wrapper:has(.case-item-title) {
    align-items: flex-start;
    justify-content: flex-start;
}

.case-item .case-item-bg {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-m);
}

.case-item .case-item-logo {
    width: 100%;
    max-width: 180px;
    max-height: 187px;
    position: relative;
    z-index: 1;
    border-radius: var(--border-radius-s);
}

.case-item:hover {
    transform: translateY(var(--card-transform-y));
}

.case-item .badge {
    margin-bottom: 8px;
    display: block;
    font-size: 14px;
}

.case-item .case-item-content p {
    color: var(--color-base-black-500);
    margin-bottom: 0;
    font-weight: 400;
    font-size: var(--font-big-s);
    line-height: var(--font-small-h);
}

@media (max-width: 1760px) {
    .cases-inner {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1279px) {
    .cases-inner {
        grid-template-columns: repeat(2, 1fr);
    }

    .cases {
        padding: calc(32px - var(--nav-tabs-padding-y)) 0 var(--padding-xl) 0;
    }
}

@media (max-width: 767px) {
    .cases-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/menu/filter_catalog_2.0/style.min.css?1746457113802 */
/* /local/templates/sotbit2.0/components/bitrix/catalog/portfolio_2.0/bitrix/catalog.section/.default/style.css?17466364472384 */
/* /include/page/docs/style.css?17485050301539 */