{% extends "base.html" %}

{%- block content %}

    <section class="hero-sub" style="background-image: url({{ page.extra.hero_image | safe }})">
        <div class="container hero-sub__container">
            <nav class="bred-crum">
                <ul class="bred-crum__row">
                    <li class="bred-crum__item">
                        <a class="nav-bred bred-crum__link" href="/">{{ page.extra.menu_title_pre }}</a>
                    </li>
                    <li class="bred-crum__item">
                    <span class="nav-bred">
                        >
                    </span>
                    </li>
                    <li class="bred-crum__item">
                        <a class="nav-bred bred-crum__link bred-crum--active"
                           href="/{{ page.extra.hero_title | lower }}">{{ page.extra.hero_title }}</a>
                    </li>
                </ul>
            </nav>
            <div class="hero-sub__content">
                <h1 class="h1 hero-sub__title">
                    {{ page.extra.hero_title | safe }}
                </h1>


            </div>
        </div>
    </section>

    <section class="search">
        <div class="container search__container">
            <label class="search__label" for="inpSearch">
                {% include 'ui/search.html' %}
                <input class="search__input" id="inpSearch" type="text" placeholder="Search">
            </label>
        </div>
    </section>
   <section class="faq-page-list">
       <div class="container faq-page-list__row">
          <h2 class="h2-inter faq-page-list__title">{{ page.extra.hero_title | safe }}</h2>
           <div class="faq-page-list__table">
               <div class="faq-page-list__table-item">
                   <h3 class="h5-boold faq-page-list__table-title">{{ page.extra.faq_question_title_1 | safe }}</h3>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_1 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_2 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_3 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_4 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_5 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_6 | safe }}</a>
               </div>
           </div>
           <div class="faq-page-list__table">
               <div class="faq-page-list__table-item">
                   <h3 class="h5-boold faq-page-list__table-title">{{ page.extra.faq_question_title_2 | safe }}</h3>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_1 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_2 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_3 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_4 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_5 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_6 | safe }}</a>
               </div>
           </div>
           <div class="faq-page-list__table">
               <div class="faq-page-list__table-item">
                   <h3 class="h5-boold faq-page-list__table-title">{{ page.extra.faq_question_title_3 | safe }}</h3>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_1 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_2 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_3 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_4 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_5 | safe }}</a>
               </div>
               <div class="faq-page-list__table-item">
                   <a class="h5 faq-page-list__table-link" href="#">{{ page.extra.faq_question_title_1_6 | safe }}</a>
               </div>
           </div>
       </div>
   </section>
   <section class="faq-page-footer">
        <div class="container faq-page-footer__row">
            <h2 class="h2-inter faq-page-footer__title">{{ trans(key='help_request', lang=lang) }}</h2>
        </div>
        {% include 'section/social-icon.html' %}
   </section>
             {% include 'section/donate.html' %}





{%- endblock content %}