.page-services-modern{
padding:110px 0;
background:var(--secondary-color);
}

.page-services-modern .container .row .col-lg-3 .col-md-6{
    margin-bottom: 15px !important;
}

.service-card{
display:block;
position:relative;
overflow:hidden;
border-radius:14px;
background:var(--white-color);
box-shadow:0 18px 45px rgba(0,0,0,0.08);
transition:.45s ease;
text-decoration:none;
}

.service-img{
overflow:hidden;
height:220px;
}

.service-img img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .7s ease;
}

.service-content{
padding:28px;
}

.service-content h3{
font-size:20px;
font-weight:600;
color:var(--primary-color);
margin-bottom:10px;
}

.service-content p{
font-size:14px;
line-height:1.6;
color:var(--text-color);
margin-bottom:18px;
}

.service-btn{
font-size:14px;
font-weight:600;
color:var(--accent-color);
position:relative;
}

.service-btn::after{
content:"";
width:0;
height:2px;
background:var(--accent-color);
position:absolute;
left:0;
bottom:-4px;
transition:.35s;
}

.service-card:hover .service-btn::after{
width:100%;
}

.service-card:hover{
transform:translateY(-10px);
box-shadow:0 30px 70px rgba(0,0,0,0.12);
}

.service-card:hover img{
transform:scale(1.1);
}

.service-card{
opacity:0;
transform:translateY(40px);
animation:serviceReveal .8s forwards;
}

.service-card:nth-child(2){animation-delay:.1s;}
.service-card:nth-child(3){animation-delay:.2s;}
.service-card:nth-child(4){animation-delay:.3s;}
.service-card:nth-child(5){animation-delay:.4s;}
.service-card:nth-child(6){animation-delay:.5s;}
.service-card:nth-child(7){animation-delay:.6s;}
.service-card:nth-child(8){animation-delay:.7s;}

@keyframes serviceReveal{
to{
opacity:1;
transform:translateY(0);
}
}

.our-testimonials {
    padding-bottom: 0;
}