<?php
defined( 'ABSPATH' ) || exit;
return <<<'SHCD_FRAGMENT'
<div class="faq section panel overflow-hidden" id="faq">
<div class="section-outer panel py-6 sm:py-8 lg:py-9 xl:py-10 bg-secondary-100">
<div class="container sm:max-w-md xl:max-w-lg">
<div class="section-inner panel" data-anime="onview: -300; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});">
<div class="section-header panel sm:max-w-500px xl:max-w-800px mx-auto mb-4 sm:mb-6 xl:mb-9 text-center">
<h2 class="h4 sm:h3 xl:h2 m-0 rotate-2 text-uppercase ls-0">%%SHCD_TEXT_t0%%</h2>
</div>
<div class="section-content panel">
<ul class="gap-3 sm:gap-4" data-uc-accordion="targets: &gt; li; multiple: true">
<li class="panel p-3 sm: p-4 xl:p-6 border border-2 border-black contrast-shadow-sm text-black bg-white rotate-1 uc-open">
<a class="uc-accordion-title h5 xl:h4 stroke-text m-0" href="%%SHCD_LINK_l0%%">%%SHCD_TEXT_t1%%</a>
<div class="uc-accordion-content">
<p class="fs-5 xl:fs-4">%%SHCD_TEXT_t2%%</p>
</div>
</li>
<li class="panel p-3 sm:p-4 xl:p-6 border border-2 border-black contrast-shadow-sm text-black bg-white -rotate-1">
<a class="uc-accordion-title h5 xl:h4 stroke-text m-0" href="%%SHCD_LINK_l1%%">%%SHCD_TEXT_t3%%</a>
<div class="uc-accordion-content">
<p class="fs-5 xl:fs-4">%%SHCD_TEXT_t4%%</p>
</div>
</li>
<li class="panel p-3 sm:p-4 xl:p-6 border border-2 border-black contrast-shadow-sm text-black bg-white rotate-1">
<a class="uc-accordion-title h5 xl:h4 stroke-text m-0" href="%%SHCD_LINK_l2%%">%%SHCD_TEXT_t5%%</a>
<div class="uc-accordion-content">
<p class="fs-5 xl:fs-4">%%SHCD_TEXT_t6%%</p>
</div>
</li>
<li class="panel p-3 sm:p-4 xl:p-6 border border-2 border-black contrast-shadow-sm text-black bg-white -rotate-1">
<a class="uc-accordion-title h5 xl:h4 stroke-text m-0" href="%%SHCD_LINK_l3%%">%%SHCD_TEXT_t7%%</a>
<div class="uc-accordion-content">
<p class="fs-5 xl:fs-4">%%SHCD_TEXT_t8%%</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
SHCD_FRAGMENT;
