CSS for form checkbox border

I need to change the color of the checkbox border but the css I inject won't work. Please let me know how to do this in the following form:

https://form.jotform.com/jsform/62848614039967

Hi,

Here is where you should enter your code:

And then click the "Custom CSS" tab:

If you insert the following code there your checkboxes will look like the ones in the 1st screenshot:

.checkbox .before {

       border-style: solid !important;

       border-color:#ff33cc !important;

   }

Please try this and check if it succesfully changes the color as you desired.

If you need any further assistance please contact us again.