.bottom-maintenance-bar{background-color:#1978cd;bottom:0;left:0;position:fixed;position:fixed!important;right:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:999999999!important}.bottom-maintenance-bar.rtl,.bottom-maintenance-bar[dir=rtl]{direction:rtl!important}.bottom-maintenance-bar.rtl .maintenance-content .left-content .maintenance-text,.bottom-maintenance-bar[dir=rtl] .maintenance-content .left-content .maintenance-text{text-align:right!important}.bottom-maintenance-bar.visible{transform:translateY(0)}.bottom-maintenance-bar .maintenance-content{align-items:center;box-sizing:border-box;color:#fff;display:flex;font-family:Tajawal,sans-serif;font-size:14px;height:48px;justify-content:space-between;line-height:1.5;margin:0 auto;max-width:1440px;padding:12px 24px}.bottom-maintenance-bar .maintenance-content .left-content{align-items:center;display:flex;flex:1 1;gap:12px}.bottom-maintenance-bar .maintenance-content .left-content .info-icon{font-size:20px}.bottom-maintenance-bar .maintenance-content .left-content .maintenance-text strong{font-weight:700}.bottom-maintenance-bar .maintenance-content .close-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;opacity:.8;padding:0 0 0 16px;transition:opacity .2s ease}.bottom-maintenance-bar .maintenance-content .close-button:hover{opacity:1}.bottom-maintenance-bar .maintenance-content .close-button:focus{outline:none}body .bottom-maintenance-bar{z-index:999999999!important}[class*=chat],[id*=chat],[id*=widget]{z-index:999999998!important}@media(max-width:768px){.bottom-maintenance-bar .maintenance-content{font-size:13px;padding:12px 16px}.bottom-maintenance-bar .maintenance-content .left-content{gap:8px}.bottom-maintenance-bar .maintenance-content .left-content .info-icon{font-size:18px}}.Arabic .Arabic,.Arabic .Latin,.Latin .Arabic,.Latin .Latin{font-family:Tajawal,sans-serif;font-weight:400}.tab-rapper.rechargeTabs{align-items:center;display:flex;flex-direction:row;gap:12px;height:52px;justify-content:center;padding:0;width:100%}@media screen and (min-width:1025px){.tab-rapper.rechargeTabs{gap:16px}}.rechargeTabs .tab-elem{align-items:center;border:1px solid #edeef2;border-radius:8px;color:#7c8095;display:flex;flex-direction:column;flex-grow:1;font-family:bold;font-size:16px;font-style:normal;gap:4px;height:36px;justify-content:center;line-height:20px;padding:20px}.rechargeTabs .tab-elem:not(:disabled){cursor:pointer}.rechargeTabs .tab-elem{min-height:5rem;transition:all .2s ease-in-out;width:33.33%}.rechargeTabs .tab-elem:not(.active):hover{opacity:.75}.rechargeTabs .tab-elem.active{background-color:#1978cd;color:#fff;font-size:16px;font-style:normal;font-weight:700;line-height:20px}.rechargeTabs .tab-elem.active:not(:disabled){cursor:pointer}.rechargeTabs .tabs-elem{background-color:#fff;box-sizing:border-box;color:#00a6eb;font-size:1.8rem;padding:1.5rem 0 1.4rem;text-align:center;width:50%}.rechargeTabs .tabs-elem:not(:disabled){cursor:pointer}.Latin .rechargeTabs .tabs-elem{float:left}.Arabic .rechargeTabs .tabs-elem{float:right}.rechargeTabs .tabs-1 .tabs-elem{width:100%}.rechargeTabs .tabs-4 .tabs-elem{width:25%}.rechargeTabs .tabs-elem.active{background-color:#00a6eb;color:#fff}.placeholder-wrapper:after{clear:both;content:"";display:table}.Arabic .bold,.Latin .bold{font-family:Tajawal,sans-serif;font-weight:700}.Arabic .Arabic,.Arabic .Latin,.Arabic .input-field-block .input-field,.Latin .Arabic,.Latin .Latin,.Latin .input-field-block .input-field,.input-field-block .Arabic .input-field,.input-field-block .Latin .input-field{font-family:Tajawal,sans-serif;font-weight:400}html{-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important}.Latin{line-height:1}.Arabic{line-height:1.15}@font-face{font-family:saudi_riyal;font-style:normal;font-weight:400;src:url("") format("woff2")}.icon-saudi_riyal:before{color:inherit;content:"";font-family:saudi_riyal!important;font-size:inherit}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;src:url("Tajawal-Regular.46dc469a23bcaf179d01.otf") format("opentype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;src:url("Tajawal-Bold.ed135df8dd2aeb44f23d.otf") format("opentype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:300;src:url("TajawalLight-Light.07cb416425341e9c1616.otf") format("opentype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;src:url("TajawalMedium-Medium.aa5b626e93dac9f13256.otf") format("opentype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;src:url("TajawalExtraBold-ExtraBold.b00e95a7bbcbb93388d5.otf") format("opentype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:200;src:url("TajawalExtraLight-ExtraLight.0d909f9ebc4a0da88b1d.otf") format("opentype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:900;src:url("TajawalBlack-Black.b966d9c31acd66b8e46c.otf") format("opentype")}.input-field-block{position:relative}.input-field-block .input-field{border:1px solid #cbccd5;border-radius:.8rem;box-sizing:border-box;padding:1.8rem 2.4rem;width:100%}.Latin .input-field-block .input-field{font-size:16px;text-align:left}.Arabic .input-field-block .input-field{font-size:16px;text-align:right}@media screen and (max-width:900px){.input-field-block .input-field{padding:2rem 1.7rem 1.8rem}.Arabic .input-field-block .input-field,.Latin .input-field-block .input-field{font-size:16px}}.input-field-block .input-field+i svg path{fill:#cbccd5}.input-field-block .input-field:focus{border:1px solid #1978cd;outline:none}.input-field-block .input-field[type=password]:focus+.placeholder-wrapper+.password-hint,.input-field-block .input-field[type=text]:focus+.placeholder-wrapper+.password-hint{display:block}.Latin .input-field-block .input-field[type=password]:focus+.placeholder-wrapper+.password-hint,.Latin .input-field-block .input-field[type=text]:focus+.placeholder-wrapper+.password-hint{text-align:left}.Arabic .input-field-block .input-field[type=password]:focus+.placeholder-wrapper+.password-hint,.Arabic .input-field-block .input-field[type=text]:focus+.placeholder-wrapper+.password-hint{text-align:right}.input-field-block .input-field[type=password]:focus+.password-hint+i svg path,.input-field-block .input-field[type=password]:focus+.password-hint+i+i svg path,.input-field-block .input-field[type=text]:focus+.password-hint+i svg path,.input-field-block .input-field[type=text]:focus+.password-hint+i+i svg path{fill:#00a6eb}.input-field-block .input-field[type=password]:focus{border-bottom-left-radius:0;border-bottom-right-radius:0}.input-field-block .input-field[type=password].error{border:2px solid #d92e0c}.input-field-block .input-field[type=password].error+.password-hint+i svg path,.input-field-block .input-field[type=password].error+.password-hint+i+i svg path,.input-field-block .input-field[type=password].error:focus+.password-hint+i svg path,.input-field-block .input-field[type=password].error:focus+.password-hint+i+i svg path{fill:#d92e0c}.input-field-block .input-field.error{border:1px solid #d92e0c}.input-field-block .input-field.error+i svg path,.input-field-block .input-field.error+i+i svg path,.input-field-block .input-field.error:focus+i svg path,.input-field-block .input-field.error:focus+i+i svg path{fill:#d92e0c}.input-field-block .tip{height:auto;position:absolute;top:1.6rem;width:1rem}.input-field-block .tip:not(:disabled){cursor:pointer}.Latin .input-field-block .tip{right:3rem}.Arabic .input-field-block .tip{left:3rem}.input-field-block .tip svg{display:block;height:3rem;width:100%;width:3rem}.input-field-block .tipContent{background:#e6e7e7;border-radius:.5rem;padding:20px;position:absolute;z-index:5}.Latin .input-field-block .tipContent{right:-30rem;top:0}.Arabic .input-field-block .tipContent{left:-30rem;top:0}.input-field.touched,.input-field:focus{border:2px solid #1978cd}.input-field.touched+.placeholder-wrapper,.input-field:focus+.placeholder-wrapper{top:-1.3rem}.input-field.touched+.placeholder-wrapper .placeholder-label,.input-field:focus+.placeholder-wrapper .placeholder-label{color:#1978cd;height:100%;width:100%}.input-field.touched+.placeholder-wrapper i svg path,.input-field:focus+.placeholder-wrapper i svg path{fill:#1978cd}.input-field.error+.placeholder-wrapper .placeholder-label{color:#d92e0c}.input-field.error+.placeholder-wrapper i svg path{fill:#d92e0c}.placeholder-wrapper{background-color:#fff;padding:0 1rem;pointer-events:none;position:absolute;top:1.8rem;transition:all .2s;white-space:nowrap}.Latin .placeholder-wrapper{left:0;margin-left:1.5rem}.Arabic .placeholder-wrapper{margin-right:1.5rem;right:0}.placeholder-wrapper i{display:block;pointer-events:none;position:relative;top:-2px}.placeholder-wrapper i.input-barcode{top:4px}.placeholder-wrapper i.input-id,.placeholder-wrapper i.input-puk{top:6px}.placeholder-wrapper i.input-home,.placeholder-wrapper i.input-note{top:2px}.placeholder-wrapper i.input-apartment{top:6px}.placeholder-wrapper i.input-email{top:3px}.placeholder-wrapper i svg path{fill:#cbccd5}.Latin .placeholder-wrapper i{float:left}.Arabic .placeholder-wrapper i{float:right}.placeholder-label{background-color:inherit;color:#65697d;display:block;pointer-events:none}.Latin .placeholder-label{font-size:16px;line-height:2rem;margin-left:3rem}.Arabic .placeholder-label{font-size:16px;line-height:2rem;margin-right:3rem}.flex-direction{display:flex;justify-content:flex-start}@media screen and (max-width:900px){.isIOS-padding{-webkit-appearance:none!important;background-color:#fff!important;width:100%!important}.Latin .isIOS-padding{padding:2.7rem 15.5rem 3rem 0!important}.Arabic .isIOS-padding{padding:2.7rem 0 3rem 15.5rem!important}.isIOS-padding-date{-webkit-appearance:none!important;background-color:#fff!important;width:100%!important}.Latin .isIOS-padding-date{padding:2.7rem 25rem 3rem 0!important}.Arabic .isIOS-padding-date{padding:2.7rem 0 3rem 25rem!important}}.payment-container{border-radius:5px;font-size:large;margin:0 auto 20px;max-width:800px;padding:20px;text-align:center}.shape-rectangle-header{background:#020024;background:linear-gradient(90deg,#020024,#090979 57%,#11138c);color:#fff;display:flex;flex-direction:column;font-family:Regular;font-size:50px;gap:20px;height:200px;justify-content:center;padding:20px;text-align:center;width:100%}
/*# sourceMappingURL=informative-online_recharge.551055f8.chunk.css.map*/