@media (max-width: 1199.98px) {
    .case-rich__title {
        font-size: 48px;
    }

    .case-rich__section-title {
        font-size: 36px;
    }

    .case-rich__wysiwyg h2,
    .case-rich__wysiwyg h3,
    .case-rich__wysiwyg h4 {
        font-size: 36px;
    }

    .case-rich-review {
        min-height: 0;
        padding: 16px;
    }

    .case-rich-review__avatar-wrap {
        width: 62px;
        height: 62px;
    }

    .case-rich-review__head {
        grid-template-columns: 62px minmax(0, 1fr);
        min-height: 0;
        column-gap: 14px;
        padding: 0;
    }

    .case-rich-review__author,
    .case-rich-review__text,
    .case-rich-review__gallery {
        margin-left: 0;
    }

    .case-rich-review__author {
        margin-top: 6px;
    }

    .case-rich-review__gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 20px;
        margin-top: 16px;
    }

    .case-rich-review__gallery-item {
        min-height: 0;
    }

}

@media (min-width: 1200px) and (max-width: 1450px) {
    .case-rich-steps__grid {
        margin-top: 24px;
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .case-rich-review {
        min-height: 0;
        padding: 16px;
    }

    .case-rich-review__avatar-wrap {
        width: 62px;
        height: 62px;
    }

    .case-rich-review__head {
        grid-template-columns: 62px minmax(0, 1fr);
        min-height: 0;
        column-gap: 14px;
        padding: 0;
    }

    .case-rich-review__author,
    .case-rich-review__text,
    .case-rich-review__gallery {
        margin-left: 0;
    }

    .case-rich-review__author {
        margin-top: 6px;
    }

    .case-rich-review__company {
        margin-top: 8px;
    }

    .case-rich-review__text {
        margin-top: 18px;
    }

    .case-rich-review__gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 20px;
        margin-top: 16px;
    }

    .case-rich-review__gallery-item {
        min-height: 0;
    }
}

@media (max-width: 1399.98px) {
    .ctaform-case-rich__wrapper {
        grid-template-columns: minmax(0, 563px) minmax(0, 1fr);
        gap: 24px;
        padding: 24px;
    }

    .ctaform-case-rich__right {
        width: 100%;
        max-width: none;
    }

    .ctaform-case-rich__title {
        font-size: 48px;
        line-height: 58px;
    }
}

@media (max-width: 1199.98px) {
    .ctaform-case-rich__title {
        font-size: 42px;
        line-height: 50px;
    }

    .ctaform-case-rich__subtitle {
        font-size: 18px;
        line-height: 22px;
    }

    .ctaform-case-rich .ctaform-case-rich__input,
    .ctaform-case-rich .ctaform-case-rich__submit {
        font-size: 18px;
        line-height: 22px;
    }

    .ctaform-case-rich__media {
        height: 100%;
        min-height: 560px;
    }

    .ctaform-case-rich__right {
        min-height: 560px;
    }
}

@media (max-width: 991.98px) {
    .case-rich {
        padding-bottom: 72px;
    }

    .case-rich__title {
        font-size: 38px;
        line-height: 1.2;
    }

    .case-rich__wysiwyg .yellow-brow {
        max-width: 100%;
    }

    .case-rich__date,
    .case-rich__wysiwyg,
    .case-rich-steps__item-text,
    .case-rich__caption-text {
        font-size: 16px;
    }

    .case-rich__section-title {
        font-size: 32px;
    }

    .case-rich__wysiwyg h2,
    .case-rich__wysiwyg h3,
    .case-rich__wysiwyg h4 {
        font-size: 32px;
    }

    .case-rich-steps__grid,
    .case-rich__double-image-grid,
    .case-rich-review__gallery {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .case-rich-steps__timeline::before {
        bottom: calc(var(--steps-tail-dot-size) / 2);
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .case-rich__inner {
        max-width: 911px;
    }

    .case-rich__breadcrumbs {
        margin-bottom: 40px;
        font-size: 16px;
        line-height: 20px;
        gap: 10px;
    }

    .case-rich__title {
        max-width: 911px;
        font-size: 27px;
        line-height: 32px;
    }

    .case-rich__date {
        margin-top: 12px;
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 22px;
    }

    .case-rich__hero {
        aspect-ratio: 911 / 382;
    }

    .case-rich__section {
        margin-top: 40px;
    }

    .case-rich__section-title,
    .case-rich__wysiwyg h2,
    .case-rich__wysiwyg h3,
    .case-rich__wysiwyg h4 {
        margin-bottom: 24px;
        font-size: 27px;
        line-height: 25px;
    }

    .case-rich__section-head--line {
        margin-bottom: 40px;
        padding-bottom: 12px;
    }

    .case-rich__section-head--line .case-rich__section-title {
        margin: 0;
    }

    .case-rich__section-arrow {
        margin-top: 13px;
    }

    .case-rich__date,
    .case-rich__wysiwyg,
    .case-rich-steps__item-text,
    .case-rich__caption-text,
    .case-rich-steps__item-title {
        font-size: 18px;
        line-height: 22px;
    }

    .case-rich__wysiwyg .yellow-brow {
        max-width: 851px;
        min-height: 58px;
        margin: 24px 0;
        padding: 6px 0 6px 18px;
    }

    .case-rich-steps__grid {
        margin-top: 24px;
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .case-rich-steps__image-box {
        aspect-ratio: 911 / 382;
    }

    .case-rich-steps__item {
        margin-bottom: 24px;
    }

    .case-rich__wide-image-box {
        margin-top: 24px;
        aspect-ratio: 911 / 382;
    }

    .case-rich__caption-text {
        margin-top: 12px;
        margin-bottom: 24px;
    }

    .case-rich__double-image-grid {
        margin-top: 24px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 13px;
    }

    .case-rich__double-image-box {
        aspect-ratio: 449 / 339;
    }

    .case-rich-review {
        margin-top: 24px;
        min-height: 0;
        padding: 22px clamp(16px, 4vw, 45px) 32px 21px;
        --case-rich-review-content-start: clamp(106px, 12vw, 126px);
    }

    .case-rich-review__head {
        display: block;
        position: relative;
        min-height: 68px;
        padding: 0 0 0 var(--case-rich-review-content-start);
    }

    .case-rich-review__avatar-wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 80px;
        height: 80px;
    }

    .case-rich-review__author {
        margin-top: 0;
    }

    .case-rich-review__text {
        margin-top: 0;
        margin-left: var(--case-rich-review-content-start);
        max-width: none;
    }

    .case-rich-review__gallery {
        margin-top: 46px;
        margin-left: var(--case-rich-review-content-start);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: clamp(8px, 1.6vw, 13px);
    }

    .case-rich-review__gallery-item {
        min-height: 0;
        aspect-ratio: 1 / 1;
    }
}

@media (max-width: 991.98px) {
    .ctaform-case-rich__wrapper {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 20px;
    }

    .ctaform-case-rich__title {
        font-size: 36px;
        line-height: 42px;
    }

    .ctaform-case-rich__subtitle {
        margin-top: 6px;
        margin-bottom: 16px;
        font-size: 16px;
        line-height: 20px;
    }

    .ctaform-case-rich__form {
        margin-top: 0;
    }

    .ctaform-case-rich__input-wrapper {
        margin-bottom: 10px;
    }

    .ctaform-case-rich .ctaform-case-rich__input {
        height: 44px;
        font-size: 16px;
        line-height: 20px;
        padding: 0 14px;
    }

    .ctaform-case-rich .ctaform-case-rich__form textarea.ctaform-case-rich__textarea {
        height: 120px;
        min-height: 120px;
        padding: 11px 14px 9px;
    }

    .ctaform-case-rich .ctaform-case-rich__submit {
        height: 44px;
        font-size: 16px;
        line-height: 20px;
    }

    .ctaform-case-rich__consent-group {
        margin-top: 10px;
    }

    .ctaform-case-rich .ctaform-case-rich__consent-check {
        width: 20px;
        min-width: 20px;
        height: 20px;
        top: 0;
    }

    .ctaform-case-rich .ctaform-case-rich__consent {
        font-size: 12px;
        line-height: 15px;
    }

    .ctaform-case-rich__right {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .ctaform-case-rich__wrapper {
        width: 100%;
        max-width: 911px;
        min-height: 514px;
        margin: 0 auto;
        padding: 23px 26px 18px 19px;
        box-sizing: border-box;
        grid-template-columns: 365px 479px;
        gap: 22px;
    }

    .ctaform-case-rich__left {
        max-width: 365px;
    }

    .ctaform-case-rich__title {
        max-width: 336px;
        font-size: 21px;
        line-height: 25px;
    }

    .ctaform-case-rich__subtitle {
        max-width: 336px;
        margin-top: 2px;
        margin-bottom: 11px;
        font-size: 14px;
        line-height: 17px;
    }

    .ctaform-case-rich__form {
        max-width: 365px;
        margin-top: 0;
    }

    .ctaform-case-rich__input-wrapper {
        margin-bottom: 11px;
    }

    .ctaform-case-rich .ctaform-case-rich__input {
        height: 41px;
        padding: 0 18px;
        font-size: 14px;
        line-height: 17px;
    }

    .ctaform-case-rich .ctaform-case-rich__form textarea.ctaform-case-rich__textarea {
        height: 150px;
        min-height: 150px;
        padding: 12px 18px 11px;
    }

    .ctaform-case-rich .ctaform-case-rich__submit {
        height: 41px;
        font-size: 14px;
        line-height: 17px;
    }

    .ctaform-case-rich__consent-group {
        max-width: 298px;
        margin-top: 11px;
        margin-left: 34px;
        gap: 9px;
        align-items: center;
    }

    .ctaform-case-rich .ctaform-case-rich__consent-check {
        margin-top: 0;
    }

    .ctaform-case-rich .ctaform-case-rich__consent {
        max-width: 270px;
        font-size: 13px;
        line-height: 16px;
    }

    .ctaform-case-rich__right {
        display: flex;
        max-width: 479px;
        min-height: 466px;
    }

    .ctaform-case-rich__media {
        min-height: 466px;
        height: 466px;
    }

    .ctaform-case-rich__scene-glass {
        top: 63px;
        height: 404px;
    }

    .ctaform-case-rich__scene-glow--orange {
        left: 0;
        top: 209px;
        width: 480px;
        height: 516px;
    }

    .ctaform-case-rich__scene-glow--yellow {
        left: 0;
        top: 292px;
        width: 480px;
        height: 345px;
    }

    .ctaform-case-rich__scene-glow--white {
        left: 82px;
        top: 359px;
        width: 329px;
        height: 212px;
    }

    .ctaform-case-rich__chat {
        width: 398px;
        padding: 14px 15px 15px;
    }

    .ctaform-case-rich__chat::after {
        width: 16px;
        height: 16px;
        bottom: -16px;
        background-size: 16px 16px;
    }

    .ctaform-case-rich__chat--client {
        left: 37px;
        top: 123px;
        height: 109px;
    }

    .ctaform-case-rich__chat--client::after {
        left: 0;
        bottom: -16px;
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M0 0H16C7.16344 0 0 7.16344 0 16V0Z' fill='white'/%3E%3C/svg%3E");
    }

    .ctaform-case-rich__chat--manager {
        right: 26px;
        top: 248px;
        height: 144px;
    }

    .ctaform-case-rich__chat-head {
        margin-bottom: 10px;
    }

    .ctaform-case-rich__chat-avatar {
        width: 30px;
        height: 30px;
    }

    .ctaform-case-rich__chat-name,
    .ctaform-case-rich__chat-text {
        font-size: 14px;
        line-height: 17px;
    }

    .ctaform-case-rich__chat--client .ctaform-case-rich__chat-text {
        max-width: 369px;
    }

    .ctaform-case-rich__chat--manager .ctaform-case-rich__chat-text {
        max-width: 364px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait) {
    .ctaform-case-rich__wrapper {
        max-width: 100%;
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 0;
        padding: 16px 19px 27px;
    }

    .ctaform-case-rich__left,
    .ctaform-case-rich__form {
        max-width: 100%;
    }

    .ctaform-case-rich__title {
        max-width: 225px;
        font-size: 21px;
        line-height: 25px;
    }

    .ctaform-case-rich__subtitle {
        max-width: 336px;
        margin-top: 4px;
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 17px;
    }

    .ctaform-case-rich__input-wrapper {
        margin-bottom: 11px;
    }

    .ctaform-case-rich .ctaform-case-rich__input {
        height: 41px;
        padding: 0 18px;
        font-size: 14px;
        line-height: 17px;
    }

    .ctaform-case-rich .ctaform-case-rich__form textarea.ctaform-case-rich__textarea {
        height: 150px;
        min-height: 150px;
        padding: 13px 18px 11px;
    }

    .ctaform-case-rich .ctaform-case-rich__submit {
        height: 41px;
        font-size: 14px;
        line-height: 17px;
    }

    .ctaform-case-rich__consent-group {
        max-width: 100%;
        margin-top: 11px;
        margin-left: 0;
        gap: 6px;
        align-items: center;
    }

    .ctaform-case-rich .ctaform-case-rich__consent-check {
        width: 20px;
        min-width: 20px;
        height: 20px;
        margin-top: 0;
    }

    .ctaform-case-rich .ctaform-case-rich__consent {
        max-width: 336px;
        font-size: 14px;
        line-height: 17px;
    }

    .ctaform-case-rich__right {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .case-rich {
        padding-bottom: 56px;
    }

    .case-rich__breadcrumbs {
        font-size: 14px;
        line-height: 17px;
        gap: 8px;
    }

    .case-rich__title {
        font-size: 28px;
        line-height: 1.15;
    }

    .case-rich__section-title {
        font-size: 24px;
        line-height: 1.04;
    }

    .case-rich__wysiwyg h2,
    .case-rich__wysiwyg h3,
    .case-rich__wysiwyg h4 {
        font-size: 24px;
        line-height: 1.04;
    }

    .case-rich__section {
        margin-top: 34px;
    }

    .case-rich__hero {
        border-radius: 16px;
    }

    .case-rich-review {
        padding: 16px;
    }

}

@media (max-width: 575.98px) {
    .ctaform-case-rich {
        padding-top: 36px;
        padding-bottom: 48px;
    }

    .ctaform-case-rich__wrapper {
        min-height: 533px;
        padding: 16px 19px 27px;
    }

    .ctaform-case-rich__title {
        max-width: 225px;
        font-size: 21px;
        line-height: 25px;
    }

    .ctaform-case-rich__subtitle {
        margin-top: 4px;
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 17px;
    }

    .ctaform-case-rich__form {
        max-width: 100%;
    }

    .ctaform-case-rich__input-wrapper {
        margin-bottom: 11px;
    }

    .ctaform-case-rich .ctaform-case-rich__input {
        height: 41px;
        padding: 0 18px;
        font-size: 14px;
        line-height: 17px;
    }

    .ctaform-case-rich .ctaform-case-rich__form textarea.ctaform-case-rich__textarea {
        height: 150px;
        min-height: 150px;
        padding: 13px 18px 11px;
    }

    .ctaform-case-rich .ctaform-case-rich__submit {
        height: 41px;
        font-size: 14px;
        line-height: 17px;
    }

    .ctaform-case-rich__consent-group {
        margin-top: 11px;
        margin-left: 0;
        gap: 6px;
        max-width: 100%;
        align-items: center;
    }

    .ctaform-case-rich .ctaform-case-rich__consent-check {
        width: 20px;
        min-width: 20px;
        height: 20px;
        margin-top: 0;
    }

    .ctaform-case-rich .ctaform-case-rich__consent {
        max-width: 336px;
        font-size: 14px;
        line-height: 17px;
    }
}

@media (max-width: 478.98px) {
    .ctaform-case-rich__wrapper {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .case-rich {
        padding-bottom: 48px;
    }

    .case-rich__breadcrumbs {
        gap: 6px;
        margin-bottom: 9px;
        font-size: 14px;
        line-height: 17px;
    }

    .case-rich__title {
        font-size: 21px;
        line-height: 25px;
        max-width: 372px;
    }

    .case-rich__date {
        margin-top: 9px;
        margin-bottom: 9px;
        font-size: 14px;
        line-height: 17px;
    }

    .case-rich__hero {
        aspect-ratio: 372 / 156;
        border-radius: 16px;
    }

    .case-rich__section {
        margin-top: 36px;
    }

    .case-rich__section-head--line {
        margin-bottom: 12px;
        padding-bottom: 8px;
    }

    .case-rich__section-title {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 25px;
    }

    .case-rich__wysiwyg h2,
    .case-rich__wysiwyg h3,
    .case-rich__wysiwyg h4 {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 25px;
    }

    .case-rich__section-arrow {
        width: 26px;
        height: 12px;
        flex-basis: 26px;
        margin-top: 12px;
    }

    .case-rich__date,
    .case-rich__wysiwyg,
    .case-rich-steps__item-text,
    .case-rich__caption-text,
    .case-rich-steps__item-title {
        font-size: 14px;
        line-height: 17px;
    }

    .case-rich__wysiwyg p,
    .case-rich-steps__item-text p,
    .case-rich__caption-text p {
        margin-bottom: 10px;
    }

    .case-rich__wysiwyg ul,
    .case-rich__caption-text ul {
        margin: 6px 0 10px;
    }

    .case-rich__wysiwyg ul > li,
    .case-rich__caption-text ul > li {
        padding-left: 19px;
        margin-bottom: 4px;
    }

    .case-rich__wysiwyg ul > li::before,
    .case-rich__caption-text ul > li::before {
        width: 8px;
        height: 8px;
        top: calc(0.61em - 4px);
    }

    .case-rich__wysiwyg .yellow-brow {
        min-height: 76px;
        margin: 14px 0 20px;
        padding: 4px 0 4px 12px;
        border-left-width: 9px;
        font-size: 14px;
        line-height: 17px;
    }

    .case-rich-steps__grid {
        margin-top: 20px;
        gap: 20px;
    }

    .case-rich-steps__image-box {
        border-radius: 16px;
        aspect-ratio: 372 / 156;
    }

    .case-rich-steps__timeline {
        --steps-dot-size: 31px;
        --steps-tail-dot-size: 8px;
    }

    .case-rich-steps__item {
        padding-left: 58px;
        margin-bottom: 29px;
    }

    .case-rich-steps__item-title {
        margin: 0 0 4px;
    }

    .case-rich__wide-image-box {
        margin-top: 20px;
        border-radius: 16px;
        aspect-ratio: 372 / 156;
    }

    .case-rich__double-image-grid {
        margin-top: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
    }

    .case-rich__double-image-box {
        border-radius: 16px;
        aspect-ratio: 183 / 139;
    }

    .case-rich__caption-text {
        margin-top: 8px;
        margin-bottom: 16px;
    }

    .case-rich-review {
        margin-top: 20px;
        border-radius: 16px;
        padding: 19px 13px 21px;
        min-height: 843px;
    }

    .case-rich-review__head {
        grid-template-columns: 43px minmax(0, 1fr);
        column-gap: 13px;
        min-height: 43px;
    }

    .case-rich-review__avatar-wrap {
        width: 43px;
        height: 43px;
    }

    .case-rich-review__name {
        font-size: 14px;
        line-height: 17px;
    }

    .case-rich-review__company {
        margin-top: 1px;
        font-size: 12px;
        line-height: 17px;
    }

    .case-rich-review__author {
        margin-top: 0;
    }

    .case-rich-review__text {
        margin-top: 20px;
        margin-left: 56px;
        max-width: 275px;
        font-size: 14px;
        line-height: 17px;
    }

    .case-rich-review__gallery {
        margin-top: 20px;
        margin-left: 56px;
        max-width: 253px;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .case-rich-review__gallery-item {
        min-height: 253px;
        aspect-ratio: 1 / 1;
    }
}

@media (max-width: 991.98px) and (orientation: landscape) {
    .ctaform-case-rich__wrapper {
        width: 100%;
        max-width: 700px;
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 20px;
    }

    .ctaform-case-rich__left,
    .ctaform-case-rich__subtitle,
    .ctaform-case-rich__form,
    .ctaform-case-rich__consent-group {
        width: 100%;
        max-width: 100%;
    }

    .ctaform-case-rich__right {
        display: none !important;
    }
}

@media (max-width: 376px) {
    .case-rich-review__gallery {
        margin-left: 26px;
    }
}