{{-- 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>