Custom Form CSS Not Workingq

Hello,

I have created a custom form. If someone fails to complete a required field, upon Submit the form will show the validation error (and not submit).

I want to have the error messages displayed in red. Also, I would like to have the asterisk indicating a required field to be red.

I added the following to the “Additional CSS”:
/* Set SWPM Errors Red */
.swpm-required-asterisk { color: red !important; }
.swpm-form-builder-error { color: red !important; }

When the form displays, the CSS does not work.
Please advise on how to apply custom CSS to the custom forms.

Thank you.

The page I need help with: [log in to see the link]