{{- $c := site.Data.content -}}
<section class="prices" id="prices" aria-labelledby="prices-h">
    <svg class="sprig-big" viewBox="0 0 260 320" aria-hidden="true">
      <g class="sway"><use href="#leaf" width="40" height="64" fill="#1F9A55" transform="translate(150 20) rotate(160) scale(3.4) translate(-20 -64)" /></g>
      <g class="sway c"><use href="#leaf" width="40" height="64" fill="#D4E84F" transform="translate(170 10) rotate(205) scale(2.4) translate(-20 -64)" /></g>
    </svg>
    <div class="wrap">
      <div class="sec-head">
        <div class="rv">
          <span class="eyebrow">{{ $c.prices.span_1 }}</span>
          <h2 class="h2" id="prices-h">{{ $c.prices.h2_2 }}</h2>
        </div>
        <p class="lead rv" style="--d:.1s">{{ $c.prices.p_3 }}</p>
      </div>
      <div class="plist">
        <div class="prow rv">
          <h3>{{ $c.prices.h3_4 }}</h3>
          <p>{{ $c.prices.p_5 }}</p>
          <div class="price">{{ $c.prices.div_6_html | safeHTML }}</div>
          <a class="book" href="#book" data-pick="Flu vaccination">{{ $c.prices.text_7 }} <svg width="16" height="16" aria-hidden="true"><use href="#arrow" /></svg></a>
        </div>
        <div class="prow rv">
          <h3>{{ $c.prices.h3_8 }}</h3>
          <p>{{ $c.prices.p_9 }}</p>
          <div class="price">{{ $c.prices.div_10_html | safeHTML }}</div>
          <a class="book" href="#book" data-pick="Travel vaccines">{{ $c.prices.text_11 }} <svg width="16" height="16" aria-hidden="true"><use href="#arrow" /></svg></a>
        </div>
        <div class="prow rv">
          <h3>{{ $c.prices.h3_12 }}</h3>
          <p>{{ $c.prices.p_13 }}</p>
          <div class="price">{{ $c.prices.div_14_html | safeHTML }}</div>
          <a class="book" href="#book" data-pick="Chickenpox vaccine">{{ $c.prices.text_15 }} <svg width="16" height="16" aria-hidden="true"><use href="#arrow" /></svg></a>
        </div>
        <div class="prow rv">
          <h3>{{ $c.prices.h3_16 }}</h3>
          <p>{{ $c.prices.p_17 }}</p>
          <div class="price">{{ $c.prices.div_18 }}</div>
          <a class="book" href="#book" data-pick="Blood pressure check">{{ $c.prices.text_19 }} <svg width="16" height="16" aria-hidden="true"><use href="#arrow" /></svg></a>
        </div>
        <div class="prow rv">
          <h3>{{ $c.prices.h3_20 }}</h3>
          <p>{{ $c.prices.p_21 }}</p>
          <div class="price">{{ $c.prices.div_22 }}</div>
          <a class="book" href="#book" data-pick="Weight and waist check">{{ $c.prices.text_23 }} <svg width="16" height="16" aria-hidden="true"><use href="#arrow" /></svg></a>
        </div>
      </div>
      <p class="note">{{ $c.prices.p_24 }}</p>
    </div>
  </section>