.sectionBanners {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4.8rem 2rem;
}

.sectionBanners__heading {
  margin-bottom: 4.4rem;
}

.sectionBanners__header {
  max-width: 60rem;
}

.sectionBanners__list {
  width: 100%;
  display: grid;
  gap: 2rem;
  margin-top: 4.8rem;
}

.sectionBanners__item {
  min-width: 0;
}

@media screen and (min-width: 940px) {
  .sectionBanners__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 3.2rem;
  }
}

@media screen and (min-width: 1200px) {
  .sectionBanners {
    padding: 5.6rem;
  }
}

@media screen and (min-width: 1321px) {
  .sectionBanners {
    padding: 8.8rem;
  }
}