.authPage{height:100vh;display:flex;overflow:hidden}.authPage.ar .brandBackground{border-radius:0 80px 80px 0}.authPage .brandBackground{background-image:url(/authImage.png);background-position:50%;background-size:cover;border-radius:80px 0 0 80px;flex:1;max-width:720px}@media (max-width:780px){.authPage .brandBackground{display:none}}.authPage .mainAuthContent{flex-direction:column;flex:1;display:flex;position:relative;overflow:auto}.authPage .mainAuthContent .authNav{z-index:50;direction:ltr;background-color:#fff;justify-content:flex-start;height:-moz-fit-content;height:fit-content;padding:32px 32px 8px;display:flex;position:-webkit-sticky;position:sticky;top:0}@media (max-width:780px){.authPage .mainAuthContent .authNav{justify-content:center;padding:20px 16px 16px}}.authPage .mainAuthContent .topBttnWrapper{width:100%;max-width:580px;margin:0 auto;padding:0 32px}@media (max-width:780px){.authPage .mainAuthContent .topBttnWrapper{z-index:500;height:-moz-fit-content;height:fit-content;margin:0;padding:0;position:fixed;top:35px;right:9px}}.authPage .mainAuthContent .backButton{text-transform:capitalize;border:1.3px solid var(--Gray-200,#e9eaeb);background:var(--Gray-50,#fafafa);width:-moz-fit-content;width:fit-content;height:34px;color:var(--Gray-700,#414651);border-radius:128.7px;padding:0 13px;font-size:max(12px,min(1.8vw,15.6px));font-weight:500;line-height:150%}@media (max-width:780px){.authPage .mainAuthContent .backButton{height:28px}}.authPage .mainAuthContent .backButton .icon{padding:0;font-size:24px}.authPage .mainAuthContent .authContent{flex-grow:1;justify-content:center;align-items:center;padding:32px;display:flex}@media (max-width:780px){.authPage .mainAuthContent .authContent{padding:0 16px}.authPage .mainAuthContent .authContent h1,.authPage .mainAuthContent .authContent p:first-of-type{text-align:center}.authPage .mainAuthContent .authContent .titleWithIcon{justify-content:center!important}}@media (max-width:390px){.authPage .mainAuthContent .authContent{padding:0 8px}}.authPage .mainAuthContent .authContent .titleWithIcon{align-items:center;gap:12px;display:flex}.authPage .mainAuthContent .authContent .titleWithIcon .reactSvg div{justify-content:center;align-items:center;display:flex}.authPage .mainAuthContent .authContent h1{color:var(--Primary-DarkBlue,#0b1956);font-size:max(24px,min(3.8vw,30px));font-weight:600;line-height:126.667%}.authPage .mainAuthContent .authContent .subTitle{color:var(--Gray-600,#535862);margin-top:12px;font-size:16px;font-weight:400;line-height:150%}.authPage .mainAuthContent .authContent .formContainer{width:100%;max-width:446px}.authPage .mainAuthContent .authContent .formContainer .formWrapper{flex-wrap:wrap;gap:20px;margin:32px 0 24px;display:flex}.authPage .mainAuthContent .authContent .formContainer .actionContainer{flex-direction:column;align-items:center;gap:32px;display:flex}.authPage .mainAuthContent .authContent .formContainer .actionContainer span{color:var(--Gray-600,#535862);font-size:14px;font-weight:400;line-height:142.857%;display:block}.authPage .mainAuthContent .authContent .formContainer .actionContainer span a{color:var(--Primary-Blue,#0870f3);font-size:14px;font-weight:600;line-height:142.857%}.authPage .mainAuthContent .authContent .formContainer .actionContainer span a:hover{text-decoration:underline}.authPage .mainAuthContent .authContent .successContainer{width:100%;max-width:472px}.authPage .mainAuthContent .authContent .successContainer .otpWrapper{direction:ltr;justify-content:center;align-items:center;margin:32px 0;display:flex}.authPage .mainAuthContent .authContent .successContainer .otpWrapper .MuiOtpInput-Box.MuiBox-root{gap:7.25px}.authPage .mainAuthContent .authContent .successContainer .otpWrapper .MuiInputBase-root.MuiOutlinedInput-root{height:72px;color:var(--Primary-DarkBlue,#0b1956);font-size:max(32px,min(4vw,43.569px));font-weight:500;line-height:125%}@media (max-width:560px){.authPage .mainAuthContent .authContent .successContainer .otpWrapper .MuiInputBase-root.MuiOutlinedInput-root{width:52px;height:52px}}.authPage .mainAuthContent .authContent .successContainer .helperCont{color:var(--Neutral-Neutral-600,#656565);justify-content:center;align-items:center;gap:4px;margin-top:32px;font-size:14px;font-weight:400;line-height:142.857%;display:flex}.authPage .mainAuthContent .authContent .successContainer .helperCont.success{justify-content:flex-start}@media (max-width:780px){.authPage .mainAuthContent .authContent .successContainer .helperCont.success{justify-content:center}}.authPage .mainAuthContent .authContent .successContainer .helperCont button{min-width:0;color:var(--Primary-Blue,#0870f3);text-transform:capitalize;padding:0}.authPage .mainAuthContent .authContent .successContainer .submitBttn{max-width:100%}.authPage .mainAuthContent .authContent .submitBttn{text-transform:capitalize;width:100%;height:44px;color:var(--White,#fff);font-family:var(--font-arabic);border:1.2px solid var(--Primary-DarkBlue,#0b1956);background:var(--Primary-DarkBlue,#0b1956);border-radius:9.6px;justify-content:center;align-self:center;align-items:center;max-width:443px;font-size:max(16px,min(1.8vw,19.2px));font-weight:600;line-height:150%;display:flex;box-shadow:0 1.2px 2.4px rgba(10,13,18,.05)}.authPage .mainAuthContent .authContent .submitBttn:disabled{opacity:.6}.authPage .mainAuthContent .authFooter{color:var(--Gray-600,#535862);direction:ltr;justify-content:space-between;align-items:center;padding:32px;font-size:14px;font-weight:400;line-height:142.857%;display:flex}@media (max-width:480px){.authPage .mainAuthContent .authFooter{text-align:center;flex-direction:column;align-items:center}}.authPage .mainAuthContent .authFooter .mailIcon{align-items:center;gap:4px;font-size:14px;display:flex}.authPage .mainAuthContent .authFooter .mailIcon a:hover{text-decoration:underline}.authPage .mainAuthContent .MuiOtpInput-TextField .MuiInputBase-input::placeholder{color:var(--Neutral-Neutral-300,#bdbdbd);letter-spacing:-.871px;font-size:max(32px,min(4vw,43.569px));font-weight:500;line-height:125%}