.reasons-container {
    padding: 0 0 80px;
}

.reasons-grid {
    display: grid;
    padding-top: 134px;
    grid-template-columns: auto auto auto;
    grid-template-rows:  auto auto;
}

.reasons-grid header {
    font-weight: 900;
    margin: 5px 0;
}

.reasons-grid .center-cell {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: span 2;
}

.reasons-grid .center-cell > div {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 127px;
}

.reasons-grid .center-cell h2 {
    order: 2;
    text-align: right;
    margin-top: 10px;
    word-break: normal;
}

.reasons-grid .center-cell .number-4 {
    position: absolute;
    font-size: 204px;
    font-weight: 900;
    color: #FFF;
    line-height: 1;
    top: -94px;
}

.reason-1 {
    grid-row-start: 1;
    grid-column-start: 1;
}

.reason-2 {
    grid-row-start: 1;
    grid-column-start: 3;
}

.reason-3 {
    grid-row-start: 2;
    grid-column-start: 1;
}

.reason-4 {
    grid-row-start: 2;
    grid-column-start: 3;
}

.reason {
    opacity: 0;
    position: relative;
    top: 100%;
    transition: 1500ms ease-in-out;
}

.reason.-in {
    opacity: 1;
    top: 0;
}

@media (max-width: 767px) {
    .reasons-grid {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .reasons-grid .center-cell {
        position: sticky;
        left: 0;
        z-index: 1;
    }

    .reasons-grid .center-cell > div {
        margin: 0;
    }

    .reasons-grid * {
        white-space: normal;
    }

    .reason {
        display: inline-block;
        width: 261px;
        margin-right: 50px;
    }

    .reason-4 {
        margin-right: 0;
    }

    .reasons-grid .center-cell .number-4 {
        left: 10px;
    }

    .reasons-grid .center-cell::after {
        content: ' ';
        display: block;
        position: absolute;
        right: calc(var(--bs-gutter-x) * -1);
        top: 100%;
        width: 50px;
        height: 200%;
        background: linear-gradient(90deg, transparent, rgba(180, 195, 171, 1));
    }


    .reasons-grid .center-cell h2 {
        word-break: break-word;
    }
}
