#login_client,#login_driver,#login_role{width:100%;display:none;height:auto;background-color:#f2f2f2;justify-content:center;align-items:flex-start;transition:all .4s ease!important}#login_client,#login_driver{background-color:transparent!important}#login_client.active,#login_driver.active,#login_role.active{display:flex}#login_sec{display:flex;height:100%;align-items:center}#login_drive,#login_haul{width:calc(100% / 2);position:relative;text-align:center}#login_sec img{height:34px;position:relative;bottom:-6px;margin-left:50px}.form_sec{width:550px;display:flex;flex-direction:column;row-gap:10px;padding:12px;box-sizing:border-box;color:#002666}.form_sec h1{margin:0;margin-bottom:12px;font-size:24px;font-weight:700;display:inline-flex;column-gap:15px;zoom:75%}.mobile,.mobile_sec,.otp{width:100%}.form_sec label{width:100%;font-weight:700}#login_client input,#login_driver input{width:100%;padding:8px 18px;font-size:14px;margin-bottom:5px;background:#fff;border:1px solid #e5e5e4;border-radius:0;outline:0;color:#000;box-sizing:border-box;margin-top:10px;height:44px;background-clip:padding-box}#login_client input:focus,#login_driver input:focus{border-color:#334a83}.extraSec{text-align:right;margin-bottom:5px}.btn-next{font-weight:500;font-size:16px;padding:11px 20px;border-radius:0;border:2px solid #334a83;text-transform:uppercase;outline:0;line-height:18px;position:relative;width:100%;background-color:#002666;color:#fff;cursor:pointer}.btn-next span.btn-txt{display:inline-block;width:40%;text-align:left}.btn-next i{font-size:24px;transition:margin .4s ease;display:inline-block;width:50%;text-align:right}.btn-next:hover i{margin-left:4px}.bck-btn{font-size:44px;position:relative;left:-24px;cursor:pointer}.switch_container{width:246px;position:relative;height:43px;display:flex;flex-direction:row;padding:3px;column-gap:10px}.switch{position:relative;display:flex;width:120px!important;height:35px;justify-content:center;font-weight:700;align-items:center;cursor:pointer;font-size:16px;border:1px solid #002666;border-radius:5px}.switch.active{background:#002666;color:#fff;border-radius:5px;cursor:text}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:17px;width:17px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}#login_client input:checked+.slider,#login_driver input:checked+.slider{background-color:#2196f3}#login_client input:focus+.slider,#login_driver input:focus+.slider{box-shadow:0 0 1px #2196f3}#login_client input:checked+.slider:before,#login_driver input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.emailID,.email_sec,.mobile,.mobile_sec,.otp,.passwd{display:none}.emailID.active,.email_sec.active,.mobile.active,.mobile_sec.active,.otp.active,.passwd.active{display:block}.error{color:#ba3533!important;position:relative;top:-35px;font-weight:500;font-size:14px}div#title_ban{display:none;width:50%;background-image:url('../images/Sign Up/img_1.png');min-height:300px;background-size:cover;background-repeat:no-repeat}div.et-container{width:75%}div#drv_signuppage,div#signup_page.div{display:none;flex-direction:row;margin-bottom:40px;justify-content:center}div#drv_signuppage.active,div#signup_page.active{display:flex}div.form_part{display:none}div.form_part.active{display:flex;flex-direction:column}div#signin{border:1px solid #002666;padding:4px}div#signin div.form_field{text-align:center}div#signin input{width:340px;border-radius:25px}#drv_signuppage,#loginTabs,#signup_page{background:#fff;border:1px solid #e7e7e7;width:50%;padding:0 20px;margin:auto;padding-bottom:20px}#loginTabs{border:1px solid #e7e7e7;border-bottom:0}#drv_signuppage,#signup_page{border-top:0}div#form_sec{display:flex;flex-direction:column;width:100%;padding-left:0}h1{color:#002765;font-size:32px;font-size:26px;line-height:42px}div#form_sec h1{margin:0;text-align:justify;color:#002765}div#form_sec p{font-size:16px;text-align:justify;color:#000;line-height:26px}div#form_sec h2{margin:0;font-size:18px;line-height:28px;text-align:justify;color:#002765}#loginTabs,#signupTabs{display:flex;flex-direction:row;margin:-5px;margin:0 auto;padding:20px 10px;column-gap:20px}.logintab,.signuptab{width:50%;border:1px solid #71727391;padding:15px 10px;text-align:center;background:0 0;font-size:18px;background:#9e9c9c;background:#9e9c9c91;color:#555;font-weight:700;display:flex;justify-content:center;cursor:pointer;border-radius:5px}.logintab.active,.signuptab.active{background:#002666;color:#fff;box-sizing:border-box;border:1px solid #002666}.logintab.active .sp1,.signuptab.active .sp1{color:green;background:#fff;width:20px;border-radius:25px;font-size:35px;height:20px;line-height:19px}.logintab .sp2,.signuptab .sp2{background:#fff;border:1px solid;width:20px;border-radius:25px;font-size:35px;height:20px;line-height:19px}.logintab .sp1,.logintab.active .sp2,.signuptab .sp1,.signuptab.active .sp2{display:none}.logintab .sp2,.logintab.active .sp1,.signuptab .sp2,.signuptab.active .sp1{display:block}.loginforms,.signupforms{display:none}.loginforms.active,.signupforms.active{display:block}div.form_field{margin-top:20px;position:relative}div.form_field div.split_part,div.split_part_two{display:flex;flex-direction:row;width:100%}div.btn_part,div.btn_part2{margin-top:0;display:flex;justify-content:center}input.btn_field,input.input_field,select.input_field{width:100%;height:42px;box-sizing:border-box;padding-left:20px;border:0;font-family:Arial,sans-serif;font-size:16px;outline:0!important;border:1px solid #000;box-shadow:none;transition:all .2s ease-in-out;appearance:none;-webkit-appearance:none}select.input_field{appearance:auto}a.toggle_field,a.toggle_field1,input.btn_field{background:#23ac3a;text-align:center;cursor:pointer;color:#fff;padding:0;box-shadow:none!important;font-weight:700;width:240px;border-radius:25px}.toggle_field,.toggle_field1{width:100%;display:block;padding:12px!important;box-sizing:border-box}.toggle_field{background:#3423ac!important}.split_part_two .input_field:first-child{width:49%;margin-right:2%}.split_part_two .input_field:last-child{width:49%}#firstname{width:49%;margin-right:2%}#lastname{width:49%}div.footer_column h1{font-size:30px}hr{width:100%;margin-top:30px}#password_field{position:relative}div#password_field span{position:absolute;z-index:2;display:block;right:8px;top:10px;cursor:pointer}#password_field img{display:none;width:25px}#password_field img.active{display:block}#password_field2{position:relative}div#password_field2 span{position:absolute;z-index:2;display:block;right:8px;top:10px;cursor:pointer}#password_field2 img{display:none;width:25px}#password_field2 img.active{display:block}@media screen and (max-width:990px){#drv_signuppage,#loginTabs,#signup_page{width:70%}}@media screen and (max-width:673px){div#signup_page{flex-direction:column;margin-bottom:40px}div#title_ban{display:none}#drv_signuppage,#loginTabs,#signup_page{width:100%}input.btn_field,input.input_field{font-size:14px}}.passwd{position:relative}i.fa.fa-eye,i.far.fa-eye{position:absolute;top:38px;font-size:20px;right:23px}