.banner {
  background-color: var(--primary);
  background: linear-gradient(154.18deg, #0B8EAD 20.87%, #089CB9 64.62%, #00BBD6 136.05%), linear-gradient(358.18deg, rgba(10, 154, 183, 0) 83.09%, rgba(23, 35, 42, 0.44) 114.4%);
}
@media only screen and (min-width: 992px) {
  .banner {
    padding: 13rem 0 6rem;
  }
}
.banner__title {
  text-align: center;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02em;
  font-size: 5.2rem;
}
@media only screen and (min-width: 992px) {
  .banner__title {
    font-size: 6.4rem;
  }
}

@media only screen and (min-width: 992px) {
  .text {
    padding: 8rem 0 10rem;
  }
}