{{- $c := site.Data.content -}}
<section class="faq" id="faq" aria-labelledby="faq-h">
    <div class="wrap faq-grid">
      <div class="faq-side">
        <span class="eyebrow rv">{{ $c.faq.span_1 }}</span>
        <h2 id="faq-h" class="rv" style="--d:.1s">{{ $c.faq.h2_2 }}</h2>
        <p class="rv" style="--d:.2s">{{ $c.faq.p_3_html | safeHTML }}</p>
      </div>
      <div class="qa rv" style="--d:.15s">
        <details open><summary>{{ $c.faq.summary_4_html | safeHTML }}</summary><p>{{ $c.faq.p_5 }}</p></details>
        <details><summary>{{ $c.faq.summary_6_html | safeHTML }}</summary><p>{{ $c.faq.p_7 }}</p></details>
        <details><summary>{{ $c.faq.summary_8_html | safeHTML }}</summary><p>{{ $c.faq.p_9 }}</p></details>
        <details><summary>{{ $c.faq.summary_10_html | safeHTML }}</summary><p>{{ $c.faq.p_11 }}</p></details>
        <details><summary>{{ $c.faq.summary_12_html | safeHTML }}</summary><p>{{ $c.faq.p_13 }}</p></details>
        <details><summary>{{ $c.faq.summary_14_html | safeHTML }}</summary><p>{{ $c.faq.p_15 }}</p></details>
      </div>
    </div>
  </section>