.no-access {
    display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 75vh; /* Full viewport height */
      text-align: center;
  }
    /* Center the loading spinner */
    #loadingSpinner {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 18px;
  }
  /* Hide content initially */
  .hidden {
      display: none;
      opacity: 0;
  }

  /* Fade-in effect */
  .fade-in {
      display: block;
      animation: fadeIn 1s ease-in-out forwards;
  }

  @keyframes fadeIn {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }