.contact-card {

    background: #fff;

    padding: 40px;

    border-radius: 24px;

    border: 1px solid var(--color-border);

    height: 100%;

    transition: .35s ease;

}

.contact-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 16px 40px rgba(0, 0, 0, .06);

}

.contact-card h3 {

    margin-bottom: 15px;

    color: var(--color-primary);

}

#contact-form-section {

    padding: 100px 0;

}

#contactForm {

    background: #fff;

    padding: 60px;

    border-radius: 24px;

    border: 1px solid var(--color-border);

    box-shadow: var(--shadow-sm);

}

#contactForm .form-control {

    margin-bottom: 25px;

}

@media(max-width:991px) {

    #contactForm {

        padding: 35px;

    }

}