/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

    #payment-loader {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.5);
        z-index: 999;
    }

    #payment-loader i {
        font-size: 30px;
        color: #0d6efd;
        margin-right: 10px;
    }


    .dots {
        font-size: 30px;
        animation-name: dots;
        animation-duration: 1s;
        animation-iteration-count: infinite;
    }

    @keyframes dots {
        0% {
            content: ".";
        }

        33% {
            content: "..";
        }

        66% {
            content: "...";
        }

        100% {
            content: "";
        }
    }