@font-face{font-family:Mobily_Headline_v7;src:url("./media/Mobily_Headline_v7-Regular-ZSMPLZGD.otf") format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Mobily_Headline_v7;src:url("./media/Mobily_Headline_v7-Bold-TAG5VVNU.otf") format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Mobily_Text_v7;src:url("./media/Mobily_Text_v7-Regular-TRPKDNZG.otf") format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Mobily_Text_v7;src:url("./media/Mobily_Text_v7-Bold-RTKARDLB.otf") format("opentype");font-weight:700;font-style:normal}:root{--secondary: #000050;--primary-font: "Mobily_Headline_v7";font-family:var(--primary-font);color:var(--secondary)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body.no-scroll{overflow:hidden}[dir=rtl]{direction:rtl;text-align:right}[dir=ltr]{direction:ltr;text-align:left}main{width:100%;height:100vh}h1,h2,h3,h5,p{margin:0}.btn{cursor:pointer;font-family:Mobily_Headline_v7}.text-gray{color:#10161e66!important}.icon-20{height:20px;width:20px}.icon-24{height:24px;width:24px}.modal{overflow-y:visible;max-height:100%!important;height:auto!important}::-webkit-scrollbar{width:6px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#0006}.btn-lg{padding:18px;color:#1f86ff;font-size:16px;font-style:normal;font-weight:400;line-height:24px;border-radius:64px;background:#fff;border:0px;font-family:Mobily_Text_v7,sans-serif!important;width:clamp(120px,100%,175px)}.dark-btn{border-radius:64px;background:var(--Fills-Brand-Strong, #1061FF);padding:15px 18px;border:none;width:100%;font-size:14px;font-weight:400;line-height:18px;color:#fff;font-family:Mobily_Text_v7}.btn-primary{background:var(--Diamond, #1f86ff);color:#fff}.chip-btn{padding:8px 12px;border-radius:100px;background:#10161e0d;font-size:12px;font-weight:500;line-height:120%;border:none}.no-style{outline:none;background:transparent;border:none;padding:0}.pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.relative{position:relative}.highlight{color:#1f86ff}.m-auto{margin:auto}.h-auto{height:auto!important}.m-0{margin:0!important}.p-0{padding:0!important}.hidden{display:none!important}.block{display:block}.grid{display:grid}.text-center{text-align:center}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row!important}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-end{display:flex;justify-content:flex-end}.space-around{display:flex;justify-content:space-around}.space-between{display:flex;justify-content:space-between}.space-between-center{display:flex;justify-content:space-between;align-items:center;gap:10px}.centered{display:flex;justify-content:center}.w-fit{width:fit-content}.w-full{width:100%}.h-full{height:100%}.gap-2{column-gap:8px;row-gap:8px}.gap-c6{column-gap:6px;row-gap:6px}.gap-c10{column-gap:10px!important;row-gap:0px!important}.gap-4{column-gap:16px!important;row-gap:30px!important}.gap-5{column-gap:20px!important;row-gap:20px!important}.gap-6{column-gap:24px;row-gap:24px}.gap-8{column-gap:32px;row-gap:32px}.gap-12{column-gap:48px;row-gap:48px}.mr-c6{margin-right:6px!important}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-c10{margin-bottom:10px}.px-4{padding:0 16px}.p-5{padding:20px}.progress{display:flex;justify-content:center;align-items:center;gap:4px;margin-bottom:16px}.step{width:8px;height:8px;gap:10px;background:var(--Fills-Strong, #000051A0);border-radius:100%;transition:all .3s ease;-webkit-user-select:none;user-select:none;transition:background-color .3s ease-in-out}.step.active{width:40px;height:8px;background:var(--Fills-Strong, #000050);border-radius:52.31px}.spinner{width:45px;height:45px;border-radius:50%;background:conic-gradient(#41bff1,#fff);mask:radial-gradient(farthest-side,transparent 17px,black 18px);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-container-custom{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10006;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.font-medium{font-weight:500}.text-sm{font-size:14px;line-height:120%}.textsm-bold{font-size:14px;font-weight:700;line-height:120%}.textmd-bold{font-size:16px;font-weight:700;line-height:120%}.tab-inner hr{background:#d9d9d9;border:none;height:1px}input[type=checkbox]{min-height:22px;min-width:22px;cursor:default;-webkit-user-select:none;user-select:none;border-radius:8px;background-color:transparent;display:inline-block;vertical-align:middle;accent-color:blue;pointer-events:none!important;background:transparent;margin:0;appearance:none}input[type=checkbox]:checked:after{content:"";display:block;text-align:center;background:#1061ff url("./media/checked-marked-F2DOSHHO.svg") center center no-repeat;background-size:calc(100% - 6px);width:22px;height:22px;border-radius:8px;margin:0}.signup-btn-figma,.signin-btn-figma{font-family:Mobily_Headline_v7!important;font-size:16px;font-weight:400;color:#000050;line-height:24px;letter-spacing:0%}.modal-content.md{width:560px!important;max-width:95%!important;padding:24px!important;border-radius:24px!important;background:#f7f8fc!important;height:auto!important}.transfer-modal app-custom-select .form-group{margin:0!important}.transfer-modal app-custom-select .select-wrapper{height:84px!important;padding:18px 20px!important;background:#0000501a!important;border-radius:16px!important;border:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.transfer-modal app-custom-select .select-label,.transfer-modal app-custom-select .input-label{font-size:14px!important;font-weight:700!important;color:#000050!important;margin-bottom:4px!important;font-family:Mobily_Text_v7}.transfer-modal app-custom-select .selected-option{font-size:20px!important;font-weight:400!important;color:#000050a6!important}.transfer-modal app-custom-select .placeholder-text{font-weight:400!important;opacity:.5!important}.transfer-modal input::placeholder,.transfer-modal textarea::placeholder{font-family:var(--primary-font)!important;font-size:16px!important;font-weight:400!important;letter-spacing:0!important;color:#000050a6!important;opacity:1!important}.transfer-modal input.ng-invalid::placeholder,.transfer-modal textarea.ng-invalid::placeholder{color:#000050a6!important}.transfer-modal app-custom-select .placeholder-text{font-family:var(--primary-font)!important;font-size:16px!important;font-weight:400!important;letter-spacing:0!important;color:#000050a6!important;opacity:1!important}.ar input,.ar textarea{direction:ltr;text-align:right}.ar input::placeholder,.ar textarea::placeholder{text-align:right}input[type=password]::-ms-reveal,input[type=password]::-ms-clear,input::-ms-reveal{display:none}[dir=rtl] img[src*=chevron-back],[dir=rtl] img[src*=arrow-left],[dir=rtl] img[src*=back],[dir=rtl] img[src*=Arrow-left],[dir=rtl] img[src*=backArrow],[dir=rtl] img[src*=backarrow-export]{transform:scaleX(-1)}.mobile-highlight,.highlight{color:#1061ff!important;font-weight:400}.auth-page{padding:24px 0 16px;min-height:100vh;box-sizing:border-box;font-family:var(--primary-font);background:linear-gradient(0deg,var(--Fills-Weaker, rgba(0, 0, 80, .1)),var(--Fills-Weaker, rgba(0, 0, 80, .1)))}.auth-headerimg{margin-block-start:32px;margin-inline-start:25px;max-width:200px;max-height:70px}.signup-container{max-width:586px;width:100%;padding:clamp(20px,5vw,50px) 20px;border-radius:24px;background:var(--Surface-Base, #FAFAFB);min-width:350px;display:flex;justify-content:center;align-items:center}@media(max-width:768px){.auth-page{padding:16px}.signup-container{width:100%;max-width:100%;min-width:unset;padding:24px 20px;border-radius:24px}.signup-inner{width:100%;max-width:100%;row-gap:28px;margin-left:-8px}.signup-inner h1{font-size:24px!important;line-height:32px}.signup-form{padding:0;width:100%}.form-group,.input-box{width:100%!important;max-width:100%!important}.input-box input.form-control{width:100%}.submit-btn{width:100%;max-width:100%;height:50px;margin-top:20px}.sign-in-btn{padding:4px 14px;font-size:12px}}.signup-inner{width:100%;max-width:386px;margin:0!important;display:flex;flex-direction:column;row-gap:48px}.signup-inner h1{font-size:32px!important;font-weight:700!important;line-height:40px;letter-spacing:0%;color:#000050;margin:0}.signup-inner p.desc,.modal-header p.desc{font-size:14px;font-weight:400;line-height:24px}.signup-inner p.desc{font-size:16px!important;font-weight:400!important;line-height:24px;color:#000050b3;margin:0;max-width:386px}.signup-inner>div:first-child{display:flex;flex-direction:column;gap:24px}.sign-in-btn{background-color:#6cc24a;color:#fff;border:none;border-radius:100px;padding:5px 18px;font-size:12px;font-weight:700;line-height:18px}.signup-form{display:flex;flex-direction:column;row-gap:26px;padding:0 16px}.signup-form:has(.error-outer){gap:16px}.signup-form.modal-innerform:has(.error-outer){gap:32px;padding:0}.signup-form.nomax{padding:0}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#000050;line-height:120%}.form-control{width:100%;height:56px;padding:0 20px;border-radius:16px;border:none;background:#eceef5;font-size:15px;font-weight:500;color:#000050;outline:none}.form-control::placeholder{color:#00005073;font-weight:500}.form-control-notes{height:90px;padding:16px 20px;border-radius:16px;resize:none}.error-field{font-size:14px;color:#db2a2a;margin-left:-12px;line-height:16px;margin-top:45px}.submit-btn,.gray-btn{width:100%;padding:15px;color:#fff;border:none;border-radius:64px;margin-top:16px;font-size:16px;font-weight:700;line-height:18px;cursor:pointer}.gray-btn,.gray-btn:hover{color:var(--secondary)}.otp-container{display:flex;justify-content:center;gap:16px;margin-top:32px}.otp-input{width:72px;height:119px;border-radius:16px;border:1px solid transparent;background:#0000501a;text-align:center;font-size:52px;font-weight:700;color:#000050}.otp-input:focus{border:1px solid #1061FF1A;background:var(--Fills-Brand-Weaker, #1061FF1A);outline:none}@media(max-width:480px){.otp-input{width:60px;height:90px;border-radius:16px;font-size:28px}.otp-container{gap:10px}}.otp-input:focus-within{border:2px solid #1f86ff;background:#1f86ff33}.resend-timer{font-size:14px;font-weight:700;padding:4px;color:#000050;height:28px;width:28px;text-align:center;line-height:22px}.resend-code{color:#1f86ff;text-align:right;font-size:14px;font-weight:700;line-height:120%;margin-top:1rem;margin-right:-6px}.resend-code .disabled{color:#000050a6;cursor:not-allowed}.otp-error{background-color:#db2a2a0d;border:1px solid #db2a2a;animation:shake .3s ease-in-out}.button-group{display:flex;justify-content:center;gap:10px;margin:16px 0}.btn.option-btn{width:100%;padding:18px;cursor:pointer;transition:.3s ease;font-size:15px;font-style:normal;font-weight:700;line-height:16px;border-radius:64px;border:1px solid #10161e;background:#ffffff03;gap:6px;display:flex;align-items:center;justify-content:center;max-height:54px}.btn.option-btn.selected{background-color:#1061ff1a;color:#1061ff;border:1px solid #1061FF}.submit-btn.disabled{background-color:#a7a7a7;cursor:not-allowed}.circle-btn{width:80px;height:80px;border-radius:134px;background:#0a9a8f;color:#fff;font-size:20px;font-weight:700;line-height:24px;text-align:center;border:none;margin:16px auto}img.no-est{width:90px;height:90px;padding-bottom:10px}.noest-outer{display:flex;flex-direction:column;row-gap:20px}.noest-outer h1{font-size:32px;line-height:120%;font-weight:700;font-style:Bold}.eye-icon{position:absolute;right:20px;cursor:pointer;height:20px;top:30%}.eye-img{height:20px;width:20px}.eye-icon:hover{color:#555}.page-container{max-width:632px;max-height:758px;width:100%;height:100%;padding:clamp(24px,5vw,74px) clamp(24px,5vw,80px);border-radius:24px;border:1px solid rgba(16,22,30,.05);background:#10161e0d;min-width:350px}.created-inner{max-width:432px;margin:auto}.sticky-side{position:sticky;top:24px;height:calc(100vh - 48px)}.mb-c24{margin-bottom:24px}.initials-outer{border-radius:100px;padding:3px;width:fit-content;border:2px solid rgba(16,22,30,.05)}.initials-icon{padding:11px;width:64px;height:64px;font-size:24px;font-weight:700;line-height:120%;border-radius:100px;display:block;align-content:center;text-align:center;background:#2424240d}.field-outer{padding:clamp(32px,5vw,53px) clamp(52px,5vw,100px);height:auto!important}.field-outer.border-red{border-radius:2px 2px 24px 24px;border-top:6px solid #db2a2a}.field-outer .signup-form{max-width:386px;width:100%;margin:0 auto}.field-outer p.desc{font-size:18px;font-weight:500;line-height:120%}.dashboard-container,.main-content{background:linear-gradient(0deg,var(--secondary-5, rgba(36, 36, 36, .05)) 0%,var(--secondary-5, rgba(36, 36, 36, .05)) 100%),var(--Primary, #fff)}.navbar{background:#fff;padding:10px 24px;height:84px;display:flex;width:100%;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(16,22,30,.05)}.navbar-logo{max-width:120px}.navbar-right{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;width:100%;position:relative}.search-container{position:relative;width:100%;max-width:268px}.search-input{width:100%;padding:6px 6px 6px 16px;border:none;border-radius:111px;background:#2424240d;font-size:12px;outline:none;font-weight:500;height:42px}.search-input::placeholder{font-weight:500;color:#10161e80}.search-button{position:absolute;right:6px;top:6px;background:#10161e0d;border:none;border-radius:100%;padding:6px;cursor:pointer;width:30px;height:30px}.notification-bell{position:relative;height:32px;width:32px;padding:8px;border-radius:100px;background:#6cc24a0d}.notification-count{width:16px;height:16px;position:absolute;right:-4px;top:-4px;font-size:9px;color:#fff;font-weight:700;background:#6cc24a;border-radius:100%;display:flex;justify-content:center;align-items:center;margin-bottom:-2px}.user-acc{font-size:16px;font-weight:700;line-height:16px;-webkit-user-select:none;user-select:none;width:40px;height:40px;border-radius:100px;padding:6px;background:#0000501a}.user-dropdown{position:absolute;bottom:-220px;background:#ad1f1f;z-index:1;right:1%;padding:18px 18px 24px;border-radius:16px;background:#fff;gap:9px;box-shadow:0 4px 34px #0000001a}.user-dropdown .options{gap:8px;border-radius:6px;background:var(--Fills-Weaker, #0000501A);font-size:12px;font-weight:700;line-height:100%;min-width:200px;padding:12px;cursor:pointer}.user-dropdown .options.red{background:var(--Fills-Error-weak, #AE242433);color:#ad1f1f}.sidebar{max-width:200px;width:100%;padding:24px 24px 50px;border-right:1px solid rgba(16,22,30,.05)}.sidebar.collapsed{width:80px;padding:24px 12px 50px}.sidebar.collapsed .label{opacity:0;display:none}.sidebar.collapsed .sidebar-btn img{transform:rotate(180deg);border-radius:100%;height:18px;width:20px;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:20px;justify-content:center}.sidebar.collapsed nav{align-items:center}.sidebar nav a,.settings-modal .sidebar .sidebar-links .sidebar-item{display:flex;flex-direction:row;align-items:center;gap:10px;text-decoration:none;font-size:14px;font-weight:700;position:relative;transition:.3s ease;color:var(--secondary);line-height:1;font-family:Mobily_Text_v7}.sidebar nav a span{display:flex;align-items:center}.sidebar nav a.active:after,.settings-modal .sidebar .sidebar-links .sidebar-item.active:after{content:"";position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:4px;height:24px;background-color:#1f86ff;border-radius:10px 0 0 10px}.sidebar-hr{height:1px;width:100%;background:#10161e0d;margin:0;border:none}.main-content{padding:clamp(20px,5vw,32px);display:flex;flex-direction:row;gap:20px;height:fit-content}.main-outer{width:70%;display:flex;flex-direction:column;gap:34px}.mainlist-outer{width:100%;background:#fff;border-radius:24px;padding:clamp(24px,5vw,40px) clamp(16px,5vw,50px) clamp(24px,5vw,50px) clamp(16px,5vw,50px);gap:2rem}.main-aside{width:30%;display:flex;flex-direction:column;gap:34px}.main-options{padding:24px;background:#fff;border-radius:13px;display:flex;flex-direction:column;gap:24px}.avatar-bank{position:absolute;right:-4px;bottom:-2px}.info-sec .user-avatar{aspect-ratio:64/64;height:64px;width:64px;padding:3px;border-radius:100px;border:2px solid #0000504D;background:#0000501a;font-size:24px;font-weight:700}.info-sec .name{font-weight:700;margin-bottom:4px;font-size:16px;font-family:Mobily_Text_v7;color:#000050}.info-sec .id-num{font-size:12px;font-weight:400;line-height:18px;color:#000050a6;font-family:Mobily_Text_v7}.actions-ctas .action-borders{height:30px;width:1px;background:#10161e0d;margin:0;border:none}.actions-ctas .action-op img{margin-bottom:10px;width:60px;height:32px}.actions-ctas .action-op p{font-size:16px;font-weight:700;text-align:center;line-height:20px;font-family:Mobily_Text_v7;align-items:center}.balance-card{padding:20px 32px 24px;border-radius:14px;background:#fff;font-size:16px;font-weight:700;font-family:Mobily_Text_v7}.main-outer h3{font-size:20px;font-weight:700}.balance-card .update-perc{font-size:14px;color:#6cc24a}.balance-card p span img{height:24px;width:24px;border-radius:100%;padding:4px;background:#0000501a;margin-top:9px;margin-bottom:-3px}.circle-outer{height:30px;width:30px;border-radius:100%;padding:7px;background:#10161e0d}.transactions-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px;margin-top:10px}.no-transactions-outer{margin-top:15px;border-radius:14px;background:#fff;overflow:hidden}.no-transactions-outer p{font-size:16px;font-weight:700;padding:16px 0 0 16px;color:#000050;line-height:24px;letter-spacing:0%}.transaction-card{display:flex;align-items:center;gap:8px;justify-content:space-between;border:none;border-radius:8px;background:#fff;transition:transform .2s ease;box-shadow:0 2px 5px #0000000d;height:70px;width:100%}.transaction-iconcircle{padding:3px;border-radius:100%;position:relative}.transaction-iconcircle.sent{border:1px solid rgba(16,22,30,.2)}.transaction-iconcircle.received{border:1px solid #10161E66}.transaction-iconcircle{border:1px solid var(--secondary-40, #10161E66)}.transaction-iconcircle .typeicon{position:absolute;right:0;bottom:0;background-color:#0000501a;border-radius:100%;opacity:100%}.transaction-iconcircle .typeicon.failed{background-color:red}.transaction-iconcircle .typeicon.pending{background-color:orange}.transaction-icon{width:40px;height:40px;padding:6px;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:100%;background-color:#10161e33}.transaction-card.received .transaction-icon,.transaction-card.pending .transaction-icon{background:#0000501a;color:#000050}.transaction-details p,.transaction-amount h5{font-size:14px;font-weight:700;margin-bottom:4px;font-family:Mobily_Text_v7;color:#000050}.transaction-details h4,.transaction-amount p{margin:0;color:#000050a6;font-size:12px;font-weight:400}.transaction-amount p{padding-bottom:8px}.transaction-amount{margin-left:auto;text-align:right}.transaction-amount .received{color:#1061ff!important}.services-container{margin-top:10px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.services-container::-webkit-scrollbar{display:none}.service-card{min-width:200px;background:#fff;border-radius:14px;padding:18px}.service-icon{width:40px;height:40px;margin-bottom:8px}.service-card h3{font-size:14px;font-weight:500;min-height:32px;margin-bottom:8px}.service-card p{font-size:12px;color:#10161e80;font-weight:500;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.modal-container{display:flex;flex-direction:column;gap:32px}.modal-container.transfer-modal{display:flex;flex-direction:column;gap:28px}.modal-container.sm-modal{gap:24px}.transfer-modal .chip-btn{padding:5px 9px;font-size:14px;font-weight:700}.chip-btn.blue{color:#1f86ff;background:#1f86ff1a}.chip-btn.green{color:#6cc24a;background:#6cc24a1a}.modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px}.backarrow{width:40px;height:40px;border-radius:50%}.modal-header.gap-lg{gap:35px}.modal-header .modal-title,.module-title{font-family:Mobily_Headline_v7,sans-serif;font-size:clamp(20px,5vw,24px);font-weight:700;letter-spacing:0;color:#000050}.backarrow{width:clamp(24px,5vw,40px);height:clamp(24px,5vw,40px)}.account-info{display:flex!important;flex-direction:column!important;align-items:flex-start;gap:12px;padding:24px;border-radius:24px;background:#fafafd;border:1px solid rgba(0,0,80,.1)}.account-info .avatar{width:56px;height:56px;border-radius:50%;background:#edeef5;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#000050}.account-number,.account-bank{font-family:Mobily_Text_v7,sans-serif;font-size:12px;font-weight:400;color:var(--Text-Strong, #000050)}.account-bank{font-size:12px;font-weight:600;color:#000050}.details .row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:400;align-items:center}.details .row span{color:var(--Text-Weak, #000050A6);letter-spacing:-.147px}.transfer-modal .checkbox label{font-size:12px;font-weight:700;line-height:120%}.account-currency{font-size:clamp(24px,5vw,28px);font-weight:800;line-height:32px;letter-spacing:-.574px}.vt-line{height:69px;width:2px;background:#10161e0d}.accordion-tab{margin-top:10px;border-radius:24px;border:1px solid var(--Stroke-Weak, #0000504D)}.accordion-tab.faq-accordion{padding:10px;border-radius:8px}.accordion-tab .details{padding:24px 24px 0}.accordion-tab.faq-accordion .details{padding:0;margin-top:10px;font-size:12px;line-height:130%}.accordion-tab .details .row{margin-bottom:6px}.accordion-tab button.gray-btn{border-radius:24px 24px 64px 64px;font-size:15px;gap:5px;background:transparent;cursor:pointer;align-items:center;border:none!important}.accordion-tab button.gray-btn.border{border-top:1px solid #d9d9d9;border-radius:0}.accordion-tab button.gray-btn img{max-width:24px}.sidebar-btn{width:100%;padding:14px 6px;max-height:52px!important;border:none;outline:none;border-radius:64px;background:var(--Fills-Weaker, #0000501A);cursor:pointer}.modal-container.settings-modal{flex-direction:row;gap:22px}.settings-modal .sidebar{padding:10px 20px 75px 0}.settings-modal .sidebar .sidebar-title{font-size:22px;font-weight:700;letter-spacing:-.36px;border-bottom:1px solid #f4f4f4;padding-bottom:14px}.settings-modal .sidebar .sidebar-links{padding-top:16px;gap:16px}.settings-modal .sidebar .sidebar-links .sidebar-item span{font-size:12px;letter-spacing:-.12px;line-height:20px;cursor:pointer}.settings-modal .sidebar .sidebar-links .sidebar-item.active:after{right:-20px;height:20px}.settings-modal .tab-content{padding:50px 0 37px}.terms-sections{text-decoration:none;padding:16px;border-radius:12px;border:1px solid var(--Stroke-Weaker, #0000504D)}.terms-sections span{color:#10161e;font-size:12px;font-weight:500;line-height:120%;letter-spacing:-.12px}.terms-sections .download-img{padding:4px;border-radius:100%;background:#10161e0d}.change-pswd{color:#00f;top:40%}.icon-circle{border-radius:50px;width:40px;height:40px;background:#2424240d}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:9;display:none}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:9;display:block}.side-menu{position:fixed;top:0;right:-250px;width:250px;height:100vh;background:#fff;box-shadow:-2px 0 10px #0000001a;padding:1rem;transition:right .3s ease-in-out;z-index:10;display:flex;flex-direction:column;gap:1rem}.side-menu.open{right:0}.side-menu a,.side-menu p{display:flex;align-items:center;color:#333;text-decoration:none;padding:.75rem;border-radius:4px;transition:background .2s}.side-menu hr{border:none;border-top:1px solid #ddd;margin:1rem 0}.input-box{width:386px;height:84px;border-radius:16px;background:#0000501a;padding:16px 18px;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;margin-bottom:8px}.input-box label{font-size:14px;font-weight:600;color:#000050;margin-bottom:8px}.input-box input.form-control{font-size:24px;font-weight:500;color:#000050cc;background:var(--Text-Weak, #000050A6);border:none;outline:none;background:transparent;margin:0;line-height:28px;padding:5px}.input-box input.form-control{margin-top:4px}.input-box input::placeholder{font-size:20px;color:#00005073}.error-outer{height:18px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px}.error-field{font-size:12px;font-weight:500;line-height:16px;color:#ff3b30;padding:18px}.submit-btn{width:386px;height:52px;border-radius:999px;border:none;background:#1061ff;color:#fff;font-size:14px;font-weight:500;display:block;margin:32px auto 0}.submit-btn:disabled{opacity:1;background:#1061ff;cursor:not-allowed}.password-wrapper{display:flex;align-items:center;justify-content:space-between}.password-wrapper input{flex:1}.eye-icon{margin-left:10px;cursor:pointer}.signup-inner *{margin-top:0!important}@media(min-width:1024px){.sticky-side{max-width:40%}.hamburger-icon{display:none}.dashboard-main{height:calc(100vh - 84px)}}@media(max-width:1024px){.info-sec{flex-direction:column!important;align-items:start}.sticky-side{position:static;height:fit-content;margin-bottom:40px;padding-top:30px}.signup-container{max-width:none;padding:clamp(32px,5vw,40px) clamp(24px,5vw,28px)}.dashboard-main .sidebar{display:none}.hamburger-icon{display:block}.company-info-layout{flex-direction:column}}@media(max-width:768px){.pswd-layout{height:auto}.info-sec{flex-direction:row!important;align-items:center}.auth-outer{height:auto;padding-bottom:20px}.dashboard-main .main-content{display:flex;flex-direction:column-reverse!important}.main-aside,.main-outer{width:100%!important}.beneficiary-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}}@media(max-width:600px){.settings-modal{flex-direction:column!important;gap:4px!important}.settings-modal .sidebar .sidebar-links .sidebar-item.active:after{display:none!important}.settings-modal .sidebar{max-width:none!important;padding:24px 0!important;border:none!important}.settings-modal .tab-content{padding:20px 0 40px}.settings-modal .sidebar nav{flex-direction:row!important;flex-wrap:wrap}.settings-modal .sidebar-hr{display:none}.settings-modal .sidebar .sidebar-links .sidebar-item{width:fit-content;border-radius:10px;border:1px solid #ccc;padding:8px}}@media(max-width:480px){.auth-headerimg .logo-img{max-width:120px;aspect-ratio:200/70}.btn-primary,.submit-btn,.gray-btn,.dark-btn{padding:14px;font-size:16px}.account-info{padding:20px!important}.accordion-tab button.gray-btn{padding:16px!important}.auth-headerimg{margin:0}.signup-container{min-width:0px;min-height:70vh}.signup-form{padding:0}.form-control{padding:12px 16px}.page-container{min-width:0px;margin-top:40px}.dashboard-container .navbar{flex-direction:column;gap:16px;height:auto!important;align-items:flex-start!important;padding:25px 18px!important}.transactions-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}.benficiary-list-item{border-radius:120px!important}.space-btns{flex-direction:column}}@media(max-width:768px){.auth-outer{row-gap:10px!important}}[dir=rtl]{.no-transactions-img{transform:scale(1.1) scaleX(-1) translate(2%) translateY(0)!important}.no-transactions-img-export{transform:scale(1.7) scaleX(-1) translate(14%) translateY(6%)!important}.no-transactions-outer1 p{padding:5px 16px 0 0!important}.no-transactions-outer p{padding:16px 16px 0 0!important}.dashboard-items,.no-flip{transform:scaleX(-1)!important}.benficiary-list-item .status{margin-left:0!important;margin-right:auto}input[type=tel]{direction:rtl}.toast{left:40px;right:unset!important}.eye-icon{left:20px;right:unset}.transaction-amount{text-align:left;margin-right:auto;margin-left:unset}.sidebar-btn{transform:scaleX(-1)}.sidebar nav a.active:after,.settings-modal .sidebar .sidebar-links .sidebar-item.active:after{left:-24px;right:unset;border-radius:0 10px 10px 0}.search-button{left:6px;right:unset}.user-dropdown{left:1%;right:unset}.pswd-chevron{transform:scaleX(-1)}.avatar-bank{left:-4px;right:unset}.transaction-iconcircle .typeicon{left:0;right:unset}.sidebar nav .icon img,.service-icon{transform:scaleX(-1)}.chip-btn{margin-right:auto;margin-left:0!important}.balance-row{display:flex;align-items:center;gap:8px}.balance-container{display:flex;align-items:center;gap:4px}.balance-row.rtl{flex-direction:row-reverse!important}.transfer-modal .input-field{direction:rtl;text-align:right!important}.sar-icon{background:none;margin-top:1px;margin-bottom:0!important}.eye-icon{flex-direction:row-reverse}.input-wrapper input{padding-right:21px!important}.radio-circle{margin-right:auto;margin-left:0!important}.dropdown-option{direction:rtl!important}.sm-modal .account-info .w-full.flex-col{justify-content:space-between;position:relative;left:0;right:50px;margin-left:0!important;align-items:center!important}.action-buttons{margin-right:auto;margin-left:0!important}}
