.preloader{
    position: fixed;
    top: 0px;
    left: 0px;
    background: #f6f6f6eb;
    z-index: 1000;
    width: 100%;
    height: 100vh;
}
.loader{
    display: flex;
    gap: 0.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.loader .dot{
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 50%;
    /* background: linear-gradient(207deg, #0d6efd 0.00%, #5d99f2 100.00%); */
    background: linear-gradient(-5deg, #4c94ff 0.00%, #91bbf9 100.00%);
    animation: bounce 0.5s infinite alternate;
    box-shadow: 1px 1px 10px rgba(77, 77, 77, 0.26);
}
@keyframes bounce{
    to{
        translate: 0 -0.45rem;
    }
}
.loader .dot:nth-child(2){
    animation-delay: 100ms;
}
.loader .dot:nth-child(3){
    animation-delay: 150ms;
}