.grid-banner-widget{display:grid;gap:1rem}.grid-banner-widget.seven-items{grid-template-columns:1fr 1fr;grid-template-areas:"fir fir" "sec thi" "fou fif" "six sev"}.grid-banner-widget.five-items{grid-template-columns:1fr 1fr;grid-template-areas:"fir fir" "sec thi" "fou fif"}.grid-banner-widget .banner-box:nth-child(1){grid-area:fir}.grid-banner-widget .banner-box:nth-child(2){grid-area:sec}.grid-banner-widget .banner-box:nth-child(3){grid-area:thi}.grid-banner-widget .banner-box:nth-child(4){grid-area:fou}.grid-banner-widget .banner-box:nth-child(5){grid-area:fif}.grid-banner-widget .banner-box:nth-child(6){grid-area:six}.grid-banner-widget .banner-box:nth-child(7){grid-area:sev}.grid-banner-widget.with-radius .banner-box{border-radius:var(--mbr)}.grid-banner-widget.with-shadow .banner-box{box-shadow:var(--cbs)}.grid-banner-widget .banner-box,.grid-banner-widget .banner-box img{width:100%;object-fit:cover}@media screen and (min-width:768px){.grid-banner-widget.seven-items{grid-template-columns:2.1fr 1fr 1fr 1fr;grid-template-areas:"fir sec fou six" "fir thi fif sev"}.grid-banner-widget.seven-items.ltr{grid-template-columns:1fr 1fr 1fr 2.1fr;grid-template-areas:"sec fou six fir" "thi fif sev fir"}.grid-banner-widget.five-items{grid-template-columns:2fr 1fr 1fr;grid-template-areas:"fir sec fou" "fir thi fif"}.grid-banner-widget.five-items.ltr{grid-template-columns:1fr 1fr 2fr;grid-template-areas:"sec fou fir" "thi fif fir"}.grid-banner-widget.five-items.center{grid-template-columns:1fr 2fr 1fr;grid-template-areas:"sec fir fou" "thi fir fif"}}@media screen and (min-width:992px){.grid-banner-widget{gap:1.875rem}}