.contact-hero {
    background: linear-gradient(rgba(30, 58, 138, 0.9), rgba(6, 182, 212, 0.8)), url('../images/social-media/header-bg.jpg');
    background-size: cover;
    background-position: center;
    padding: 100px 0;
    color: var(--white-color);
}

.contact-info-card {
    background-color: var(--white-color);
    border-radius: 0.5rem;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    height: 100%;
    border-top: 3px solid var(--accent-color);
}

.contact-info-card .icon {
    font-size: 2.5rem;
    color: var(--accent-color);
    margin-bottom: 1rem;
}

.contact-form {
    background-color: var(--white-color);
    border-radius: 0.5rem;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-top: 3px solid var(--primary-color);
}