.benefits .headline {
    grid-area: 1/2/1/span 12;
}

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

.benefits .benefits-container .benefit-item {
    padding: var(--m-md) max(12px, 0.625vw) var(--m-sm);
}

.benefits .benefits-container .benefit-item .benefit-icon,
.benefits .benefits-container .benefit-item .benefit-icon img {
    height: max(48px, 2.5vw);
    aspect-ratio: 162/62;
}

.benefits .benefits-container .benefit-item .benefit-text {
    margin-top: .75em;
}

.benefits .btns-container {
    grid-area: 3/2/3/span 12;
}

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

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

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

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

    .benefits .benefits-container .benefit-item {
        padding: var(--m-md) var(--m-sm) var(--m-md);
    }

    .benefits .benefits-container .benefit-item .benefit-text {
        max-width: 20ch;
    }
}