/* ========================================
Logo
======================================== */

.logo-section{

  padding:80px 0;

}

.logo-grid{

  display:grid;

  gap:48px;

  justify-content:center;

}

.logo-grid.cols-2{

  grid-template-columns:
    repeat(
      2,
      minmax(
        140px,
        220px
      )
    );

}

.logo-grid.cols-3{

  grid-template-columns:
    repeat(
      3,
      minmax(
        140px,
        220px
      )
    );

}

.logo-grid.cols-4{

  grid-template-columns:
    repeat(
      4,
      minmax(
        140px,
        220px
      )
    );

}

.logo-grid.cols-5{

  grid-template-columns:
    repeat(
      5,
      minmax(
        140px,
        220px
      )
    );

}

.logo-grid.cols-6{

  grid-template-columns:
    repeat(
      6,
      minmax(
        120px,
        180px
      )
    );

}

.logo-item{

  display:flex;

  align-items:center;

  justify-content:center;

}

.logo-item img{

  max-width:160px;

  width:100%;

  height:auto;

}

@media(max-width:768px){

  .logo-grid{

    grid-template-columns:
      repeat(
        2,
        1fr
      )
      !important;

  }

}