.auth-main-container{display:flex;justify-content:space-evenly;align-items:center;min-height:100vh;padding:20px;background-image:var(--auth-background-image);background-size:cover;background-repeat:no-repeat;background-position:50%}.auth-main-container .left-side{width:50%;display:flex;align-items:center;justify-content:center}.auth-main-container .left-side img{width:60%}.sign_in_page{width:390px;display:flex;flex-direction:column;justify-content:center;gap:20px;align-items:center}.sign_in_page h3{font-size:32px;font-weight:600;width:100%}.sign_in_page span{margin-top:-20px;font-size:14px;width:100%;color:gray}.sign_in_page .button-container{display:flex;width:100%;justify-content:space-between;border-radius:40px;background-color:var(--input-background)}.sign_in_page .button-container button{padding:12px;border-radius:40px;font-size:14px;width:45%;text-align:center}.sign_in_page .button-container .active{background-color:var(--primary-color);color:#fff}.sign_in_page form{display:flex;flex-direction:column;gap:.8rem;width:100%}.sign_in_page form .form-box{font-size:14px;display:flex;flex-direction:column;gap:8px}.sign_in_page form .form-box input{padding:12px;background-color:var(--input-background);outline:none;font-size:16px;border-radius:10px}.sign_in_page form .form-box .error{border:1px solid #ff0f23;border-radius:5px}.sign_in_page form .form-box .error-message{color:#ff0f23;margin-bottom:0;text-align:left}.sign_in_page form p{font-size:13px;text-align:center}.sign_in_page form button{background-color:#3498db;color:#fff;border-radius:40px;padding:10px}.sign_in_page form a{font-size:14px;color:#3498db;text-decoration:underline;width:fit-content;align-self:center}.sign_in_page form .error-color{color:#ff0f23}.auth-main-container .send-otp-box{width:610px;max-width:100%;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.auth-main-container .send-otp-box h1{font-size:30px;font-weight:600;display:flex;align-items:center}.auth-main-container .send-otp-box h1 svg{color:#3498db;height:50px;width:30px}.auth-main-container .send-otp-box img{align-self:center}.auth-main-container .send-otp-box p{font-size:13px;color:#8b8b8b;text-align:center;margin:10px auto 20px}.auth-main-container .send-otp-box button{background-color:var(--input-background);padding:14px;position:relative;text-align:center;border-radius:10px;font-size:15px;border:2px solid transparent;width:100%}.auth-main-container .send-otp-box button svg{position:absolute;top:50%;left:40px;transform:translate(-50%,-50%);height:20px;color:#3498db}.auth-main-container .send-otp-box .active{border-color:#3498db}.auth-main-container .send-otp-box .otp-input{display:flex;gap:10px}.auth-main-container .send-otp-box .otp-input .otp-slot{background-color:var(--input-background);border-radius:5px;border:1px solid #8b8b8b}.auth-main-container .send-otp-box .error-message{color:#ff0f23;margin-bottom:0}.auth-main-container .send-otp-box .submit-btn{background-color:#3498db;color:#fff;padding:8px 50px;margin-top:30px;width:fit-content;border-radius:30px;font-size:14px;border-color:#3498db;width:100%}.auth-main-container .send-otp-box .disabled{background-color:#8b8b8b;border-color:#8b8b8b}.auth-main-container .profile-setup{width:390px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.auth-main-container .profile-setup h1{font-size:30px;font-weight:600;display:flex;align-items:center;width:100%}.auth-main-container .profile-setup h1 svg{color:#3498db;height:50px;width:30px}.auth-main-container .profile-setup form{gap:15px}.auth-main-container .profile-setup .input-box{display:flex;flex-direction:column;width:100%;gap:5px}.auth-main-container .profile-setup .input-box input{outline:none;background-color:var(--input-background);padding:12px 15px;border-radius:10px;border:1px solid transparent}.auth-main-container .profile-setup .input-error{color:red;font-size:.875rem;margin-top:.25rem}.auth-main-container .profile-setup .error{border:1px solid red}.auth-main-container .profile-setup .readonly{background-color:#f0f0f0}.auth-main-container .profile-setup button{background-color:#3498db;padding:8px 30px;width:100%;border-radius:30px;color:#fff;margin:10px auto;align-self:flex-start}.react-tel-input .flag-dropdown,.react-tel-input .open{background-color:var(--input-background);border:none;border-radius:10px}.react-tel-input .flag-dropdown .open,.react-tel-input .flag-dropdown .selected-flag,.react-tel-input .open .open,.react-tel-input .open .selected-flag{background-color:var(--input-background);width:50px;border-radius:10px 0 0 10px}.react-tel-input .flag-dropdown .open .open,.react-tel-input .flag-dropdown .open:focus,.react-tel-input .flag-dropdown .open:hover,.react-tel-input .flag-dropdown .selected-flag .open,.react-tel-input .flag-dropdown .selected-flag:focus,.react-tel-input .flag-dropdown .selected-flag:hover,.react-tel-input .open .open .open,.react-tel-input .open .open:focus,.react-tel-input .open .open:hover,.react-tel-input .open .selected-flag .open,.react-tel-input .open .selected-flag:focus,.react-tel-input .open .selected-flag:hover{background-color:var(--input-background)}.react-tel-input .flag-dropdown .arrow,.react-tel-input .open .arrow{border-top:4px solid var(--text-color)}.react-tel-input .country-list{background-color:var(--input-background);color:var(--text-color)}@media(max-width:786px){.auth-main-container{flex-direction:column}.auth-main-container .send-otp-box{width:390px}.auth-main-container .left-side{width:100%}.auth-main-container .profile-setup{padding:0 20px}.auth-main-container .profile-setup h1{font-size:20px}.sign_in_page{width:100%;margin:auto;border-radius:0}.sign_in_page .button-container button{width:45%}}