/* Fullscreen overlay for the loader */
    #loading-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 1);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
    }

    /* Circular loader container */
    .loader {
      position: relative;
      width: 80px;
      height: 80px;
      border: 8px solid rgba(0, 0, 0, 0.1);
      border-top: 8px solid #4caf50;
      border-radius: 50%;
      animation: spin 1s linear infinite;
    }

    /* Spinning animation */
    @keyframes spin {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }

    /* Hide the main content until loading is complete */
    #main-content {
      display: none;
    }