.azcl-columns {
    --col-count: 1
}

@media (min-width: 600px) {
    .azcl-columns--2,
    .azcl-columns--3,
    .azcl-columns--4 {
        --col-count: 2
    }
}

@media (min-width: 960px) {
    .azcl-columns--3,
    .azcl-columns--4 {
        --col-count: 3
    }
}

@media (min-width: 1280px) {
    .azcl-columns--4 {
        --col-count: 4
    }
}

.azcl-columns__base {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(var(--col-count), 1fr)
}

@media (min-width: 960px) {
    .azcl-section--default .azcl-columns__base .cmp-text {
        width: calc( ( 5 * 30px + 6 * (100% - 150px - 0px) / 6))
    }
}

@media (min-width: 600px) {
    .azcl-section--default .azcl-columns__base .cmp-text ul,
    .azcl-section--default .azcl-columns__base .cmp-text ol {
        width: calc( ( 5 * 30px + 6 * (100% - 150px - 0px) / 6))
    }
}