@font-face{font-family:Ethereal-Medium;src:url(/assets/Ethereal-Medium-DvwZFdKU.otf) format("opentype")}@font-face{font-family:Times-Roman;src:url(/assets/Times-Roman-C_YJpm5C.ttf) format("truetype")}body{margin:0;min-height:100vh;font-family:Ethereal-Medium,sans-serif;background:url(/assets/BG_Desktop-CCSXIjuy.png)}@font-face{font-family:Ethereal-Medium;src:url(/assets/Ethereal-Medium-DvwZFdKU.otf) format("opentype")}@font-face{font-family:Times-Roman;src:url(/assets/Times-Roman-C_YJpm5C.ttf) format("truetype")}body{margin:0;font-family:Ethereal-Medium,sans-serif;background-color:#fff;padding-left:5%;padding-right:5%}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.arabic-text{font-family:Times-Roman,serif}.main-content{max-width:400px;width:100%;padding:10px;display:flex;flex-direction:column;align-items:center}.logo{width:170px;height:70px;margin:10px auto}.company-name{font-size:18px;font-weight:700;margin:10px 0;color:#fff}.language-switch{display:flex;align-items:center;justify-content:flex-end;flex-grow:1}.language-button{background:transparent;border:1px solid rgba(255,255,255,.584);padding:0 20px;font-size:14px;font-weight:700;cursor:pointer;color:#fff;transition:color .3s ease;border-radius:7px;width:70px}.lang-button-content{display:flex;align-items:center;justify-content:space-around}.flag{width:15px;height:15px;border-radius:70px}.white-container{background-color:#fff;padding:5% 15% 10%;border-radius:10px;width:100%;margin-top:10%}.enter-amount-text{font-size:25px;color:#575054;text-align:center;font-weight:700}.amount-display{font-size:32px;font-weight:700;margin:10px 0;width:100%;color:#575054;display:flex}.amount-input-container{display:flex;flex:3;justify-content:end}.amount-currency-container{display:flex;flex:1.5;justify-content:start}.amount-container-arabic{display:flex;align-items:center;justify-content:space-between;width:100%}.amount-currency-container-arabic{display:flex;flex:1.5;justify-content:flex-end;align-items:flex-start;height:100%}.amount-input-container-arabic{display:flex;flex:3;justify-content:start}.arabic-currency{color:#575054;display:flex;flex:1;justify-content:flex-end;align-items:center;margin-right:10px;font-weight:700}.amount-arabic{display:flex;font-size:16px;font-weight:700;color:#575054;padding:10px 0;background:#f9f9f9;width:100%;text-align:center;flex:1}.currency-container{background:#fff;display:flex;width:100%}#currency{font-size:20px;text-align:start}.amount-field:focus,.amount-field-extended:focus{outline:none;border-bottom:1px solid #034a57}.phone-number:focus{outline-width:2px;outline-color:#aaa9}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount-field{width:50%;font-size:30px;font-weight:700;color:#034a57;text-align:center;border:none;border-bottom:1px solid #034a57}.amount-field-extended{width:90%;font-size:30px;font-weight:700;color:#034a57;text-align:center;border:none;border-bottom:1px solid #034a57}input{box-shadow:none;background:transparent;border:1px solid #03869b;color:#575054;border-radius:10px;font-family:Ethereal-Medium,sans-serif}input::placeholder{color:#575054;border-radius:5px;padding-left:10px}.fields-container{display:flex;flex-direction:column;justify-content:space-evenly}.input-fields{margin-top:5%;height:40px}select{background:transparent;border:1px solid #03869b;color:#575054;font-family:Ethereal-Medium,sans-serif}.phone-input-container{display:flex;justify-content:center;margin:20px 0 30px}.country-code{padding:5px;font-size:14px;border:1px solid #03869b;border-radius:10px 0 0 10px;width:40%;height:40px}.phone-number{padding:5px;font-size:14px;border:1px solid #03869b;border-left:none;border-radius:0 10px 10px 0;width:60%}.top-up-buttons{display:flex;justify-content:space-between;margin:20px 0;flex-wrap:wrap}.pay-button{background:#000;color:#fff;padding:10px;width:100%;border:none;border-radius:10px;margin:10px 0;cursor:pointer;font-size:16px;font-family:Ethereal-Medium,sans-serif}.note{font-size:12px;color:#666;margin:7.5px 0}.other-payment-methods{border:1px solid #03869b;background:transparent;color:#575054;padding:10px;width:100%;border-radius:10px;cursor:pointer;font-size:14px;margin:10px 0;font-family:Ethereal-Medium,sans-serif}.powered-by{font-size:12px;color:#666;margin-top:10px;width:40%}.top-navigation{display:flex;justify-content:space-between;width:100%;max-width:400px;padding:10px}.top-up-buttons{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.top-up-button-container{display:flex;flex-direction:column;align-items:center;width:45%;background:#034537;border-radius:8px;box-shadow:0 2px 4px #0006;overflow:hidden;cursor:pointer}.amount{font-size:16px;font-weight:700;color:#034537;padding:10px 0;background:#f9f9f9;width:100%;text-align:center}.amount-container{display:flex;justify-content:center}input:focus{border:#03869b}@media only screen and (max-width: 600px){body{padding-left:2%;padding-right:2%;overflow-x:hidden;background:url(/assets/BG_Desktop-CCSXIjuy.png)}.app-container{min-height:auto;padding:20px 0}.main-content{max-width:100%;width:90%;padding:5px}.logo{width:120px;height:50px}.company-name{font-size:16px}.language-switch{justify-content:flex-end;margin-bottom:5px}.language-button{font-size:12px;width:60px;padding:5px}.white-container{padding:3%;margin-top:5%}.enter-amount-text{font-size:16px}.amount-display{font-size:28px;flex-direction:column;align-items:center}.amount-field{font-size:25px;width:50%}.amount-field-extended{width:80%;font-size:25px}.phone-input-container{flex-direction:row;align-items:center;justify-content:center}input{padding-left:10px;font-size:17px}input::placeholder{padding:0}select{border-radius:10px 0;font-size:17px}.country-code{height:45px}.phone-number{padding:10px;font-size:14px;border:1px solid #03869b;border-radius:0 10px 10px 0;width:85%;height:23px}.top-up-buttons{flex-direction:column;align-items:center;gap:8px}.top-up-button-container{width:100%}.pay-button,.other-payment-methods{font-size:14px;padding:12px;width:100%}.powered-by{width:35%;text-align:center}.amount-container-arabic{display:flex;align-items:center;justify-content:space-between;width:100%}.amount-currency-container-arabic{display:flex;flex-direction:row}.amount-input-container-arabic{display:flex;align-items:center;width:20%}}