/* ======================================================
=========================================================
                    CONTACT US SOC
=========================================================
====================================================== */

.contact-us-sec .contact-us-card {
    padding: 32px 26px;
    background-image: url('../images/Contact-us-Page/contact-us-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.contact-us-sec .contact-us-card .contact-form-wrapper .contactUs-form-text {
    padding: 55px 35px 48px;
    border-bottom: 3px solid var(--color-464646-20);
}

.contact-us-sec .contact-us-card .contact-form-wrapper .contactUs-form {
    padding: 35px;
    --bs-gutter-x: 0;
    --bs-gutter-y: 36px;
}

.contact-us-sec .contact-us-card .contact-form-wrapper .contactUs-form .contact-textarea {
    height: 242px;
}

.contactUs-information {
    padding: 34px 19px;
}

.map-img-wrapper {
    height: 100%;
}

.map-img-wrapper img {
    object-fit: cover;
}

@media (max-width: 1599.98px) {

    /* ======================================================
=========================================================
                    CONTACT US SOC
=========================================================
====================================================== */

    .contactUs-information {
        padding: 30px 19px;
    }

    .contact-us-sec .contact-us-card .contact-form-wrapper .contactUs-form-text {
        padding: 46px 27px 40px;
    }

    .contact-us-sec .contact-us-card .contact-form-wrapper .contactUs-form {
        padding: 30px 27px;
        --bs-gutter-y: 27px;
    }
}

@media (max-width: 1399.98px) {

    /* ======================================================
=========================================================
                    CONTACT US SOC
=========================================================
====================================================== */

    .contactUs-information {
        padding: 22px 19px;
    }
}

@media (max-width: 1199.98px) {

    /* ======================================================
=========================================================
                    CONTACT US SOC
=========================================================
====================================================== */

    .contact-us-sec .contact-us-card {
        padding: 24px 20px;
    }

    .contact-us-sec .contact-us-card .contact-form-wrapper .contactUs-form-text {
        padding: 36px 24px 34px;
    }

    .contact-us-sec .contact-us-card .contact-form-wrapper .contactUs-form {
        padding: 25px 24px;
        --bs-gutter-y: 25px;
    }

    .contact-us-sec .contact-us-card .contact-form-wrapper .contactUs-form .contact-textarea {
        height: 220px;
    }
}

@media (max-width: 991.98px) {

    /* ======================================================
=========================================================
                    CONTACT US SOC
=========================================================
====================================================== */

    .contact-us-sec .contact-us-card {
        padding: 20px 16px;
    }

    .contact-us-info-main .map-img-wrapper {
        max-height: 310px;
    }

    .contact-us-sec .contact-us-card .contact-form-wrapper .contactUs-form-text {
        padding: 30px 20px 28px;
    }

    .contact-us-sec .contact-us-card .contact-form-wrapper .contactUs-form {
        padding: 18px 20px;
        --bs-gutter-y: 18px;
    }

    .contact-us-sec .contact-us-card .contact-form-wrapper .contactUs-form .contact-textarea {
        height: 170px;
    }
}

@media (max-width: 575px) {

    /* ======================================================
=========================================================
                    CONTACT US SOC
=========================================================
====================================================== */

    .contact-us-sec .contact-us-card {
        padding: 16px 12px;
    }

    .contactUs-information {
        padding: 18px 12px;
    }

    .contact-us-sec .contact-us-card .contact-form-wrapper .contactUs-form-text {
        padding: 24px 12px 20px;
    }

    .contact-us-sec .contact-us-card .contact-form-wrapper .contactUs-form {
        padding: 16px 12px;
        --bs-gutter-y: 14px;
    }
}