/* section-cards */
.section-cards {
    --columns: 2;
    --offset-block: var(--offset-main);
    --width-card: calc((100% - var(--offset-block) * (var(--columns) - 1)) / var(--columns));
}
.section-cards__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--offset-block);
}

@media screen and (max-width: 575px) {
    .section-cards {
        --columns: 1;
        --offset-block: var(--offset-extrasmall);
    }
}