/* THIS HAS BE DEPRECATED */
/*
.infographic-container {
    background: var(--color-gray-light);
    padding-block: 6rem;
}

.infographic-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2rem;
    margin-inline: 12em;
}

.infographic {
    background: var(--color-primary-white);
    display: grid;
    grid-template-columns: 1fr 2fr;
    padding: 3rem 2rem 3rem 2rem;
}

.infographic-text {
    display: flex;
    flex-flow: row wrap;
}

.infographic h3 {
    margin-inline: 3rem;
    margin-top: 4rem;
    font-size: 2rem;
    font-weight: 700;
}

.infographic-text a {
    width: 5.5rem;
    height: 5rem;
    align-self: end;
    margin-left: 75%;
    text-align: center;
    padding: 0 !important;
    padding-top: 1rem !important;
}

.infographic svg {
    width: 2.5rem;
    height: 2.5rem;
}

@media (max-width: 1550px) {
    .infographic-grid {
        margin-inline: 8rem;
    }
}

@media (max-width: 1200px) {
    .infographic-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 900px) {
    .infographic-grid {
        margin-inline: 4rem;
    }
}

@media (max-width: 750px) {
    .infographic-grid {
        grid-template-columns: 1fr;
    }
    .infographic-text h3 {
        font-size: 1.8rem;
    }
}

@media (max-width: 450px) {
    .infographic {
        display: flex;
        flex-flow: column wrap;
        align-items: center;
        margin-inline: 0;
        padding-block: 1rem;
        padding-inline: 0;
    }
    .infographic-grid {
        margin-inline: 1rem;
    }
}
 */