@import url('https://fonts.googleapis.com/css2?family=Namdhinggo:wght@400;500;600;700;800&display=swap');#register,#login-div{width:400px;position:relative;box-shadow:0 3px 20px 0px rgba(0,0,0,0.1);font-family:calibri;border:0.1px solid #c7bca1;margin:auto}.back{width:400px;margin:20px auto;margin-top:30px;display:block}#register{margin-top:20px;padding-bottom:30px;overflow:hidden}#login-div{margin-top:20px;padding:22px 0px;text-align:center;font-size:16px;margin-bottom:50px}#login-div p{margin:auto}#login-div a{text-decoration:none;padding:9px 3px;cursor:pointer;color:#0d6efd;font-size:16px}#login-div a:hover{text-decoration:underline}#register .heading{font-family:calibri;font-size:40px;text-align:center;margin-top:40px;font-family:"Namdhinggo",serif}.error,#register .verify-error{width:400px}#register .verify-error.success{background:#d1e7dd;color:#0f5132}#register .error .cross,#register .verify-error .cross{position:absolute;right:8px;padding:4px 7px;top:1px;cursor:pointer}#register .fields{margin-top:40px}#register .field{margin-top:24px;display:flex;gap:5px;justify-content:center}#register .field.button-field{text-align:center}#register .field h5{margin:0px;font-size:17px;font-weight:600;width:95px}#register .field.required h5::after{content:"*";color:red;font-weight:300;margin-left:2px;font-size:16px}#register .field input,#register .field select{padding:7px;padding-left:10px;font-size:14px;border:1px solid #c7bca1;border-radius:3px;flex:1;width:100%}#register .field input:focus,#register .field select:focus{outline:none;border:1px solid black}#register .phone_container{}#register .phone_container span{padding:6.5px;background-color:#f0f0f0;border:1px solid #ccc;border-right:none;border-radius:4px 0 0 4px}#register .phone_container input{border-radius:0 4px 4px 0;margin-top:0px}#register .info{color:grey;font-size:14px;width:90%;margin-top:10px}#register .remember{position:relative;margin-top:30px}#register .remember input{height:15px;width:15px}#register .remember input:checked{accent-color:#80489c}#register .remember p{position:absolute;display:inline;font-size:15px;bottom:-13px;margin-left:8px}#register #uname_response p{margin-top:10px;margin-left:5px;font-size:16px}#register .terms{font-size:14px;margin-left:5px;color:#576f72;margin-top:25px;margin-bottom:20px;line-height:1.5}#register .terms a{cursor:pointer;color:#3a6bfa;text-decoration:none}#register .terms a:hover{text-decoration:underline}#register .field button{padding:10px;width:270px;margin-top:10px;background:#df8f30;color:#fef9a7;border:none;border-radius:5px;opacity:1;font-size:16px;cursor:pointer}#register .field button:disabled{opacity:0.7;cursor:default}#register .email-form,#register form{margin:30px 15px}#register input[type="password"]::-ms-reveal,input[type="password"]::-ms-clear{display:none}#register .email-form .password-field{position:relative}#register .email-form .eye{position:absolute;cursor:pointer;font-size:16px;color:grey;display:inline;padding:7px;top:1px;right:0px}#register .email-form #hide1{display:none}#register .email-form #hide2{display:inline}#register .email-form{display:block}#register .email-form.hide{padding:0px;border:none}#register .verify-mail-div{position:absolute;opacity:0;max-width:450px;left:130%;width:99%;top:40px;background:white;padding-bottom:20px;border:1px solid grey;margin-top:-40px;padding-top:20px}#register .verify-mail-div .title{text-align:center;display:block;margin-top:30px;font-weight:bold;font-size:26px;font-family:system-ui;color:#1556b8;color:#343333}#register .verify-mail-div h2{text-align:center;margin-top:50px;margin-bottom:20px;font-size:17px;font-weight:500;width:80%;margin-left:35px;line-height:1.8;color:#373434;font-family:calibri}#register .verify-mail-div .email{color:#1d64c1}#register .verify-mail-div button{font-size:16px;opacity:0.95;width:126px;font-weight:bold;color:white;border:0 none;border-radius:5px;cursor:pointer;padding:10px 23px;margin-top:50px}#register .verify-mail-div #previousMail{margin-left:60px;background:white;border:1px solid #c4bfbf;color:#186bd7}#register .verify-mail-div #submitMail{background:#186bd7;margin-left:25px}#register .verify-mail-div #previousMail:hover{background:#e8f0fe}#register .verify-mail-div #submitMail:hover{background:#1c5dc6}#register .verify-mail-div p{margin-top:-30px;margin-left:35px;margin-bottom:40px;font-size:17px;color:red}#register .verify-mail-div .code{display:block;width:100%;text-align:center;margin-top:55px;border-top:1px solid #d0c5c5;padding-top:18px;font-size:16px;color:#514f4f}#register .verify-mail-div .resend{cursor:pointer;color:#7e1bb0;font-size:16px;font-weight:600;margin-left:3px}#register .verify-mail-div .resend:hover{text-decoration:underline}#register .verify-mail-div .resend.disabled{cursor:default;color:grey;text-decoration:none}#register .verify-mail-div #countdown{font-size:15px;color:purple;font-weight:bold}.register-info{text-align:center;margin-top:-15px;margin-bottom:40px;color:grey;font-size:14px;line-height:1.5}@media screen and (max-width:450px){#register,#login-div,.back{width:90%}#register .field button{margin-left:5%;width:85%}#register .info{width:75%}#register .email-form,#register form{margin:30px 5px}}@media screen and (max-width:360px){#register .heading{width:88%;margin:auto}#login-div{padding:18px 0px}#register .email-form{margin:30px 14px;margin-left:15px}#register .email-form .eye{right:3px}}