/****************************************
* Numbered Grid
****************************************/
.vii-numbered-grid {
    --grid-gap-x:32px;
    --grid-gap-y:var(--grid-gap-x);
}

/* item */
.vii-numbered-grid__item {padding:40px 32px;}
.vii-numbered-grid__item-number {--vii-spacing-paragraph:8px;}

/* bg item in VC Row has background image */
.vc_row.vii-row-has-bg-image .vii-numbered-grid__item {
    background-color:var(--vii-color-white);
}

/* Layout 4 items */
@media only screen and (min-width:1181px) {
    .vii-numbered-grid--four-columns {--grid-col:4;}
}


/****************************************
* Numbered Grid - Responsive
****************************************/
@media only screen and (max-width:1180px) {
    .vii-numbered-grid {--grid-gap-x:var(--vii-gap-container);}

    /* item */
    .vii-numbered-grid__item {padding:var(--vii-gap-container);}
}
@media only screen and (max-width:920px) {
    .vii-numbered-grid {--grid-col:2;}
}
@media only screen and (max-width:540px) {
    .vii-numbered-grid {--grid-col:1;}
}