.section-lp-case-numbers {
    padding: 100px 0;

    background: var(--color_blue_50);
}

@media only screen and (max-width: 1024px) {
    .section-lp-case-numbers {
        padding: 48px 0;
    }
}

.section-lp-case-numbers,
.section-lp-case-numbers.light {
    color: var(--color_gray_900);
}

.section-lp-case-numbers.dark {
    color: var(--white);
}


.container-lp-case-numbers {
    display: flex;
    flex-wrap: wrap;

    column-gap: 80px;
}

.case-numbers-heading {
    flex: 0 0 60%;

    margin-bottom: 100px;
}

@media only screen and (max-width: 1024px) {
    .case-numbers-heading {
        flex: 0 0 100%;

        margin-bottom: 32px;
    }
}

.case-numbers-heading h2 {
    max-width: 506px;
}

.case-numbers-heading p {
    max-width: 506px;
    margin-top: 40px;

    line-height: var(--cs_line-height_xl);
}

.case-numbers-heading .case-numbers-logo {
    margin-bottom: 40px;
}

.container-case-numbers-main-content {
    display: flex;
    flex-wrap: nowrap;

    column-gap: 80px;
}

@media only screen and (max-width: 1024px) {
    .container-case-numbers-main-content {
        flex-wrap: wrap;
    }
}

.container-case-study {
    display: flex;
    align-content: flex-start;
    flex: 0 0 50%;
    flex-wrap: wrap;

    row-gap: 24px;
}

@media only screen and (max-width: 1024px) {
    .container-case-study {
        flex: 0 0 100%;
    }
}

.container-case-study .numbers-item {
    display: inline;

    white-space: nowrap;
}

@media only screen and (max-width: 460px) {
    .container-case-study .numbers-item {
        white-space: unset;
    }
}

.container-case-study > div {
    flex: 0 1 100%;
}

.container-case-study img {
    display: block;

    max-width: 100%;
    margin-bottom: 8px;
    filter: grayscale(1);
}

.container-case-study .desc {
    display: block;

    margin-top: 8px;
}

.case-numbers-image {
    flex: 0 0 50%;

    margin-top: -320px;
}

.case-numbers-image.higher {
    margin-top: -270px;
}

@media only screen and (max-width: 1024px) {
    .case-numbers-image {
        flex: 0 0 100%;
        order: -1;

        margin-top: unset;
        margin-bottom: 32px;

        text-align: center;
    }

    .case-numbers-image.higher {
        margin-top: unset;
    }
}

.case-numbers-image img {
    max-width: 100%;
}

.case-numbers-cta-container {
    display: flex;
    justify-content: center;

    margin-top: 90px;
}

@media only screen and (max-width: 1024px) {
    .case-numbers-cta-container {
        margin-top: 32px;
    }
}

.case-numbers-cta-container a,
.light .case-numbers-cta-container a,
.case-numbers-cta-container a:hover,
.light .case-numbers-cta-container a:hover {
    color: var(--color_gray_900);
}

.case-numbers-cta-container a:after,
.light .case-numbers-cta-container a:after,
.case-numbers-cta-container a:hover:after,
.light .case-numbers-cta-container a:hover:after {
    background: var(--color_gray_900);
}

.dark .case-numbers-cta-container a,
.dark .case-numbers-cta-container a:hover {
    color: var(--white);
}

.dark .case-numbers-cta-container a:after,
.dark .case-numbers-cta-container a:hover:after {
    background: var(--white);
}