/* .loading {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

.loading div{
    width:100%;
    height:3px;
    background:linear-gradient(to right, #ff00d4, #00a1ff, #6eff00);
    background-color:rgba(0,0,0,0.5);
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:4px;
    background-size:20%;
    background-repeat:repeat-y;
    animation:scroll 3s ease-in-out infinite;
}

@keyframes scroll{
    50%{background-size:80%}
    100%{background-position:125% 0;}
} */


.loading {
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, #00ff2b, #fbff00, #ff0000);
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 4px;
    background-size: 20%;
    background-repeat: repeat-y;
    background-position: -25% 0;
    position: fixed;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.loading.is-active {
    visibility: visible;
    opacity: 1;
    animation: scroll 3s ease-in-out infinite;
}

@keyframes scroll {
    50% {
        background-size: 80%
    }

    100% {
        background-position: 125% 0;
    }
}

/* Loader CSS */
.loader {
    position: fixed;
    top: 40%;
    left: 45%;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}

.loader img {
    height: 70px;
}