.register-container{width:30%;margin:20px auto}.-text-register{text-align:start;color:#8c8c8c;font-size:14px;font-weight:500}.register-container .register-title{color:var(--sec-color);margin:0;font-size:20px;font-weight:700}.register-container .input-field-icon{color:#8c8c8c;cursor:pointer;border:1px solid #dedede;border-radius:5px;align-items:center;width:100%;height:40px;margin:15px 0;display:flex}.register-container .input-field-icon input::placeholder{color:#b3b3b3;font-size:12px}.register-container .input-field-icon.last-field{margin-bottom:0}.register-container .input-field-icon svg{color:#8c8c8c;width:22px;height:22px;margin:0 5px}.register-container .input-field-icon input{color:#8c8c8c;cursor:pointer;width:100%;font-size:14px;font-weight:500}.accept-condition-term{gap:10px;display:flex;position:relative;bottom:0}.accept-condition-term p{color:#8c8c8c;margin:5px 0 0;font-size:12px;font-weight:400}.accept-condition-term p span{cursor:pointer;text-decoration:underline}.accept-condition-term p span:hover{color:#1f1f1f}.register-btn-submit{margin-top:30px}.register-btn-submit button{margin:auto;display:block}.login-account-text{color:#a5a5a5;cursor:pointer;text-align:center;width:100%;margin:0;font-size:12px;font-weight:100;text-decoration:underline}.register-container .otp-inputs{flex-direction:row-reverse;justify-content:flex-end;gap:10px;display:flex}.register-container .otp-form{flex-direction:column;align-items:center;display:flex}.register-container .otp-box{font-size:24px;text-align:center!important;border:2px solid #ccc!important;border-radius:8px!important;outline:none!important;width:50px!important;height:50px!important;transition:border-color .3s!important}.register-container .otp-box:focus{border-color:#4a90e2!important;box-shadow:0 0 0 2px #4a90e24d!important}.not-allow{cursor:not-allowed!important}.register-container .input-field-icon .list{z-index:100;background-color:#fff;border-radius:10px;min-width:160px;height:200px;padding:0;list-style:none;position:absolute;top:30px;overflow-y:auto;box-shadow:0 4px 10px gray}.register-container .input-field-icon .list::-webkit-scrollbar{width:10px}.register-container .input-field-icon .list::-webkit-scrollbar-thumb{background-color:var(--sec-color);border-radius:10px}.register-container .input-field-icon .list::-webkit-scrollbar-track{background:#e9e9e9;border-radius:10px;margin:20px 0;height:140px!important}.register-container .input-field-icon .list::-webkit-scrollbar-button{display:none}.register-container .input-field-icon .governorates-list{right:0}.register-container .input-field-icon .city-list{right:210px}.register-container .input-field-icon .list li{color:#4b4b4b;cursor:pointer;border-bottom:1px solid #dedede;height:40px;padding:10px;font-size:12px;font-weight:300}.error-text-register-from{font-size:13px}@media (max-width:1550px){.register-container{width:35%}}@media (max-width:1080px){.register-container{width:60%}}@media (max-width:720px){.register-container{width:80%;margin:50px auto}.register-container .register-title{font-size:16px}.register-container .input-field-icon input::placeholder{font-size:10px}.register-container .otp-box{width:40px!important;height:40px!important}}@media (max-width:550px){.register-container{width:80%}.register-container .input-field-icon .list{min-width:130px}.register-container .input-field-icon .city-list{right:160px}}