.partial-bg-left,
.partial-bg-right {
    background-color: var(--cs-mint-20);
    grid-column: col-start/col-end;
    grid-row: row-2/row-3
}

.twocol-text-card .content {
    display: grid;
    grid-template-columns: [col-start] 1fr [col-left] minmax(0, 72px) [col-1] minmax(0, 130px) [col-2] minmax(0, 515px) [col-3] minmax(0, 515px) [col-4] minmax(0, 130px) [col-5] minmax(0, 72px) [col-right] 1fr [col-end];
    grid-template-rows: [row-start] 1fr [row-1] 380px [row-2] min-content [row-3] min-content [row-4] 1fr [row-end]
}

.twocol-text-card .content-inner {
    display: flex;
    flex-wrap: wrap;
    grid-column: col-1/col-5;
    grid-row: row-1/row-3;
    padding: 0 15px
}

.twocol-text-card .snapshot-card {
    box-shadow: 8px 8px 75px 0 rgba(0, 0, 0, .1);
    height: 478px;
    margin: 45px 0;
    max-width: 488px;
    overflow: hidden
}

.twocol-text-card .col-card .snapshot-card {
    border-radius: 10px !important
}

.twocol-text-card .snapshot-left,
.twocol-text-card .snapshot-right {
    margin-left: 0;
    margin-right: 0
}

.twocol-text-card .card-image {
    background-size: cover;
    height: 292px
}

.twocol-text-card .col-card,
.twocol-text-card .col-text {
    display: flex;
    flex-basis: 100%;
    justify-content: center
}

.twocol-text-card .col-text h3 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.54px
}

.twocol-text-card .col-text h3,
.twocol-text-card .col-text p {
    color: var(--cs-almost-black)
}

.twocol-text-card .card-city {
    color: #8f8f8f;
    font-size: .625rem;
    text-transform: uppercase
}

.twocol-text-card .case-study-link svg {
    fill: var(--bs-teal)
}

.twocol-text-card .col-text hr {
    border-top: 5px solid var(--cs-aquamarine);
    width: 88px
}

@media(max-width:992px) {
    .twocol-text-card .content-inner {
        grid-column: col-start/col-end
    }
}

@media(min-width:768px) {
    .partial-bg {
        grid-row: row-1/row-3
    }
    .partial-bg-left {
        grid-column: col-left/col-4
    }
    .partial-bg-right {
        grid-column: col-2/col-right
    }
    .twocol-text-card .col-card,
    .twocol-text-card .col-text {
        flex-basis: 50%
    }
    .twocol-text-card .col-text {
        padding-top: 165px
    }
    .twocol-text-card .snapshot-left {
        margin-right: 130px
    }
    .twocol-text-card .snapshot-right {
        margin-left: 130px
    }
    .twocol-text-card .col-text-left {
        padding-left: 100px
    }
    .twocol-text-card .col-text-right {
        padding-right: 100px
    }
}