Bootstrap Faq Components in Yofte library

<section class="py-20 bg-light overflow-hidden">
  <div class="container">
    <h2 class="mb-16" >FAQs</h2>
    <div class="accordion" id="accordionExample">
      <div class="accordion-item mb-4 pe-8 pe-md-12 py-4 bg-light-light">
        <div class="border-start border-2 border-info">
          <h2 class="accordion-header ps-8 ps-md-16 ps-md-28" id="headingOne">
            <button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"><span class="lead fw-bold" >Sed eget accumsan ipsum. Praesent dignissim?</span></button>
          </h2>
          <div class="accordion-collapse collapse" id="collapseOne" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              <p class="ps-8 ps-md-16 ps-lg-28 mw-4xl mt-4 text-secondary" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod orci sed tristique placerat. Fusce in ligula urna. Fusce eget nunc et libero accumsan rutrum quis nec lectus. Quisque luctus sem nibh, quis ornare neque consectetur varius. Maecenas rhoncus consectetur rutrum.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="accordion-item mb-4 pe-8 pe-md-12 py-4 bg-light-light">
        <div class="border-start border-2 border-info">
          <h2 class="accordion-header ps-8 ps-md-16 ps-md-28" id="headingOne">
            <button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"><span class="lead fw-bold text-info" >After curabitur eu laoreet libero eget en vel odio?</span></button>
          </h2>
          <div class="accordion-collapse collapse show" id="collapseOne" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              <p class="ps-8 ps-md-16 ps-lg-28 mw-4xl mt-4 text-secondary" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod orci sed tristique placerat. Fusce in ligula urna. Fusce eget nunc et libero accumsan rutrum quis nec lectus. Quisque luctus sem nibh, quis ornare neque consectetur varius. Maecenas rhoncus consectetur rutrum.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="accordion-item mb-4 pe-8 pe-md-12 py-4 bg-light-light">
        <div class="border-start border-2 border-info">
          <h2 class="accordion-header ps-8 ps-md-16 ps-md-28" id="headingOne">
            <button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"><span class="lead fw-bold" >A eget euismod dignissim, felis tortor mollis eros, non ultricies turpis eget leo?</span></button>
          </h2>
          <div class="accordion-collapse collapse" id="collapseOne" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              <p class="ps-8 ps-md-16 ps-lg-28 mw-4xl mt-4 text-secondary" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod orci sed tristique placerat. Fusce in ligula urna. Fusce eget nunc et libero accumsan rutrum quis nec lectus. Quisque luctus sem nibh, quis ornare neque consectetur varius. Maecenas rhoncus consectetur rutrum.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="accordion-item pe-8 pe-md-12 py-4 bg-light-light">
        <div class="border-start border-2 border-info">
          <h2 class="accordion-header ps-8 ps-md-16 ps-md-28" id="headingOne">
            <button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"><span class="lead fw-bold" >Curabitur elementum eu metus ut consequat?</span></button>
          </h2>
          <div class="accordion-collapse collapse" id="collapseOne" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              <p class="ps-8 ps-md-16 ps-lg-28 mw-4xl mt-4 text-secondary" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod orci sed tristique placerat. Fusce in ligula urna. Fusce eget nunc et libero accumsan rutrum quis nec lectus. Quisque luctus sem nibh, quis ornare neque consectetur varius. Maecenas rhoncus consectetur rutrum.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="mt-20 text-center"><a class="btn btn-info" href="#" >More</a></div>
  </div>
</section>