/**=====================
      Loader CSS Start
==========================**/

.progress {
    position: relative;
    height: 4px;
    display: block;
    z-index: 11;
    width: 100%;
    background-color: #bebfce;
}

.progress .indeterminate {
    background-color: hwb(235 52% 33% / 0.692)
}

.progress .indeterminate:before {
    content: '';
    position: absolute;
    background-color: #5465FF;
    width: 100%;
    height: 4px;
    z-index: 9;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

@keyframes indeterminate {
    0% {
        left: 0%;
        right: 100%;
    }

    60% {
        left: 0%;
        right: 100%;
    }

    100% {
        left: 0%;
        right: 100%;
    }
}

.ride-loader {
    position: absolute;
    top: 14px;
    width: 19px;
    height: 19px;
    right: 44px;
    border: 2px solid #171c26c7;
    border-bottom-color: transparent;
}


/**=====================
      Loader CSS End
==========================**/