<!-- container -->

    <div class=" container card d-flex flex-column justify-content-start mt-5 mb-3 p-0 shadow-4 rounded-5 overflow-hidden ">

      <!-- Settings Accordion -->

      <div class="accordion" id="SettingsAccordion">

<!-- Schedule Collapse -->

        <div class="accordion-item">

          <!--Schedule Header-->

          <h2 class="accordion-header" id="headingFour">

            <button

              class="accordion-button collapsed"

              type="button"

              data-mdb-toggle="collapse"

              data-mdb-target="#collapseFour"

              aria-expanded="false"

              aria-controls="collapseFour"

            >

            <i class="fas fa-stopwatch fa-sm pe-2"></i>

            Schedule

            <!-- Schedule - Add New - Modal -->

            <a href="#" class="ps-2 small" data-mdb-toggle="modal" data-mdb-target="#ScheduleAddNew">+ Add New</a>

            </button>

          </h2>

          <div

            id="collapseFour"

            class="accordion-collapse collapse"

            aria-labelledby="headingFour"

            data-mdb-parent="#SettingsAccordion"

          >

          <!--Schedule Body-->

          <div class="accordion-body">

            <ul class="list-group list-group-flush">

              <li class="list-group-item">

                Schedule

                <a href="" class="float-end">Edit</a>

              </li>

            </ul>         

          </div>

​

          </div>

        </div>

        <!--Schedule Collapse-->

              </div>

      <!--Settings Accordion-->

​

    </div>

    <!--container-->