.about-banner {

  background: url("/sites/default/files/about/about-banner-bg.webp");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  padding: 108px 0 0px;

}

.about-banner-content span {

  font-size: 30px;

  font-weight: bolder;

  color: #ff4500;

  display: inline-block;

  border-radius: 5px;

  margin-bottom: 6px;

}

.about-banner-content h5 i {

  color: #0a165e;

}

.about-banner-content h1 {

  font-size: 40px;

  /* line-height: 50px; */

  font-weight: bolder;

}

.about-banner-description p {

  padding: 10px 0;

  color: #445781;

  font-size: 16px;

  width: 76%;

}

.about-banner-button a {

  padding: 14px 30px;

  color: #fff;

  background: #ff4500;

  border: 1px solid #ff4500;

  display: inline-block;

  text-decoration: none;

  font-weight: bold;

}

.about-banner-button a:hover {

  background: #0a165e;

  border: 1px solid #0a165e;

}



@media (max-width: 768px) {

  .about-banner-content h1 {

    font-size: 40px;

  }

  .about-banner-description p {

    width: 100%;

  }

  .about-banner-col1 {

    margin-bottom: 30px;

  }

  .about-banner {

    padding: 40px 0px 0px;

  }

}

@media (max-width: 450px) {

  .about-banner-content h1 {

    font-size: 35px;

    line-height: 40px;

  }



  .about-banner-col2 {

    display: none;

  }

}

@media (max-width: 376px) {

  .about-banner-content span {

    font-size: 20px;

  }

  .about-banner-content h1 {

    font-size: 30px;

  }

}