.serviceBox{
    border: 0.11em solid #9eb8d2;
    padding: 2em 2.5em 2em 2.5em;
    position: relative;
    transition: all 0.5s ease 0s;
}
.serviceBox:hover{
    border-color: #0053a3;
}
.serviceBox:before,
.serviceBox:after{
    content: "";
    display: block;
    width: 10em;
    height: 0.325em;
    background: #0053a3;
    position: absolute;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease 0s;
}
.serviceBox:before{
    top: -0.18em;
}
.serviceBox:after{
    bottom: -0.18em;
}
.serviceBox:hover:before,
.serviceBox:hover:after{
    left: 2.5em;
    opacity: 1;
}


@media only screen and (max-width: 990px){
    .serviceBox{ margin-bottom: 1.7em; }
}
 .head{
  color:#061771;
  font-weight:500;
  margin-bottom: 1em;
  text-align:left;
  font-size:1.2em;
  padding-top:1em;
  text-transform:uppercase;
  padding-bottom:0.5em;
}
 .photo img {
    width: 100%;
}
 @media (max-width: 548px) {
    
    h5{
        font-size:1.01em;
    }
    .serviceBox{
      padding: 1em 1.5em 1em 1.8em;
    }
    .head{
   text-align:center;
   font-size:1.01em;
 }
}