<div class="modal modal-box quiz-modal {{#if fullWidth}}modal-box_full{{/if}} {{#if wide}}modal-box_wide{{/if}}{{classMod}}"
     id="{{id}}" role="dialog" tabindex="-1" data-backdrop="{{backdrop}}" data-keyboard={{#if keyboard}}{{keyboard}}{{else}}false{{/if}}
>
  <div class="modal-dialog modal-box__container {{#if centered}}modal-dialog-centered{{/if}}" role="document">
    <div class="modal-content modal-box__content">
      <div class="modal-header modal-box__header d-block">
        <h3 class="modal-title modal-box__title">
          {{title}}
        </h3>
        {{#block "modal-header"}}
          <div class="quiz-modal__subtitle">
            <div class="subtitle-confirmation">
              <i class="far fa-envelope"></i>
              <span>Email confirmation</span>
            </div>
            <span class="quiz-steps">Step 1 of 1</span>
          </div>
        {{/block}}
        <button class="close modal-box__btn-close d-print-none" type="button" data-dismiss="modal" aria-label="Close">
              <span class="icon" aria-hidden="true">
                  <span class="{{#if newIconCross}}fal{{else}}far{{/if}} fa-times"></span>
              </span>
        </button>
      </div>

      <div class="modal-body modal-box__body">
        {{#block "sections"}}
          {{> modal-body-section this}}
        {{/block}}
      </div>
    </div>
  </div>
</div>
