.lds-ellipsis {
    display: inline-block;
    position: absolute;
    bottom: 3vw;
    width: 4.7vw;
    height: 4vw;
    z-index: 2;
}

.login-inputs-container .lds-ellipsis {
    position: relative;
}

.otp-handler .lds-ellipsis {
    bottom: 1.25vw;
}

.register-inputs-container .lds-ellipsis {
    bottom: 1.95vw;
}

.car-check-req .lds-ellipsis {
    position: relative;
    transform: translateY(3vw);
}

.lds-ellipsis h4.waiting-title {
    width: 100%;
    position: absolute;
    top: 66%;
    left: 0;
    font-size: 0.7vw;
    font-weight: 500;
    text-align: center;
    animation: animate-waiting-title 1s ease-in-out infinite;
}

.login-inputs-container h4.waiting-title {
    top: 85%;
}

@keyframes animate-waiting-title {
    0%{opacity: 0.5}
    50%{opacity: 1}
    100%{opacity: 0.5}
}

.lds-ellipsis div {
    position: absolute;
    top: 1.6vw;
    width: 0.7vw;
    height: 0.7vw;
    border-radius: 50%;
    background: var(--green);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    box-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.25);
}


section.landing .lds-ellipsis div {
    background: var(--gold);
}

.lds-ellipsis div:nth-child(1) {
    left: 0.5vw;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 0.5vw;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 2vw;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 3.5vw;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(1.5vw, 0);
    }
}

@media screen and (max-width: 450px) {
    .lds-ellipsis {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px;
        transform: scale(0.95);
    }
    .lds-ellipsis div {
        position: absolute;
        top: 25px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }
    .lds-ellipsis div:nth-child(1) {
        left: 8px;
        animation: lds-ellipsis1 0.6s infinite;
    }
    .lds-ellipsis div:nth-child(2) {
        left: 8px;
        animation: lds-ellipsis2 0.6s infinite;
    }
    .lds-ellipsis div:nth-child(3) {
        left: 32px;
        animation: lds-ellipsis2 0.6s infinite;
    }
    .lds-ellipsis div:nth-child(4) {
        left: 56px;
        animation: lds-ellipsis3 0.6s infinite;
    }
    @keyframes lds-ellipsis1 {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
    }
    @keyframes lds-ellipsis3 {
        0% {
            transform: scale(1);
        }
        100% {
            transform: scale(0);
        }
    }
    @keyframes lds-ellipsis2 {
        0% {
            transform: translate(0, 0);
        }
        100% {
            transform: translate(24px, 0);
        }
    }

    .lds-ellipsis h4.waiting-title {
        margin-top: 0.25vw;
        width: 100%;
        position: absolute;
        top: 85%;
        left: 0;
        transform: scale(3);
        font-size: 1.2vw;
    }
}