.section-banner[data-page-banner] {
  position: relative;
  isolation: isolate;
}

.section-banner[data-page-banner]::before {
  position: absolute;
  z-index: 0;
  content: "";
  inset: 0;
  background: linear-gradient(90deg, rgb(0 21 45 / 88%) 0%, rgb(0 21 45 / 60%) 52%, rgb(0 21 45 / 30%) 100%);
}

.section-banner[data-page-banner] > .container {
  position: relative;
  z-index: 1;
}

.section-banner[data-page-banner] .banner-spacing {
  padding: 220px 0 !important;
}

.section-banner[data-page-banner] .section-info p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
  .section-banner[data-page-banner] .banner-spacing {
    padding: 190px 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .section-banner[data-page-banner] .banner-spacing {
    padding: 170px 0 !important;
    margin-bottom: 0;
  }

  .section-banner[data-page-banner] .section-info {
    right: 0;
    bottom: 45px;
    left: 0;
    max-width: calc(100% - 30px);
    margin: auto;
    padding: 30px 20px;
  }

  .section-banner[data-page-banner] .section-info h2 {
    font-size: 32px;
    line-height: 1.2;
  }
}