.grid-bg {
    background-size: 40px 40px;
    background-image: linear-gradient(to right, #f0e6e2 1px, transparent 1px),
        linear-gradient(to bottom, #f0e6e2 1px, transparent 1px);
}

/* Solution Card Connectors */
@media (min-width: 1024px) {

    .solution-card-1::after,
    .solution-card-2::after,
    .solution-card-4::after,
    .solution-card-5::after,
    .solution-card-3::after,
    .solution-card-6::after {
        content: '';
        position: absolute;
        z-index: -1;
        pointer-events: none;
        border: 1px dashed #ff440040;
    }

    /* Horizontal lines in 3-col */
    .solution-card-1::after,
    .solution-card-2::after,
    .solution-card-4::after,
    .solution-card-5::after {
        top: 50%;
        right: -2rem;
        width: 2rem;
        height: 0;
    }

    /* Vertical line from 3 to 4 */
    .solution-card-3::after {
        bottom: -2rem;
        left: 50%;
        width: 0;
        height: 2rem;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .solution-card-1::after,
    .solution-card-2::after,
    .solution-card-3::after,
    .solution-card-4::after,
    .solution-card-5::after {
        content: '';
        position: absolute;
        z-index: -1;
        pointer-events: none;
        border: 1px dashed #ff440040;
    }

    /* Horizontal lines in 2-col */
    .solution-card-1::after,
    .solution-card-3::after,
    .solution-card-5::after {
        top: 50%;
        right: -2rem;
        width: 2rem;
        height: 0;
    }

    /* Vertical lines in 2-col */
    .solution-card-2::after,
    .solution-card-4::after {
        bottom: -2rem;
        left: 50%;
        width: 0;
        height: 2rem;
    }
}

@media (max-width: 767px) {

    .solution-card-1::after,
    .solution-card-2::after,
    .solution-card-3::after,
    .solution-card-4::after,
    .solution-card-5::after {
        content: '';
        position: absolute;
        z-index: -1;
        pointer-events: none;
        border: 1px dashed #ff440040;
        bottom: -2rem;
        left: 50%;
        width: 0;
        height: 2rem;
    }
}