.loginPage,.registerPage{justify-content:center;align-items:center;width:100%;height:50rem;display:flex;margin-top:1rem!important}.loginPage .loginContent{display:block!important}.loginPage .registerContent{display:none!important}.loginPage .loginRegisterPopup .right{padding:4.12rem 3.15rem!important}.loginRegisterPopupContainer .loginRegisterPopup{width:53.125rem!important;max-width:100%!important;height:40rem!important}@media screen and (width<=768px){.loginRegisterPopupContainer .loginRegisterPopup{height:41rem!important}}body,#loginRegisterPopup{padding-right:0!important}.loginRegisterPopupContainer.modal-dialog{max-width:unset!important}@media screen and (width<=768px){.loginRegisterPopupContainer.modal-dialog{margin:0 auto;max-width:28rem!important}}.loginRegisterPopupContainer .modal-content{background-clip:unset;background-color:#0000;border:none;align-items:center}.loginRegisterPopupContainer .modal-body{padding:0}.loginRegisterPopupContainer .loginRegisterPopup textarea:focus,.loginRegisterPopupContainer .loginRegisterPopup input[type=text]:focus,.loginRegisterPopupContainer .loginRegisterPopup input[type=password]:focus,.loginRegisterPopupContainer .loginRegisterPopup input[type=datetime]:focus,.loginRegisterPopupContainer .loginRegisterPopup input[type=datetime-local]:focus,.loginRegisterPopupContainer .loginRegisterPopup input[type=date]:focus,.loginRegisterPopupContainer .loginRegisterPopup input[type=month]:focus,.loginRegisterPopupContainer .loginRegisterPopup input[type=time]:focus,.loginRegisterPopupContainer .loginRegisterPopup input[type=week]:focus,.loginRegisterPopupContainer .loginRegisterPopup input[type=number]:focus,.loginRegisterPopupContainer .loginRegisterPopup input[type=email]:focus,.loginRegisterPopupContainer .loginRegisterPopup input[type=url]:focus,.loginRegisterPopupContainer .loginRegisterPopup input[type=search]:focus,.loginRegisterPopupContainer .loginRegisterPopup input[type=tel]:focus,.loginRegisterPopupContainer .loginRegisterPopup input[type=color]:focus,.loginRegisterPopupContainer .loginRegisterPopup .uneditable-input:focus{border-color:#f97316;outline:0;box-shadow:0 0 0 3px #f9731614}.loginRegisterPopupContainer .loginRegisterPopup button,.loginRegisterPopupContainer .loginRegisterPopup button:focus,.loginRegisterPopupContainer .loginRegisterPopup button:hover{box-shadow:none;border:none;outline:none}.loginRegisterPopupContainer .loginRegisterPopup button:not(.close):hover{opacity:.92}.loginRegisterPopupContainer .loginRegisterPopup{border-radius:1.5rem;width:54rem;height:auto;min-height:37rem;display:flex;overflow:hidden;box-shadow:0 8px 32px #1e3a5f1f}@media screen and (width<=768px){.loginRegisterPopupContainer .loginRegisterPopup{border-radius:1rem;width:100%;min-height:auto}}.loginRegisterPopupContainer .loginRegisterPopup .close{color:#64748b;z-index:10;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.5rem;font-weight:600;transition:all .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.loginRegisterPopupContainer .loginRegisterPopup .close:hover{color:#1e3a5f;background-color:#1e3a5f0f!important}.loginRegisterPopupContainer .loginRegisterPopup>div{width:50%}@media screen and (width<=768px){.loginRegisterPopupContainer .loginRegisterPopup>div{width:100%}}.loginRegisterPopupContainer .loginRegisterPopup .phone-wrapper input{padding-right:1.5625rem}.loginRegisterPopupContainer .loginRegisterPopup .phone-wrapper select{opacity:0;border:none;outline:none;width:1.575rem;height:2.2125rem;margin:0;padding:0;position:absolute;top:.3125rem;right:.375rem}.loginRegisterPopupContainer .loginRegisterPopup .phone-wrapper select:hover{cursor:pointer}@media screen and (width<=768px){.loginRegisterPopupContainer .loginRegisterPopup .left{display:none}}.loginRegisterPopupContainer .loginRegisterPopup .left{color:#fff;text-align:center;background:linear-gradient(165deg,#1e3a5f 0%,#2a4f7f 40%,#1e3a5f 100%);flex-direction:column;align-items:center;padding:3rem 2.25rem 2rem;display:flex;position:relative;overflow:hidden}.loginRegisterPopupContainer .loginRegisterPopup .left:after{content:"";pointer-events:none;background:radial-gradient(circle,#f973161f 0%,#0000 70%);border-radius:50%;width:12rem;height:12rem;position:absolute;bottom:-4rem;right:-4rem}.loginRegisterPopupContainer .loginRegisterPopup .left .registerContent h1,.loginRegisterPopupContainer .loginRegisterPopup .left .registerContent h2{letter-spacing:-.02em;margin-top:1rem;font-size:1.75rem;font-weight:800;line-height:2.25rem}.loginRegisterPopupContainer .loginRegisterPopup .left .registerContent p{color:#ffffffd9;width:20rem;margin-top:1rem;font-size:.875rem;font-weight:400;line-height:1.4rem}.loginRegisterPopupContainer .loginRegisterPopup .left .registerContent .reviewArea{flex-direction:column;margin-top:2.5rem;display:flex}.loginRegisterPopupContainer .loginRegisterPopup .left .registerContent .reviewArea img{border-radius:50%}.loginRegisterPopupContainer .loginRegisterPopup .left .registerContent .reviewArea .stars{margin-top:.5rem}.loginRegisterPopupContainer .loginRegisterPopup .left .registerContent .reviewArea .stars i{color:#facc15;font-size:.875rem}.loginRegisterPopupContainer .loginRegisterPopup .left .registerContent .reviewArea .reviewsText{color:#ffffffb3;margin-top:.25rem;font-size:.75rem;line-height:1rem}.loginRegisterPopupContainer .loginRegisterPopup .left .loginContent{margin-top:1rem}.loginRegisterPopupContainer .loginRegisterPopup .left .loginContent h2,.loginRegisterPopupContainer .loginRegisterPopup .left .loginContent h1{text-align:center;letter-spacing:-.02em;color:#fff;width:20rem;font-size:1.75rem;font-weight:800;line-height:2.25rem}.loginRegisterPopupContainer .loginRegisterPopup .left .loginContent .tutorArea{margin-top:1.5rem;margin-bottom:1.5rem}.loginRegisterPopupContainer .loginRegisterPopup .left .loginContent .tutorArea h5{color:#fff;font-size:.9375rem;font-weight:700;line-height:1.25rem}.loginRegisterPopupContainer .loginRegisterPopup .left .loginContent .tutorArea p{text-align:center;color:#ffffffbf;margin-top:.375rem;font-size:.8125rem;font-weight:400;line-height:1.25rem}.loginRegisterPopupContainer .loginRegisterPopup .left .loginContent .tutorArea h6{text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin-top:1rem;font-size:.6875rem;font-weight:500;line-height:1rem}.loginRegisterPopupContainer .loginRegisterPopup .left .loginContent .tutorArea .tutorProfilePhoto{border:2.5px solid #fff9;border-radius:50%;width:4rem;height:4rem;margin:.625rem auto;overflow:hidden}.loginRegisterPopupContainer .loginRegisterPopup .left .loginContent .tutorArea .tutorProfilePhoto img{object-fit:cover;border-radius:50%;width:100%;height:100%}.loginRegisterPopupContainer .loginRegisterPopup .left .loginContent .tutorArea .tutorRateArea .stars i{color:#facc15;font-size:.8125rem}.loginRegisterPopupContainer .loginRegisterPopup .left .loginContent .tutorArea .tutorRateArea .rate{color:#ffffffe6;margin-top:.125rem;font-size:.6875rem;font-weight:500;line-height:1rem}.loginRegisterPopupContainer .loginRegisterPopup .left .loginContent .tutorArea .tutorRateArea .rate span{color:#fff9}.loginRegisterPopupContainer .loginRegisterPopup .left .loginContent .tutorArea .tutorRateArea .rate span:before{content:"("}.loginRegisterPopupContainer .loginRegisterPopup .left .loginContent .tutorArea .tutorRateArea .rate span:after{content:")"}.loginRegisterPopupContainer .loginRegisterPopup .left .appIcons{margin-top:auto;padding-top:1rem}.loginRegisterPopupContainer .loginRegisterPopup .left .appIcons img{width:7.5rem;transition:opacity .2s}.loginRegisterPopupContainer .loginRegisterPopup .left .appIcons img:hover{opacity:.85}.loginRegisterPopupContainer .loginRegisterPopup .left .appIcons a{text-decoration:none!important}.loginRegisterPopupContainer .loginRegisterPopup .left .appIcons .androidIcon{margin-left:.75rem}.loginRegisterPopupContainer .loginRegisterPopup .right{background:#fff;padding:2rem 2.5rem 2.25rem}.loginRegisterPopupContainer .loginRegisterPopup .right.login{padding:3.5rem 2.5rem}@media screen and (width<=768px){.loginRegisterPopupContainer .loginRegisterPopup .right{border-radius:1rem;padding:1.5rem 1.25rem}}.loginRegisterPopupContainer .loginRegisterPopup .right .top{text-align:right;color:#475569;font-size:.8125rem;font-weight:400;line-height:1.25rem}.loginRegisterPopupContainer .loginRegisterPopup .right .top a{color:#f97316;cursor:pointer;font-size:.8125rem;font-weight:700;line-height:1.25rem;text-decoration:none;transition:color .2s}.loginRegisterPopupContainer .loginRegisterPopup .right .top a:hover{color:#ea580c}.loginRegisterPopupContainer .loginRegisterPopup .right .content{margin-top:2rem}.loginRegisterPopupContainer .loginRegisterPopup .right .content h5{color:#1e3a5f;letter-spacing:-.02em;margin-bottom:1.25rem;font-size:1.375rem;font-weight:800;line-height:1.75rem}.loginRegisterPopupContainer .loginRegisterPopup .right .content .registerContent form>div label,.loginRegisterPopupContainer .loginRegisterPopup .right .content .loginContent form>div label{color:#1e3a5f;margin:0;font-size:.8125rem;font-weight:600;line-height:1.5rem}.loginRegisterPopupContainer .loginRegisterPopup .right .content .registerContent form>div input,.loginRegisterPopupContainer .loginRegisterPopup .right .content .loginContent form>div input{color:#1e3a5f;background:#fff;border:1.5px solid #e5e7eb;border-radius:.75rem;padding:.625rem .875rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.loginRegisterPopupContainer .loginRegisterPopup .right .content .registerContent form>div input:focus,.loginRegisterPopupContainer .loginRegisterPopup .right .content .loginContent form>div input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731614}.loginRegisterPopupContainer .loginRegisterPopup .right .content .registerContent form>div input::placeholder,.loginRegisterPopupContainer .loginRegisterPopup .right .content .loginContent form>div input::placeholder{color:#64748b}.loginRegisterPopupContainer .loginRegisterPopup .right .content .registerContent form>div,.loginRegisterPopupContainer .loginRegisterPopup .right .content .loginContent form>div{margin-bottom:.625rem}.loginRegisterPopupContainer .loginRegisterPopup .right .content .registerContent form>div .failed,.loginRegisterPopupContainer .loginRegisterPopup .right .content .loginContent form>div .failed{color:#ef4444;text-align:left;margin-top:.1875rem;font-size:.75rem;display:none}.loginRegisterPopupContainer .loginRegisterPopup .right .content .registerContent form>div>.countryPhoneSelectGroup,.loginRegisterPopupContainer .loginRegisterPopup .right .content .loginContent form>div>.countryPhoneSelectGroup{gap:.5rem;display:flex}.loginRegisterPopupContainer .loginRegisterPopup .right .content .registerContent form>div>.countryPhoneSelectGroup .phone-code-wrapper,.loginRegisterPopupContainer .loginRegisterPopup .right .content .loginContent form>div>.countryPhoneSelectGroup .phone-code-wrapper{flex-basis:max-content;max-width:30%;position:relative}.loginRegisterPopupContainer .loginRegisterPopup .right .content .registerContent form>div>.countryPhoneSelectGroup .phone-code-wrapper:after,.loginRegisterPopupContainer .loginRegisterPopup .right .content .loginContent form>div>.countryPhoneSelectGroup .phone-code-wrapper:after{content:"";pointer-events:none;z-index:3;border-top:5px solid #708daa;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.loginRegisterPopupContainer .loginRegisterPopup .right .content button{letter-spacing:.02em;color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:.75rem;justify-content:center;align-items:center;width:100%;height:3rem;margin-top:1.25rem;padding:.875rem 1.25rem;font-size:1rem;font-weight:700;line-height:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #10b98140}.loginRegisterPopupContainer .loginRegisterPopup .right .content button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b9814d;background:#059669!important;border-color:#059669!important}.loginRegisterPopupContainer .loginRegisterPopup .right .content button:active{transform:translateY(0)}.loginRegisterPopupContainer .loginRegisterPopup .right .content button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loginRegisterPopupContainer .loginRegisterPopup .right .content p{color:#64748b;margin-top:1rem;font-size:.75rem;font-weight:400;line-height:1.125rem}.loginRegisterPopupContainer .loginRegisterPopup .right .content .loginWelcomeText{margin-bottom:1.5rem}.loginRegisterPopupContainer .loginRegisterPopup .right .content .forgotPassword{color:#f97316;cursor:pointer;margin-top:.5rem;font-size:.8125rem;font-weight:600;line-height:1.5rem;text-decoration:none;transition:color .2s;display:inline-block}.loginRegisterPopupContainer .loginRegisterPopup .right .content .forgotPassword:hover{color:#ea580c}.loginRegisterPopupContainer .loginRegisterPopup .loginContent{display:none}.privacy-notice-link{align-self:flex-start;color:#64748b!important;margin-top:.75rem!important;margin-bottom:.5rem!important;font-size:.6875rem!important}.privacy-notice-link a{color:#64748b;cursor:pointer;align-items:center;gap:.25rem;font-size:.6875rem;text-decoration:none;transition:color .2s;display:inline-flex}.privacy-notice-link a:hover{color:#f97316}.privacy-notice-link a svg{flex-shrink:0;width:.875rem;height:.875rem}.checkbox-group{align-items:flex-start;gap:.5rem;margin-bottom:.625rem;display:flex}.checkbox-group input[type=checkbox]{accent-color:#f97316;flex-shrink:0;width:1rem;height:1rem;margin-top:.1875rem}.checkbox-group label{color:#475569!important;font-size:.6875rem!important;font-weight:400!important;line-height:1.125rem!important}.checkbox-group label a{color:#f97316;text-decoration:none}.checkbox-group label a:hover{text-decoration:underline}.grecaptcha-badge{display:none}.loginRegisterPopupContainer .loginRegisterPopup .left{color:#fff!important;text-align:center!important;background:linear-gradient(#0000003d,#0000003d),conic-gradient(from 165.37deg at 99% 98.89%,#2a346c00 -14.66deg,#27336a 33.29deg,#2a346c00 345.34deg,#27336a 393.29deg)!important;flex-direction:column!important;align-items:center!important;padding:3.75rem 2.25rem 1.87rem!important;display:flex!important}@media screen and (width<=768px){.loginRegisterPopupContainer .loginRegisterPopup .left{display:none!important}}
