/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/scss/sections/banner-grid.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable custom-property-pattern */
.banner-grid {
  --_gap: 4.8rem;
  gap: var(--_gap);
  min-width: 100%;
}
@media (min-width: 768px) {
  .banner-grid {
    --_gap: 2.4rem;
  }
  @media (max-width: 1024px) {
    .banner-grid:has(> li:nth-child(3)) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .banner-grid:has(> li:nth-child(3)) > li {
      grid-column: span 1;
    }
  }
  @media (max-width: 1280px) {
    .banner-grid:has(> li:nth-child(4)) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .banner-grid:has(> li:nth-child(4)) > li {
      grid-column: span 1;
    }
  }
}
.banner-grid__item {
  flex-shrink: 0;
  width: 100%;
}

/*# sourceMappingURL=section-banner-grid.min.css.map*/