<div class="modal-contents" style="display: none;">

  <h2 class="header passengers">
    <i class="fas fa-user" aria-hidden="true"></i> Travellers
  </h2>

  <div class="form-inline adults-children">
    <div class="form-group inline">
      <div class="adults">
        <label for="adults_modal{{ el.id_suffix }}" class="adults-child">Adults (16+)</label>
        <input id="adults_modal{{ el.id_suffix }}" class="spinnerExt form-text required form-control adults adults_modal" value="1" maxlength="1">
      </div>
      <div class="children">
        <label for="children_modal{{ el.id_suffix }}" class="adults-child" aria-label="Children 5 to 15 (Under 5s travel free)">Children (5-15)<span>Under 5s travel free</span></label>
        <input id="children_modal{{ el.id_suffix }}" class="spinnerExt form-text required form-control children children_modal" value="0" maxlength="1">
      </div>
    </div>
  </div>

  <h2>
    <i class="fas fa-credit-card"></i> Railcard or Discount
  </h2>

  <div class="railcards">
    {% include '@tls_booking/form-mobile-railcard-group.html.twig' with {'el': el, 'numb': 1} only %}
    {% include '@tls_booking/form-mobile-railcard-group.html.twig' with {'el': el, 'numb': 2} only %}
    {% include '@tls_booking/form-mobile-railcard-group.html.twig' with {'el': el, 'numb': 3} only %}
  </div>

</div> <!-- End passengers mobile only modal contents -->
