.card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch; /* KUNCI: Memaksa semua kartu sama tingginya */
    gap: 2.5rem;
    max-width: 1200px;
    margin: 4rem auto;
    padding: 0 1.5rem;
}

@media (max-width: 768px) {
    .card-container {
        display: block; /* Di HP biarkan stack ke bawah */
    }
    
    .service-card {
        margin-bottom: 2rem; /* Beri jarak antar kartu di HP */
    }
}