*{font-family:Almarai,sans-serif}.instruction{text-align:left;font-weight:300;margin:16px 0;padding:0 24px}.instruction li{margin:0 0 8px 0}.multi-input.code-show{justify-content:center;font-size:1.5em}*{box-sizing:border-box}.logo{height:32px;vertical-align:middle;margin-inline-end:8px}.qrcode{margin-top:16px;width:100%;max-width:40vh;height:auto}a{text-decoration:none;color:#0076ff}.copyright{font-size:.9em;text-align:center;color:#222}.container{align-self:center;margin:16px 0}h5{margin:16px 0 8px 0}.header{line-height:32px;margin-bottom:16px}#loading,.loading{margin:24px 0}#loading #status,.loading .status{margin-top:16px;text-align:center}#loading img,.loading img{width:40px;height:40px;animation:flip 1.05s infinite}@keyframes flip{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#info .to{text-align:center;color:#f6921e}.my-16{margin:16px 0}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.my-8{margin:8px 0}.mt-8{margin-top:8px}.mb-8{margin-bottom:8px}#buttons{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}#buttons.hidden{display:none}.step{transition:all .2s ease;flex-direction:column;text-align:center;font-weight:700}.step p{font-weight:300}.methods{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:16px -8px}.payment-method{cursor:pointer;background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,.25);flex-grow:1;margin:8px;filter:grayscale(100%);height:48px;width:128px}.payment-method.damancash{background-image:url('../img/daman.cash.svg')}.payment-method.bok{background-image:url('../img/bok.svg')}.payment-method.ebs{background-image:url('../img/atm-en.svg')}.payment-method.stripe{background-image:url('../img/visa-mastercard.svg')}.payment-method>*{cursor:pointer}.payment-method.selected{border:1px solid #0076ff;filter:none}.payment-method input{display:none}.label img{height:32px;width:auto}body{background:linear-gradient(0deg,#fff 0,#d8d8d8 100%);font-family:Roboto,'Open Sans','Segoe UI',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;display:flex;justify-content:center;align-content:center;position:fixed;top:0;right:0;bottom:0;left:0;margin:0;padding:0}form{width:400px;align-self:center;background:#fff;box-shadow:0 0 0 .5px rgba(50,50,93,.1),0 2px 5px 0 rgba(50,50,93,.1),0 1px 1.5px 0 rgba(0,0,0,.07);border-radius:7px;padding:16px;margin:16px 0;overflow:hidden;-moz-transition:height 1s ease;-webkit-transition:height 1s ease;-o-transition:height 1s ease;transition:height 1s ease}#card-element,.multi-input,.payment-method,input{border:1px solid #e2e2e2;background-color:#fff;border-radius:6px}#card-element,.multi-input,input{margin-bottom:6px;height:44px;font-size:16px;width:100%;background:#fff}#card-element{padding:12px 0 12px 12px}.multi-input{display:flex;flex-direction:row;align-items:center;color:#a8a8a8}.muted{color:#999;margin-top:6px}.multi-input.error{border-color:#ef5350}.multi-input.error .fa-fw,.multi-input.error input::placeholder,.multi-input.error:focus-within .fa-fw{color:#ef5350}.multi-input.error .fa-fw:before{color:#ef5350;content:"\f057"!important}.multi-input.valid .fa-fw:before{color:#39b54a;content:"\f058"!important}.multi-input input{border:none;margin-bottom:0;padding:0;display:flex;height:42px}.multi-input #pan{min-width:220px}.multi-input #month,.multi-input #year{width:32px;text-align:center}.multi-input #exp{text-align:center}.multi-input #ipin{width:56px;text-align:center}.placeholder,input::placeholder{color:grey}.multi-input .fa-fw{color:grey;margin-top:1px;margin:0 8px}.multi-input:focus-within .fa-fw{color:#0076ff}.result-message{line-height:22px;font-size:16px}.result-message a{color:#596fd6;font-weight:600;text-decoration:none}button{background:#f6921e;color:#fff;border-radius:24px;border:0;padding:12px 16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;justify-content:center;min-width:128px}#prev{background:0 0;border:1px solid #e2e2e2;color:#555}button:hover{filter:contrast(115%)}button:disabled{opacity:.5;cursor:default}.multi-input:focus-within,input:focus{outline:0!important;border-color:#0076ff}.multi-input.error:focus-within{border-color:#ef5350}#failure,#msg,#success{text-align:center}#failure,#msg{color:#ef5350}#failure .fa,#success .fa{font-size:64px;color:#39b54a}#failure .fa{color:#ef5350}#info,#msg{margin-bottom:16px}#msg:empty{display:none}.payment-method.stripe{background-image:url('../img/visa-mastercard.svg')}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.backdrop{position:fixed;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.75);animation:fadeIn .5s}@keyframes fromTop{0%{margin-top:-200%}100%{margin-top:0}}.modal{background:#fff;box-shadow:10px 5px 5px rgba(0,0,0,.75);height:80vh;animation:fromTop .3s}.modal .video{height:80vh}.hint{padding:8px;font-size:.8em}.link{cursor:pointer}@media only screen and (max-width:600px){form{width:300px}#buttons{flex-wrap:wrap}button{margin:8px 0;width:100%}#ebs .multi-input{height:auto;flex-wrap:wrap;justify-content:flex-end}#ebs .multi-input #pan{width:230px;height:36px}#ebs .multi-input #exp,.multi-input #ipin{width:115px;text-align:initial;height:36px}}@media (prefers-color-scheme:dark){body{background:#222;color:#fff}.muted{color:#ccc}form{background:#444}.copyright{color:#697386}#card-element,.multi-input,.payment-method,input{background-color:#222;border-color:#222;color:#fff}.payment-method.damancash{background-image:url('../img/daman.cash-dark.svg')}.payment-method.bok{background-image:url('../img/bok-dark.svg')}.payment-method.ebs{background-image:url('../img/atm-en-dark.svg')}.payment-method.stripe{background-image:url('../img/visa-mastercard-dark.svg')}.payment-method.momo{background-image:url('../img/momo-dark.svg')}.selected{border:1px solid #0076ff}#prev{background:0 0;border:1px solid #7d7d7d;color:#dcdcdc}}.hidden{display:none}