.general-loader {
    width: 48px;
    height: 48px;
    display: inline-block;
    position: relative;
    border-width: 3px 2px 3px 2px;
    border-style: solid dotted solid dotted;
    border-color: #002566 rgba(255, 255, 255,0.3) #49d872 rgba(151, 107, 93, 0.3);
    border-radius: 50%;
    box-sizing: border-box;
    animation: 1s rotate linear infinite;
}
.general-loader:before , .general-loader:after{
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    border: 10px solid transparent;
    border-bottom-color:#49d872;
    transform: translate(-10px, 19px) rotate(-35deg);
}
.general-loader:after {
    border-color: #002566 #0000 #0000 #0000 ;
    transform: translate(32px, 3px) rotate(-35deg);
}
@keyframes rotate {
    100%{ transform: rotate(360deg)}
}