.header-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 300px;
     background-image: url('/img/header2.png?v=2'); /* Ganti dengan path sesuai gambar kamu */
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    color: white; /* Jika ada teks di dalam */
}

.header-contact h2 {
    color: white;
    z-index: 2;
}

.card-contact .card, #contact .card, .maps-contact{
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
   }

@media (max-width: 991px) {
   .contact-container h5, .contact-container p{
        text-align: center;
   }

   .card-contact {
    padding-top: 30px;
   }

}