{{ block content }}
<b>Answer the following question:</b>
<br>
<br>

<div class="card">
    <div class=card-header><b>Were the instructions provided to you clear enough?</b></div>
    <div class="card-body">
        <div {{ if 'understood' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
        {{ formfield 'understood' label=''}}
        </div>
    </div>
</div>
<br>
<br>

<button class="otree-btn-next btn btn-dark btn-primary">Next</button>

{{ endblock }}

{{ block style }}
    <link rel="stylesheet" href="{% static 'global/style.css' %}"/>
    <style>
        .otree-form-errors {
            display: none;  /* Hide the global error message */
        }
    </style>
{{ endblock }}