/* ==========================
   BRANDS
========================== */

.brands{

    padding:80px 7%;

    background:#F7F9FC;

}

.brands h2{

    text-align:center;

    font-size:42px;

    color:#0B3D6D;

    margin-bottom:60px;

}

.brand-grid{

    display:grid;

    grid-template-columns:repeat(6,1fr);

    gap:30px;

    align-items:center;

}

.brand-grid img{

    width:100%;

    max-width:130px;

    margin:auto;

    filter:grayscale(100%);

    opacity:.75;

    transition:.35s;

}

.brand-grid img:hover{

    filter:grayscale(0%);

    opacity:1;

    transform:scale(1.08);

}

.brands{

    padding:90px 7%;

    background:#F8F9FB;

}

.brand-grid{

    display:grid;

    grid-template-columns:repeat(6,1fr);

    gap:30px;

    align-items:center;

}

.brand-grid img{

    width:100%;

    max-width:130px;

    margin:auto;

    display:block;

    transition:.35s;

    filter:grayscale(100%);

}

.brand-grid img:hover{

    filter:grayscale(0);

    transform:scale(1.08);

}