.banner-custom .banner__box {
  background: rgba(var(--color-overlay-background), 1);
  min-width: 36rem;
}

.banner-custom .banner__heading {
  font-size: 40px;
  line-height: 1.4;
  color: rgb(var(--color-headings));
  max-width: 300px;
  margin: auto;
}

.banner-custom .banner__text p {
  font-size: 20px;
  max-width: 300px;
  margin: auto;
}

@media(max-width: 768px) {
  .banner-custom .banner__box {
    min-width: unset;
  }
}