How to add Custom Css within the Editor?

From what you wrote it seems you might need to look at CSS Specificity… Which in short means: the more specific the CSS selector is, it has more value and therefore it will be used instead of the weaker one. (You can learn more about it for example here.)

Plugins usually use more complex and specific selectors, so you need to make sure you will make your selectors stronger in order to override the initial style. Basically you have several ways:

  1. Make the selector more specific
  2. Use the very same selector, but place it later in the code
  3. Use !important flag in the definition (better use only in desperate cases)

Also it seems WPForms offer to set specific classes to the elements (check here). Using those classes in your selectors will probably make them more specific and therefore they will override the initial ones.