@extends('Layouts.frontLayout',['classBody'=>"home page container-max-width show-bottom-nav"])
@section('title')
 {{__('Faq')}}
@endsection
 
@section('content')
	  <main id="main">
	     <div class="amazing-header">
           <div class="container">
             <h3 class="widget-title">{{__('Faq')}}</h3>
           </div>
         </div>
      <div class="container container-single-post">
	  
       <div class="container main-container">
        <div class="row">
          <div class="col-12 col-lg-12 main-bar">
            <div class="widget widget-faq"  >
              <header class="widget-header">
                <h3 class="widget-title">{{__('Faq')}}</h3>
              </header>
			   @foreach($data['Faq']  as $item)
              <div class="faq-item">
                <div class="faq-title">{{$item->title}} <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                    <path d="M5.78 6.97L4.72 8.03l3.75 3.75a.75.75 0 001.06 0l3.75-3.75-1.06-1.06L9 10.19 5.78 6.97z"></path>
                  </svg>
                </div>
                <div class="faq-text">
                  <p>{{$item->text}}</p>
                </div>
              </div>
			  @endforeach
            </div>
          </div>
        </div>
      </div>
      </div>
    </main>
@endsection