/* spinner css */
     #loading-overlays {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.9);
      /* Dark background */
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }


    .spinners {
      width: 60px;
      height: 60px;
      /* border:  solid rgba(0, 0, 0, 0.9); */
      border-top: 6px solid #ffc107;
      /* Bright Neon Blue */
      border-bottom: 6px solid #ffc107;
      ;
      border-radius: 50%;
      animation: spins 1.2s linear infinite, glows 1.5s ease-in-out infinite alternate;
    }

    @keyframes spins {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    @keyframes glow {
      0% {
        box-shadow: 0 0 #ffc107, 0 0 #ffc107;
      }

      100% {
        box-shadow: 0 0 #ffc107, 0 0 #ffc107;
      }
    }