{{-- <div class="main-wraper bg-white padd-90">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-8 col-sm-offset-2">
<div class="second-title">
<h2>Toggles</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="accordeon-wrapper">
<div class="accordeon-entry active">
<h5>Mauris augue mauris</h5>
<div class="toggle-content act">
<div class="accordeon-wrap">
<p>Nulla ut ante vel lorem tempus lobortis. Sed quam metus, faucibus et pulvinar ut, volutpat ut orci. Nulla ornare ex lectus. Integer non neque sed eros sollicitudin congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vel lectus in urna mattis ullamcorper. Etiam vel dolor leo. Vestibulum congue dolor at sollicitudin placerat. Mauris cursus vestibulum sapien ut ultricies. Praesent est arcu, condimentum.</p>
</div>
</div>
</div>
<div class="accordeon-entry">
<h5>Maecenas euismod ultrices urna sit amet</h5>
<div class="toggle-content">
<div class="accordeon-wrap">
<p>Nulla ut ante vel lorem tempus lobortis. Sed quam metus, faucibus et pulvinar ut, volutpat ut orci. Nulla ornare ex lectus. Integer non neque sed eros sollicitudin congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vel lectus in urna mattis ullamcorper. Etiam vel dolor leo. Vestibulum congue dolor at sollicitudin placerat. Mauris cursus vestibulum sapien ut ultricies. Praesent est arcu, condimentum.</p>
</div>
</div>
</div>
<div class="accordeon-entry">
<h5>Vestibulum ornare, sem vitae tempus ornare</h5>
<div class="toggle-content">
<div class="accordeon-wrap">
<p>Nulla ut ante vel lorem tempus lobortis. Sed quam metus, faucibus et pulvinar ut, volutpat ut orci. Nulla ornare ex lectus. Integer non neque sed eros sollicitudin congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vel lectus in urna mattis ullamcorper. Etiam vel dolor leo. Vestibulum congue dolor at sollicitudin placerat. Mauris cursus vestibulum sapien ut ultricies. Praesent est arcu, condimentum.</p>
</div>
</div>
</div>
<div class="accordeon-entry">
<h5>Etiam sed ligula anteem vitae tempus ornare</h5>
<div class="toggle-content">
<div class="accordeon-wrap">
<p>Nulla ut ante vel lorem tempus lobortis. Sed quam metus, faucibus et pulvinar ut, volutpat ut orci. Nulla ornare ex lectus. Integer non neque sed eros sollicitudin congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vel lectus in urna mattis ullamcorper. Etiam vel dolor leo. Vestibulum congue dolor at sollicitudin placerat. Mauris cursus vestibulum sapien ut ultricies. Praesent est arcu, condimentum.</p>
</div>
</div>
</div>
<div class="accordeon-entry">
<h5>Curabitur quis ante a felis eleifend</h5>
<div class="toggle-content">
<div class="accordeon-wrap">
<p>Nulla ut ante vel lorem tempus lobortis. Sed quam metus, faucibus et pulvinar ut, volutpat ut orci. Nulla ornare ex lectus. Integer non neque sed eros sollicitudin congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vel lectus in urna mattis ullamcorper. Etiam vel dolor leo. Vestibulum congue dolor at sollicitudin placerat. Mauris cursus vestibulum sapien ut ultricies. Praesent est arcu, condimentum.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="accordeon-wrapper style-2">
<div class="accordeon-entry active">
<h5>Mauris augue mauris</h5>
<div class="toggle-content act">
<div class="accordeon-wrap">
<p>Nulla ut ante vel lorem tempus lobortis. Sed quam metus, faucibus et pulvinar ut, volutpat ut orci. Nulla ornare ex lectus. Integer non neque sed eros sollicitudin congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vel lectus in urna mattis ullamcorper. Etiam vel dolor leo. Vestibulum congue dolor at sollicitudin placerat. Mauris cursus vestibulum sapien ut ultricies. Praesent est arcu, condimentum.</p>
</div>
</div>
</div>
<div class="accordeon-entry">
<h5>Maecenas euismod ultrices urna sit amet</h5>
<div class="toggle-content">
<div class="accordeon-wrap">
<p>Nulla ut ante vel lorem tempus lobortis. Sed quam metus, faucibus et pulvinar ut, volutpat ut orci. Nulla ornare ex lectus. Integer non neque sed eros sollicitudin congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vel lectus in urna mattis ullamcorper. Etiam vel dolor leo. Vestibulum congue dolor at sollicitudin placerat. Mauris cursus vestibulum sapien ut ultricies. Praesent est arcu, condimentum.</p>
</div>
</div>
</div>
<div class="accordeon-entry">
<h5>Vestibulum ornare, sem vitae tempus ornare</h5>
<div class="toggle-content">
<div class="accordeon-wrap">
<p>Nulla ut ante vel lorem tempus lobortis. Sed quam metus, faucibus et pulvinar ut, volutpat ut orci. Nulla ornare ex lectus. Integer non neque sed eros sollicitudin congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vel lectus in urna mattis ullamcorper. Etiam vel dolor leo. Vestibulum congue dolor at sollicitudin placerat. Mauris cursus vestibulum sapien ut ultricies. Praesent est arcu, condimentum.</p>
</div>
</div>
</div>
<div class="accordeon-entry">
<h5>Etiam sed ligula anteem vitae tempus ornare</h5>
<div class="toggle-content">
<div class="accordeon-wrap">
<p>Nulla ut ante vel lorem tempus lobortis. Sed quam metus, faucibus et pulvinar ut, volutpat ut orci. Nulla ornare ex lectus. Integer non neque sed eros sollicitudin congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vel lectus in urna mattis ullamcorper. Etiam vel dolor leo. Vestibulum congue dolor at sollicitudin placerat. Mauris cursus vestibulum sapien ut ultricies. Praesent est arcu, condimentum.</p>
</div>
</div>
</div>
<div class="accordeon-entry">
<h5>Curabitur quis ante a felis eleifend</h5>
<div class="toggle-content">
<div class="accordeon-wrap">
<p>Nulla ut ante vel lorem tempus lobortis. Sed quam metus, faucibus et pulvinar ut, volutpat ut orci. Nulla ornare ex lectus. Integer non neque sed eros sollicitudin congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vel lectus in urna mattis ullamcorper. Etiam vel dolor leo. Vestibulum congue dolor at sollicitudin placerat. Mauris cursus vestibulum sapien ut ultricies. Praesent est arcu, condimentum.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> --}}
<div class="main-wraper bg-white padd-90">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-8 col-sm-offset-2">
<div class="second-title">
<h2>Frequently Asked Questions</h2>
</div>
</div>
</div>
<div class="row">
@foreach ($faqs->chunk(ceil($faqs->count() / 2)) as $faqChunk)
<div class="col-md-6">
<div class="accordeon-wrapper">
@foreach ($faqChunk as $index => $faq)
<div class="accordeon-entry {{ $loop->first ? 'active' : '' }}">
<h5>{{ $faq->question }}</h5>
<div class="toggle-content {{ $loop->first ? 'act' : '' }}">
<div class="accordeon-wrap">
<p>{{ $faq->answer }}</p>
</div>
</div>
</div>
@endforeach
</div>
</div>
@endforeach
</div>
</div>
</div>