.about-hero{

  height:70vh;
  position:relative;
  overflow:hidden;

}


.about-hero img{

  width:100%;
  height:100%;
  object-fit:cover;

}


.overlay{

  position:absolute;
  inset:0;

  background:rgba(0,0,0,.55);

  display:flex;

  flex-direction:column;

  justify-content:center;

  align-items:center;

  color:white;

}


.company,
.chairman,
.timeline,
.values{

  padding:100px 0;

}



.timeline-item{

  padding:25px;

  border-left:4px solid #10B981;

  margin-bottom:25px;

  background:white;

  border-radius:10px;

}



@media(max-width:768px){

  .about-hero{

    height:50vh;

  }

}