.auth-main-container{background-image:var(--auth-background-image);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:space-evenly;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-main-container .left-side{justify-content:center;align-items:center;width:50%;display:flex}.auth-main-container .left-side img{width:60%}.auth-main-container .left-side .welcome-box{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.auth-main-container .left-side .welcome-box img{width:500px}.auth-main-container .left-side .welcome-box h2{color:var(--heading-color);margin-top:10px;font-size:32px;font-weight:800}.auth-main-container .left-side .welcome-box p{color:var(--text-color);font-size:16px}.auth-main-container.plain-bg{background-image:none;background-color:var(--background-color)}.sign_in_page{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:390px;display:flex}.sign_in_page h3{width:100%;font-size:32px;font-weight:600}.sign_in_page span{color:gray;width:100%;margin-top:-20px;font-size:14px}.sign_in_page .button-container{background-color:var(--input-background);border-radius:40px;justify-content:space-between;width:100%;display:flex}.sign_in_page .button-container button{text-align:center;border-radius:40px;width:45%;padding:12px;font-size:14px}.sign_in_page .button-container .active{background:var(--btn-gradient);box-shadow:var(--btn-gradient-shadow);color:#fff}.sign_in_page .button-container .active:hover{background:var(--amal-purple-2)}.sign_in_page form{flex-direction:column;gap:.8rem;width:100%;display:flex}.sign_in_page form .form-box{flex-direction:column;gap:5px;font-size:14px;display:flex}.sign_in_page form .form-box input{background-color:var(--input-background);border-radius:10px;outline:none;padding:12px;font-size:16px}.sign_in_page form .form-box .error{border:1px solid #ff0f23;border-radius:5px}.sign_in_page form .form-box .error-message{color:#ff0f23;text-align:left;margin-bottom:0}.sign_in_page form p{text-align:center;font-size:13px}.sign_in_page form .terms-checkbox{width:100%}.sign_in_page form .terms-checkbox .terms-label{text-align:left;color:var(--text-color);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.sign_in_page form .terms-checkbox .terms-label input{width:16px;height:16px;accent-color:var(--primary-color);flex-shrink:0;margin-top:3px}.sign_in_page form .terms-checkbox .terms-label span{width:auto;color:inherit;line-height:inherit;font-size:inherit;margin-top:0}.sign_in_page form .terms-checkbox .terms-label a{color:#8969e8;width:auto;font-size:inherit;align-self:auto;text-decoration:underline}.sign_in_page form button{background:var(--btn-gradient);box-shadow:var(--btn-gradient-shadow);color:#fff;border-radius:40px;padding:10px}.sign_in_page form button:hover{background:var(--amal-purple-2)}.sign_in_page form a{color:#8969e8;align-self:center;width:fit-content;font-size:14px;text-decoration:underline}.sign_in_page form .error-color{color:#ff0f23}.auth-main-container .send-otp-box{border-radius:10px;flex-direction:column;align-items:center;gap:10px;width:610px;max-width:100%;display:flex}.auth-main-container .send-otp-box h1{align-items:center;font-size:30px;font-weight:600;display:flex}.auth-main-container .send-otp-box h1 svg{color:#8969e8;width:30px;height:50px}.auth-main-container .send-otp-box img{align-self:center}.auth-main-container .send-otp-box p{color:#8b8b8b;text-align:center;margin:10px auto 20px;font-size:13px}.auth-main-container .send-otp-box button{background-color:var(--input-background);text-align:center;border:2px solid #0000;border-radius:10px;width:100%;padding:14px;font-size:15px;position:relative}.auth-main-container .send-otp-box button svg{color:#8969e8;height:20px;position:absolute;top:50%;left:40px;transform:translate(-50%,-50%)}.auth-main-container .send-otp-box .active{border-color:#8969e8}.auth-main-container .send-otp-box .otp-input{gap:10px;display:flex}.auth-main-container .send-otp-box .otp-input .otp-slot{background-color:var(--input-background);border:1px solid #8b8b8b;border-radius:5px}.auth-main-container .send-otp-box .error-message{color:#ff0f23;margin-bottom:0}.auth-main-container .send-otp-box .submit-btn{background:var(--btn-gradient);box-shadow:var(--btn-gradient-shadow);color:#fff;border-color:#0000;border-radius:30px;width:100%;margin-top:30px;padding:8px 50px;font-size:14px}.auth-main-container .send-otp-box .submit-btn:hover{background:var(--amal-purple-2)}.auth-main-container .send-otp-box .disabled{background-color:#8b8b8b;border-color:#8b8b8b}.auth-main-container .profile-setup{border-radius:10px;flex-direction:column;align-items:center;gap:10px;width:390px;display:flex}.auth-main-container .profile-setup h1{align-items:center;width:100%;font-size:30px;font-weight:600;display:flex}.auth-main-container .profile-setup h1 svg{color:#8969e8;width:30px;height:50px}.auth-main-container .profile-setup form{gap:15px}.auth-main-container .profile-setup .input-box{flex-direction:column;gap:5px;width:100%;display:flex}.auth-main-container .profile-setup .input-box input{background-color:var(--input-background);border:1px solid #0000;border-radius:10px;outline:none;padding:12px 15px}.auth-main-container .profile-setup .input-error{color:red;margin-top:.25rem;font-size:.875rem}.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:var(--btn-gradient);box-shadow:var(--btn-gradient-shadow);color:#fff;border-radius:30px;align-self:flex-start;width:100%;margin:10px auto;padding:8px 30px}.auth-main-container .profile-setup button:hover{background:var(--amal-purple-2)}.react-tel-input .open,.react-tel-input .flag-dropdown{background-color:var(--input-background);border:none;border-radius:10px}.react-tel-input .open .open,.react-tel-input .open .selected-flag,.react-tel-input .flag-dropdown .open,.react-tel-input .flag-dropdown .selected-flag{background-color:var(--input-background);border-radius:10px 0 0 10px;width:50px}.react-tel-input .open .open .open,.react-tel-input .open .open:hover,.react-tel-input .open .open:focus,.react-tel-input .open .selected-flag .open,.react-tel-input .open .selected-flag:hover,.react-tel-input .open .selected-flag:focus,.react-tel-input .flag-dropdown .open .open,.react-tel-input .flag-dropdown .open:hover,.react-tel-input .flag-dropdown .open:focus,.react-tel-input .flag-dropdown .selected-flag .open,.react-tel-input .flag-dropdown .selected-flag:hover,.react-tel-input .flag-dropdown .selected-flag:focus{background-color:var(--input-background)}.react-tel-input .open .arrow,.react-tel-input .flag-dropdown .arrow{border-top:4px solid var(--text-color)}.react-tel-input .country-list{background-color:var(--input-background);color:var(--text-color);box-shadow:var(--box-shadow);border-radius:12px}@media (max-width:786px){.auth-main-container{flex-direction:column}.auth-main-container .send-otp-box{width:390px}.auth-main-container .left-side{display:none}.auth-main-container .sign_in_page{margin-top:5rem}.auth-main-container .sign_up_page{margin-top:1.3rem}.auth-main-container .profile-setup{padding:0 20px}.auth-main-container .profile-setup h1{font-size:20px}.sign_in_page{border-radius:0;width:100%;margin:auto}.sign_in_page .button-container button{width:45%}}