@media (max-width: 992px) {
    .contact-cards {
        flex-direction: column;
        gap: 1rem;
    }

    .form-contact {
        margin: 3rem 0 1rem;
    }
}

@media (max-width: 768px) {
    .contact-us-tandis {
        display: none;
    }

    .form-contact {
        justify-content: center;
    }
}

@media (max-width: 475px) {
    .form-contact div {
        flex-direction: column;
    }

    .form-contact form ,
    .form-contact div ,
    .form-contact form input {
        width: 100%;
    }

    .form-contact button {
        width: 100%;
        padding: 0.75rem 2rem;
    }
}