{{- $c := site.Data.content -}}
<section class="counter" id="counter" aria-labelledby="counter-h">
    <img src="{{ ($c.counter.img_1_image | relURL) }}" alt="{{ $c.counter.img_1_alt }}" width="1600" height="1067" loading="lazy" data-zoom>
    <div class="wrap">
      <span class="eyebrow rv">{{ $c.counter.span_2 }}</span>
      <h2 class="h2 rv" id="counter-h">{{ $c.counter.h2_3 }}</h2>
      <p class="rv">{{ $c.counter.p_4 }}</p>
      <ul class="chips-row rv" aria-label="On the counter">
        <li>{{ $c.counter.li_5 }}</li><li>{{ $c.counter.li_6 }}</li><li>{{ $c.counter.li_7 }}</li><li>{{ $c.counter.li_8 }}</li><li>{{ $c.counter.li_9 }}</li><li>{{ $c.counter.li_10 }}</li>
      </ul>
      <a class="btn btn-white rv" href="#ask">{{ $c.counter.text_11 }} <svg aria-hidden="true"><use href="#arrow" /></svg></a>
    </div>
  </section>