{{- $c := site.Data.content -}}
<section class="reviews" id="reviews" aria-labelledby="reviews-h">
    <div class="wrap">
      <div class="rv-head">
        <div class="score rv">
          <b>{{ $c.reviews.b_1 }}</b>
          <div class="stars" role="img" aria-label="4.9 out of 5 stars"><svg aria-hidden="true"><use href="#star" /></svg><svg aria-hidden="true"><use href="#star" /></svg><svg aria-hidden="true"><use href="#star" /></svg><svg aria-hidden="true"><use href="#star" /></svg><svg aria-hidden="true"><use href="#star" /></svg></div>
          <small>{{ $c.reviews.small_2 }}</small>
        </div>
        <div class="rv" style="--d:.1s">
          <span class="eyebrow">{{ $c.reviews.span_3 }}</span>
          <h2 class="h2" id="reviews-h">{{ $c.reviews.h2_4 }}</h2>
        </div>
        <div class="arrows rv" style="--d:.2s">
          <button type="button" data-rv-prev aria-label="Previous reviews"><svg aria-hidden="true" style="transform:scaleX(-1)"><use href="#arrow" /></svg></button>
          <button type="button" data-rv-next aria-label="Next reviews"><svg aria-hidden="true"><use href="#arrow" /></svg></button>
        </div>
      </div>
      <div class="track rv" data-track tabindex="0" role="region" aria-label="Sample reviews">
        <figure class="quote q1"><div class="qtop" aria-hidden="true"><i class="k1"></i><i class="k2"></i><span class="ini">{{ $c.reviews.span_5 }}</span></div><blockquote><p>{{ $c.reviews.p_6 }}</p><cite>{{ $c.reviews.cite_7 }}</cite></blockquote></figure>
        <figure class="quote q2"><div class="qtop" aria-hidden="true"><i class="k1"></i><i class="k2"></i><span class="ini">{{ $c.reviews.span_8 }}</span></div><blockquote><p>{{ $c.reviews.p_9 }}</p><cite>{{ $c.reviews.cite_10 }}</cite></blockquote></figure>
        <figure class="quote q3"><div class="qtop" aria-hidden="true"><i class="k1"></i><i class="k2"></i><span class="ini">{{ $c.reviews.span_11 }}</span></div><blockquote><p>{{ $c.reviews.p_12 }}</p><cite>{{ $c.reviews.cite_13 }}</cite></blockquote></figure>
        <figure class="quote q4"><div class="qtop" aria-hidden="true"><i class="k1"></i><i class="k2"></i><span class="ini">{{ $c.reviews.span_14 }}</span></div><blockquote><p>{{ $c.reviews.p_15 }}</p><cite>{{ $c.reviews.cite_16 }}</cite></blockquote></figure>
        <figure class="quote q5"><div class="qtop" aria-hidden="true"><i class="k1"></i><i class="k2"></i><span class="ini">{{ $c.reviews.span_17 }}</span></div><blockquote><p>{{ $c.reviews.p_18 }}</p><cite>{{ $c.reviews.cite_19 }}</cite></blockquote></figure>
      </div>
      <p class="sample">{{ $c.reviews.p_20 }}</p>
    </div>
  </section>