.benefits .section-headline {
    grid-area: 1/1/1/span 14;
}

.benefits .benefits-container {
    grid-area: 2/3/2/span 10;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: var(--m-sm);
}

.benefits .benefits-container .benefit-item .benefit-icon {
    width: var(--m-sm);
    height: auto;
    aspect-ratio: 1/1;
}

.benefits::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: currentColor;
    grid-area: 3/1/3/span 14;
}

@media (max-width: 1199.98px) {
    .benefits .benefits-container {
        grid-area: 2/2/2/span 12;
    }
}

@media (max-width: 991.98px) {
    .benefits .benefits-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    .benefits .benefits-container {
        grid-template-columns: 1fr;
    }
}