.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:40px 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>div{justify-content:space-between}.loginModal .varificationCode>div .otpInput{background-color:var(--extra-light-grey);border-radius:20px;text-align:center;border:none;margin-right:8px;width:70px!important;height:70px;font-size:20px;color:var(--black-color);font-weight:600}@media only screen and (max-width:1800px){.loginModal .varificationCode>div .otpInput{width:60px!important;height:60px;border-radius:15px;font-size:16px}}@media only screen and (max-width:1366px){.loginModal .varificationCode>div .otpInput{width:50px!important;height:50px;font-size:14px}}@media only screen and (max-width:400px){.loginModal .varificationCode>div .otpInput{width:40px!important;height:40px;border-radius:10px}}.loginModal .varificationCode>div .otpInput:focus{outline:none}.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}}@media only screen and (max-width:1800px){.loginModal .timer{font-size:14px}}@media only screen and (max-width:13660px){.loginModal .timer{font-size:13px}}