.sec-banner{
  position: relative;
  background: var(--bg-banner-img);
  background-position: center;
  background-size: cover;
  padding: 18.4rem 0;
}
.sec-banner-gray{
  padding: 11.2rem 0;
}
.sec-banner:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 43, 79, 0.45) 0%, #002B4F 100%);
}
.sec-banner-gray:after{
  background: linear-gradient(180deg, rgba(243, 244, 248, 0.45) 0%, #F3F4F8 100%);
}
.banner-text{
  position: relative;
  z-index: 1;
}
.sec-banner.left .banner-text {
  text-align: left !important;
}
.banner-text h1,
.banner-text h2,
.banner-text h3,
.banner-text h4{
  color: #fff;
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: bold;
  margin: 0 0 4rem;
}
.sec-banner-gray .banner-text h1,
.sec-banner-gray .banner-text h2,
.sec-banner-gray .banner-text h3,
.sec-banner-gray .banner-text h4{
  color: var(--text-color);
}
.sec-banner.left .banner-text h1,
.sec-banner.left .banner-text h2,
.sec-banner.left .banner-text h3,
.sec-banner.left .banner-text h4{
  font-size: 6rem;
  line-height: 6.9rem;
}
.banner-text p{
  font-size: 2.2rem;
  line-height: 3.2rem;
  color: #fff;
}
.sec-banner-gray .banner-text p{
  color: var(--text-color);
}
.sec-banner.left .banner-text p{
  font-size: 3rem;
  line-height: 4rem;
}
.sec-banner .hero-arrow{
  z-index: 1;
}
@media(min-width:1360px) and (max-width:1459.98px){
  .sec-banner {
    padding: 11.2rem 0;
  }
  .sec-banner-gray{
    padding: 9.6rem 0;
  }
  .banner-text h1, 
  .banner-text h2, 
  .banner-text h3, 
  .banner-text h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    margin: 0 0 3rem;
  }
  .sec-banner.left .banner-text h1,
  .sec-banner.left .banner-text h2,
  .sec-banner.left .banner-text h3,
  .sec-banner.left .banner-text h4{
    font-size: 4.7rem;
    line-height: 5.6rem;
  }
  .banner-text p {
    font-size: 2rem;
    line-height: 3rem;
  }
  .sec-banner.left .banner-text p{
    font-size: 2.7rem;
    line-height: 3.4rem;
  }
}
@media(min-width:1200px) and (max-width:1359.98px){
  .sec-banner,
  .sec-banner-gray{
    padding: 9.6rem 0;
  }
  .banner-text h1, 
  .banner-text h2, 
  .banner-text h3, 
  .banner-text h4 {
    font-size: 3rem;
    line-height: 3.8rem;
    margin: 0 0 2.8rem;
  }
  .sec-banner.left .banner-text h1,
  .sec-banner.left .banner-text h2,
  .sec-banner.left .banner-text h3,
  .sec-banner.left .banner-text h4{
    font-size: 4.5rem;
    line-height: 5.4rem;
  }
  .banner-text p {
    font-size: 1.86rem;
    line-height: 2.8rem;
  }
  .sec-banner.left .banner-text p{
    font-size: 2.7rem;
    line-height: 3.4rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .sec-banner {
    padding: 9rem 0;
  }
  .sec-banner-gray{
    padding: 8rem 0;
  }
  .banner-text h1, 
  .banner-text h2, 
  .banner-text h3, 
  .banner-text h4 {
    font-size: 2.8rem;
    line-height: 3.8rem;
    margin: 0 0 2.4rem;
  }
  .sec-banner.left .banner-text h1,
  .sec-banner.left .banner-text h2,
  .sec-banner.left .banner-text h3,
  .sec-banner.left .banner-text h4{
    font-size: 4.5rem;
    line-height: 5.4rem;
  }
  .banner-text p {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
  .sec-banner.left .banner-text p{
    font-size: 2.4rem;
    line-height: 3.1rem;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .sec-banner,
  .sec-banner-gray{
    padding: 6.4rem 0 8rem;
  }
  .banner-text h1, 
  .banner-text h2, 
  .banner-text h3, 
  .banner-text h4 {
    font-size: 2.8rem;
    line-height: 3.8rem;
    margin: 0 0 2.4rem;
  }
  .sec-banner.left .banner-text h1,
  .sec-banner.left .banner-text h2,
  .sec-banner.left .banner-text h3,
  .sec-banner.left .banner-text h4{
    font-size: 4rem;
    line-height: 5rem;
  }
  .sec-banner.left .banner-text p{
    font-size: 2.2rem;
    line-height: 2.9rem;
  }
  .banner-text p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}
@media(max-width:767.98px){
  .sec-banner,
  .sec-banner-gray{
    padding: 4rem 0 5.6rem;
  }
  .banner-text h1, 
  .banner-text h2, 
  .banner-text h3, 
  .banner-text h4 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin: 0 0 1.6rem;
  }
  .sec-banner.left .banner-text h1,
  .sec-banner.left .banner-text h2,
  .sec-banner.left .banner-text h3,
  .sec-banner.left .banner-text h4{
    font-size: 2.7rem;
    line-height: 3.6rem;
  }
  .banner-text p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .sec-banner.left .banner-text p{
    font-size: 1.8rem;
    line-height: 2.5rem;
  }
  .banner-text br{
    display: none;
  }
}