.section-lp-case-study {
    padding-bottom: 100px;

    background: var(--color_blue_50);
}

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

.container-lp-case-study {
    padding: 100px 0 175px;

    color: var(--white);

    column-gap: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media only screen and (max-width: 1024px) {
    .container-lp-case-study {
        flex-wrap: wrap;

        padding: 80px 0 135px;

        row-gap: 24px;
        display: flex;
    }
}

.container-lp-case-study .case-study-paragraph {
    gap: 24px;
    display: grid;
}

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

.container-lp-case-study .case-study-logo {
    margin-bottom: 60px;
}

.container-lp-case-study h2,
.container-lp-case-study p {
    color: var(--white);
}

.container-lp-case-study.dark h2,
.container-lp-case-study.dark p {
    color: var(--black);
}

.container-lp-case-study h2 {
    max-width: 506px;
}

.container-case-study-main-content {
    display: flex;

    column-gap: 24px;
}

.container-case-study-main-content .case-study-image {
    flex: 0 1 66%;

    margin-top: -85px;
}

.container-case-study-main-content .container-case-study {
    flex: 0 1 33%;

    margin-top: 44px;
}

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

        margin-top: unset;

        column-gap: unset;
        row-gap: 24px;
    }

    .container-case-study-main-content .case-study-image,
    .container-case-study-main-content .container-case-study {
        flex: 0 0 100%;
    }

    .case-study-image {
        text-align: center;
    }
}

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

.container-case-study {
    display: flex;
    flex-wrap: wrap;

    row-gap: 24px;
}

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

    white-space: nowrap;
}

.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-study-cta-container {
    display: flex;
    justify-content: center;

    margin-top: 90px;
}

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