/* Hero banner */
.hero-banner {
  min-height: 637px;
  background-size: cover;
  background-position: center;
  align-items: end;
  padding-top: calc(80px + 96px);
}
.home .hero-banner {
  min-height: 720px;
}
.hero-banner .overlay {
  background: rgba(0, 0, 0, 0.6);
}
.hero-banner .hero-content {
  max-width: 628px;
}
.page-about-us .hero-banner .hero-content {
  max-width: 717px;
}
[dir=rtl] .page-about-us .hero-banner .hero-content {
  max-width: 718px;
}
.page-life-scc .hero-banner .hero-content {
  max-width: 717px;
}
[dir=rtl] .page-hr-programs .hero-banner .hero-content {
  max-width: 100%;
}
.page-hr-programs .hero-banner .hero-content p {
  max-width: 542px;
}
.hero-banner .hero-content h1 {
  font-style: normal;
  font-weight: 300;
  text-transform: capitalize;
  color: #ffffff;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin-bottom: 24px;
}
.hero-banner .hero-content h1 span {
  opacity: 0.7;
  display: block;
}
.hero-banner .hero-content p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.0025em;
  color: #ffffff;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  margin-bottom: 0px;
}
.hero-banner .hero-content .btn{
  margin-top: 24px;
}

.hero-banner .hero-content .btn-secondary.btn-outline::after{
  content: url(../../assets/images/arrow-right-blue.svg);
}
.hero-banner .hero-content .btn-secondary.btn-outline:hover::after{
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(3049%) hue-rotate(156deg) brightness(116%) contrast(101%);
}
.hero-banner .hero-content .secondary.btn-outline-light::after{
  content: url(../../assets/images/arrow-right.svg);
}
.hero-banner .hero-content .secondary.btn-outline-light:hover::after{
  filter: brightness(0) saturate(100%) invert(9%) sepia(83%) saturate(6659%) hue-rotate(240deg) brightness(66%) contrast(122%);
}

@media (min-width: 1921px) {
  .hero-banner {
    min-height: 47vw !important;
  }
}
@media (max-width: 991px) {
  .hero-banner{
    padding-top: 118px;
    padding-bottom: 32px;
    min-height: 530px;
  }
  .home .hero-banner {
    min-height: 530px;
  }
  .hero-banner .hero-content h1{
    margin-bottom: 16px;
  }
  .hero-banner .hero-content p {
    letter-spacing: 0;
  }
  .hero-banner .hero-content .btn{
    margin-top: 20px;
  }
  
}
@media (max-width: 767px) {
  .hero-banner, .home .hero-banner{
    min-height: 378px;
  }
  .home .hero-banner {
    min-height: 378px;
  }
}