.loginModal{position:relative;padding:40px 50px}@media only screen and (max-width:1366px){.loginModal{padding:30px}}.loginModal h4{margin-bottom:12px!important}@media only screen and (max-width:1440px){.loginModal h4{margin-bottom:8px!important}}.loginModal p{font-size:18px;line-height:21px;font-weight:400;color:var(--grey-color);text-align:center;margin-bottom:40px}@media only screen and (max-width:1800px){.loginModal p{font-size:16px;margin-bottom:30px}}@media only screen and (max-width:1600px){.loginModal p{font-size:14px}}@media only screen and (max-width:1366px){.loginModal p{font-size:13px;margin-bottom:20px}}.loginModal p strong{font-weight:600}.loginModal .continueWithdivider{text-align:center;margin:20px 0;position:relative}@media only screen and (max-width:1440px){.loginModal .continueWithdivider{margin:25px 0}}.loginModal .continueWithdivider:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;height:1px;width:100%;background-color:var(--extra-light-grey)}.loginModal .continueWithdivider span{background-color:var(--white-color);z-index:1;position:relative;padding:0 20px}@media only screen and (max-width:1800px){.loginModal .continueWithdivider span{font-size:14px}}.loginModal .loginWithoptions{display:flex;align-items:center;justify-content:space-around;margin-bottom:40px;gap:20px}@media only screen and (max-width:1440px){.loginModal .loginWithoptions{margin-bottom:25px}}@media only screen and (max-width:575px){.loginModal .loginWithoptions{flex-direction:column;gap:5px}}.loginModal .loginWithoptions button{width:50%}@media only screen and (max-width:575px){.loginModal .loginWithoptions button{width:100%}}@media only screen and (max-width:1800px){.loginModal .loginWithoptions button.btn{padding:12px 20px}}@media only screen and (max-width:1366px){.loginModal .loginWithoptions button.btn{padding:10px 20px}}@media only screen and (max-width:1800px){.loginModal .loginWithoptions button img{width:20px;height:auto}}@media only screen and (max-width:1600px){.loginModal .loginWithoptions button img{width:18px}}.loginModal .loginWithoptions button span{font-size:18px;font-weight:500;color:var(--black-color);margin-left:10px}@media only screen and (max-width:1800px){.loginModal .loginWithoptions button span{font-size:14px}}.loginModal .termsText{text-align:center;font-size:14px;color:var(--grey-color)}@media only screen and (max-width:1440px){.loginModal .termsText{font-size:13px}}.loginModal .termsText a{text-decoration:underline;color:var(--grey-color)}.loginModal .varificationCode .otpContainer{display:flex;justify-content:space-between;align-items:center}.loginModal .varificationCode .otpInput{background-color:var(--white-color);border:1px solid var(--medium-grey-color-2);border-radius:14px;text-align:center;width:64px;height:64px;font-size:22px;color:var(--black-color);font-weight:600;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .15s ease}@media only screen and (max-width:1800px){.loginModal .varificationCode .otpInput{width:56px;height:56px;border-radius:12px;font-size:18px}}@media only screen and (max-width:1366px){.loginModal .varificationCode .otpInput{width:48px;height:48px;border-radius:10px;font-size:16px}}@media only screen and (max-width:400px){.loginModal .varificationCode .otpInput{width:40px;height:40px;border-radius:8px}}.loginModal .varificationCode .otpInput--active{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.loginModal .varificationCode .otpInput .otpFakeCaret{position:absolute;width:1px;height:40%;background-color:var(--primary-color);animation:otpCaretBlink 1s ease-in-out infinite}@keyframes otpCaretBlink{0%,to{opacity:1}50%{opacity:0}}.loginModal .resendCode{margin:20px 0 40px}@media only screen and (max-width:1800px){.loginModal .resendCode{margin:10px 0 30px}}@media only screen and (max-width:575px){.loginModal .resendCode{margin-bottom:10px}}.loginModal .resendCode .resend_code{color:var(--primary-color);cursor:pointer}@media only screen and (max-width:1800px){.loginModal .resendCode .resend_code{font-size:14px}}@media only screen and (max-width:13660px){.loginModal .resendCode .resend_code{font-size:13px}}.loginModal .timer{font-size:14px;color:var(--grey-color);letter-spacing:.01em}@media only screen and (max-width:1366px){.loginModal .timer{font-size:13px}}.loginModal .timer .timerValue{color:var(--primary-color);font-weight:600}