<!-- Centered Loading Indicator -->
<div id="loader">
  <div class="loading-wrapper d-flex flex-column justify-content-center align-items-center text-center my-4"
       id="loading" style="display: block; height: 400px;">
    <div class="spinner-grow text-primary" role="status">
      <span class="visually-hidden">Loading...</span>
    </div>
    <div class="loading-text mt-2">Loading...</div>
  </div>
</div>
