Page Formatting

Hi,
I have installed the app, and have my groups built now, and my logic prepared.
It works, but the formatting of the pages is askew and I’m not really sure why :/

<p class="required">All fields marked * are required.</p>

<p class="name"><span class="label">First Name*:</span> [text* first-name] </p>

<p class="name"><span class="label">Last Name*:</span> [text* last-name] </p>

<p class="name"><span class="label">Email*:</span> [email* your-email] </p>

<p class="name"><span class="label">Mobile*:</span> [tel* Mobile] </p>

<p class="drop-down menu"><span class="label">Customer Type*:</span> [select* CustomerType include_blank "Residential" "Commercial"]

[group ResidentialProducts clear_on_hide]
<p class="name"><span class="label">Products Of Interest*:</span> [select* ResidentialProducts "Residential Gates" "Sliding Gate Automation" "Swinging Gate Automation" "On-Site Welding/Fitting" "Residential Balconies" "Balustrades and Hand Rails" "Domestic Steel Sheds" "Shelters and Canopies" "Bespoke Bracketry" "Mild Steel" "Stainless Steel"] </p> [/group]

[group CommercialProducts clear_on_hide]
<p class="name"><span class="label">Products Of Interest*:</span> [select* CommercialProducts "Commercial Gates" "Structural Steel" "Sheds and Cladding" "Steel Stairs" "Fir Escapes" "Balustrades and Hand Rails" "Balconies" "Bespoke Bracketry" "Mild Steel" "Stainless Steel" "Machine Guards"] </p> [/group]

<p class="message"><span class="label">Message:</span> [textarea your-message] </p>

<p class="submit">[submit "Send"]</p>

Any suggestions?
Thanks
Paul

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