<section class="bg-primary-light py-24 py-md-40">
<div class="container">
<div class="text-center mb-20">
<span class="h6 text-primary">Hey! Have any questions?</span>
<h2 class="text-dark mt-12">FAQ's</h2>
</div>
<div class="mw-4xl mx-auto">
<div class="accordion" id="">
<div class="accordion-item py-1 px-4 ps-md-10 pe-md-12 mb-4 border-0 bg-white rounded">
<h2 class="accordion-header" id="">
<button class="accordion-button bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="" aria-expanded="true" aria-controls="">
<div class="d-flex align-items-center">
<div class="me-4 me-md-8">
<span class="d-flex justify-content-center align-items-center bg-primary-light rounded-circle h6" style=" width: 48px; height: 48px">1</span>
</div>
<div class="pe-2">
<div class="d-flex align-items-center">
<h3 class="h5 mb-0">How should I develop my workflow over time?</h3>
</div>
</div>
</div>
</button>
</h2>
<div class="accordion-collapse collapse show" aria-labelledby="" data-bs-parent="" id="">
<div class="accordion-body pb-8">
<div class="ms-md-6 ms-xl-20 ps-6 ps-md-12 py-2 border-start">
<p>The point of using Lorem Ipsum is that it has a more-or-less normal:</p>
<div>
<span class="me-6 d-inline-block rounded-circle bg-primary" style="width: 6px; height: 6px;"></span>
<span>Distribution of letters</span>
</div>
<div>
<span class="me-6 d-inline-block rounded-circle bg-primary" style="width: 6px; height: 6px;"></span>
<span>Content here</span>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item py-1 px-4 ps-md-10 pe-md-12 mb-4 border-0 bg-white rounded">
<h2 class="accordion-header" id="">
<button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="" aria-expanded="true" aria-controls="">
<div class="d-flex align-items-center">
<div class="me-4 me-md-8">
<span class="d-flex justify-content-center align-items-center bg-primary-light rounded-circle h6" style=" width: 48px; height: 48px">2</span>
</div>
<div class="pe-2">
<div class="d-flex align-items-center">
<h3 class="h5 mb-0">Can I pay by card?</h3>
</div>
</div>
</div>
</button>
</h2>
<div class="accordion-collapse collapse" aria-labelledby="" data-bs-parent="" id="">
<div class="accordion-body"></div>
</div>
</div>
<div class="accordion-item py-1 px-4 ps-md-10 pe-md-12 mb-4 border-0 bg-white rounded">
<h2 class="accordion-header" id="">
<button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="" aria-expanded="true" aria-controls="">
<div class="d-flex align-items-center">
<div class="me-4 me-md-8">
<span class="d-flex justify-content-center align-items-center bg-primary-light rounded-circle h6" style=" width: 48px; height: 48px">3</span>
</div>
<div class="pe-2">
<div class="d-flex align-items-center">
<h3 class="h5 mb-0">How often should the app be updated?</h3>
</div>
</div>
</div>
</button>
</h2>
<div class="accordion-collapse collapse" aria-labelledby="" data-bs-parent="" id="">
<div class="accordion-body pb-8"></div>
</div>
</div>
<div class="accordion-item py-1 px-4 ps-md-10 pe-md-12 mb-4 border-0 bg-white rounded">
<h2 class="accordion-header" id="">
<button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="" aria-expanded="true" aria-controls="">
<div class="d-flex align-items-center">
<div class="me-4 me-md-8">
<span class="d-flex justify-content-center align-items-center bg-primary-light rounded-circle h6" style=" width: 48px; height: 48px">4</span>
</div>
<div class="pe-2">
<div class="d-flex align-items-center">
<h3 class="h5 mb-0">Are Zoospace apps free?</h3>
</div>
</div>
</div>
</button>
</h2>
<div class="accordion-collapse collapse" aria-labelledby="" data-bs-parent="" id="">
<div class="accordion-body pb-8"></div>
</div>
</div>
</div>
</div>
</div>
</section>