.serviceBox{
 background: #fff;
 text-align: center;
 padding: 20px 0 40px;
 position: relative;
 border:1px solid #006ba1;
 
}
.serviceBox:hover{
 background:#007cba;
}
.serviceBox .service-icon img{
 width: 100px;
 height: 100px;
 line-height: 95px;
 border-radius: 50%;
 border: 3px solid #b3b3b3;
 font-size: 50px;
 color: #006ba1;
 margin: 0 auto;
 transition: all 0.5s ease-in-out;
}
.serviceBox:hover .service-icon img{
 transform: rotateY(360deg);
 color: #fff;
 border-color: #fff;
 background: #006ba1;
}
.serviceBox .service-content h3 a{
 font-size: 18px;
 color: #333;
 font-weight:bold;
 
}
.serviceBox .service-content p{
 font-size: 14px;
  
 color:#333;
}
.serviceBox:hover h3 a,
.serviceBox:hover p{
 color:#fff;
}
.serviceBox .btn{
 background: #006ba1;
 color: #fff;
 padding: 10px 35px;
 transition: all 0.6s ease-in-out;
 -webkit-transition: all 0.6s ease-in-out;
 -moz-transition: all 0.6s ease-in-out;
 -ms-transition: all 0.6s ease-in-out;
 -o-transition: all 0.6s ease-in-out;
}
.serviceBox:hover .btn{
 background: #333;
 color: #fff;
}
@media screen and (max-width: 990px){
 .serviceBox{
 margin-bottom: 20px;
 padding: 20px 0;
 }
}
/*///////////////////////////////////////*/
.serviceBox1{
 background: transparent;
 text-align: center;
 padding: 20px 0 40px;
 position: relative;
 border:1px solid #fff;
 
}
.serviceBox1:hover{
 background:#007cba;
}
.serviceBox1 .service-icon{
 width: 100px;
 height: 100px;
 line-height: 95px;
 border-radius: 50%;
 border: 3px solid #fff;
 font-size: 50px;
 color: #fff;
 margin: 0 auto;
 transition: all 0.5s ease-in-out;
}
.serviceBox1:hover .service-icon{
 transform: rotateY(360deg);
 color: #fff;
 border-color: #fff;
 background: #006ba1;
}
.serviceBox1 .service-content h3{
 font-size: 18px;
 color: #fff;
 font-weight:bold;
 
}
.serviceBox1 .service-content p{
 font-size: 14px;
  
 color:#fff;
}
.serviceBox1:hover h3 a,
.serviceBox1:hover p{
 color:#fff;
}
.serviceBox1 .btn{
 background: #006ba1;
 color: #fff;
 padding: 10px 35px;
 transition: all 0.6s ease-in-out;
 -webkit-transition: all 0.6s ease-in-out;
 -moz-transition: all 0.6s ease-in-out;
 -ms-transition: all 0.6s ease-in-out;
 -o-transition: all 0.6s ease-in-out;
}
.serviceBox1:hover .btn{
 background: #333;
 color: #fff;
}
@media screen and (max-width: 990px){
 .serviceBox1{
 margin-bottom: 20px;
 padding: 20px 0;
 }
}