help me understand why my bootstrap 5.3 accordion is not working correctly:

iv id="faqAccordion" class="accordion accordion-flush">


<!-- Question 1 -->
<div class="accordion-item">
<h2 id="headingOne" class="accordion-header">
<button class="accordion-button fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" 
aria-expanded="false" aria-controls="collapseOne">
Why is your service free at this time?
<i class="bi bi-box-arrow-down fw-bold ms-auto" aria-hidden="true" style="font-size: 1.4rem;"></i>
</button>
</h2>

<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne">
<div class="accordion-body">
We are currently in beta, and we want to gather valuable feedback from users like you. 
Offering our service for free during this phase allows us to improve our platform based on real user experiences.
</div><!-- .accordion-body -->
</div><!-- .accordion-collapse .collapse .show -->
</div><!-- .accordion-item -->


<!-- Question 2 -->
<div class="accordion-item">
<h2 id="headingTwo" class="accordion-header">
<button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" 
aria-expanded="false" aria-controls="collapseTwo">
How long will the beta phase last?
<i class="bi bi-box-arrow-down fw-bold ms-auto" aria-hidden="true" style="font-size: 1.4rem;"></i>
</button>
</h2>

<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo">
<div class="accordion-body">
While we don’t have an exact timeline, we aim to collect feedback and make necessary improvements 
over the next while. We will keep our users updated on our progress and any changes we implement.
</div><!-- .accordion-body -->
</div><!-- .accordion-collapse .collapse .show -->
</div><!-- .accordion-item -->

<!-- Question 3  -->
<div class="accordion-item">
<h2 id="headingThree" class="accordion-header">
<button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" 
aria-expanded="false" aria-controls="collapseThree">
How secure is my information?
<i class="bi bi-box-arrow-down fw-bold ms-auto" aria-hidden="true" style="font-size: 1.4rem;"></i>
</button>
</h2>

<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree">
<div class="accordion-body">
We ensure your information is secure by using data encryption, secure forms, CSRF protection, and 
strict access controls.
</div><!-- .accordion-body -->
</div><!-- .accordion-collapse .collapse .show -->
</div><!-- .accordion-item -->

<!-- Question 4  -->
<div class="accordion-item">
<h2 id="headingFour" class="accordion-header">
<button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" 
aria-expanded="false" aria-controls="collapseFour">
Is it really faster than traditional business cards?
<i class="bi bi-box-arrow-down fw-bold ms-auto" aria-hidden="true" style="font-size: 1.4rem;"></i>
</button>
</h2>

<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#faqAccordion">
<div class="accordion-body">
Yes! You can share your details in seconds.
</div><!-- .accordion-body -->
</div><!-- .accordion-collapse .collapse .show -->
</div><!-- .accordion-item -->

<!-- Question 5  -->
<div class="accordion-item">
<h2 id="headingFive" class="accordion-header">
<button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" 
aria-expanded="false" aria-controls="collapseFive">
Can I use your service without an internet connection?
<i class="bi bi-box-arrow-down fw-bold ms-auto" aria-hidden="true" style="font-size: 1.4rem;"></i>
</button>
</h2>

<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#faqAccordion">
<div class="accordion-body">
Absolutely! Our service works seamlessly both online and offline, allowing you to access and share information 
whenever you need, regardless of connectivity.
</div><!-- .accordion-body -->
</div><!-- .accordion-collapse .collapse .show -->
</div><!-- .accordion-item -->

<!-- Question 6  -->
<div class="accordion-item">
<h2 id="headingSix" class="accordion-header">
<button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" 
aria-expanded="false" aria-controls="collapseSix">
How does your service sync my data when I'm back online?
<i class="bi bi-box-arrow-down fw-bold ms-auto" aria-hidden="true" style="font-size: 1.4rem;"></i>
</button>
</h2>

<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#faqAccordion">
<div class="accordion-body">
When you reconnect to the internet, our service automatically syncs all your data, ensuring that everything is 
up to date without any manual effort on your part.
</div><!-- .accordion-body -->
</div><!-- .accordion-collapse .collapse .show -->
</div><!-- .accordion-item -->

<!-- Question 7  -->
<div class="accordion-item">
<h2 id="headingSeven" class="accordion-header">
<button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" 
aria-expanded="false" aria-controls="collapseSeven">
What if I need help getting started?
<i class="bi bi-box-arrow-down fw-bold ms-auto" aria-hidden="true" style="font-size: 1.4rem;"></i>
</button>
</h2>

<div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="headingSeven" data-bs-parent="#faqAccordion">
<div class="accordion-body">
Our support team is here for you!
</div><!-- .accordion-body -->
</div><!-- .accordion-collapse .collapse .show -->
</div><!-- .accordion-item -->

<!-- Question 8  -->
<div class="accordion-item">
<h2 id="headingEight" class="accordion-header">
<button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseEight" 
aria-expanded="false" aria-controls="collapseEight">
What kind of feedback do you need from users?
<i class="bi bi-box-arrow-down fw-bold ms-auto" aria-hidden="true" style="font-size: 1.4rem;"></i>
</button>
</h2>

<div id="collapseEight" class="accordion-collapse collapse" aria-labelledby="headingEight" data-bs-parent="#faqAccordion">
<div class="accordion-body">
We welcome any feedback regarding usability, features, or any issues you encounter while using our service. 
Your input is vital in helping us enhance our offerings and provide the best possible experience.
</div><!-- .accordion-body -->
</div><!-- .accordion-collapse .collapse .show -->
</div><!-- .accordion-item -->


<!-- Add more questions here -->

</div><!-- .accordion .accordion-flush -->
</div><!-- .col-sm-12 .col-md-12 .col-lg-7-->