/* Start:/cases/style.css?177412298410218*/
body{
    margin: 0;
    padding: 0;
}

.cases-page {
    min-height: 100vh;
    background: transparent;
    margin: 0;
    padding: 1rem 0 0;
}

.cases-page .cases-section--page,
.cases-page .cases-detail-section,
.cases-page .request-section {
    margin: 0;
}

.cases-page .cases-section--page > .page-container,
.cases-page .cases-detail-section > .page-container,
.cases-page .request-section > .page-container {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    padding: 0 1rem;
}

.cases-page .cases-section--page {
    background: #f0f1f3;
    padding: 3.8125rem 0 4.25rem;
}

.cases-page [data-fb-cases-list] {
    margin-top: 2rem;
}

.cases-page [data-fb-cases-list] .cases-shell {
    background: #fff;
}

.cases-page [data-fb-cases-list] .cases-slide,
.cases-page [data-fb-cases-list] .cases-slide__right,
.cases-page [data-fb-cases-list] .cases-slide__right img {
    background: #fff !important;
}

.cases-page [data-fb-cases-list] .cases-slide__right img,
.cases-page .cases-section[data-fb-cases] .cases-slide__right img {
    object-fit: contain !important;
    object-position: center !important;
}

.cases-page .cases-title {
    margin: 0;
    color: #151515;
    font-size: 2.25rem;
    line-height: 1.18;
    font-weight: 700;
    max-width: 56.5rem;
}

.cases-page .cases-page-more {
    margin: 2rem auto 0;
    width: min(100%, 23.375rem);
    min-height: 4.75rem;
    border: 0;
    border-radius: 0.625rem;
    background: #396d39;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-size: 1rem;
    line-height: 1.6875rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    cursor: pointer;
}

.cases-page .cases-page-more:hover {
    background: #2f5f2f;
}

.cases-page .cases-page-more[hidden] {
    display: none;
}

.cases-page .request-section {
    background: #f0f1f3;
    padding: 4.5rem 0 4.5rem;
}

.cases-page .request-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.25rem;
}

.cases-page .request-copy {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.cases-page .request-decor {
    width: 100%;
    max-width: 10.625rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

.cases-page .request-decor__slot {
    width: 100%;
    background: transparent;
}

.cases-page .request-decor__slot--1 {
    aspect-ratio: 169.07022 / 169.04784;
}

.cases-page .request-decor__slot--2 {
    aspect-ratio: 169.07202 / 169.06708;
}

.cases-page .request-decor__slot--3 {
    aspect-ratio: 169.07001 / 170.49146;
}

.cases-page .request-decor__slot--4 {
    aspect-ratio: 180.00169 / 174.49078;
}

.cases-page .request-decor__slot--5 {
    aspect-ratio: 176.60001 / 169.57562;
}

.cases-page .request-text {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.cases-page .request-title {
    margin: 0;
    color: #151515;
    font-size: 2.125rem;
    line-height: 1.18;
    font-weight: 700;
}

.cases-page .request-subtitle {
    margin: 0;
    color: #151515;
    font-size: 1.75rem;
    line-height: 1.28;
    font-weight: 400;
}

.cases-page .request-form {
    width: 100%;
    max-width: 23.375rem;
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
}

.cases-page .request-field {
    display: block;
}

.cases-page .request-field input,
.cases-page .request-field textarea {
    width: 100%;
    border: 1px solid #bac2ca;
    border-radius: 0.625rem;
    background: #fff;
    color: #151515;
    font-size: 1.125rem;
    line-height: 1.35;
    font-weight: 400;
    padding: 1rem 1.3125rem;
}

.cases-page .request-field input {
    min-height: 3.75rem;
}

.cases-page .request-field textarea {
    min-height: 6.5rem;
    resize: vertical;
}

.cases-page .request-field input::placeholder,
.cases-page .request-field textarea::placeholder {
    color: #686868;
}

.cases-page .request-submit {
    margin-top: 0.5rem;
    width: 100%;
    min-height: 4.75rem;
    border: 0;
    border-radius: 0.625rem;
    background: #396d39;
    color: #fff;
    font-size: 1rem;
    line-height: 1.6875rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    cursor: pointer;
}

.cases-page .request-submit:hover {
    background: #2f5f2f;
}

.cases-page .request-checkbox {
    margin-top: 0.25rem;
    display: inline-flex;
    align-items: flex-start;
    gap: 0.4375rem;
    color: #686868;
    font-size: 1rem;
    line-height: 1.34;
}

.cases-page .request-checkbox input {
    width: 0.75rem;
    height: 0.75rem;
    margin-top: 0.31rem;
    accent-color: #396d39;
    flex: 0 0 auto;
}

.cases-page .request-checkbox a {
    color: inherit;
}

@media (min-width: 768px) {
    .cases-page .cases-section--page > .page-container,
    .cases-page .cases-detail-section > .page-container,
    .cases-page .request-section > .page-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 1024px) {
    .cases-page .cases-section--page > .page-container,
    .cases-page .cases-detail-section > .page-container,
    .cases-page .request-section > .page-container {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media (min-width: 1280px) {
    .cases-page .cases-section--page > .page-container,
    .cases-page .cases-detail-section > .page-container,
    .cases-page .request-section > .page-container {
        padding-left: 6rem;
        padding-right: 6rem;
    }
}

@media (max-width: 767px) {
    .cases-page .cases-title {
        font-size: clamp(1rem, 0.936rem + 0.32vw, 1.125rem);
        line-height: 1.375rem;
        font-weight: 700;
        max-width: 100%;
    }

    .cases-page [data-fb-cases-list] {
        margin-top: 0.9375rem;
    }

    .cases-page .cases-page-more {
        margin-top: 0.875rem;
        width: auto;
        min-height: 2.5rem;
        border-radius: 0.4375rem;
        padding: 0 1.0625rem;
        font-size: 0.5rem;
        line-height: 0.875rem;
        letter-spacing: 0.025rem;
    }

    .cases-page .request-section {
        padding: 2.5rem 0 2.125rem;
    }

    .cases-page .request-layout {
        gap: 1.25rem;
    }

    .cases-page .request-copy {
        gap: 0.875rem;
    }

    .cases-page .request-decor {
        display: none;
    }

    .cases-page .request-text {
        gap: 0.875rem;
    }

    .cases-page .request-title,
    .cases-page .request-subtitle {
        text-align: center;
        max-width: 100%;
    }

    .cases-page .request-title {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }

    .cases-page .request-subtitle {
        font-size: 0.6875rem;
        line-height: 1rem;
    }

    .cases-page .request-form {
        max-width: 17.25rem;
        gap: 0.875rem;
        margin: 0 auto;
    }

    .cases-page .request-field input,
    .cases-page .request-field textarea {
        font-size: 0.6875rem;
        line-height: 1rem;
        border-radius: 0.6875rem;
        padding: 0.8125rem 0.9375rem;
    }

    .cases-page .request-field input {
        min-height: 2.75rem;
    }

    .cases-page .request-field textarea {
        min-height: 4.5rem;
    }

    .cases-page .request-submit {
        min-height: 2.5rem;
        border-radius: 0.4375rem;
        font-size: 0.5rem;
        line-height: 0.875rem;
        letter-spacing: 0.025rem;
    }

    .cases-page .request-checkbox {
        font-size: 0.6875rem;
        line-height: 0.875rem;
    }

    .cases-page .request-checkbox input {
        width: 0.75rem;
        height: 0.75rem;
        margin-top: 0.0625rem;
    }
}

@media (min-width: 768px) {
    .cases-page .request-copy {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
        column-gap: 2rem;
    }

    .cases-page .request-title {
        font-size: 2.25rem;
    }

    .cases-page .request-form {
        margin-left: auto;
    }
}

@media (min-width: 1024px) {
    .cases-page .request-layout {
        grid-template-columns: minmax(0, 1fr) 23.375rem;
        align-items: start;
        column-gap: 3rem;
    }

    .cases-page .request-copy {
        grid-template-columns: 10.5625rem minmax(0, 1fr);
        column-gap: 2.5625rem;
    }

    .cases-page .request-decor {
        width: 10.625rem;
        max-width: 10.625rem;
        gap: 1rem;
    }

    .cases-page .request-text {
        gap: 2.3125rem;
    }

    .cases-page .request-title {
        font-size: 2.5rem;
        line-height: 1.2;
        max-width: 29.375rem;
    }

    .cases-page .request-subtitle {
        font-size: 2rem;
        line-height: 1.22;
        max-width: 25.875rem;
    }

    .cases-page .request-form {
        padding-top: 0.8125rem;
        gap: 1.125rem;
    }

    .cases-page .request-field--textarea textarea {
        min-height: 6.5rem;
    }

    .cases-page .request-checkbox {
        margin-top: 0.4375rem;
    }
}

@media (min-width: 1280px) {
    .cases-page .cases-title {
        font-size: 2.5rem;
        line-height: 1.2;
        max-width: 56.5rem;
    }

    .cases-page [data-fb-cases-list] {
        margin-top: 2.5625rem;
    }

    .cases-page .cases-page-more {
        margin-top: 2.5625rem;
    }

    .cases-page .request-decor {
        position: relative;
        width: 32.2875rem;
        max-width: none;
        height: 31.875rem;
        gap: 0;
    }

    .cases-page .request-decor__slot {
        position: absolute;
    }

    .cases-page .request-decor__slot--1 {
        left: 0;
        top: 0;
        width: 10.5669rem;
        height: 10.5655rem;
    }

    .cases-page .request-decor__slot--2 {
        left: 0;
        top: 10.4967rem;
        width: 10.567rem;
        height: 10.5667rem;
    }

    .cases-page .request-decor__slot--3 {
        left: 0;
        top: 21.0529rem;
        width: 10.5669rem;
        height: 10.6557rem;
    }

    .cases-page .request-decor__slot--4 {
        left: 10.5rem;
        top: 20.8688rem;
        width: 11.2501rem;
        height: 10.9057rem;
    }

    .cases-page .request-decor__slot--5 {
        left: 21.25rem;
        top: 21.1813rem;
        width: 11.0375rem;
        height: 10.5985rem;
    }
}

/* End */


/* Start:/bitrix/components/bitrix/news/templates/fb_cases/style.css?177315597212141*/
body{
    margin: 0;
    padding: 0;
}

.cases-detail-section {
    padding: 3.8125rem 0 4.25rem;
    background: #f0f1f3;
}

.cases-detail-wrap {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Same rhythm as cases slider block on the main page */
.cases-detail-head {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.cases-detail-hero {
    margin-top: 2rem;
}

/* Card styles are aligned with home slider */
.cases-detail-hero .cases-shell {
    min-height: 22rem;
    border-radius: 0.625rem;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.cases-detail-hero .cases-slide {
    min-width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    min-height: 22rem;
}

.cases-detail-hero .cases-slide__left {
    padding: 2rem 1.5rem 2.25rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cases-detail-hero .cases-slide__title {
    margin: 0;
    color: #151515;
    font-size: 2.125rem;
    line-height: 1.16;
    font-weight: 700;
    max-width: 41.125rem;
}

.cases-detail-hero .cases-slide__text {
    margin: 1.625rem 0 0;
    color: #151515;
    font-size: 1.375rem;
    line-height: 1.3;
    max-width: 36.875rem;
}

.cases-detail-hero .cases-slide__text strong {
    font-weight: 700;
}

.cases-detail-hero .cases-slide__meta {
    margin-top: 1.875rem;
    display: flex;
    gap: 2.75rem;
    color: #151515;
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 700;
}

.cases-detail-hero .cases-slide__right {
    display: none;
    min-height: 11rem;
    background: #f3f3f3;
    overflow: hidden;
}

.cases-detail-hero .cases-slide__right img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.cases-detail-back {
    margin-top: 1.5rem;
    color: #396d39;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
}

.cases-detail-back:hover {
    text-decoration: underline;
}

.cases-detail-title {
    margin: 0;
    margin-top: 0.75rem;
    color: #151515;
    font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.5rem);
    line-height: 1.12;
    font-weight: 700;
}

.cases-detail-meta {
    margin-top: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
    color: #151515;
    font-size: 0.95rem;
    font-weight: 700;
}

.cases-detail-image {
    margin: 1rem 0 0;
    border-radius: 0.625rem;
    overflow: hidden;
    background: #f0f1f3;
}

.cases-detail-image img {
    width: 100%;
    display: block;
    object-fit: cover;
}

.cases-detail-content,
.cases-detail-extra-content {
    color: #151515;
    font-size: 1rem;
    line-height: 1.55;
}

.cases-detail-content {
    margin-top: 1rem;
}

.cases-detail-section .cases-detail-intro {
    margin-top: 1.25rem;
    max-width: 58rem;
}

.cases-detail-content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-top: 0;
}

.cases-detail-content > * {
    margin: 0;
}

.cases-detail-content .cases-detail-intro-heading {
    margin: 0;
    color: #151515;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
}

.cases-detail-content .cases-detail-intro-text {
    margin: 1.25rem 0 0;
    color: #151515;
    font-size: 1.75rem;
    line-height: 1.35;
    font-weight: 700;
}

.cases-detail-content .cases-detail-field-title {
    margin: 0;
    color: #151515;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
}

.cases-detail-content .turnkey-alliance-title {
    margin: 0;
    color: #151515;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
}

.cases-detail-content .turnkey-alliance-subtitle {
    margin: 1.25rem 0 0;
    color: #151515;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
}

.cases-detail-content .turnkey-alliance-text {
    margin: 1.25rem 0 0;
    color: #151515;
    font-size: 1.75rem;
    line-height: 1.35;
    font-weight: 700;
}

.cases-detail-content .turnkey-alliance-subtitle span,
.cases-detail-content .turnkey-alliance-text span {
    color: #396d39;
}

.cases-detail-content > :first-child {
    color: #151515;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
}

.cases-detail-content > :nth-child(2) {
    color: #151515;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
}

.cases-detail-content > :nth-child(n + 3) {
    color: #151515;
    font-size: 1.75rem;
    line-height: 1.35;
    font-weight: 700;
}

.cases-detail-content h1,
.cases-detail-content h2,
.cases-detail-content h3 {
    color: #151515;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
}

.cases-detail-content p,
.cases-detail-content li {
    color: #151515;
    font-size: 1.75rem;
    line-height: 1.35;
    font-weight: 700;
}

.cases-detail-content strong,
.cases-detail-content .accent {
    color: #396d39;
    font-style: normal;
    font-weight: 700;
}

.cases-detail-extra {
    margin-top: 1rem;
    padding-top: 1.25rem;
}

.cases-detail-extra-title {
    margin: 0 0 0.75rem;
    font-size: 1.375rem;
    line-height: 1.3;
    font-weight: 700;
}

.cases-detail-metrics {
    margin-top: 0.5rem;
}

.cases-detail-metrics__row {
    min-height: 4rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;
    border-bottom: 1px solid #8a8a8a;
    padding: 0.5rem 0;
}

.cases-detail-metrics__label,
.cases-detail-metrics__value {
    color: #2f2f2f;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
}

.cases-detail-metrics__value {
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .cases-detail-section {
        padding: 1.75rem 0 2.5rem;
    }

    .cases-detail-head {
        gap: 0.875rem;
    }

    .cases-detail-hero {
        margin-top: clamp(0.875rem, 0.84rem + 0.18vw, 0.9375rem);
    }

    .cases-detail-hero .cases-shell {
        min-height: 0;
        border-radius: var(--home-card-radius);
    }

    .cases-detail-hero .cases-slide {
        min-height: 0;
    }

    .cases-detail-hero .cases-slide__left {
        padding: var(--home-card-pad);
    }

    .cases-detail-hero .cases-slide__title {
        font-size: var(--home-title-fs);
        line-height: var(--home-title-lh);
    }

    .cases-detail-hero .cases-slide__text {
        margin-top: var(--home-block-gap);
        font-size: var(--home-body-fs);
        line-height: var(--home-body-lh);
    }

    .cases-detail-hero .cases-slide__meta {
        margin-top: 0.625rem;
        font-size: var(--m-fs-8);
        line-height: var(--m-lh-12);
        gap: 0.9375rem;
    }

    .cases-detail-hero .cases-slide__right {
        display: none;
    }

    .cases-detail-back {
        margin-top: 1rem;
    }

    .cases-detail-title {
        margin-top: 0.625rem;
    }

    .cases-detail-meta {
        margin-top: 0.5rem;
    }

    .cases-detail-image {
        margin-top: 0.75rem;
    }

    .cases-detail-content,
    .cases-detail-extra-content {
        font-size: 0.9375rem;
        line-height: 1.5;
    }

    .cases-detail-content {
        margin-top: 0;
        gap: 0.875rem;
    }

    .cases-detail-section .cases-detail-intro {
        margin-top: 0.75rem;
        max-width: 100%;
    }

    .cases-detail-extra {
        margin-top: 0.75rem;
    }

    .cases-detail-extra-title {
        font-size: 1.125rem;
    }

    .cases-detail-metrics {
        margin-top: 0.375rem;
    }

    .cases-detail-metrics__row {
        min-height: 2.5rem;
        gap: 0.75rem;
        padding: 0.3125rem 0;
    }

    .cases-detail-metrics__label,
    .cases-detail-metrics__value {
        font-size: 0.8125rem;
        line-height: 1.2;
    }

    .cases-detail-content h1,
    .cases-detail-content h2,
    .cases-detail-content h3,
    .cases-detail-content .turnkey-alliance-title,
    .cases-detail-content .turnkey-alliance-subtitle {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }

    .cases-detail-content p,
    .cases-detail-content li,
    .cases-detail-content .turnkey-alliance-text {
        font-size: 0.6875rem;
        line-height: 1rem;
    }

    .cases-detail-content .turnkey-alliance-subtitle,
    .cases-detail-content .turnkey-alliance-text {
        margin-top: 0.875rem;
    }

    .cases-detail-content .cases-detail-intro-heading {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }

    .cases-detail-content .cases-detail-intro-text {
        margin-top: 0.875rem;
        font-size: 0.6875rem;
        line-height: 1rem;
    }


    .cases-detail-content > :first-child,
    .cases-detail-content > :nth-child(2),
    .cases-detail-content h1,
    .cases-detail-content h2,
    .cases-detail-content h3,
    .cases-detail-content .turnkey-alliance-title,
    .cases-detail-content .turnkey-alliance-subtitle {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }

    .cases-detail-content > :nth-child(n + 3),
    .cases-detail-content p,
    .cases-detail-content li,
    .cases-detail-content .turnkey-alliance-text {
        font-size: 0.6875rem;
        line-height: 1rem;
    }
}

@media (min-width: 768px) {
    .cases-detail-hero .cases-slide {
        min-height: 26rem;
    }

    .cases-detail-hero .cases-slide__left {
        padding: 2.75rem 2.25rem 2.25rem;
    }

    .cases-detail-hero .cases-slide__title {
        font-size: 2.25rem;
    }

    .cases-detail-content .turnkey-alliance-title {
        font-size: 2.5rem;
    }

    .cases-detail-content > :first-child,
    .cases-detail-content > :nth-child(2),
    .cases-detail-content h1,
    .cases-detail-content h2,
    .cases-detail-content h3,
    .cases-detail-content .turnkey-alliance-subtitle {
        font-size: 2.5rem;
    }

    .cases-detail-content > :nth-child(n + 3),
    .cases-detail-content p,
    .cases-detail-content li,
    .cases-detail-content .turnkey-alliance-text {
        font-size: 2rem;
    }

    .cases-detail-content .cases-detail-intro-heading {
        font-size: 2.5rem;
    }

    .cases-detail-content .cases-detail-intro-text {
        font-size: 2rem;
    }

}

@media (min-width: 1280px) {
    .cases-detail-head {
        gap: 3.625rem;
    }

    .cases-detail-hero {
        margin-top: 2.5625rem;
    }

    .cases-detail-hero .cases-shell {
        min-height: 36.0625rem;
    }

    .cases-detail-hero .cases-slide {
        min-height: 36.0625rem;
        grid-template-columns: minmax(0, 68%) minmax(0, 32%);
    }

    .cases-detail-hero .cases-slide__left {
        padding: 3rem 3.625rem 2.875rem;
    }

    .cases-detail-hero .cases-slide__title {
        font-size: 2.25rem;
        line-height: 1.2;
        max-width: 41.125rem;
    }

    .cases-detail-hero .cases-slide__text {
        margin-top: 2.125rem;
        font-size: 1.5rem;
        line-height: 1.33;
        max-width: 36.875rem;
    }

    .cases-detail-hero .cases-slide__meta {
        margin-top: 2.1875rem;
        font-size: 1.25rem;
        gap: 3.125rem;
    }

    .cases-detail-hero .cases-slide__right {
        display: block;
    }

    .cases-detail-content > :nth-child(2),
    .cases-detail-content h1,
    .cases-detail-content h2,
    .cases-detail-content h3,
    .cases-detail-content .turnkey-alliance-subtitle {
        margin-top: 1.25rem;
        font-size: 3rem;
    }

    .cases-detail-content > :nth-child(n + 3),
    .cases-detail-content p,
    .cases-detail-content li,
    .cases-detail-content .turnkey-alliance-text {
        margin-top: 1.6875rem;
        font-size: 2.5rem;
        line-height: 1.2;
    }

    .cases-detail-content .cases-detail-intro-heading {
        font-size: 3rem;
    }

    .cases-detail-content .cases-detail-intro-text {
        margin-top: 1.6875rem;
        font-size: 2.5rem;
        line-height: 1.2;
    }

}

/* Keep intro text identical to regular detail text block typography */
.cases-detail-content .cases-detail-intro-heading,
.cases-detail-content .cases-detail-intro-text {
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

/* End */


/* Start:/bitrix/components/bitrix/news/templates/fb_cases/bitrix/news.list/.default/style.css?17731455653823*/
[data-fb-cases-list] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

[data-fb-cases-list] .cases-shell {
    min-height: 22rem;
    border-radius: 0.625rem;
    background: #fff;
    overflow: hidden;
    position: relative;
}

[data-fb-cases-list] .cases-slide {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 22rem;
}

[data-fb-cases-list] .cases-slide__left {
    padding: 2rem 1.5rem 2.25rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

[data-fb-cases-list] .cases-slide__title {
    margin: 0;
    color: #151515;
    font-size: 2.125rem;
    line-height: 1.16;
    font-weight: 700;
    max-width: 41.125rem;
}

[data-fb-cases-list] .cases-slide__title span {
    color: #396d39;
}

[data-fb-cases-list] .cases-slide__text {
    margin: 1.625rem 0 0;
    color: #151515;
    font-size: 1.375rem;
    line-height: 1.3;
    max-width: 36.875rem;
}

[data-fb-cases-list] .cases-slide__text strong {
    font-weight: 700;
}

[data-fb-cases-list] .cases-slide__meta {
    margin-top: 1.875rem;
    display: flex;
    gap: 2.75rem;
    color: #151515;
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 700;
}

[data-fb-cases-list] .cases-slide__cta {
    margin-top: auto;
    width: min(100%, 23.375rem);
    min-height: 4.75rem;
    border-radius: 0.625rem;
    background: #396d39;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-size: 1rem;
    line-height: 1.6875rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
}

[data-fb-cases-list] .cases-slide__cta:hover {
    background: #2f5f2f;
}

[data-fb-cases-list] .cases-slide__right {
    display: none;
    min-height: 11rem;
    background: #f3f3f3;
    overflow: hidden;
}

[data-fb-cases-list] .cases-slide__right img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 767px) {
    [data-fb-cases-list] {
        gap: 0.875rem;
    }

    [data-fb-cases-list] .cases-shell {
        min-height: 0;
        border-radius: clamp(0.625rem, 0.59rem + 0.18vw, 0.6875rem);
    }

    [data-fb-cases-list] .cases-slide {
        min-height: 0;
    }

    [data-fb-cases-list] .cases-slide__left {
        padding: clamp(0.9375rem, 0.87rem + 0.34vw, 1.0625rem);
    }

    [data-fb-cases-list] .cases-slide__title {
        font-size: clamp(1rem, 0.936rem + 0.32vw, 1.125rem);
        line-height: 1.375rem;
    }

    [data-fb-cases-list] .cases-slide__text {
        margin-top: clamp(0.875rem, 0.81rem + 0.32vw, 1rem);
        font-size: clamp(0.625rem, 0.593rem + 0.16vw, 0.6875rem);
        line-height: 1rem;
    }

    [data-fb-cases-list] .cases-slide__meta {
        margin-top: 0.875rem;
        gap: 0.875rem;
        font-size: 0.4375rem;
        line-height: 0.625rem;
    }

    [data-fb-cases-list] .cases-slide__cta {
        margin-top: 1rem;
        width: auto;
        min-height: 2.5rem;
        border-radius: 0.4375rem;
        padding: 0 1.0625rem;
        font-size: 0.5rem;
        line-height: 0.875rem;
        letter-spacing: 0.025rem;
    }
}

@media (min-width: 768px) {
    [data-fb-cases-list] .cases-slide {
        grid-template-columns: minmax(0, 1fr) 18rem;
    }

    [data-fb-cases-list] .cases-slide__right {
        display: block;
        min-height: 100%;
    }
}

@media (min-width: 1024px) {
    [data-fb-cases-list] .cases-slide {
        grid-template-columns: minmax(0, 1fr) 22rem;
    }
}

@media (min-width: 1280px) {
    [data-fb-cases-list] {
        gap: 2.5625rem;
    }

    [data-fb-cases-list] .cases-slide {
        min-height: 36.0625rem;
        grid-template-columns: minmax(0, 1fr) 31.75rem;
    }
}

/* End */


/* Start:/local/components/fl/request.section/templates/.default/style.css?17745148199364*/
.fl-request-section {
    background: #f0f1f3;
    padding: 3.75rem 0 4.5rem;
}

.fl-request-section .request-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.25rem;
}

.fl-request-section .request-copy {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.fl-request-section .request-decor {
    width: 100%;
    max-width: 10.625rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

.fl-request-section .request-decor__slot {
    width: 100%;
    background: transparent;
}

.fl-request-section .request-decor__slot svg {
    display: block;
    width: 100%;
    height: 100%;
}

.fl-request-section .request-decor__slot--1 { aspect-ratio: 169.07022 / 169.04784; }
.fl-request-section .request-decor__slot--2 { aspect-ratio: 169.07202 / 169.06708; }
.fl-request-section .request-decor__slot--3 { aspect-ratio: 169.07001 / 170.49146; }
.fl-request-section .request-decor__slot--4 { aspect-ratio: 180.00169 / 174.49078; }
.fl-request-section .request-decor__slot--5 { aspect-ratio: 176.60001 / 169.57562; }

.fl-request-section .request-text {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.fl-request-section .request-title {
    margin: 0;
    color: #151515;
    font-size: 2.125rem;
    line-height: 1.18;
    font-weight: 700;
}

.fl-request-section .request-subtitle {
    margin: 0;
    color: #151515;
    font-size: 1.75rem;
    line-height: 1.28;
    font-weight: 400;
}

.fl-request-section .request-form {
    width: 100%;
    max-width: 23.375rem;
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
    justify-content: space-between;
}

.fl-request-section .request-field {
    display: block;
}

.fl-request-section .request-field input,
.fl-request-section .request-field textarea {
    width: 100%;
    border: 1px solid #bac2ca;
    border-radius: 0.625rem;
    background: #fff;
    color: #151515;
    font-size: 1.125rem;
    line-height: 1.35;
    font-weight: 400;
    padding: 1rem 1.3125rem;
}

.fl-request-section .request-field input { min-height: 3.75rem; }

.fl-request-section .request-field textarea {
    min-height: 6.5rem;
    resize: vertical;
}

.fl-request-section .request-field input::placeholder,
.fl-request-section .request-field textarea::placeholder {
    color: #686868;
}

.fl-request-section .request-submit {
    margin-top: 0.5rem;
    width: 100%;
    min-height: 4.75rem;
    border: 0;
    border-radius: 0.625rem;
    background: #396d39;
    color: #fff;
    font-size: 1rem;
    line-height: 1.6875rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    cursor: pointer;
}

.fl-request-section .request-submit:hover {
    background: #2f5f2f;
}

.fl-request-section .request-checkbox {
    margin-top: 0.25rem;
    display: inline-flex;
    align-items: flex-start;
    gap: 0.4375rem;
    color: #686868;
    font-size: 1rem;
    line-height: 1.34;
}

.fl-request-section .request-checkbox input {
    width: 0.75rem;
    height: 0.75rem;
    margin-top: 0.31rem;
    accent-color: #396d39;
    flex: 0 0 auto;
}

.fl-request-section .request-checkbox a {
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.fl-request-section .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@media (max-width: 767px) {
    .fl-request-section {
        --fl-home-mobile-container-max: 17.25rem;
        --fl-home-section-space: clamp(1.875rem, 1.74rem + 0.68vw, 2.125rem);
        --fl-home-block-gap: clamp(0.875rem, 0.81rem + 0.32vw, 1rem);
        --fl-home-grid-gap: clamp(0.625rem, 0.49rem + 0.68vw, 0.875rem);
        --fl-home-card-radius: clamp(0.625rem, 0.59rem + 0.18vw, 0.6875rem);
        --fl-home-control-radius: clamp(0.4375rem, 0.4rem + 0.19vw, 0.5rem);
        --fl-home-title-fs: clamp(1rem, 0.936rem + 0.32vw, 1.125rem);
        --fl-home-body-fs: clamp(0.625rem, 0.593rem + 0.16vw, 0.6875rem);
        --fl-home-small-fs: clamp(0.5rem, 0.468rem + 0.16vw, 0.5625rem);
        --fl-home-cta-min-height: clamp(3rem, 2.86rem + 0.7vw, 3.25rem);
        --fl-home-input-height: clamp(3rem, 2.86rem + 0.7vw, 3.25rem);
        --fl-home-textarea-height: clamp(4.125rem, 3.93rem + 0.97vw, 4.5rem);

        padding-top: var(--fl-home-section-space);
        padding-bottom: var(--fl-home-section-space);
    }

    .fl-request-section .request-layout { gap: clamp(1.125rem, 1.05rem + 0.38vw, 1.25rem); }
    .fl-request-section .request-copy { gap: var(--fl-home-block-gap); }
    .fl-request-section .request-decor { display: none; }

    .fl-request-section .request-title,
    .fl-request-section .request-subtitle {
        text-align: center;
        max-width: 100%;
    }

    .fl-request-section .request-title {
        font-size: var(--fl-home-title-fs);
        line-height: 1.18;
        font-weight: 700;
    }

    .fl-request-section .request-subtitle {
        font-size: var(--fl-home-body-fs);
        line-height: 1.35;
        font-weight: 400;
    }

    .fl-request-section .request-form {
        max-width: var(--fl-home-mobile-container-max);
        width: 100%;
        gap: var(--fl-home-grid-gap);
        margin: 0 auto;
    }

    .fl-request-section .request-field input,
    .fl-request-section .request-field textarea {
        font-size: var(--fl-home-body-fs);
        line-height: 1.35;
        border-radius: var(--fl-home-card-radius);
        padding: clamp(0.75rem, 0.71rem + 0.2vw, 0.8125rem) clamp(0.875rem, 0.84rem + 0.18vw, 0.9375rem);
    }

    .fl-request-section .request-field input { min-height: var(--fl-home-input-height); }
    .fl-request-section .request-field textarea { min-height: var(--fl-home-textarea-height); }

    .fl-request-section .request-submit {
        min-height: var(--fl-home-cta-min-height);
        border-radius: var(--fl-home-control-radius);
        font-size: 0.8125rem;
        line-height: 1.2;
        letter-spacing: 0.03rem;
    }

    .fl-request-section .request-checkbox {
        font-size: var(--fl-home-small-fs);
        line-height: 1.2;
    }

    .fl-request-section .request-checkbox input {
        width: 0.75rem;
        height: 0.75rem;
        margin-top: 0.0625rem;
    }
}

@media (min-width: 768px) {
    .fl-request-section .request-copy {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
        column-gap: 2rem;
    }

    .fl-request-section .request-title {
        font-size: 2.25rem;
    }

    .fl-request-section .request-form {
        margin-left: auto;
    }
}

@media (min-width: 1024px) {
    .fl-request-section .request-layout {
        grid-template-columns: minmax(0, 1fr) 23.375rem;
        align-items: stretch;
        column-gap: 3rem;
    }

    .fl-request-section .request-copy {
        grid-template-columns: 10.5625rem minmax(0, 1fr);
        column-gap: 2.5625rem;
    }

    .fl-request-section .request-decor {
        width: 10.625rem;
        max-width: 10.625rem;
        gap: 1rem;
        display: grid;
    }

    .fl-request-section .request-text {
        gap: 2.3125rem;
    }

    .fl-request-section .request-title {
        font-size: 2.5rem;
        line-height: 1.2;
        max-width: 29.375rem;
    }

    .fl-request-section .request-subtitle {
        font-size: 2rem;
        line-height: 1.22;
        max-width: 25.875rem;
    }

    .fl-request-section .request-form {
        padding-top: 0.8125rem;
        gap: 1.125rem;
        align-self: stretch;
        min-height: 100%;
    }

    .fl-request-section .request-field--textarea textarea {
        min-height: 6.5rem;
    }

    .fl-request-section .request-checkbox {
        margin-top: 0.4375rem;
    }
}

/* Keep layout close to design and prevent visual overlap with text */
@media (min-width: 1280px) {
    .fl-request-section .request-copy {
        display: grid;
        grid-template-columns: 10.5625rem minmax(0, 1fr);
        align-items: start;
        column-gap: 7rem;
    }

    .fl-request-section .request-text {
        position: relative;
        z-index: 2;
        background: #f0f1f3;
    }

    .fl-request-section .request-form {
        height: 100%;
        min-height: 100%;
    }

    .fl-request-section .request-decor {
        position: relative;
        width: 32.2875rem;
        max-width: none;
        height: 31.875rem;
        gap: 0;
        display: block;
        z-index: 1;
    }

    .fl-request-section .request-decor__slot {
        position: absolute;
    }

    .fl-request-section .request-decor__slot--1 {
        left: 0;
        top: 0;
        width: 10.5669rem;
        height: 10.5655rem;
    }

    .fl-request-section .request-decor__slot--2 {
        left: 0;
        top: 10.4967rem;
        width: 10.567rem;
        height: 10.5667rem;
    }

    .fl-request-section .request-decor__slot--3 {
        left: 0;
        top: 21.0529rem;
        width: 10.5669rem;
        height: 10.6557rem;
    }

    .fl-request-section .request-decor__slot--4 {
        left: 10.5rem;
        top: 20.8688rem;
        width: 11.2501rem;
        height: 10.9057rem;
    }

    .fl-request-section .request-decor__slot--5 {
        left: 21.25rem;
        top: 21.1813rem;
        width: 11.0375rem;
        height: 10.5985rem;
    }
}

/* End */
/* /cases/style.css?177412298410218 */
/* /bitrix/components/bitrix/news/templates/fb_cases/style.css?177315597212141 */
/* /bitrix/components/bitrix/news/templates/fb_cases/bitrix/news.list/.default/style.css?17731455653823 */
/* /local/components/fl/request.section/templates/.default/style.css?17745148199364 */