.mpp-grid-banners-category {
  display: grid;
  grid-template-areas: "m" "s1" "s2";
  gap: 1rem;
      grid-template-rows: repeat(3, 1fr);
}

@media (min-width: 540px) {
  .mpp-grid-banners-category {
    grid-template-areas: "m m" "s1 s2";
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 2fr 1fr;
  }
}

@media (min-width: 768px) {
  .mpp-grid-banners-category {
    grid-template-areas: "m m s1" "m m s2";
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(2, minmax(auto, 200px));
}
}

.mpp-grid-banners-category > img {
  grid-area: m;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.mpp-grid-banners-category > .mpp-grid-banners-category__text {
  background-color: #f0f0f0;
}
.mpp-grid-banners-category > a {
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
}
.mpp-grid-banners-category > a:hover {
color: inherit;
}

.mpp-grid-banners-category__side-first {
  grid-area: s1;
}

.mpp-grid-banners-category__side-second {
  grid-area: s2;
}
.mpp-grid-banners-category > :is(.mpp-grid-banners-category__text, a) {
  padding: clamp(1rem, 0.6479rem + 1.5023vw, 1.1rem) clamp(1rem, 0.6479rem + 1.5023vw, 1.6rem);
}



.mpp-grid-banners-category h2 {
font-size: 1.25rem;
margin: 0 0 1rem;
}

.mpp-grid-banners-category :is(p, li) {
font-size: .9rem;
    line-height: 1.5;
}

.mpp-grid-banners-category ul {
padding: 0 0 0 1em;
}

.mpp-grid-banners-category__service {
  font-family: FontRegular !important;
  font-size: .9rem;
}

.mpp-grid-banners-category__discount {
    font-family: FontSemiBold !important;
}

.mpp-grid-banners-category strong {
  font-family: FontSemiBold !important;
}