/* section-diagram */
.section-diagrams {
    --columns: 2;
    --offset-block: var(--offset-main);
    --width-card: calc((100% - var(--offset-block) * (var(--columns) - 1)) / var(--columns));
}
.section-diagrams__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--offset-block);
}

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