{{- $c := site.Data.content -}}
<section class="reviews" aria-labelledby="rev-h">
    <div class="wrap">
      <div class="sec-head">
        <div data-reveal><p class="eyebrow" style="color:var(--ink)">{{ $c.reviews.p_1 }}</p><h2 id="rev-h" style="margin-top:18px">{{ $c.reviews.h2_2 }}</h2></div>
        <div class="score" data-reveal style="--d:.1s"><b>{{ $c.reviews.b_3 }}</b><div><span class="stars" aria-hidden="true"><svg><use href="#i-star" /></svg><svg><use href="#i-star" /></svg><svg><use href="#i-star" /></svg><svg><use href="#i-star" /></svg><svg><use href="#i-star" /></svg></span><small>{{ $c.reviews.small_4 }}</small></div></div>
      </div>
    </div>
    <div class="marquee">
      <ul class="track">
        <li class="review"><span class="stars" aria-label="5 out of 5"><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg></span><blockquote>{{ $c.reviews.blockquote_5 }}</blockquote><footer><i aria-hidden="true">{{ $c.reviews.i_6 }}</i><span>{{ $c.reviews.span_7_html | safeHTML }}</span></footer></li>
        <li class="review"><span class="stars" aria-label="5 out of 5"><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg></span><blockquote>{{ $c.reviews.blockquote_8 }}</blockquote><footer><i aria-hidden="true">{{ $c.reviews.i_9 }}</i><span>{{ $c.reviews.span_10_html | safeHTML }}</span></footer></li>
        <li class="review"><span class="stars" aria-label="5 out of 5"><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg></span><blockquote>{{ $c.reviews.blockquote_11 }}</blockquote><footer><i aria-hidden="true">{{ $c.reviews.i_12 }}</i><span>{{ $c.reviews.span_13_html | safeHTML }}</span></footer></li>
        <li class="review"><span class="stars" aria-label="5 out of 5"><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg></span><blockquote>{{ $c.reviews.blockquote_14 }}</blockquote><footer><i aria-hidden="true">{{ $c.reviews.i_15 }}</i><span>{{ $c.reviews.span_16_html | safeHTML }}</span></footer></li>
        <li class="review"><span class="stars" aria-label="5 out of 5"><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg></span><blockquote>{{ $c.reviews.blockquote_17 }}</blockquote><footer><i aria-hidden="true">{{ $c.reviews.i_18 }}</i><span>{{ $c.reviews.span_19_html | safeHTML }}</span></footer></li>
        <li class="review"><span class="stars" aria-label="5 out of 5"><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg><svg aria-hidden="true"><use href="#i-star" /></svg></span><blockquote>{{ $c.reviews.blockquote_20 }}</blockquote><footer><i aria-hidden="true">{{ $c.reviews.i_21 }}</i><span>{{ $c.reviews.span_22_html | safeHTML }}</span></footer></li>
      </ul>
    </div>
  </section>