<?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">
<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" data-anime="onview: -300; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});">
<div class="category">
<div class="-rotate-2">
<span class="fs-5 xl:fs-4 text-secondary fw-bold">%%SHCD_TEXT_t0%%</span>
</div>
</div>
<h2 class="h4 sm:h3 xl:h2 mb-0 mt-2 text-white text-uppercase ls-0">%%SHCD_TEXT_t1%%</h2>
</div>
<div class="section-content panel">
<div class="row child-cols-12 g-3 sm:g-4">
<div>
<div class="faq-item panel p-3 sm:p-4 xl:px-6 xl:py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 rotate-1" style="background: linear-gradient(20deg, #ffffff17, #0d042c)">
<h4 class="h5 xl:h4 stroke-text mb-2">%%SHCD_TEXT_t2%%</h4>
<p class="fs-5 xl:fs-4">%%SHCD_TEXT_t3%%</p>
</div>
</div>
<div>
<div class="faq-item panel p-3 sm:p-4 xl:px-6 xl:py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 -rotate-1" style="background: linear-gradient(20deg, #ffffff17, #0d042c)">
<h4 class="h5 xl:h4 stroke-text mb-2">%%SHCD_TEXT_t4%%</h4>
<p class="fs-5 xl:fs-4">%%SHCD_TEXT_t5%%</p>
</div>
</div>
<div>
<div class="faq-item panel p-3 sm:p-4 xl:px-6 xl:py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 rotate-1" style="background: linear-gradient(20deg, #ffffff17, #0d042c)">
<h4 class="h5 xl:h4 stroke-text mb-2">%%SHCD_TEXT_t6%%</h4>
<p class="fs-5 xl:fs-4">%%SHCD_TEXT_t7%%</p>
</div>
</div>
<div>
<div class="faq-item panel p-3 sm:p-4 xl:px-6 xl:py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 -rotate-1" style="background: linear-gradient(20deg, #ffffff17, #0d042c)">
<h4 class="h5 xl:h4 stroke-text mb-2">%%SHCD_TEXT_t8%%</h4>
<p class="fs-5 xl:fs-4">%%SHCD_TEXT_t9%%</p>
</div>
</div>
</div>
</div>
<div class="section-footer panel d-flex justify-center mt-6 sm:mt-8" data-anime="onview: -100; translateY: [24, 0]; opacity: [0, 1]; delay: 200;">
<a class="btn btn-md sm:btn-xl xl:btn-2xl px-4 xl:px-6 border border-3 border-black bg-gradient-45n from-secondary to-tertiary contrast-shadow -rotate-2 hover:rotate-0" href="%%SHCD_LINK_l0%%" style="--shadowColor: var(--color-secondary)">
<span class="text-black">%%SHCD_TEXT_t10%%</span>
</a>
</div>
</div>
</div>
</div>
</div>
SHCD_FRAGMENT;
