.hero-contact {
    
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://media.istockphoto.com/id/1450058572/id/foto/pengusaha-yang-menggunakan-laptop-dan-menyentuh-ikon-kontak-layar-virtual-terdiri-dari-telepon.jpg?s=612x612&w=0&k=20&c=1nh4fL0qg9vabQw_J99ZqI2j7I7kHzEIL1NBZamNYeo=');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 40vh;
    min-height: 300px;
}


.border-top-yellow {
    border-top: 4px solid var(--primary-yellow);
}

.icon-box {
    width: 50px;
    text-align: center;
}

.map-container iframe {
    filter: grayscale(100%); 
    transition: 0.3s;
}

.map-container iframe:hover {
    filter: grayscale(0%); 
}


.form-control:focus, 
.form-select:focus {
    box-shadow: none;
    background-color: #fff !important;
    border: 1px solid var(--primary-yellow) !important;
}

.btn-yellow {
    transition: all 0.3s;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.btn-yellow:hover {
    background-color: #000;
    color: var(--primary-yellow);
    border-color: #000;
}