/***  Preloder Style ***/

.divloading {
    visibility: hidden;
}

#loaderaspirant {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background-color: #0C2E60;
    position: absolute;
    position: fixed;

}

.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ml10 {
    color: white;
    position: relative;
    font-weight: 900;
    font-size: calc(0.8rem + 1vw);
}

.ml10 .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.2em;
    padding-right: 0.05em;
    padding-bottom: 0.1em;
    overflow: hidden;
}

.ml10 .letter {
    display: inline-block;
    line-height: 1em;
    transform-origin: 0 0;
}

.normalpreloader {
    visibility: hidden;
}

.loading {
    position: fixed;
    overflow-y: scroll;
    background-color: #0C2E60;


}

.requestProgress {
    margin-top: 30px;
    width: 100%;
    height: 2px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to right, #007db6, #0091b2, #009c9e, #00a77e, #22b24c, #60b031, #a5b62e)
}

.bar {
    position: absolute;
    width: calc(100% * 2/7);
    height: 100%;
    display: flex;
    animation: move 2s linear infinite;
    background-color: white;
}

@keyframes move {
    0% {
        transform: translate(-100%, 0)
    }

    100% {
        transform: translate(calc(7/2*100%), 0)
    }
}