<section class="split mb-12 relative"> <div class="container"> <div class="split-wrapper text-white md:flex md:flex-row"> <div class="split-left md:w-1/2 bg-secondary py-12 pr-4 green-h2"> {{ forceRenderHtmlBlock('FAQ Content')|raw }} <a class="btn btn-white mt-12 block xl:inline-block" href="{{ renderSetting(19, 'content') }}">{{ renderSetting(19, 'title') }}</a> <a class="btn btn-white mt-12 block xl:inline-block xl:ml-4" href="{{ renderSetting(25, 'content') }}">{{ renderSetting(25, 'title') }}</a> </div> <div class="split-right split-right--no-bg md:w-1/2 py-12 md:pl-36"> <h3>POPULAR QUESTIONS</h3> {% for faq in faqs %} <details class="faqs"> <summary class="faqs--list-item mb-3">{{ faq.title }}</summary> <div class="mb-6">{{ faq.content|raw }}</div> </details> {% endfor %} </div> </div> </div> </section>