{{-- Caixa das perguntas frequentes. --}}
<div class="py-10 sm:py-20 bg-white">
    <div class="mx-9 sm:mx-16">
        <h2 class="font-bricolage font-extrabold text-midnightblue-100 text-2xl sm:text-5xl text-left sm:text-center mb-5 sm:mb-11">{{ $titulo }}</h2>
        @foreach ($perguntasRespostas as $umaQuestao)
            <x-faq>
                {!! $umaQuestao['pergunta'] !!}
                <x-slot:details>
                    {!! $umaQuestao['resposta'] !!}
                </x-slot:details>
            </x-faq>
        @endforeach
    </div>
</div>