{{define "public_terms_body"}}
<header class="cs-terms-hero text-center">
  <div class="cs-terms-hero__inner">
    <div class="cs-terms-badge"><i class="bx bx-file-blank" aria-hidden="true"></i>{{T "terms_badge"}}</div>
    <h1 class="cs-terms-title">{{T "page_terms_title"}}</h1>
    <p class="cs-terms-lead text-muted">{{T "terms_lead"}}</p>
  </div>
</header>

<article class="card cs-terms-card border-0 shadow-sm">
  <div class="card-body p-4 p-lg-5">
    <section class="cs-terms-section" aria-labelledby="terms-h-1">
      <h2 id="terms-h-1" class="h5 cs-terms-section__title"><i class="bx bx-book-reader" aria-hidden="true"></i>{{T "terms_sec1_title"}}</h2>
      <div class="cs-terms-section__body">
        <p>{{T "terms_sec1_p1"}}</p>
        <p>{{T "terms_sec1_p2"}}</p>
      </div>
    </section>

    <section class="cs-terms-section" aria-labelledby="terms-h-2">
      <h2 id="terms-h-2" class="h5 cs-terms-section__title"><i class="bx bx-copyright" aria-hidden="true"></i>{{T "terms_sec2_title"}}</h2>
      <div class="cs-terms-section__body">
        <p>{{T "terms_sec2_p1"}}</p>
        <p>{{T "terms_sec2_p2"}}</p>
      </div>
    </section>

    <section class="cs-terms-section" aria-labelledby="terms-h-3">
      <h2 id="terms-h-3" class="h5 cs-terms-section__title"><i class="bx bx-block" aria-hidden="true"></i>{{T "terms_sec3_title"}}</h2>
      <div class="cs-terms-section__body">
        <p>{{T "terms_sec3_p1"}}</p>
        <p>{{T "terms_sec3_p2"}}</p>
      </div>
    </section>

    <section class="cs-terms-section" aria-labelledby="terms-h-4">
      <h2 id="terms-h-4" class="h5 cs-terms-section__title"><i class="bx bx-slider-alt" aria-hidden="true"></i>{{T "terms_sec4_title"}}</h2>
      <div class="cs-terms-section__body">
        <p>{{T "terms_sec4_p1"}}</p>
        <p>{{T "terms_sec4_p2"}}</p>
      </div>
    </section>

    <section class="cs-terms-section" aria-labelledby="terms-h-5">
      <h2 id="terms-h-5" class="h5 cs-terms-section__title"><i class="bx bx-purchase-tag" aria-hidden="true"></i>{{T "terms_sec5_title"}}</h2>
      <div class="cs-terms-section__body">
        <p>{{T "terms_sec5_p1"}}</p>
        <p>{{T "terms_sec5_p2"}}</p>
      </div>
    </section>

    <section class="cs-terms-section mb-0" aria-labelledby="terms-h-6">
      <h2 id="terms-h-6" class="h5 cs-terms-section__title"><i class="bx bx-refresh" aria-hidden="true"></i>{{T "terms_sec6_title"}}</h2>
      <div class="cs-terms-section__body">
        <p class="mb-0">{{T "terms_sec6_p1"}}</p>
      </div>
    </section>

    <footer class="cs-terms-footnote mb-0" role="note">
      <i class="bx bx-info-circle" aria-hidden="true"></i>{{T "terms_footer_note"}}
    </footer>
  </div>
</article>
{{end}}