#header-section.stuck #search-top-bar {
    display: none !important;
}

.error-message {
    color: red;
    font-size: 12px;
    display: none; /* Initially hidden */
}

input:user-valid, select:input:user-valid {
    border-color: green;
}

#full_name:user-invalid,
#mobile:user-invalid,
#email:user-invalid,
#governorate:user-invalid,
#city:user-invalid,
#address:user-invalid,
#order_note:user-invalid {
    border-color: red;
}


#governorate:user-invalid + .error-message,
#city:user-invalid + .error-message,
#address:user-invalid + .error-message,
#full_name:user-invalid + .error-message,
#mobile:user-invalid + .error-message,
#email:user-invalid + .error-message,
#order_note:user-invalid + .error-message {
    display: block !important; /* Show the error message when the input is invalid */
}