/* ==========================================================================
   Impact Stats (icon + value + label band, below Benefits)
   ========================================================================== */

.impact-stats {
    width: 100%;
    padding: 5rem 0;
    background: var(--color-background, #FFF);
}

.impact-stats__container {
    max-width: var(--container-width);
    margin-inline: auto;
    padding-inline: var(--space-md, 2rem);
}

.impact-stats__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5rem 2rem;
}

.impact-stats__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.impact-stats__icon {
    height: 4.5rem;
    width: auto;
    margin-bottom: 1.5rem;
}

.impact-stats__value {
    margin-bottom: 1rem;

    color: var(--brand-primary-bright, #FF7D00);
    font-family: Swiza, sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
}

.impact-stats__label {
    margin-bottom: 1.5rem;
    max-width: 15rem;

    color: var(--brand-primary-dark, #001E5A);
    font-family: Swiza, sans-serif;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.375rem;
}

.impact-stats__divider {
    display: block;
    width: 3rem;
    height: 2px;
    border-radius: var(--radius-pill, 999px);
    background: #D7DCE3;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 991px) {

    .impact-stats {
        padding: 3.5rem 0;
    }

    .impact-stats__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem 2rem;
    }

}

@media (max-width: 768px) {

    .impact-stats {
        padding: 3rem 1rem;
    }

    .impact-stats__grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

}