Accordion

<div class="accordion accordion-wrapper" id="accordionSimpleExample">
  <div class="card plain accordion-item">
    <div class="card-header" id="headingSimpleOne">
      <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseSimpleOne" aria-expanded="true" aria-controls="collapseSimpleOne"> Professional Design </button>
    </div>
    <!--/.card-header -->
    <div id="collapseSimpleOne" class="accordion-collapse collapse show" aria-labelledby="headingSimpleOne" data-bs-parent="#accordionSimpleExample">
      <div class="card-body">
        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>
      </div>
      <!--/.card-body -->
    </div>
    <!--/.accordion-collapse -->
  </div>
  <!--/.accordion-item -->
  <div class="card plain accordion-item">
    <div class="card-header" id="headingSimpleTwo">
      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseSimpleTwo" aria-expanded="false" aria-controls="collapseSimpleTwo"> Top-Notch Support </button>
    </div>
    <!--/.card-header -->
    <div id="collapseSimpleTwo" class="accordion-collapse collapse" aria-labelledby="headingSimpleTwo" data-bs-parent="#accordionSimpleExample">
      <div class="card-body">
        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>
      </div>
      <!--/.card-body -->
    </div>
    <!--/.accordion-collapse -->
  </div>
  <!--/.accordion-item -->
  <div class="card plain accordion-item">
    <div class="card-header" id="headingSimpleThree">
      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseSimpleThree" aria-expanded="false" aria-controls="collapseSimpleThree"> Header and Slider Options </button>
    </div>
    <!--/.card-header -->
    <div id="collapseSimpleThree" class="accordion-collapse collapse" aria-labelledby="headingSimpleThree" data-bs-parent="#accordionSimpleExample">
      <div class="card-body">
        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>
      </div>
      <!--/.card-body -->
    </div>
    <!--/.accordion-collapse -->
  </div>
  <!--/.accordion-item -->
</div>
<!--/.accordion -->

<div class="accordion accordion-wrapper" id="accordionExample">
  <div class="card accordion-item">
    <div class="card-header" id="headingOne">
      <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Professional Design </button>
    </div>
    <!--/.card-header -->
    <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
      <div class="card-body">
        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes.</p>
      </div>
      <!--/.card-body -->
    </div>
    <!--/.accordion-collapse -->
  </div>
  <!--/.accordion-item -->
  <div class="card accordion-item">
    <div class="card-header" id="headingTwo">
      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Top-Notch Support </button>
    </div>
    <!--/.card-header -->
    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
      <div class="card-body">
        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes.</p>
      </div>
      <!--/.card-body -->
    </div>
    <!--/.accordion-collapse -->
  </div>
  <!--/.accordion-item -->
  <div class="card accordion-item">
    <div class="card-header" id="headingThree">
      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Header and Slider Options </button>
    </div>
    <!--/.card-header -->
    <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
      <div class="card-body">
        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes.</p>
      </div>
      <!--/.card-body -->
    </div>
    <!--/.accordion-collapse -->
  </div>
  <!--/.accordion-item -->
</div>
<!--/.accordion -->

<div class="accordion accordion-wrapper" id="toggleSimpleExample">
  <div class="card plain accordion-item">
    <div class="card-header" id="toggle-headingSimpleOne">
      <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#toggle-collapseSimpleOne" aria-expanded="true" aria-controls="toggle-collapseSimpleOne"> Professional Design </button>
    </div>
    <!--/.card-header -->
    <div id="toggle-collapseSimpleOne" class="accordion-collapse collapse show" aria-labelledby="toggle-headingSimpleOne" data-bs-parent="#toggleSimpleExample">
      <div class="card-body">
        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>
      </div>
      <!--/.card-body -->
    </div>
    <!--/.accordion-collapse -->
  </div>
  <!--/.accordion-item -->
  <div class="card plain accordion-item">
    <div class="card-header" id="toggle-headingSimpleTwo">
      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#toggle-collapseSimpleTwo" aria-expanded="false" aria-controls="toggle-collapseSimpleTwo"> Top-Notch Support </button>
    </div>
    <!--/.card-header -->
    <div id="toggle-collapseSimpleTwo" class="accordion-collapse collapse" aria-labelledby="toggle-headingSimpleTwo" data-bs-parent="#toggleSimpleExample">
      <div class="card-body">
        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>
      </div>
      <!--/.card-body -->
    </div>
    <!--/.accordion-collapse -->
  </div>
  <!--/.accordion-item -->
  <div class="card plain accordion-item">
    <div class="card-header" id="toggle-headingSimpleThree">
      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#toggle-collapseSimpleThree" aria-expanded="false" aria-controls="toggle-collapseSimpleThree"> Header and Slider Options </button>
    </div>
    <!--/.card-header -->
    <div id="toggle-collapseSimpleThree" class="accordion-collapse collapse" aria-labelledby="toggle-headingSimpleThree" data-bs-parent="#toggleSimpleExample">
      <div class="card-body">
        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>
      </div>
      <!--/.card-body -->
    </div>
    <!--/.accordion-collapse -->
  </div>
  <!--/.accordion-item -->
</div>
<!--/.accordion -->