/* dark overlay */
.blockUI.blockOverlay {
    background: rgba(20,16,40,.35) !important;
    opacity: 1 !important;
}

/* page loader on initial load */
.m-page-loader.m-page-loader--base {
    background: rgba(20,16,40,.45) !important;
    z-index: 999999 !important;
}

    .m-page-loader.m-page-loader--base .m-blockui {
        background: #fff !important;
        border-radius: 20px !important;
        padding: 28px 24px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        width: 180px !important;
        box-shadow: 0 16px 48px rgba(91,79,207,.24) !important;
    }

        .m-page-loader.m-page-loader--base .m-blockui span:first-child {
            order: 2;
            font-family: 'Cairo', sans-serif !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            color: #2d2540 !important;
        }

    .m-page-loader.m-page-loader--base .m-loader.m-loader--brand {
        order: 1;
        width: 42px !important;
        height: 42px !important;
        border: 4px solid #ece9fc !important;
        border-top-color: #5b4fcf !important;
        border-radius: 50% !important;
        animation: palSpin .75s linear infinite !important;
        background-image: none !important;
    }

@keyframes palSpin {
    to {
        transform: rotate(360deg);
    }
}