.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader-container {
    text-align: center;
}

/* Optional: Make spinner bigger */
.loader-container .spinner-border {
    width: 3rem;
    height: 3rem;
}


:root{
    --login-side-panel:450px;
    --login-side-panel-margin:140px;

}
.auth-wrap{background: linear-gradient(107.56deg, #393B3D 0%, #0A3B53 100%);position: relative;min-height: 100vh;display: flex;align-items: center;justify-content: flex-end;}
.auth-background{z-index: -1; position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: flex-start;width: 100%;height:100%;padding-right: calc(var(--login-side-panel) + var(--login-side-panel-margin));}
.auth-background .auth-dots img{position: absolute;}
.auth-background .auth-dots img.auth-dots-bottom{bottom: 0;left: 0;}
.auth-background .auth-dots img.auth-dots-top{top: 0;right: 0;}
.auth-background .auth-illustration{max-width: 1150px;width: 60vw;display: block;margin: 0 auto;}

.auth-panel{width: var(--login-side-panel);margin-right: var(--login-side-panel-margin);}
.auth-panel .auth-panel-inner{background: #FFFFFF;box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.16);border-radius: 24px;padding: 20px;}
.auth-panel .auth-panel-outer{margin-top: 20px;text-align: center;}
.auth-panel .auth-panel-outer p{margin: 0;font-weight: 500;font-size: 12px;line-height: 17px;color: #fff;display: flex;align-items: center;justify-content: center;}
.auth-panel .auth-panel-outer p img{display: block;margin-left: 5px;}
.auth-panel .auth-head{margin-bottom: 20px;text-align: center;}
.auth-panel .auth-head img{max-width: 200px;display: block;margin: 0 auto;}
.auth-panel .car-brands-img{margin-bottom: 20px;text-align: center;}
.auth-panel .car-brands-img img{display: block;margin: 0 auto;max-width: 100%;}
.auth-panel .auth-title{font-weight: 600;font-size: 22px;line-height: 24px;margin-bottom: 15px;position: relative;text-align: center; padding-top: 15px;border-top: 2px solid #F0F2F5;}
.auth-panel .auth-items{margin: 0 0 20px 0;padding: 0;list-style: none;}
.auth-panel .auth-items li{padding-left: 14px;font-size: 15px;line-height: normal;margin: 0 0 5px 0;position: relative;color: #939698;}
.auth-panel .auth-items li.active{color:#191B1D; }
.auth-panel .auth-items li.active:before{background-color:#32a559; }
.auth-panel .auth-items li:before{height: 8px;width: 8px;border-radius: 100%;content: "";position: absolute;left: 0;background-color: #191B1D;top: 5px;}
.auth-panel .auth-items li:last-child{margin: 0;}
/*.auth-panel .auth-title:after{content: "";background-color: #0275d8;height: 4px;position: absolute;left: 0;width: 110px;bottom: -3px;}*/
.auth-panel .forgot-password{padding-top: 8px;text-align: right}
.auth-panel .forgot-password a{color: #939698;font-weight: 500;font-size: 12px;line-height: 20px;}
.auth-panel .form-forgot-space input{padding-right: 50px;}
.auth-panel .password-show-hide{position: absolute;top: 27px;right: 12px;}
.auth-panel .password-show-hide a{height: 24px;width: 24px;display: flex;align-items: center;justify-content: center;font-size: 18px;color:#191B1D;text-decoration: none;}

.auth-panel .auth-panel-other{display: none;}
.auth-panel .auth-panel-other .auth-title-sm{font-weight: 600;font-size: 25px;line-height: 25px;color: #191B1D;text-align: center;margin-bottom: 8px;}
.auth-panel .auth-panel-other .auth-desc{font-weight: 400;font-size: 16px;line-height: 24px;color: #939698;text-align: center;margin-bottom: 48px;}
.auth-panel .auth-panel-other .auth-desc b{font-weight: 500;color:#6B6E6F;}
.auth-panel .auth-button{text-align: center;}
.auth-panel .auth-button .back-to-login{color: #939698;font-weight: 500;font-size: 16px;line-height: 24px;text-align: center;margin-top: 48px;text-decoration: none;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;}
.auth-panel .auth-button .back-to-login:hover{color: #000;}
.auth-panel .auth-button .back-to-login i{font-size: 20px;line-height: 1;margin-right: 10px;}
.auth-panel .auth-button p{margin-bottom: 0;margin-top: 48px;color: #939698;font-size: 16px;line-height: 24px;}

@media screen and (max-width: 1199px){
    :root{--login-side-panel: 350px;--login-side-panel-margin: 40px;}
}
@media screen and (max-width: 980px){
    .auth-background .auth-illustration{max-width: 98%;width: 98%;}
}
@media screen and (max-width: 767px){
    .auth-wrap{justify-content:center;padding: 15px;}
    .auth-background .auth-illustration{display: none;}
    .auth-panel{margin: 0;}
}
@media screen and (max-width: 480px){
    .auth-panel .auth-head img{max-width: 170px;}
    .auth-panel .auth-title{font-size: 18px;}
    .auth-panel .auth-items li{font-size: 14px;}
}