/*********************************************
 * Logo Grid
**********************************************/
.bb-logo-grid {
    min-height:280px;
    padding:65px var(--bb-gap-container);
    font-size:30px;
    font-weight:500;
}

.bb-logo-grid__inner {
    max-width:1186px;
    gap:50px;
}

.bb-logo-grid.bg-white {
    color:var(--bb-color-primary);
}

.bb-logo-grid__items.bb-flex-grid {
    --grid-gap-x:clamp(10px, 4vw, 89px);
    --grid-gap-y:clamp(10px, 4vw, var(--bb-gap-container));
    --grid-col:4;
}

.bb-logo-grid__items {width:calc(100% - 269px);}
.bb-logo-grid__heading {max-width:269px;}

.bb-logo-grid__item__image {width:145px; max-width:100%; aspect-ratio:145/46;}

@media only screen and (min-width:769px) {
    .column-6 .bb-logo-grid__items.bb-flex-grid {
        --grid-gap-x:clamp(30px, 7vw, 120px);
        --grid-gap-y:40px;
        --grid-col:6;
        padding:0;
    }
}

/*********************************************
 * Logo Grid Responsive
**********************************************/

@media only screen and (max-width:768px) {
    .bb-logo-grid__items.bb-flex-grid {
        --grid-col:1;
        gap:39px;
    }

    .bb-logo-grid__item__image {width:145px; max-width:100%; aspect-ratio:145/46;}
    .bb-logo-grid__inner {
        flex-direction:column;
    }

    .bb-logo-grid__items {width:100%;}

    .bb-logo-grid__heading {text-align:center;}
}