<div class="form__group">
<label id="your-ethnicity" class="form__label" for="asp-your-ethnicity">What is your ethnicity?</label>
<select class="form__input" id="asp-your-ethnicity" name="your-ethnicity" required="">
<option value="">Please select …</option>
<optgroup label="Asian or Asian British">
<option value="bangladeshi">Bangladeshi</option>
<option value="indian">Indian</option>
<option value="pakistani">Pakistani</option>
<option value="any other asian background">Any other Asian background</option>
</optgroup>
<optgroup label="Black or Black British">
<option value="african">African</option>
<option value="caribbean">Caribbean</option>
<option value="any other black background">Any other Black background</option>
</optgroup>
<optgroup label="Chinese or any other ethnic group">
<option value="chinese">Chinese</option>
<option value="any other ethnic group">Any other ethnic group</option>
</optgroup>
<optgroup label="Mixed">
<option value="white and asian">White and Asian</option>
<option value="white and black african">White and Black African</option>
<option value="white and black caribbean">White and Black Caribbean</option>
<option value="any other mixed background">Any other mixed background</option>
</optgroup>
<optgroup label="White">
<option value="white – british">White – British</option>
<option value="white – gypsy or irish traveller">White – Gypsy or Irish traveller</option>
<option value="white – irish">White – Irish</option>
<option value="any other white background">Any other White background</option>
</optgroup>
<optgroup label="Other">
<option value="self-defined ethnicity">Self-defined ethnicity</option>
<option value="prefer not to say">Prefer not to say</option>
</optgroup>
</select>
</div>