.loader-container{
    position: fixed;
    overflow: hidden;
    background: linear-gradient(0deg, #0A0918 0%, #2C0A54 100%);
    width:100%;
    height: 100vh;
    z-index:99999999;
}
.spinners-container{
    position: relative;
    top:40%;
    width:100%;
    display: flex;
    justify-content: center;
}
.spinner-eff {
    position: relative;
    width: 50px;
    height: 50px;
}
.spinner-eff:before, .spinner-eff:after {
    content: "";
    display: block;
}
.spinner-eff .spinner-bar:before, .spinner-eff .spinner-bar:after {
    content: "";
    display: block;
}
.spinner-eff.spinner-eff-4 {
    animation: rotation 12.8s steps(1) 0s infinite;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(90deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(270deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes bar-top {
    0% {
        transform: scale(0, 1);
    }
    12.5% {
        transform: scale(1, 1);
    }
    87.5% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(0, 1);
    }
}
@keyframes bar-right {
    0% {
        transform: scale(1, 0);
    }
    12.5% {
        transform: scale(1, 0);
    }
    25% {
        transform: scale(1, 1);
    }
    75% {
        transform: scale(1, 1);
    }
    87.5% {
        transform: scale(1, 0);
    }
    100% {
        transform: scale(1, 0);
    }
}
@keyframes bar-bottom {
    0% {
        transform: scale(0, 1);
    }
    25% {
        transform: scale(0, 1);
    }
    37.5% {
        transform: scale(1, 1);
    }
    62.5% {
        transform: scale(1, 1);
    }
    75% {
        transform: scale(0, 1);
    }
    100% {
        transform: scale(0, 1);
    }
}
@keyframes bar-left {
    0% {
        transform: scale(1, 0);
    }
    37.5% {
        transform: scale(1, 0);
    }
    50% {
        transform: scale(1, 1);
    }
    62.5% {
        transform: scale(1, 0);
    }
    100% {
        transform: scale(1, 0);
    }
}
.spinner-eff.spinner-eff-4 .bar {
    background: linear-gradient(0deg, #6A11CB 0%, #2575FC 100%);
}
.spinner-eff.spinner-eff-4 .bar-top {
    width: 100%;
    height: 12px;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: left top;
    transform: scale(0, 1);
    animation: bar-top 3.2s linear 0s infinite;
}
.spinner-eff.spinner-eff-4 .bar-right {
    width: 12px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transform-origin: left top;
    transform: scale(1, 0);
    animation: bar-right 3.2s linear 0s infinite;
}
.spinner-eff.spinner-eff-4 .bar-bottom {
    width: 100%;
    height: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    transform-origin: right top;
    transform: scale(0, 1);
    animation: bar-bottom 3.2s linear 0s infinite;
}
.spinner-eff.spinner-eff-4 .bar-left {
    width: 12px;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transform-origin: left bottom;
    transform: scale(1, 0);
    animation: bar-left 3.2s linear 0s infinite;
}
.spinner-block{
    color:#ffffff;
    text-align: center;
}
.spinner-block span{
    line-height:40px;
    font-weight: bolder;
    font-family: 'Poppins ExtraBold',sans-serif;
}