Why custom code for the Form is not working?

Hi. I am just learning the coding so I dont know if I am doing it right. On the second slide of my multi step form I have two inputs that I want to make “required” so (as you can see on the image) I entered the “required” tag to both of this inputs and pasted them in the custom code section in the body tag (I also tried to paste in the head but it didnt work either). But when I go to the published site I can still press on the “NEXT” button which leads me to the next slide of the form without any warning. So what am I doing wrong here? Thanks

Read only link - Webflow - Viktor's Supercool Site

@Silverland - HTML does not get placed inside a style block. That block is for CSS only. You can learn about HTML at MDN Web Docs

I was trying without a “style” tags but then I have two identical forms when I publish the site. I only want to add the “required” to the inputs, not the whole form twice to show up on my page.

O. I just read some other topics and it seems like “required” field is not gonna work anyways because its a Multistep form and my “next” button is not a “submit” button, but a simple button. It only works when “submit” button is pressed. So It seems like its only possible to do with a lots of java script