{{- $c := site.Data.content -}}
<section class="prices" id="prices" aria-labelledby="pr-h">
    <div class="wrap">
      <div class="sec-head">
        <div>
          <span class="eyebrow rv">{{ $c.prices.span_1 }}</span>
          <h2 id="pr-h" class="rv" style="--d:.1s">{{ $c.prices.h2_2 }}</h2>
        </div>
        <p class="rv" style="--d:.2s">{{ $c.prices.p_3 }}</p>
      </div>
      <div class="plans">
        <article class="plan rv">
          <h3>{{ $c.prices.h3_4 }}</h3>
          <p class="for">{{ $c.prices.p_5 }}</p>
          <p class="price">{{ $c.prices.p_6_html | safeHTML }}</p>
          <ul>
            <li>{{ $c.prices.li_7 }}</li>
            <li>{{ $c.prices.li_8 }}</li>
            <li>{{ $c.prices.li_9 }}</li>
            <li>{{ $c.prices.li_10 }}</li>
            <li>{{ $c.prices.li_11 }}</li>
          </ul>
          <a class="btn" href="#book" data-visit="Puppy or kitten package">{{ $c.prices.a_12 }}</a>
        </article>
        <article class="plan hot-plan rv" style="--d:.1s">
          <span class="tag">{{ $c.prices.span_13 }}</span>
          <h3>{{ $c.prices.h3_14 }}</h3>
          <p class="for">{{ $c.prices.p_15 }}</p>
          <p class="price">{{ $c.prices.p_16_html | safeHTML }}</p>
          <ul>
            <li>{{ $c.prices.li_17 }}</li>
            <li>{{ $c.prices.li_18 }}</li>
            <li>{{ $c.prices.li_19 }}</li>
            <li>{{ $c.prices.li_20 }}</li>
            <li>{{ $c.prices.li_21 }}</li>
          </ul>
          <a class="btn" href="#book" data-visit="Wellness exam">{{ $c.prices.a_22 }}</a>
        </article>
        <article class="plan rv" style="--d:.2s">
          <h3>{{ $c.prices.h3_23 }}</h3>
          <p class="for">{{ $c.prices.p_24 }}</p>
          <p class="price">{{ $c.prices.p_25_html | safeHTML }}</p>
          <ul>
            <li>{{ $c.prices.li_26 }}</li>
            <li>{{ $c.prices.li_27 }}</li>
            <li>{{ $c.prices.li_28 }}</li>
            <li>{{ $c.prices.li_29 }}</li>
            <li>{{ $c.prices.li_30 }}</li>
          </ul>
          <a class="btn" href="#book" data-visit="Wellness exam">{{ $c.prices.a_31 }}</a>
        </article>
      </div>
      <p class="singles rv">{{ $c.prices.p_32_html | safeHTML }}</p>
    </div>
  </section>