.service-tile-item .item {position:relative;}
.service-tiles .item .box {padding: 8%!important;  transition: .5s all; -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05); z-index: 2;}
.service-tiles .item .box:before {
    height: 5px;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.5s ease all;
    background-image: linear-gradient(153deg, #00AEEF 0%, #003359 95%);
}
	
.service-tiles .item .box:hover {
-webkit-box-shadow: 0 24px 64px -24px rgba(0, 0, 0, 0.2);
box-shadow: 0 24px 64px -24px rgba(0, 0, 0, 0.2);
-webkit-transition: opacity 0.5s 0.2s;
transition: opacity 0.5s 0.2s;
		}		
.service-tiles .item .box:hover:before {
  left: 0;
  height: 100%;
  right: 0;
  bottom: 0;
}
.service-tiles .item .box:hover em {--fa-primary-color:rgb(0, 51, 89); --fa-secondary-color:rgb(175 175 175); transition: 0.8s;}
.service-tiles .item .box:hover, .service-tiles .item .box:hover h3, .service-tiles .item .box:hover p, .service-tiles .item .box:hover li, .service-tiles .item .box:hover p a {
    color: #fff!important;
    position: relative;
    z-index: 3;
}		
.item .box .icon {
    margin-bottom: 20px;
    font-size: 40px;
}
	.service-tiles .item .box li {
    text-align: left!important;
}