<!-- INPUT MOCKUP -->
<div class="form__input-group">
  <label class="form__label" for="#firstname">
    First Name
    <i class="fa fa-question-mark-o tooltip" title="You need to give us your first name to be able to apply for ESTA"></i>
  </label>
  <div class="form__input-wrapper">
    <input
        id="firstName"
        class="form__input"
        type="text"
        name="firstName"
        placeholder="First/Given Names"
        data-parsley-maxlength="45"
        data-parsley-maxlength-message="Maximum 45 characters"
        data-parsley-required="true"
        data-parsley-required-message="Field is required"
        data-parsley-trigger="blur"
    >
  </div>
  <!-- VALIDATION -->
</div>

<!-- VALIDATION MOCKUP -->
<ul class="form__group-errors filled">
  <li class="form__group-error">Field is required</li>
  <li class="form__group-error">Maximum 45 characters</li>
</ul>