.sign-in-content{display:flex;height:100vh;overflow:hidden;font-family:Urbanist,sans-serif!important;width:100%}.sign-in-banner{width:41.66666667%;height:100vh;z-index:-99}.sign-in-banner img{width:100%;height:100%;object-fit:cover}.tabs-menu{width:58.33333333%;height:100%;padding-top:9rem;display:grid;place-items:center;overflow:auto;flex-direction:column;background:hsla(0,0%,52%,.05);margin:auto}.sign-in-tabs,.tabs-menu{justify-content:center;align-items:center}.sign-in-tabs{display:flex;margin-bottom:2rem}.sign-in-tabs .tabs{position:relative;font-weight:500;font-family:Urbanist,sans-serif!important;font-size:2.8rem;line-height:3.6rem;color:#858585;text-transform:uppercase;border-bottom:3px solid #f2f2f2;cursor:pointer;padding:1.5rem}.sign-in-tabs .tabs:hover{color:#355d6c}.sign-in-tabs .tabs.active-tabs{color:#355d6c;border-color:#355d6c}.content-tabs .content:not(.active-content){display:none}.content p,.content-tabs .content p{width:100%;max-width:39.1rem;font-weight:300;font-size:2.2rem;line-height:3.2rem;font-family:Urbanist,sans-serif!important;text-align:center;color:#383838;padding-top:3.4rem;margin:0 auto}.content .or-border{position:relative;font-family:Urbanist,serif!important;font-weight:400;font-size:2rem;line-height:3.2rem;text-align:center;color:#383838;text-transform:uppercase}.content .or-border:after,.content .or-border:before{position:absolute;content:"";width:40%;height:2px;background-color:#858585;top:50%}.content .or-border:after{left:0}.content .or-border:before{right:0}.login-with-email{text-align:center}.login-with-email button{width:385px;margin-top:40px;text-transform:uppercase;padding:2.4rem 7rem!important}.login-with-email button,.social-login{font-family:Urbanist,sans-serif!important}.social-login{font-weight:600;margin:1.5rem auto;display:flex;align-items:center;justify-content:center;gap:1rem;border:1px solid #fff;border-radius:100px;padding:1rem 9.7rem}.social-login:hover{cursor:pointer;background:#000;color:#fff;transition:.3s ease;border-color:#000}.social-login button{width:385px;margin-bottom:20px;font-family:Urbanist,sans-serif!important;padding:2.2rem 5rem!important;justify-content:space-around;display:flex}.social-login button img{width:35px;height:35px;margin-right:50px}.social-login button:first-child{margin-right:3rem}.social-login button:last-child{margin-left:3rem}.input-field{display:flex;flex-direction:column;align-items:center;justify-content:center}.input-field input{display:block;width:100%;font-family:Urbanist,sans-serif!important;font-weight:300;font-size:1.8rem;line-height:2.3rem;color:#383838;border-bottom:1px solid #b3b3b3;padding:1.6rem 1.6rem 1.6rem 0;margin-bottom:2.4rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;background:transparent}.modal .forgot_password,.modal .input-field button,.modal .input-field input,.modal .password-field span{color:#fff}.modal .input-field button{border-color:#fff!important}.modal .input-field button:hover{border-color:#000!important}.input-field input:focus{border-bottom:1px solid #b3b3b3}.input-field button,.login-with-email button,.social-login button{padding:2.4rem 9.7rem;font-weight:600;font-size:1.8rem;line-height:2.8rem;color:#383838;text-transform:capitalize;border:2px solid #383838;border-radius:50rem;margin-top:2.2rem;text-transform:uppercase}.input-field button{margin-bottom:5rem}.input-field button:hover{cursor:pointer;background:#000;color:#fff}.name-field{display:flex;justify-content:space-between;align-items:center;padding:0 2.5rem}.name-field input{width:48%}.password-field{position:relative;width:100%}.password-field input{padding-right:6rem}.password-field span{position:absolute;top:1.6rem;right:4rem;font-weight:500;font-size:1.8rem;line-height:2.1rem;color:#383838;text-transform:capitalize;cursor:pointer}.forgot_password{font-weight:300;font-size:2.2rem;line-height:3.2rem;text-align:start;color:var(--gray)!important;width:100%;text-align:end;cursor:pointer}.forgot_password:hover{color:var(--yellow)!important}.signIn-form,.signUp-form{width:502px;margin:auto}.signIn_form_close{font-size:25px;color:#fff;position:absolute;right:20px;top:20px}@media screen and (max-width:767.98px){.sign-in-content{flex-direction:column;height:100%}.sign-in-banner{order:2;width:100%}.tabs-menu{order:1;width:95%;padding-top:85px;padding-bottom:30px}.input-field input,.password-field{width:100%}.content .or-border:after,.content .or-border:before{width:35%}.login-with-email button{width:285px;margin-top:25px;text-transform:uppercase;padding:1.1rem 2.9rem!important;font-size:16px}.sign-in-tabs .tabs{font-size:1.25rem;line-height:2.5rem}.signIn-form,.signUp-form{width:100%;margin:40px auto;padding-left:16px;padding-right:16px}.input-field input{font-size:1.5rem;line-height:2rem}.forgot_password,.password-field span{font-size:1.4rem}.input-field button,.login-with-email button,.social-login button{padding:1.1rem 2.9rem!important;font-size:16px;min-width:265px;margin-top:2.5rem}.input-field button{margin-bottom:2.5rem}.social-login{width:100%;max-width:100%;padding:1.1rem 2.9rem!important}}@media screen and (min-width:768px) and (max-width:1023.98px){.sign-in-content{flex-direction:column;height:100%}.sign-in-banner{order:2;width:100%}.tabs-menu{order:1;width:95%;padding-top:85px;padding-bottom:30px}.signIn-form,.signUp-form{width:80%;margin:20px auto;padding-left:16px;padding-right:16px}.content .or-border:after,.content .or-border:before{width:40%}.sign-in-tabs .tabs{font-size:2.1rem;line-height:3.6rem}}.modal .input-field .signIn_button{background-color:var(--yellow);border-color:var(--yellow)!important;color:var(--black);padding:1.5rem 9.7rem;font-family:Urbanist,sans-serif!important;width:100%;opacity:.8}.modal .input-field .signUp_button{background-color:transparent;font-family:Urbanist,sans-serif!important;border-color:var(--white)!important;color:var(--white);padding:1.5rem 9.7rem}.modal .input-field .signIn_button:hover{background-color:var(--black);color:var(--yellow);border-color:var(--black)}.modal .input-field .signUp_button:focus,.modal .input-field .signUp_button:hover{background-color:var(--black);color:var(--white);border-color:var(--black)}.modal .input-field{color:var(--white)}.modal .input-field input{padding-left:19px}.modal .input-field input::placeholder{color:var(--white)}.modal .new_user_text{font-size:24px;font-weight:400;line-height:24px}.modal .new_user_text,.modal .signIn-title{text-align:center;font-family:Urbanist,sans-serif!important;color:var(--white)}.modal .signIn-title{font-size:27px;font-weight:500;line-height:40.93px;margin-bottom:35px}.forget_text{display:flex;justify-content:space-between;align-items:center;font-family:Urbanist,sans-serif!important;margin-top:10px;font-size:20px;font-weight:400;line-height:20px;text-align:left;width:100%;white-space:nowrap}@media screen and (max-width:540.98px){.modal .signIn-title{font-size:27px;font-weight:500;line-height:40.93px;margin-bottom:25px}.modal .new_user_text,.modal .signIn-title{font-family:Urbanist,sans-serif!important;text-align:center;color:var(--white)}.modal .new_user_text{font-size:14px;font-weight:400;line-height:24px}}