.what-i-do{
  width:100vw;
  height:auto;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-wrap:wrap;
   animation:fadeInUp;
 animation-duration:2s;

}
.what-i-do-item{
  height:300px;
  width:350px;
  margin:20px 10px;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-direction:column;
}
.what-i-do-item > titleandicon{
  display:flex;
  height:100px;
width:100%;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-direction:row;
}
.what-i-do-item-title{
  font-size:25px;
  color:#242424;
}
.what-i-do-item-description{
  color:grey;
  font-size:20px;
    height:200px;

}
.fa-mountain,.fa-building,.fa-user-check{
  font-size:60px;
  margin:10px;
  color:#1e70ff;
    transition:0.7s;
}







.my-work-process{
  width:100vw;
  height:auto;
  margin:50px 0px;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-wrap:wrap;
   animation:fadeInUp;
 animation-duration:2s;

}
.my-work-process-item{
  height:300px;
  width:250px;
  margin:20px 10px;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-direction:column;

}
.work-process-p{
  height:auto;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-direction:column;

}

.my-work-process-item-title{
  font-size:25px;
  width:100%;
  color:#242424;
    height:30%;
    display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;

}
.my-work-process-item-description{
  color:grey;
  height:40%;
  display:flex;
  justify-content:center;
  align-items:top;
    font-size:20px;
  text-align:center;

}
.fa-arrow-right{
  color:grey;
  font-size:30px;
}
.arrow-right-container{
  display:flex;
  justify-content:center;
  align-items:center;
       width:70px;
  height:300px;
}

.fa-comment-dots,.fa-lightbulb,.fa-paintbrush,.fa-flag-checkered{
  font-size:60px;
  color:white;
  background:#242424;
  padding:20px;
  width:70px;
  height:70px;
  border-radius:10000000000000000px;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
     transition:0.3s;
    
}
.work-process-icon > i{
   display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  
}

.fa-comment-dots:hover,.fa-lightbulb:hover,.fa-paintbrush:hover,.fa-flag-checkered:hover{
  color:#242424;
  background:white;
  transition:0.3s;
}


.work-process-icon{

    height:30%;
    width:100%;
    
     display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
    
}









@media only screen and (max-width: 1000px) {
  
 .fa-arrow-right{
  color:transparent;
 }
 .arrow-right-container{
  display:none;
}

.what-i-do-item{
  flex-direction:column;
  width:380px;
}


.about-img{
  width:20vw;
  margin:0px 50px;
  border-radius:10px;
}
.what-i-do-item{
  height:250px;
  
}
}