.hero-add-ons {
  margin-top: 0;
  padding-top: 40px;
  background-image: url("/build/assets/diagrams-DW8Rvv03.avif");
  background-size: cover;
  background-position: 60%;
  position: relative;
  padding-bottom: 50px;
  min-height: calc(100vh - 185px);
  max-width: none;
  background-repeat: no-repeat;
  display: flex;
  /*-align-items: center;-*/
}
.hero-add-ons .bkg {
  background-color: rgba(27, 27, 27, 0.76);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero-add-ons .container-fluid {
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 50px;
}
.hero-add-ons .container-fluid .content .subtitle-2 {
  margin-top: 50px;
}
.hero-add-ons .container-fluid .content .banner {
  min-height: 150px;
  display: flex;
  align-items: center;
}

.future .container .container {
  max-width: 800px;
  margin: auto;
}

@media (min-width: 992px) {
  .hero-add-ons {
    padding-top: 100px;
  }
}