.hero-banner {
  background: #FFF2F5;
  padding: 60px 0;
}
.hero-banner + section {
  padding-top: 80px;
}
.hero-banner h1 {
  margin-bottom: 40px;
}
.hero-banner .hb-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

@media screen and (min-width: 992px) {
  .hero-banner {
    padding: 96px 0;
  }
  .hero-banner h1 {
    margin-bottom: 0;
  }
}