.service-box {
background:#fff;
border-radius:15px;
padding:30px;
height:100%;
box-shadow:0 5px 20px #0000000d;
background:linear-gradient(135deg,#fff0 0%,#dffaff 100%)
}


.service-box {
border:1px solid #e9ecef;
border-radius:12px;
padding:30px 20px;
transition:.3s;
height:100%;
box-shadow:0 5px 20px #00000014;
transition:all .3s ease;
background:linear-gradient(135deg,#fff0 0%,#ddf4ff 100%)
}

.service-box:hover {
transform:translateY(-6px);
box-shadow:0 15px 35px #00000026;
background:linear-gradient(135deg,#ddf4ff 0%,#fff0 100%)
}

.service-box .h2 {
font-size:20px;
font-weight:600;
color:#222;
margin:0;
line-height:1.4
}

.service-icon img {
object-fit:contain
}

.service-box1 {
border-radius:12px
}

.service-box1 .h3 {
background:#0039aa;
color:#fff;
padding:6px 5px;
border-radius:0;
font-size:20px;
margin-bottom:13px!important
}



@media (max-width: 991px) {
.service-box {
padding:25px 15px
}

.service-box h2 {
font-size:18px
}
}