@extends('mobile.mobile_mainlayout')

@section('title')
Wese | QNA
@endsection

@section('nav_options')
                        <li style="">
                            <a href="/" style="font-size: 24px;font-family: Roboto-Light;"><span class="menu-text" style="color:#F8A517">{{__('message.nyumbani')}}</span></a>
                        </li>
                        <li >
                            <a href="/#dereva_section" style="font-size: 24px;border-top:none;font-family: Roboto-Light"><span class="menu-text" style="color:#F8A517">{{__('message.dereva')}}</span></a>
                        </li>
                        <li>
                            <a href="/#wakala_section" style="font-size: 24px;border-top:none;font-family: Roboto-Light"><span class="menu-text" style="color:#F8A517">{{__('message.wakala_nav')}}</span></a>
                        </li>
                        <li>
                            <a href="/qna" style="font-size: 28px;border-top:none;font-family: Roboto"><span class="menu-text" >{{__('message.maswali_na_majibu')}}</span></a>
                        </li>

@endsection


@section('content')


	
			<!--Section Start -->
        <div class="section" data-bg-color="#fff" style="background: url('/assets/images/wese/circle1.png');background-repeat: no-repeat;background-position: 0% 0%;">
        	<div class="container">
                <div class="row">
                    <div class="col-lg-12">
                    	<div style="text-align:center;margin-top: 6em;">
                    		<a href="/qna" style="padding: 18px 54px;background: #FEF6E8; border-radius: 10px 0px 0px 10px;color:#F8A517;margin-right:-8px">{{__('message.dereva')}}</a>
                    		<a href="/qna/wakala" style="padding: 18px 54px;background: #F8A517; border: 0.8px solid #F8A517; border-radius: 0px 10px 10px 0px;color:#fff;margin-left:-8px">{{__('message.wakala_nav')}}</a>
                    	</div>


                        <div style="margin:48px 16px 120px 16px;">
                            <h2 style="color:#000;font-family:Roboto;font-size: 28px;text-align: center;">{{__('message.maswali_na_majibu')}}</h2>
                          


                            <div style="margin-top:2em">
                                
                                @for($i=0;$i<19;$i++)
                                @php
                                $a = 'qna_driver.a'.($i+1);
                                $q = 'qna_driver.q'.($i+1);
                                
                                @endphp
                                
                            	<button class="accordion" style="margin-top: 0.5em">{{__($q)}}</button>
                            	<div class="panel">
                            	  <!--<p style="padding-bottom: 32px;padding-right: 36px; font-size: 16px;line-height: 20px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut bibendum lectus tortor et, pellentesque tincidunt viverra. Eleifend pharetra viverra lobortis at maecenas quis. Id volutpat pharetra dolor vitae vitae eu vestibulum, malesuada. Et vitae tempus, leo nunc, ipsum, placerat sit senectus tempor. Download App <a href="" style="font-family: Roboto-Bold;color:#F8A517">Android</a> or <a href="" style="font-family: Roboto-Bold;color:#F8A517">iOS</a></p>-->
                            	<p style="padding-bottom: 32px;padding-right: 36px; font-size: 16px;line-height: 20px;">{{__($a)}}</p>
                            	</div>
                            	
                            	@endfor
                            	
                            	
                            	
                            	
                            	
                            	
                            </div>



                        </div>
                    </div>
                </div>
             </div>
        </div>
        <!-- Section End -->





@endsection