.report-highlights {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--space-between);
    margin-bottom: var(--space-between-l);
}

.report-highlights .card {
    width: auto;
    margin: 0;
}

.report-highlights .card-title {
    font-weight: 300;
    font-size: x-small;
    text-transform: uppercase;
    margin-bottom: calc(var(--space-between) / 3);
}

.report-highlights .card-figure {
    font-weight: 600;
    font-size: x-large;
}

.report-highlights .card-description {
    font-weight: 600;
}

@media (max-width: 767.99px) {
    .report-highlights {
        grid-template-columns: repeat(2, 1fr);
    }
}