/* Center the loader */
    .loader-thing {
        display: none;
        position: fixed; /* or absolute */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7); /* Example: Semi-transparent overlay */
        z-index: 9999; /* A high value ensures it's on top */

    }

    .other-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        flex-direction: column;
        gap: 1rem;
    }


    /* Loader animation */
    .spinner {
        width: 50px;
        height: 50px;
        border: 5px solid #ccc;
        border-top-color: var(--primary-color);
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    .main-text {
        color: #fff;
    }