.about-main{
    margin: 0 0 40px;
}
.about-main h1{
    font-family: 'ibm';
    font-size: 30px;
    text-align: center;
}
.about-main p{
    font-size: 15px;
    color: #00000096;
    font-family: ibm;
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.aboutBnner1{
    margin:0;
}
.mission {
    margin: 40px 0;
    padding: 20px;
}
.mission h2{
    font-family: ibm;
    font-weight: 400;
    font-size: 35px;
}
.mission p{
    font-family: ibm;
    font-size: 15px;
    padding-right: 40px;
    color: #00000094; 
    margin-bottom: 30px;   
}
.whyChooseUs{
    margin: 40px 0;
}
.whyChooseUs .content h2 , .SeeHow h2 , .ourTeam h2{
    font-family: ibm;
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 30px;
}
.whyChooseUs .content p , .SeeHow p , .ourTeam p{
        font-family: ibm;
    font-size: 15px;
    padding-right: 40px;
    color: #00000094; 
    margin-bottom: 30px;  
}
/*.whyChooseUs .content{*/
/*    margin-left: 50px;*/
/*}*/
.SeeHow{
    margin: 40px 0;
    padding: 30px;
}
.SeeHow p{
    width: 70%;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
}
.SeeHow h2{
    text-align: center;
    margin-bottom: 20px;
}
.SeeHow .workBox{
    background-color: #F6F6F6;
    padding:25px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 60px;

}
.SeeHow .workBox img{
        position: relative;
    margin-bottom: -50px;
    bottom: 65px;
    height: 60px;
    width: 50px;
}
.SeeHow .workBox p{
    margin-bottom: 0;
    text-align: center;
    margin: 0 !important;
    width: 100%;
    padding-right: 0;
}
.SeeHow .workBox h3{
    font-family: 'ibm';
    font-size: 17px;
}
.ourTeam {
    margin: 40px 0;
    padding: 30px;

}
.ourTeam h2{
    font-size: 40px;
}

.image-row {
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 500px;
  gap: 2% !important;
}

.imagebox {
 width: 20%;
  transition: width 0.4s ease;
  overflow: hidden;

}

.imagebox img {
      height: 100%;
  object-fit: cover;
  display: block;
}

/* Initially the first image is 40% */
.imagebox.active {
 width: 32%;
}

/* All others default to 20% */
.image-row .imagebox:not(.active) {
  width: 50%;
}