:root{--border-default:#9DA4AE;--border-hover:#384250;--border-focus:#0D121C;--border-error:#B42318;--disabled-border:#D2D6DB}.transparent-element{display:none}html{direction:rtl}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:none}img[src=""]{display:none}*:focus{outline:none!important}input[type="password"]::-ms-reveal,input[type="password"]::-ms-clear{display:none!important}input[type="text"]::-ms-clear{display:none!important}::-ms-clear{width:0;height:0}::-ms-reveal{width:0;height:0}input[type="number"]{-webkit-text-security:disc!important}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input:-webkit-autofill{transition:all 5000s ease-in-out 0s}input[type="number"]:focus{outline:none!important;border-bottom:2px solid #1b8354!important}body,.prtlBody{font-family:"IBMPlexSansArabic";line-height:1.5;background-color:#fff}.app{display:flex;width:100%;min-height:100vh;background-color:#fff}.left-panel{width:480px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(45deg,rgb(24 34 48 / .8) 0%,rgb(71 84 103 / .8) 100%),linear-gradient(11.57deg,#fff0 60.43%,rgb(24 34 48 / .8) 82.44%),url(bgImg.jpg);background-blend-mode:normal,hard-light,normal;background-size:cover;background-position:left;background-repeat:no-repeat}.right-panel{flex-shrink:0;padding:128px 72px;position:relative;width:920px;min-width:0}.logo-container{margin-bottom:40px;display:block!important}.logo{width:243.78px;height:68.22px}.content-swap{display:flex;flex-direction:column;align-items:center;gap:24px;width:344px;margin-bottom:32px;display:none!important}.swap-box{border:1px dashed #1b8354;border-radius:4px;padding:16px;width:100%;background-color:#f3fcf6}.swap-text{color:#1b8354;text-align:center;font-size:14px;font-weight:600;line-height:24px}.dots{display:flex;gap:8px;justify-content:center}.dot{width:12px;height:12px;border-radius:50%;background-color:#e5e7eb;display:inline-block}.dot.active{background-color:#1b8354}.dot:hover{color:#14573a;background-color:#1b8354;cursor:pointer}.inbox-info{text-align:center}img.slideImg{width:100%!important}.errorContainer{margin:0}.otpMsgHeader{margin:16px 0}.errorMessage{color:#B42318;font-weight:400;font-size:12px;line-height:24px;letter-spacing:0}.errorMessage:before{content:url(error.svg);display:inline-block;margin-left:4px;margin-right:4px;vertical-align:middle}.errorMessageLgnPg{color:#384250;font-weight:400;font-size:12px;line-height:24px;letter-spacing:0}.errorContainerLgnPg{width:542px;padding:16px 24px;border-radius:8px;border-width:1px;background:#fff;border:1px solid #d2d6db;border-right-width:8px;border-right-style:solid;border-right-color:#D92D20;margin-top:16px;margin-bottom:24px}#errormsgImage{background-image:url(help-circle.svg);background-size:20px;background-repeat:no-repeat;width:40px;height:40px;vertical-align:middle;background-color:#FEF3F2;display:inline-block;margin-left:12px;background-position:center center;border-radius:70px;margin-right:-8px}.sldHdrTxt{color:#fff;font-size:16px;font-weight:600;line-height:24px;margin-bottom:8px}.sldSubHdrTxt{color:#fff;font-size:16px;font-weight:400;line-height:24px}.lang-button{position:absolute;top:50px;left:80px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#fff0;border:none;cursor:pointer}.lang-icon{width:24px;height:24px;background:#fff0}.login-container{width:auto;margin:0 auto}.login-header{margin-bottom:16px;width:542px}.login-title{color:#1f2a37;font-size:30px;font-weight:700;line-height:38px;letter-spacing:0;margin-bottom:8px}.login-subtitle{color:#1f2a37;font-size:16px;font-weight:400;line-height:24px}.divider{display:flex;height:1px;background-color:#d2d6db;margin:16px 0;gap:16px;width:542px}.login-form{width:320px}.form-group{margin-bottom:24px}.form-group.otpfield{margin-bottom:12px}.form-label{display:flex;gap:4px;color:#161616;font-size:14px;font-weight:400;line-height:20px;margin-bottom:8px}.required{color:#B42318}.required:before{content:"*";color:#B42318}.input-container{border:1px solid var(--border-default);border-radius:4px;background-color:#fff;position:relative;display:flex;align-items:center;height:40px;transition:border-color 0.2s,box-shadow 0.2s;z-index:0}.input-container.emailTIN-container{z-index:1}.input-container::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#fff0;border-bottom-left-radius:1px;border-bottom-right-radius:1px;z-index:2;pointer-events:none}.input-container:focus-within{border-bottom-color:var(--border-focus)}.input-container:focus-within::after{background-color:var(--border-focus)}.input-container:hover{border-color:var(--border-hover)}.input-container:hover{--border-color:var(--border-hover)}.input-container.error{--border-color:var(--border-error);box-shadow:none}.input-container.error:focus-within{--border-color:var(--border-error);box-shadow:inset 0 -2px 0 var(--border-error);border-bottom-color:var(--border-error)}.input-container:disabled,.input-container[disabled]{--border-color:var(--disabled-border);box-shadow:none}.Verif-box:active,.Verif-box:focus{box-shadow:0 .1rem .2rem #fff;border-bottom:3px solid #0D121C!important}button:disabled{object-fit:contain;cursor:not-allowed!important;color:#9da4ae!important;background:#e5e7eb!important;border:1px solid #e5e7eb!important}input:disabled{object-fit:contain;cursor:not-allowed;color:#9DA4AE}.password-icon-wrapper{display:flex;align-items:center;justify-content:center;padding-right:8px}.password-icon{width:16px;height:16px;cursor:pointer}.login-field{width:100%;height:100%;padding:8px;border:none;background:#fff0;color:#384250;font-size:16px;font-weight:400;line-height:24px;outline:none}.inputotp-container{position:relative;align-items:center;border:none;height:40px;background-color:#fff;direction:ltr;text-align:right}.Verif-box{width:55px;height:40px;padding:8px 16px;border-radius:4px;border:1px solid #9DA4AE;background:#fff;font-weight:400;font-size:16px;line-height:24px;letter-spacing:0;color:#384250;opacity:1;text-align:center;margin-left:8px}.timerClass{margin-top:16px;margin-bottom:24px}.resendClass{height:40px;font-weight:400;font-size:14px;line-height:24px;letter-spacing:0;color:#fff;padding:0 16px;border-radius:4px;background:#1b8354;border:0 solid #1b8354;cursor:pointer}.resendClass:disabled{color:#9da4ae;background:#fff;border:0 solid #9da4ae;cursor:not-allowed}.inlineAlertCls{width:45vw;padding:16px 24px;border-radius:8px;border-width:1px;background:#fff;border:1px solid #d2d6db;border-right-width:8px;border-right-style:solid;border-right-color:#dc6803;margin-top:16px;margin-bottom:24px}.warningMessage{font-weight:400;font-size:14px;line-height:24px;letter-spacing:0;color:#384250;text-align:right}#warningImage{background-image:url(inf-circle.svg);background-size:16px;background-repeat:no-repeat;width:40px;height:40px;vertical-align:middle;background-color:#fffaeb;display:inline-block;margin-left:12px;background-position:center center;border-radius:70px;margin-right:-8px}.input::-moz-placeholder,.input::placeholder{color:#9da4ae;font-weight:400;font-size:14px;line-height:24px}.form-links{margin-bottom:24px}.form-links,.option-links,.signup-links{display:flex;flex-direction:column;gap:12px}.form-link,.option-link,.signup-link,.footer-link{color:#1b8354;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;width:fit-content}.footer-links{display:flex;gap:20px;position:absolute;bottom:14px}.login-button:focus,.login-button:focus-visible{background:#1B8354;border:2px solid #FFF;box-shadow:0 0 0 2px #161616}.resendClass:focus,.resendClass:focus-visible{background:#1B8354;border:2px solid #FFF;box-shadow:0 0 0 2px #161616}.backBtnContainer{display:flex;gap:24px}.login-button{width:auto;height:40px;border:none;padding:8px 16px;border-radius:4px;color:#9da4ae;font-size:16px;font-weight:500;cursor:not-allowed;margin-bottom:16px;background-color:#e5e7eb;letter-spacing:0}.login-button:not([disabled]){background-color:#1b8354;color:#fff;cursor:pointer}span#mobilefield{margin:0 10px}.login-button:hover,.resendClass:hover{color:#fff;background:#166A45;cursor:pointer}.back-button:focus,.back-button:focus-visible{color:#161616;border-color:#161616}.back-button:hover{background:#E5E7EB;cursor:pointer}.login-button:active,.resendClass:active{color:#fff;background:#104631;cursor:pointer}.back-button:active{background:#E5E7EB;cursor:pointer}.back-button{width:auto;height:40px;padding:0 16px;border-radius:4px;border:2px solid #fff0;font-weight:500;font-size:16px;line-height:24px;letter-spacing:0;color:#161616;background:#F3F4F6;margin:0}.login-options{margin-bottom:32px}.divider-text{display:flex;align-items:center;gap:10px;margin-bottom:12px;width:309px}.span{color:#6c737f;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap}.divider-line{flex:1;height:1px;background-color:#e5e7eb;width:224px}.signup-prompt{color:#161616;font-size:14px;font-weight:400;line-height:24px;margin-top:12px}a:hover{text-decoration:underline;color:#54C08A;cursor:pointer}a:focus{text-decoration:underline;color:#1B8354;cursor:pointer}a:active{text-decoration:underline;color:#88D8AD}.navHdrMbl{display:none}@media (max-width:991px){.content-swap{width:220px}.login-header{width:auto}.right-panel{width:auto}.login-container{margin:auto}}@media (max-width:768px){.app{flex-direction:column;min-height:auto}.divider{width:320px}.left-panel{display:none}.login-header{width:auto}.navHdrMbl{height:90px;margin:auto;background-color:#fff;position:relative;display:flex!important;width:100%;flex-direction:column;align-items:stretch;justify-content:center;padding:0 16px;margin-top:40px}.mblLogoImg{height:88.44px;max-width:600px;padding:16px;background-color:#fff;text-align:center}.mblLogo{position:relative;width:auto;height:8vh}.mbdivider{background-color:#D2D6DB;position:absolute;z-index:0;display:flex;width:100%;flex-direction:column;left:0;right:0;bottom:0;height:1px}.right-panel{padding:24px;width:auto}.login-container{margin:auto}.inlineAlertCls{width:100%;border:1px solid #d2d6db;border-top-width:8px;border-top-style:solid;border-top-color:#dc6803}.errorContainerLgnPg{width:310px}.lang-button{top:-7%;left:0}.login-form{width:auto;max-width:320px}.footer-links{position:static;margin-top:32px}}