{{ block title }}
   <center> Initial questionnaire </center>
{{ endblock }}
{{ block content }}

<style>
    .box {
        border: 1px solid lightgrey; /* Light grey border */
        padding: 20px; /* Adds space around the text inside the box */
        background-color: #f7f7f7; /* Optional: Light grey background */
    }
</style>

<style>

    li {
        margin-bottom: 12px; /* Adjust as needed */
    }
</style>



<center>
<br> <br>
    <i style="font-size: 20px;" >
    Please, provide the following information.
        <br> <br>
        [1/7]
    </i>
    <br> <br>

</center>



<div class=" box">
    <center>
{{formfields}}
    </center>

</div>




<br>
<center>
   <i> After clicking the <b> Next button </b> you will proceed to the next page. </i>
<br>
<br>

    {{ next_button }} </center>

{{ endblock }}