.about-hero{
  width:100%;
  height:300px;
 background-image: url("../images/aboutusbaaner.jpg");

  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
  position:relative;
}

/* soft blur / light overlay */
.about-overlay{
  width:100%;
  height:100%;
  /* background:rgba(255,255,255,0.65); */
  display:flex;
  align-items:center;
  padding-left:80px;
}

.about-overlay h1{
  font-size:28px;
  font-weight:500;
  color:#000;
}

/* Tablet */
@media(max-width:991px){
  .about-hero{
    height:260px;
  }
  .about-overlay{
    padding-left:40px;
  }
  .about-overlay h1{
    font-size:30px;
  }
}

/* Mobile */
@media(max-width:576px){
  .about-hero{
    height:200px;
  }
  .about-overlay{
    padding-left:20px;
  }
  .about-overlay h1{
    font-size:24px;
  }
}
.btn-read{
  display:inline-block;
  padding:10px 25px;
  background:#3b74f2;
  color:#fff;
  text-decoration:none;
  border-radius:5px;
  font-weight:500;
}
.btn-read:hover{
  background:#2c5fd0;
}