/* Make loader full-screen and stack children vertically */
    .full-screen-loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #9A1C1B;
        /* or your loader background */
        display: flex !important;
        flex-direction: column;
        justify-content: center !important;
        align-items: center !important;
        z-index: 9999;
        /* ensure it sits above everything */
    }

    /* Style the logo */
    .loader-logo {
        max-width: 220px;
        /* adjust size as needed */
        margin-bottom: 20px;
    }

    /* Ensure the spinner sits below the logo */
    .full-screen-loader .loader-inner {
        margin-top: 0;
        /* reset any spacing */
    }

    .css-loader.loaded {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
    }