.tile__benefits {
   background-color: var(--benefits-color-background);
    color: var(--benefits-color-text);
}

.tile__benefits__wrapper {
    display: grid;
    gap: calc(var(--tile-spacing) * 16);
    font-size: var(--text-2xl);
}

.tile__benefit__item {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    @media (min-width: 756px) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    row-gap: calc(var(--tile-spacing) * 4);
    column-gap: calc(var(--tile-spacing) * 16);
}

.tile__benefit__item__heading {
    color: var(--benefit-color-heading, var(--benefit-color-text));
}

.tile__benefit__item__text {
    color: var(--benefit-color-text);
    font-size: 1.5rem;
}