/****************************
 * Content Grid
****************************/
.br-content-grid {
    --grid-gap-x:32px;
    --grid-gap-y:var(--br-spacing-40);
}

/* image */
.br-content-grid__image {aspect-ratio:368/296;}

/* in red background */
.vc_row.br-bg-red .br-content-grid {--grid-gap-x:16px;}
.vc_row.br-bg-red .br-content-grid__item {background:#fff;}
.vc_row.br-bg-red .br-content-grid__image {aspect-ratio:379/297;}
.vc_row.br-bg-red .br-content-grid__item-content {
    padding:0 24px 24px;
    --br-color-heading:rgba(12,12,12,.87);
    color: rgba(12,12,12,.87);
}



/****************************
 * Content Grid Responsive
****************************/
@media only screen and (max-width:1024px) {
    .br-content-grid {--grid-gap-x:var(--br-gap-container);}
    .vc_row.br-bg-red .br-content-grid {--grid-gap-y:var(--br-gap-container);}
}