Error message after not filling required fields

Hi there guys

I created the form indicated in the URL. After saving and inserting it as iframe in my landing page

https://www.testo.com/es-ES/promociones/sets-analizador-de-combustion-testo-320B-y-330i

I decided to set some of the fields as required. As I do not want the red asterisk to be displayed, I injected the CSS code:

.form-required {

    display:none !important;

}

However, when I test the form, the field does not turn red to show that I have not filled a required field. Instead, the user can click in the button "send" and after that, pops up the message you can see in the screenshot.

Could you tell me what I have done wrong?

Thanks in advance

Carlos

I have tested your embedded form, but I was not able to replicate mentioned issue. After I filled all required fields and submitted the form, I got redirected to Thank You page. 

We had some issues today with EU forms and most likely because of that your form was not working properly. This issue is now resolved. Please test your embedded form again. 

If the issue still persist on your end, let us know.

Hi BJoanna, now the form works OK

Best,

Carlos