body {
}
.card-transition {
    transition: all 0.3s ease-in-out;
}

    .card-transition:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
    }

.service-card-about {
    transition: all 0.3s ease-in-out !important;
}

    .service-card-about:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
    }

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

    .card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
    }

.tech-card {
    transition: all 0.3s ease-in-out;
}

    .tech-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
    }