Forms not showing as expected

Hi, I created a form with custom CSS on a regular page:

https://www.hawaiitrekkers.com/about

When adding that same form to this page:

https://www.hawaiitrekkers.com/product/sample-event-triathlon-2-free (select Go! In drop down menu to see form)

the form doesn’t work as expected. There are bullets on the left side of the fields and names appear outside of fields instead on in the fields. How do I keep the form looking the same on both pages ?