{{- $c := site.Data.content -}}
<section class="faq" id="faq" aria-labelledby="faq-h">
    <div class="wrap faq-grid">
      <div class="faq-side" data-reveal>
        <p class="eyebrow">{{ $c.faq.p_1 }}</p>
        <h2 id="faq-h">{{ $c.faq.h2_2 }}</h2>
        <p class="lead">{{ $c.faq.p_3 }}</p>
        <a class="link-arrow" href="#book">{{ $c.faq.a_4_html | safeHTML }}</a>
      </div>
      <div data-reveal style="--d:.1s">
        <div class="faq-group">
          <h3>{{ $c.faq.h3_5 }}</h3>
          <details><summary>{{ $c.faq.summary_6_html | safeHTML }}</summary><div><p>{{ $c.faq.p_7 }}</p></div></details>
          <details><summary>{{ $c.faq.summary_8_html | safeHTML }}</summary><div><p>{{ $c.faq.p_9 }}</p></div></details>
          <details><summary>{{ $c.faq.summary_10_html | safeHTML }}</summary><div><p>{{ $c.faq.p_11 }}</p></div></details>
          <details><summary>{{ $c.faq.summary_12_html | safeHTML }}</summary><div><p>{{ $c.faq.p_13 }}</p></div></details>
        </div>
        <div class="faq-group">
          <h3>{{ $c.faq.h3_14 }}</h3>
          <details><summary>{{ $c.faq.summary_15_html | safeHTML }}</summary><div><p>{{ $c.faq.p_16 }}</p></div></details>
          <details><summary>{{ $c.faq.summary_17_html | safeHTML }}</summary><div><p>{{ $c.faq.p_18 }}</p></div></details>
          <details><summary>{{ $c.faq.summary_19_html | safeHTML }}</summary><div><p>{{ $c.faq.p_20 }}</p></div></details>
        </div>
      </div>
    </div>
  </section>