/* =========================================
   OFFER FORM — RTL
   ========================================= */

.offer-form {
    direction: rtl !important;
    width: 100% !important;
}

/* Fields */
.offer-form .form-group {
    display: block !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

.offer-form .form-group>p {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Labels */
.offer-form .form-group>p>label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    text-align: right !important;
    float: none !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

/* CF7 wrapper */
.offer-form .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Inputs */
.offer-form .form-control {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Placeholder */
.offer-form .form-control::placeholder {
    direction: rtl !important;
    text-align: right !important;
}

/* Number input */
.offer-form input[name="offer"] {
    direction: ltr !important;
    text-align: right !important;
}

/* Submit */
.offer-form .wpcf7-submit {
    display: inline-block !important;
    margin-top: 5px !important;
}

/* Response message */
.wpcf7-response-output {
    direction: rtl !important;
    text-align: right !important;
}


/* =========================================
   MOBILE
   ========================================= */
@media (max-width: 767px) {

    .offer-form .form-group {
        margin-bottom: 16px !important;
    }

    .offer-form .form-group>p>label {
        margin-bottom: 6px !important;
    }

    .offer-form .wpcf7-submit {
        width: 100% !important;
    }
}


/* if the easy one didn't work, try this one */
/*
@media (max-width: 767px) {

    .offer-form {
        width: 100% !important;
        max-width: 100% !important;
    }

    .offer-form .form-group {
        width: 100% !important;
        margin-bottom: 16px !important;
    }

    .offer-form .form-group>p {
        width: 100% !important;
    }

    .offer-form .form-group>p>label {
        margin-bottom: 6px !important;
        font-size: 14px;
    }

    .offer-form .wpcf7-form-control-wrap {
        width: 100% !important;
    }

    .offer-form .form-control {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .offer-form .wpcf7-submit {
        width: 100% !important;
        max-width: 100% !important;
    }
}
*/

/* The button to open the popup form */
#offer-price-btn .elementor-button {
    width: 100% !important;
}