{{- $c := site.Data.content -}}
<section class="sec" style="padding-top:20px" aria-labelledby="perks-title">
    <div class="wrap">
      <div class="head2"><h2 id="perks-title">{{ $c.sec.h2_1 }}</h2><p>{{ $c.sec.p_2 }}</p></div>
      <div class="perks">
        <div class="perk"><svg viewBox="0 0 36 36" fill="currentColor" aria-hidden="true"><circle cx="13" cy="10" r="6" /><path d="M2 30c0-6.6 5-11 11-11s11 4.4 11 11z" /><path d="M22 14h12v10h-4l-3 3v-3h-5z" /></svg><h3>{{ $c.sec.h3_3 }}</h3><p>{{ $c.sec.p_4 }}</p></div>
        <div class="perk"><svg viewBox="0 0 36 36" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M3 5h30v26H3z" /><path d="M15 5v12M15 23v8M15 17h-12M22 17h11M22 17v-4" /></svg><h3>{{ $c.sec.h3_5 }}</h3><p>{{ $c.sec.p_6 }}</p></div>
        <div class="perk"><svg viewBox="0 0 36 36" fill="currentColor" aria-hidden="true"><rect x="4" y="3" width="24" height="10" rx="2" /><path d="M28 8h4v9H17v4h-2v-6h15V10h-2z" /><rect x="13" y="21" width="6" height="12" rx="1.5" /></svg><h3>{{ $c.sec.h3_7 }}</h3><p>{{ $c.sec.p_8 }}</p></div>
        <div class="perk"><svg viewBox="0 0 36 36" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M4 33V15L18 4l14 11v18z" /><path d="M13 33V22h10v11" /></svg><h3>{{ $c.sec.h3_9 }}</h3><p>{{ $c.sec.p_10 }}</p></div>
        <div class="perk"><svg viewBox="0 0 36 36" fill="currentColor" aria-hidden="true"><path d="M18 2a10 10 0 0 0-10 10c0 7.5 10 20 10 20s10-12.5 10-20A10 10 0 0 0 18 2zm0 14a4 4 0 1 1 0-8 4 4 0 0 1 0 8z" /><path d="M4 30h8v2H4zM24 30h8v2h-8z" /></svg><h3>{{ $c.sec.h3_11 }}</h3><p>{{ $c.sec.p_12 }}</p></div>
        <div class="perk"><svg viewBox="0 0 36 36" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><circle cx="18" cy="18" r="15" /><path d="M3 18h30M18 3c-4.5 4-6 9-6 15s1.5 11 6 15c4.5-4 6-9 6-15s-1.5-11-6-15z" /></svg><h3>{{ $c.sec.h3_13 }}</h3><p>{{ $c.sec.p_14 }}</p></div>
      </div>
    </div>
  </section>