#fproject{
  background-image: url("../images/IMG_1858.jpg");
  background-size: cover;
  background-position: center;
}
/*Class involved image*/
.involved-image{
  background-color: #222;
  
  /* background-color: rgba(107, 104, 104, 0.993); */
}
#fproject .wave{
  margin-top: .5rem;
}
.item-image img{
  font-size:40px;
  background-size: cover;
  width: 300px;
  height: 350px;
  line-height: 96px;
  border-radius: 50px;
}
.item-image{
  background:#fff;
  text-align: center;
  padding:10px 5px;
  box-shadow: 0 0 25px rgba(0,0,0,0.07);
  border-radius: 20px;
  margin-bottom: 15px;
  border:5px solid rgba(0,0,0,0.07);
  -webkit-transition:all 0.5s ease 0s;
  transition:all 0.5s ease 0s;
  margin-top: 50px;
  overflow:hidden;
}
.item-image:hover{
  background:#c8d8e4;
  box-shadow: 0 8px 20px 0 rgba(0,0,0,0.2);
  -webkit-transition:all 0.5s ease 0s;
  transition:all 0.5s ease 0s;
}

.item-image span img {
  object-fit: cover;
}

.item-image:hover span img{
  background:#fff;
  border-radius: 10px;
  -webkit-transition:all 0.5s ease 0s;
  transition:all 0.5s ease 0s;
}
/*class formation*/
.formation{
  background:#fff ;

}
.formation .information-heading{ 
  text-align: center;
  width: 650px;
}
.formation .row{
  text-align: center;
  font-size: 20px;
  width: 70%;
  margin: auto;
  padding-top: 30px;
  letter-spacing: 1px;
}
/* class project-image */
.project-image .row .far{
  color:  rgb(8, 187, 8);
  font-size: 25px;
}
.project-image .row p{
  letter-spacing: 1px;
}
.involved-image .row p{
  letter-spacing: 1px;
}



@media(max-width:1000px){
  .involved-image .item-image img{
    width: 300px;
    height: 300px;
 }

  .formation .row{
  text-align: start;
  font-size: 18px;
  width: 100%;
  }
  .formation .information-heading{ 
  text-align: center;
  width: 250px;
  font-size: 2.1rem;
  }
  .project-image .row p{
    text-align: start;
    font-size: 18px;
    width: 100%;
  }
  .project-image .row .far{
    font-size: 20px;
  }
  
}