.contact-header {
    background: linear-gradient(rgba(10, 25, 47, 0.85), rgba(10, 25, 47, 0.85)), 
                url('https://images.unsplash.com/photo-1516387933901-82614482888c?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
    padding: 120px 0;
    margin-bottom: 20px;
}

.contact-icon-box {
    width: 60px;
    height: 60px;
    background: rgba(217, 37, 37, 0.1); 
    color: var(--accent-red);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.5rem;
    transition: 0.3s;
}

.contact-icon-box:hover {
    background: var(--accent-red);
    color: white;
    transform: scale(1.1);
}

.card.shadow-lg {
    border-radius: 15px;
    border: 1px solid #f0f0f0;
}

.form-control, .form-select {
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.form-control:focus {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(217, 37, 37, 0.1);
    border-color: var(--accent-red);
}

.map-section {
    line-height: 0;
    filter: grayscale(100%) invert(5%) contrast(90%); 
    overflow: hidden;
    border-top: 4px solid #dc3545;
}


.social-box {
    border-left: 4px solid var(--accent-red);
}

@media (max-width: 768px) {
    .contact-header {
        padding: 80px 0;
    }
    .contact-header h1 {
        font-size: 2.5rem;
    }
}