{{- $c := site.Data.content -}}
<section class="treat pad" id="treatments" aria-labelledby="treat-h">
    <div class="wrap">
      <div class="sec-head">
        <div>
          <p class="eyebrow">{{ $c.treatments.p_1 }}</p>
          <h2 id="treat-h" data-r>{{ $c.treatments.h2_2_html | safeHTML }}</h2>
        </div>
        <p class="lede" data-r style="--d:.15s">{{ $c.treatments.p_3 }}</p>
      </div>
      <ol class="treat-list">
        <li>
          <div data-r>
            <div class="t-head"><span class="num">{{ $c.treatments.span_4 }}</span><h3>{{ $c.treatments.h3_5 }}</h3></div>
            <ul class="tags" aria-label="Includes"><li>{{ $c.treatments.li_6 }}</li><li>{{ $c.treatments.li_7 }}</li><li>{{ $c.treatments.li_8 }}</li><li>{{ $c.treatments.li_9 }}</li><li>{{ $c.treatments.li_10 }}</li></ul>
            <p class="desc">{{ $c.treatments.p_11 }}</p>
            <div class="row-btns"><a class="btn line sm" href="#prices">{{ $c.treatments.a_12 }}</a><a class="btn line sm" href="#book" data-service="Doctor consultation">{{ $c.treatments.text_13 }}<svg class="i"><use href="#i-ne" /></svg></a></div>
          </div>
          <figure class="capsule" data-r="clip"><img src="{{ ($c.treatments.img_14_image | relURL) }}" alt="{{ $c.treatments.img_14_alt }}" width="1600" height="1067" loading="lazy" decoding="async"></figure>
        </li>
        <li>
          <div data-r>
            <div class="t-head"><span class="num">{{ $c.treatments.span_15 }}</span><h3>{{ $c.treatments.h3_16 }}</h3></div>
            <ul class="tags" aria-label="Includes"><li>{{ $c.treatments.li_17 }}</li><li>{{ $c.treatments.li_18 }}</li><li>{{ $c.treatments.li_19 }}</li><li>{{ $c.treatments.li_20 }}</li></ul>
            <p class="desc">{{ $c.treatments.p_21 }}</p>
            <div class="row-btns"><a class="btn line sm" href="#prices">{{ $c.treatments.a_22 }}</a><a class="btn line sm" href="#book" data-service="Laser &amp; light">{{ $c.treatments.text_23 }}<svg class="i"><use href="#i-ne" /></svg></a></div>
          </div>
          <figure class="capsule" data-r="clip"><img src="{{ ($c.treatments.img_24_image | relURL) }}" alt="{{ $c.treatments.img_24_alt }}" width="1600" height="1067" loading="lazy" decoding="async"></figure>
        </li>
        <li>
          <div data-r>
            <div class="t-head"><span class="num">{{ $c.treatments.span_25 }}</span><h3>{{ $c.treatments.h3_26 }}</h3></div>
            <ul class="tags" aria-label="Includes"><li>{{ $c.treatments.li_27 }}</li><li>{{ $c.treatments.li_28 }}</li><li>{{ $c.treatments.li_29 }}</li></ul>
            <p class="desc">{{ $c.treatments.p_30 }}</p>
            <div class="row-btns"><a class="btn line sm" href="#prices">{{ $c.treatments.a_31 }}</a><a class="btn line sm" href="#book" data-service="Injectables">{{ $c.treatments.text_32 }}<svg class="i"><use href="#i-ne" /></svg></a></div>
          </div>
          <figure class="capsule" data-r="clip"><img src="{{ ($c.treatments.img_33_image | relURL) }}" alt="{{ $c.treatments.img_33_alt }}" width="1600" height="1067" loading="lazy" decoding="async"></figure>
        </li>
        <li>
          <div data-r>
            <div class="t-head"><span class="num">{{ $c.treatments.span_34 }}</span><h3>{{ $c.treatments.h3_35 }}</h3></div>
            <ul class="tags" aria-label="Includes"><li>{{ $c.treatments.li_36 }}</li><li>{{ $c.treatments.li_37 }}</li><li>{{ $c.treatments.li_38 }}</li></ul>
            <p class="desc">{{ $c.treatments.p_39 }}</p>
            <div class="row-btns"><a class="btn line sm" href="#prices">{{ $c.treatments.a_40 }}</a><a class="btn line sm" href="#book" data-service="Skin treatments">{{ $c.treatments.text_41 }}<svg class="i"><use href="#i-ne" /></svg></a></div>
          </div>
          <figure class="capsule" data-r="clip"><img src="{{ ($c.treatments.img_42_image | relURL) }}" alt="{{ $c.treatments.img_42_alt }}" width="1600" height="1067" loading="lazy" decoding="async"></figure>
        </li>
      </ol>
    </div>
  </section>