/* ========================================
Banner
======================================== */

.banner-section{

  padding:80px 0;

}

.banner-grid{

  display:grid;

  gap:24px;

}

.cols-1{

  grid-template-columns:
    1fr;

}

.cols-2{

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

}

.cols-3{

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

}

.banner-item{

  display:block;

  text-decoration:none;

}

.banner-item img{

  width:100%;

  display:block;

}

/* ========================================
Mobile
======================================== */

@media(max-width:768px){

  .banner-grid{

    grid-template-columns:
      1fr !important;

  }

}