.HomeBoxLayout {
  background: var(--colorBrandSecondary) url("/frontend/images/_webp/index-line.webp") no-repeat top center;
  background-size: cover;
  padding: var(--spaceLg) 0 var(--spaceXl);
}

.HomeBoxLayout-frame {
  display: grid;
  grid-template-columns: 13.5em 1fr;
  grid-template-rows: auto auto;
  grid-gap: var(--spaceMd);
  grid-template-areas: ". boxTitle"
 "boxContact boxPoints"
 "boxContact boxBanner";
}

@media (max-width: 48rem) {
  .HomeBoxLayout-frame {
    grid-template-areas: ". boxTitle"
 "boxContact boxPoints"
 "boxBanner boxBanner";
  }
}

@media (max-width: 36rem) {
  .HomeBoxLayout-frame {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "boxTitle"
 "boxContact"
 "boxPoints"
 "boxBanner";
  }
}

.HomeBoxLayout-title {
  grid-area: boxTitle;
  margin: 0;
  color: #fff;
  font-weight: 100;
  font-size: var(--textLg);
}

.HomeBoxLayout-contact {
  grid-area: boxContact;
}

.HomeBoxLayout-points {
  grid-area: boxPoints;
}

.HomeBoxLayout-banner {
  grid-area: boxBanner;
}

.HomeBoxLayout-banner img {
  width: 100%;
  display: block;
}

/*# sourceMappingURL=home-box-layout.min.css.map */