@keyframes indeterminate-1 {
    0% {
        opacity: 1;
        transform: translateX(-100%);
    }

     70% {
        opacity: 1;
        transform: translateX(300%);
    }

     70.01% {
        opacity: 0;
    }

     100% {
        opacity: 0;
        transform: translateX(300%);
    }
}


@keyframes indeterminate-2 {

    0% {
        opacity: 0;
        transform: translateX(-150%);
    }


    29.99% {
        opacity: 0;
    }


    30% {
        opacity: 1;
        transform: translateX(-150%);
    }


    100% {
        transform: translateX(166.66%);
        opacity: 1;
    }
}

.loader06 {
    width: 56px;
    height: 56px;
    border: 4px solid transparent;
    border-radius: 50%;
    position: relative;
    top: 50%;
    margin: -28px auto 0 auto;
}

    .loader06:before {
        content: '';
        border: 4px solid rgba(0, 82, 236, 0.5);
        border-radius: 50%;
        width: 67.2px;
        height: 67.2px;
        position: absolute;
        top: -9.6px;
        left: -9.6px;
        animation: loader-scale 1s ease-out infinite;
        animation-delay: 1s;
        opacity: 0;
    }

    .loader06:after {
        content: '';
        border: 4px solid #0052ec;
        border-radius: 50%;
        width: 56px;
        height: 56px;
        position: absolute;
        top: -4px;
        left: -4px;
        animation: loader-scale 1s ease-out infinite;
        animation-delay: 0.5s;
    }

@keyframes loader-scale {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}



.three-quarter-spinner {
    width: 50px;
    height: 50px;
    border: 3px solid #fb5b53;
    border-top: 3px solid transparent;
    border-radius: 50%;
    animation: spin .5s linear 0s infinite;
}