.loader-page {
        position: fixed;
        z-index: 25000;
        background: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .loader-page p {
            margin-top: 10px;
            color: #000;
        }

        .loader-page .loader {
            position: relative;
            top: calc(40% - 30px);
        }

    .loader2 {
        border: 10px solid #eee;
        position: absolute;
        left: 43%;
        border-radius: 50%;
        border-top: 10px solid #30beef;
        width: 80px;
        height: 80px;
        animation: spin 2s linear infinite;
    }

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

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