Error message not displaying for unsupported pincodes

There are 2 issues.

First, Error message for unsupported pincode is not displaying. The error message field is NOT empty. It’s set to display “Delivery not available at this location”. However, the add to cart button is disabled as intented.

Second is error message colors. Here’s the step to repeat the color error: 1st enter a valid pincode and click check. A green color text will be shown, which is correct. Then enter edit the pincode with “=” or any other unsupported text or just erase any digit. An error message will be shown but in green color instead of red. The reason for this issue is:

<p id="pin_res" class="res text_small res_success res_error">Please enter maximum 6 digits</p>

See that the success and error CSS classes are present simultaneously and success class is overriding the error class. Ideally, success class should be removed when error class is added and vice-versa