{% comment %} json-ld-faq meta data{% endcomment %}
<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"FAQPage",
  "mainEntity":[
  {% for item in page.faq.faq_ask %}
    {
      "@type":"Question",
      "name":"{{item.t_question}}",
      "acceptedAnswer":{
        "@type":"Answer",
        "text":"{{item.t_answer}}"
      }
    }{% if forloop.last == false %},{% else %}
  ]
}
</script>{% endif %}{% endfor %}

<section class="hub-section pt-5 pb-5" style="background-color: #F8F8F8;">
	<div class="container">
	  <div class="text-center">
		<div class="alta-pricing-title"><h2 class="h1 mb-3 font-weight-normal pt-3">{{ page.faq.t_faq_title }} </h2></div>
	  </div>
	  <div class="row justify-content-center">
		<div class="col-lg-12">
		  <div class="accordion1" id="accordion">
		  {% for item in page.faq.faq_ask %}
			<div class="card pepole-ask-tab mb-2">
			  <div class="card-header p-3 collapsed" id="heading-{{ forloop.index }}" data-toggle="collapse"
				data-target="#collapse-{{ forloop.index }}" aria-expanded="false"
				aria-controls="collapse-{{ forloop.index }}">
				<h3 class="mb-0 h4 font-weight-normal w-100">
				  <span class="ques-text accordion-toggle">{{ item.t_question }} </span><i
					class="fa fa-angle-down pepole-arrow-right"></i>
				</h3>
			  </div>
			  <div id="collapse-{{ forloop.index }}" class="collapse" aria-labelledby="heading-{{ forloop.index }}"
				data-parent="#accordion">
				<div class="card-body" id="answer-{{ forloop.index }}">
				  {{ item.t_answer }}
				</div>
			  </div>
			</div>
			{% endfor %}
		  </div>
		</div>
	  </div>
	</div>
  </section>