<div class="text-3xl font-bold text-center my-4">{{ section.content.title }}:</div>
<div class="bg-white border border-slate-200 divide-y divide-slate-200 rounded-lg mt-4 mb-12">
   
    {% for faq in section.content.data %} 

        <details class="group">
            <summary
                class="px-6 flex cursor-pointer list-none items-center justify-between py-4 text-base font-semibold group-open:text-primary">
                {{ faq.domanda }}
                <div>
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                        stroke="currentColor" class="block h-5 w-5 group-open:hidden">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                        stroke="currentColor" class="hidden h-5 w-5 group-open:block">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15" />
                    </svg>
                </div>
            </summary>
            <div class="pb-4 px-6 text-base leading-6">{{ faq.risposta }}</div>
        </details>

    {% endfor %}

</div>