Field required

Hi, I am having an issue with the “haulback options” section where the selection gets removed when I move to the “colour” section. Can someone please test and let me know what I have wrong in the form? Thank you.

[honeypot website-683]<div class="three_columns clearfix">
<div class="column1">
<div class="column_inner"><label> Company name (required)</label>[text* company-name]</div>
</div>
<div class="column2">
<div class="column_inner"><label> Address </label>[text address]</div>
</div>
<div class="column3">
<div class="column_inner"><label> Contact name (required)</label>[text* contact-name]</div>
</div>
<br>
<div class="three_columns clearfix">
<div class="column1">
<div class="column_inner"><label> Phone (required)</label>[text* phone]</div>
</div>
<div class="column2">
<div class="column_inner"><label> Your email (required)</label>[email* your-email]</div>
</div>
<div class="column3">
<div class="column_inner"><label> Email for quotes & invoices </label>[email email-quotes-invoices]</div>
</div>
</div>
<div><hr style="margin-top: 25px; margin-bottom:25px;"></div>

<div>
<h6 style="font-size:13px;">MODEL</h6>
[radio lumberlift-model use_label_element default:1 "HD2200" "HD2700"]</div>

<div><hr style="margin-top: 25px; margin-bottom:25px;"></div>

<div>
<h6 style="font-size:13px;">HAULBACK OPTIONS</h6>
[radio lumberlift-color use_label_element default:1 "Haulback swivel mounted to carriage" "Fixed haulback on carriage"]</div>

<div><hr style="margin-top: 25px; margin-bottom:25px;"></div>

<div><h6 style="font-size:13px;">COLOUR OPTIONS</h6>
[radio lumberlift-color use_label_element default:1 "LumberLIFT charcoal" "LumberLIFT mustard"]Custom colour [color color-field defaultcolor#1e73be]</div>

<div><hr style="margin-top: 25px; margin-bottom:25px;"></div>
<h6>COMMENTS</h6>
 [textarea comments]

[quiz capital-quiz "Which is bigger, 2 or 8?|8"]
[submit "Send"]
</div>

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