.common-hero{
 height: 60vh;
 background-image: url(../images/banners/About-Front-1.jpg);
 background-size: cover;
 background-attachment: fixed;
 position:relative;
}
.common-hero::before{
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-color: rgba(0, 0, 0, 0.7);
 z-index: 10;
}
.inside-common-hero{
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 color: white;
 font-family: poppins;
 height: 100%;
 z-index: 100;
}
.inside-common-hero h1{
 z-index: 10;
 font-size: 50px;
}

@media (max-width: 765px){
 .inside-common-hero h1 {
  font-size: 40px;
}
.common-hero {
  height: 50vh;
}
}

@media (max-width: 600px){
 .inside-common-hero h1 {
  font-size: 35px;
}
}
@media (max-width: 465px){
  .inside-common-hero h1 {
    font-size: 30px;
}
.common-hero {
  height: 35vh;
}
}