.login-signup{background-color:var(--body);height:100%;overflow:hidden}.change-password,.login-password,.login-profile,.login-signup .login-enter,.otp-login{background-color:var(--white);padding:30px;border-radius:20px;width:auto}.login-enter{width:80%}.ckeckoutOtp .otp-input:focus,.login-signup .otp-input:focus{border:2px solid #f37021}.ckeckoutOtp .otp-input,.login-signup .otp-input{width:50px;height:50px;margin:5px;font-size:30px;text-align:center;border:1px solid var(--sub-heading);border-radius:10px;display:block;color:#f37021;caret-color:transparent}.ckeckoutOtp .login-input,.login-signup .login-input{margin:3px;font-size:16px;padding:10px;border:1px solid#9ddbe0;border-radius:10px;display:block;color:#f37021}.ckeckoutOtp .login-input::placeholder,.login-signup .login-input::placeholder{text-align:right;color:#9ddbe0;font-weight:700}.login-signup .is-invalid{border:1px solid #9ddbe0!important;outline:none;color:#f37021}.ckeckoutOtp:first-child{width:50%!important}@media screen and (max-width:500px){.ckeckoutOtp:first-child{width:100%!important}.ckeckoutOtp .login-input::placeholder,.login-signup .login-input::placeholder{font-size:15px}.change-password,.login-password,.login-profile,.login-signup .login-enter,.otp-login{background-color:var(--white);padding:15px 15px 30px;border-radius:20px;width:100%}.ckeckoutOtp .otp-input,.login-signup .otp-input{width:40px;height:40px;margin:5px;font-size:30px}}.login-signup .editeNum{cursor:pointer}.login-signup .login-profile-svg{width:30px;height:30px;position:absolute;left:3%;top:23%;transition:all .5s ease}.login-signup .login-profile-svg:hover{cursor:pointer;color:var(--primary)}