services.css

.container{
  width: 100%;
  padding:30px 10%;
  background-color: aliceblue;
}
section.title{
  max-width: 700px;
  margin :0px auto 45px;
  text-align:center;

}
section.title h1{
  position:relative;
  font-size: 32px;
  margin-bottom: 30px;
  display: inline-block;
}
.title p{
  font-size: 18px;
}
section.service_container{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.service_container .service_box{
  display:flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-basis:32%;
  text-align: center;
  padding: 20px 10px 30px;
  background-color: #C9F0FF;
  border:1px solid #e9e9e9;
  margin-bottom:20px;
  cursor:pointer;


}
.service_container .service_box:hover{
  transform: translateY(-2px);
  box-shadow: 0px 3px 12px 0px rgba(123, 198, 223, 0.8);
}
.service_box i{
  font-size: 30px;
  transition: 0.3s;
}
.service_box:hover i{
  color:#219bfe;

}
.service_box h2{
  padding: 15px 0px 10px;
  font-size: 20px;
}
.service_box p{
  line-height: 1.3;
}