.benefits .benefits-container {
    grid-area: 1/2/1/span 12;
    column-gap: var(--m-xs);
    row-gap: var(--m-sm);
}

.benefits .benefits-container .benefit-item .benefit-icon {
    width: max(48px, 2.734375vw);
    height: max(48px, 2.734375vw);
}

@media (max-width: 1499.98px) {
    .benefits .benefits-container {
        width: fit-content;
        justify-content: center;
    }

    .benefits .benefits-container .benefit-item {
        width: calc(25% - (var(--m-xs) / 4 * 3));
    }
}

@media (max-width: 991.98px) {
    .benefits .benefits-container .benefit-item {
        width: calc(33.33% - (var(--m-xs) / 3 * 2));
    }
}

@media (max-width: 767.98px) {
    .benefits .benefits-container .benefit-item {
        width: calc(50% - (var(--m-xs) / 2));
    }

    .benefits .benefits-container {
        margin-bottom: var(--m-sm);
    }
}

@media (max-width: 575.98px) {
    .benefits .benefits-container .benefit-item {
        width: 100%;
    }
}