.contact-header {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1770&q=80') center/cover;
    padding: 6rem 0;
    color: white;
}

.contact-card {
    transition: transform 0.3s ease;
    margin-bottom: 1.5rem;
    height: 100%;
}

.contact-card:hover {
    transform: translateY(-5px);
}

.contact-form .form-control {
    padding: 0.75rem 1rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

.contact-form .form-control:focus {
    border-color: var(--custom-primary);
    box-shadow: 0 0 0 0.25rem rgba(31, 111, 245, 0.25);
}

.map-container {
    height: 400px;
}

.info-icon {
    font-size: 2rem;
    color: var(--custom-primary);
    margin-bottom: 1rem;
}