I've injected a custom CSS codes in the form to make it RTL but it's not working

Hi, I'm creating a survey in Hebrew - https://www.jotform.com/build/71072275128453

I've read previous answers regarding RTL in general and Hebrew in particular, and have injected CSS as recommended there but when I press "preview" the elements "realign" themselves to the left side of the page.  Additionally, the line breaks that I've inserted in the block text at the top of the page get cancelled in Preview mode. 

Thank you in advance for your assistance!

We've updated the HTML structure of the form so I think this is causing the issue. I've fixed it for you by injecting the following custom CSS codes:

.form-label {

    display: block !important;

    float: none !important;

    text-align: right !important;

}

.form-all * {

    direction: rtl !important;

}

Please check and let us know for any issue. 

seems to work perfectly! 

thanks very much!