.custom-banners-container {
  overflow: hidden;
  padding-bottom: 16px;

  .swiper-slide {
    max-width: 306px;
  }

  .custom-banner {
    overflow: hidden;
    width: 100%;
    max-width: 306px;

    img {
      width: 100%;
    }

    h3 {
      padding: 10px;
      font-size: 1.1em;
      font-weight: 500;
      margin: 5px 0;
      text-align: center;
    }
  }

  .swiper-button-prev,
  .swiper-button-next {
    top: 70px;
    background: white;
    color: black;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    z-index: 999;

    &::after {
      font-size: 25px;
    }
  }
}