.service-card {
    transition: all 0.3s ease;
}

.service-card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 10px 25px -5px rgba(0, 0, 0, 0.05),
        0 8px 10px -6px rgba(0, 0, 0, 0.01);
}

@media (prefers-reduced-motion: reduce) {

    .service-card {
        transition: none;
    }

    .service-card:hover {
        transform: none;
    }
}