<form id="DC" class="form-wrapper your-details">
  <h3>Your details</h3>

  <div class="details-wrap">
    <div class="details-wrap__column">
      {{> form-row dropdown="true" id="title" label="Title" placeholder="Please select" row-mod="row-title"}}
      {{> form-row id="first-name" label="First name" required="true"}}
      {{> form-row id="surname" label="Surname" required="true"}}
      {{> form-row type="email" id="email" label="Email" required="true"}}
      {{> form-row type="tel" id="telephone" label="Telephone" required="true"}}
    </div>
    <div class="details-wrap__column">
      {{> form-row id="postcode" label="Postcode" row-mod="row-postcode" required="true"}}
      <div class="form-row row-time form-row_convenient-time" role="radiogroup" data-row-required>
        <label class="form-row__label form-row__label_required">What is a convenient time to contact you?</label>
        <div class="form-row__field">
          {{> radiobutton id="radio-morning" name="radio-time" label="Morning" }}
        </div>
        <div class="form-row__field">
          {{> radiobutton id="radio-afternoon" name="radio-time" label="Afternoon" }}
        </div>
        <div class="form-row__field">
          {{> radiobutton id="radio-evening" name="radio-time" label="Evening" }}
        </div>
      </div>
      
      <div class="form-row row-project form-row_your-project" data-row-required>
        <label class="form-row__label form-row__label_required">Your project</label>
        <div class="form-row__field">
          {{> checkbox id="check-kitchen" label="Kitchen" }}
        </div>
        <div class="form-row__field">
          {{> checkbox id="check-bathroom" label="Bathroom" }}
        </div>
        <div class="form-row__field">
          {{> checkbox id="check-office" label="Home Office" }}
        </div>
        <div class="form-row__field">
          {{> checkbox id="check-flooring" label="Flooring projects" }}
        </div>
        <div class="form-row__field">
          {{> checkbox id="check-tiling" label="Tiling projects" }}
        </div>
      </div>

      <div class="form-row form-row__action">
        <div class="form-row__col-btn">
          <button class="btn btn-primary btn_full">
              <span class="btn__text">Submit</span>
          </button>
        </div>
      </div>
      <div class="warning-required">
        Required fields
      </div>
    </div>
  </div>
</form>
