.login-container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;background:hsla(0,0%,100%,.8941176470588236)}.login-container,.login-content{display:-webkit-box;display:-ms-flexbox;display:flex}.login-content{width:800px;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:8px}.left-panel,.right-panel{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;height:100vh}.left-panel{background:#00a1e4;color:#fff}.right-panel{background:#fff;color:#333}.login-box{width:100%;max-width:300px}.login-box h4{font-size:24px;margin-bottom:10px}.login-box p{margin-bottom:20px}.login-box form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.input-group_new{position:relative;margin-bottom:15px;width:100%}.custominput{width:100%;border:1.5px solid #9e9e9e;border-radius:1rem;background:none;padding:1rem;font-size:1rem;color:#333;-webkit-transition:border .15s cubic-bezier(.4,0,.2,1);transition:border .15s cubic-bezier(.4,0,.2,1)}.user-label{position:absolute;left:15px;color:#e8e8e8;pointer-events:none;-webkit-transform:translateY(1rem);transform:translateY(1rem);-webkit-transition:.15s cubic-bezier(.4,0,.2,1);transition:.15s cubic-bezier(.4,0,.2,1)}.custominput:focus,.custominput:valid{outline:none;border:1.5px solid #00a1e4}.custominput:focus~.user-label,.custominput:valid~.user-label{-webkit-transform:translateY(-50%) scale(.8);transform:translateY(-50%) scale(.8);background-color:#fff;padding:0 .2em;color:#00a1e4}.login-box a{color:#00a1e4;text-align:right;display:block;margin-bottom:20px}.login-box button{padding:10px;background:#00a1e4;color:#fff;border:none;border-radius:4px;cursor:pointer}.welcome-box{text-align:center}.welcome-box h2{font-size:28px;margin-bottom:10px}.login-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:25px}.user-info img{border-top-right-radius:100px 100px;margin-bottom:10px;max-width:100%;height:auto}.singupline{display:-webkit-box;display:-ms-flexbox;display:flex}.password-wrapper{position:relative}.password-wrapper i{position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.logo{margin-bottom:35px;text-align:center}.auth-layout-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.otp-bg{background-color:#f8f9fa;border-radius:10px}.otp-label-text{font-size:14px;color:#333}.otp-number-box-container{gap:10px;margin-top:10px}.otp-number-box-container,.otp-number-box-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.otp-number-box-item{width:50px;height:50px;border:1.5px solid #00a1e4;border-radius:8px;background:#fff}.otp-text-box input{width:100%;height:100%;text-align:center;font-size:22px;font-weight:700;border:none;outline:none;background:transparent;color:#333}.otp-number-box-item:has(input:focus){background-color:#99d5f1;border-color:#00a1e4;-webkit-box-shadow:0 0 6px rgba(0,161,228,.6);box-shadow:0 0 6px rgba(0,161,228,.6);-webkit-transition:background-color .2s ease,-webkit-box-shadow .2s ease;transition:background-color .2s ease,-webkit-box-shadow .2s ease;transition:background-color .2s ease,box-shadow .2s ease;transition:background-color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease}.otp-blue-label-text{color:#00a1e4;cursor:pointer;font-weight:500;-webkit-transition:color .3s;transition:color .3s;margin-left:5px}.otp-blue-label-text:hover{color:#007bb5}.btn-success{background-color:#00a1e4!important;border:none!important;padding:8px 25px;border-radius:5px;color:#fff}@media (max-width:480px){.otp-number-box-item{width:40px;height:40px}.otp-text-box input{font-size:18px}}.spinner{border:2px solid #f3f3f3;border-top:2px solid #4682b4;border-radius:50%;width:14px;height:14px;display:inline-block;margin-right:6px;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;vertical-align:middle}.otp-sent{font-weight:500}.otp-sent,.tick-circle{color:green!important;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tick-circle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff!important;border-radius:50%;border:1px solid green!important;width:20px;height:20px;font-size:12px;margin-right:6px}