.sec-banner-info {
  background-image: var(--banner-text-bg);
  background-size: cover;
  background-position: center right;
}
.banner-info {
  position: relative;
  z-index: 1;
  min-height: 46.8rem;
  padding: 8rem 0;
  max-width: 103rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media(min-width:1460px) and (max-width:1499.98px) {
  .banner-info {
    min-height: 40.8rem;
    padding: 6rem 0;
    max-width: 86rem;
  }
}
@media(min-width:1360px) and (max-width:1459.98px) {
  .banner-info {
    min-height: 35.8rem;
    padding: 6rem 0;
    max-width: 77rem;
  }
}
@media(min-width:1200px) and (max-width:1359.98px) {
  .banner-info {
    min-height: 35.8rem;
    padding: 6rem 0;
    max-width: 67rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px) {
  .banner-info {
    min-height: 33.8rem;
    padding: 6rem 0;
    max-width: 48rem;
  }
}
@media(min-width:768px) and (max-width:991.98px) {
  .banner-info {
    min-height: 29.8rem;
    padding: 5.6rem 0;
    max-width: 44rem;
  }
}
@media(max-width:767.98px) {
  .sec-banner-info::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
  }
  .sec-banner-info
  .banner-info {
    min-height: 33.8rem;
    padding: 4.8rem 0;
    max-width: 100%;
  }
}