:root {
  --page-vr-padding: 20px !important;
}

.four-col-layout:not(.with-infinite-scroll-content) .view-content,
.four-col-layout.with-infinite-scroll-content .view-content .views-infinite-scroll-content-wrapper {
  grid-template-columns: repeat(2, 1fr);
}

.three-col-layout:not(.with-infinite-scroll-content) .view-content,
.three-col-layout.with-infinite-scroll-content .view-content .views-infinite-scroll-content-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.inner-banner-content-inner {
  padding: var(--page-vr-padding);
}