{{- $c := site.Data.content -}}
<section class="help sheet" id="help" aria-labelledby="help-h">
    <div class="g4">
      <h2 class="label" id="help-h">{{ $c.help.h2_1 }}</h2>
      <p class="statement rv">{{ $c.help.text_2 }} <span class="hl">{{ $c.help.text_3 }}<svg class="squiggle" viewBox="0 0 300 20" preserveAspectRatio="none" aria-hidden="true"><path pathLength="1" d="M3 10C30 18 50 2 80 9s46 10 72 1 52-9 78 0 46 8 67-1" /></svg></span>.</p>
    </div>
    <div class="help-body">
      <div class="help-pic">
        <figure class="ph">
          <img class="on" src="{{ ($c.help.img_4_image | relURL) }}" width="1024" height="1536" loading="lazy" alt="{{ $c.help.img_4_alt }}">
          <img src="{{ ($c.help.img_5_image | relURL) }}" width="1024" height="1536" loading="lazy" alt="{{ $c.help.img_5_alt }}">
          <img src="{{ ($c.help.img_6_image | relURL) }}" width="1024" height="1536" loading="lazy" alt="{{ $c.help.img_6_alt }}">
          <img src="{{ ($c.help.img_7_image | relURL) }}" width="1024" height="1536" loading="lazy" alt="{{ $c.help.img_7_alt }}">
          <img src="{{ ($c.help.img_8_image | relURL) }}" width="1254" height="1254" loading="lazy" alt="{{ $c.help.img_8_alt }}">
          <span class="pic-note" aria-hidden="true" data-pic-note>{{ $c.help.span_9 }}</span>
        </figure>
      </div>
      <ol class="rows">
        <li class="row on" data-pic="0">
          <span class="num">{{ $c.help.span_10 }}</span>
          <h3>{{ $c.help.h3_11 }}</h3>
          <p>{{ $c.help.p_12 }}</p>
          <p class="meta">{{ $c.help.p_13 }}</p>
          <a class="pick" href="#book" data-topic="Individual therapy">{{ $c.help.text_14 }} <svg width="18" height="18" aria-hidden="true"><use href="#i-arrow" /></svg></a>
        </li>
        <li class="row" data-pic="1">
          <span class="num">{{ $c.help.span_15 }}</span>
          <h3>{{ $c.help.h3_16 }}</h3>
          <p>{{ $c.help.p_17 }}</p>
          <p class="meta">{{ $c.help.p_18 }}</p>
          <a class="pick" href="#book" data-topic="Couples therapy">{{ $c.help.text_19 }} <svg width="18" height="18" aria-hidden="true"><use href="#i-arrow" /></svg></a>
        </li>
        <li class="row" data-pic="2">
          <span class="num">{{ $c.help.span_20 }}</span>
          <h3>{{ $c.help.h3_21 }}</h3>
          <p>{{ $c.help.p_22 }}</p>
          <p class="meta">{{ $c.help.p_23 }}</p>
          <a class="pick" href="#book" data-topic="Anxiety and stress">{{ $c.help.text_24 }} <svg width="18" height="18" aria-hidden="true"><use href="#i-arrow" /></svg></a>
        </li>
        <li class="row" data-pic="3">
          <span class="num">{{ $c.help.span_25 }}</span>
          <h3>{{ $c.help.h3_26 }}</h3>
          <p>{{ $c.help.p_27 }}</p>
          <p class="meta">{{ $c.help.p_28 }}</p>
          <a class="pick" href="#book" data-topic="Online sessions">{{ $c.help.text_29 }} <svg width="18" height="18" aria-hidden="true"><use href="#i-arrow" /></svg></a>
        </li>
        <li class="row" data-pic="4">
          <span class="num">{{ $c.help.span_30 }}</span>
          <h3>{{ $c.help.h3_31 }}</h3>
          <p>{{ $c.help.p_32 }}</p>
          <p class="meta">{{ $c.help.p_33 }}</p>
          <a class="pick" href="#book" data-topic="Free intro call">{{ $c.help.text_34 }} <svg width="18" height="18" aria-hidden="true"><use href="#i-arrow" /></svg></a>
        </li>
      </ol>
    </div>
  </section>