@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}:root{--border-clr: #e0e0e0;--text-clr: #333;--text-secondary-clr: #757575;--input-clr: #f5f5f5;--text-success-clr: #4caf50;--btn-clr: hsl(226, 45%, 23%);--focus-clr: rgb(26, 43, 77);--bg-clr: #fff;--bg-light-clr: #fafafa;--text-danger-clr: #f44336;--bg-danger-clr: #ffebee;--bg-success-clr: #e8f5e9;--font-family: "Inter", sans-serif;--font-size: 16px;--fs-xxs: .625rem;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-xxl: 1.5rem;--fs-xxxl: 1.875rem;--font-weight: 400;--font-weight-bold: 700;--font-weight-extra-light: 200}body{margin:0;padding-block:1rem;background-color:var(--bg-clr);display:grid;place-items:center;font-family:var(--font-family);font-size:var(--font-size);height:100vh;overflow-y:auto;box-sizing:border-box}@media (max-width: 768px){body{height:90%;padding-block:0;width:100%}}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.online--payment-container{display:flex;justify-content:center;flex-direction:column;align-items:center;border-radius:10px;width:650px;height:100%;border:1px solid var(--border-clr)}@media (max-width: 768px){.online--payment-container{width:100%;border-radius:0;border:none}}.online-payment--container-status{display:flex;justify-content:center;width:650px;flex-direction:column;align-items:center;border-radius:10px;border:1px solid var(--border-clr)}@media (max-width: 768px){.online-payment--container-status{border-radius:0;border:none;width:100lvw}}.online-payment--container-status--failed{display:flex;justify-content:center;width:650px;flex-direction:column;align-items:center;border-radius:10px;border:1px solid var(--border-clr)}@media (max-width: 768px){.online-payment--container-status--failed{border-radius:0;border:none;width:100lvw}}.online-payment--header-status{height:120px;display:flex;width:100%;justify-content:space-between;align-items:center;border-radius:10px 10px 0 0;background-color:var(--input-clr);border-bottom:1px solid var(--border-clr)}@media (max-width: 768px){.online-payment--header-status{width:100%;border-radius:0}}.online-payment--header-status .online-payment-logo{padding-left:30px}.online-payment--header-status .online-payemen-details{display:flex;align-items:flex-end;gap:8px;padding-right:20px;flex-direction:column}.online-payment--header-status .online-payemen-details .amount{font-size:min(5vw,var(--fs-xxl));font-weight:var(--font-weight-bold);color:var(--text-clr)}.online-payment--header-status .online-payemen-details .ref{padding:0;margin:0;font-size:min(3vw,var(--fs-xs));color:var(--text-secondary-clr);font-style:italic}.online-payment--header-status .online-payemen-details .payment-info{font-size:min(3vw,var(--fs-md));font-weight:var(--font-weight);color:var(--text-clr);margin:0}.online-payment--header{height:120px;width:100%;display:flex;justify-content:space-between;align-items:center;border-radius:10px 10px 0 0;background-color:var(--input-clr);border-bottom:1px solid var(--border-clr)}@media (max-width: 768px){.online-payment--header{border-radius:0;border:none}}.online-payment--header .online-payment--header-content{display:flex;align-items:flex-start;justify-content:center;gap:10px;height:80px}@media (max-width: 768px){.online-payment--header .online-payment--header-content{gap:5px}}.online-payment--header .online-payment-logo{padding-left:30px}.online-payment--header .online-payment-details{display:flex;align-items:flex-end;gap:8px;padding-right:20px;flex-direction:column}.online-payment--header .online-payment-details .amount{font-size:min(5vw,var(--fs-xxl));font-weight:var(--font-weight-bold);color:var(--text-clr)}.online-payment--header .online-payment-details .ref{padding:0;margin:0;font-size:min(3vw,var(--fs-xs));color:var(--text-secondary-clr);font-style:italic}.online-payment--header .online-payment-details .payment-info{font-size:min(3vw,var(--fs-md));font-weight:var(--font-weight);color:var(--text-clr);margin:0}.online--payment-body{height:min(400px,100%);width:100%;background-color:var(--bg-light-clr);border-radius:0 0 10px 10px}.online--payment-body .payment-policy{padding:20px;display:flex;justify-content:space-between;align-items:center}.online--payment-body .payment-policy .policy-icon--container{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;border:2px solid var(--text-success-clr)}@media (max-width: 768px){.online--payment-body .payment-policy .policy-icon--container{width:35px;height:35px}}.online--payment-body .payment-policy .policy-text{flex:5;text-align:center;padding-left:20px;font-size:var(--fs-md);font-weight:var(--font-weight);color:var(--text-secondary-clr)}@media (max-width: 768px){.online--payment-body .payment-policy .policy-text{padding-left:50px;font-size:var(--fs-xs)}}.online--payment-body .payment-container{margin:20px;padding:20px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border-clr);box-shadow:0 0 7px #0003}.online--payment-body .payment-container .title-container{display:flex}.online--payment-body .payment-container .title-container .text{padding:10px 15px;font-weight:400;font-size:var(--fs-md);background-color:var(--input-clr);border-top-right-radius:5px;border-top-left-radius:5px;border-top:1px solid var(--text-clr);border-left:1px solid var(--text-clr);border-right:1px solid var(--text-clr)}@media (max-width: 768px){.online--payment-body .payment-container .title-container .text{font-size:var(--fs-xs)}}.online--payment-body .payment-container .title-container .empty-container{flex:5;border-left:none;border-bottom:1px solid var(--text-clr)}.online--payment-body .payment-providers-container{width:100%;margin:10px;padding-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));grid-template-rows:auto;gap:10px;justify-content:center;align-items:center}@media (max-width: 768px){.online--payment-body .payment-providers-container{display:flex;flex-wrap:wrap;justify-content:start}}.online--payment-body .payment-providers-container .payment-provider{gap:2px;align-self:center;width:90px;height:90px;display:flex;border:2px solid var(--border-clr);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.online--payment-body .payment-providers-container .payment-provider img{width:35px;height:35px;border-radius:8px}.online--payment-body .payment-providers-container .payment-provider p{font-size:var(--fs-xs);font-weight:var(--font-weight);color:var(--text-secondary-clr)}@media (max-width: 768px){.online--payment-body .payment-providers-container .payment-provider{width:70px;height:70px}.online--payment-body .payment-providers-container .payment-provider img{width:30px;height:30px}.online--payment-body .payment-providers-container .payment-provider p{font-size:var(--fs-xxs);padding-bottom:0;margin-bottom:0}}.online--payment-body .payment-input{margin-top:20px;margin-inline:15px;display:flex;justify-content:center;align-items:center}.online--payment-body .payment-input input{width:100%;padding:10px;border-radius:5px;border:1px solid var(--border-clr);background-color:var(--input-clr);color:var(--text-clr);font-size:var(--fs-sm);font-weight:var(--font-weight)}@media (max-width: 768px){.online--payment-body .payment-input input{font-size:var(--fs-xxs)}}.online--payment-body .payment-input input:focus{outline:2px solid var(--focus-clr)}.online--payment-body .payment-btn{margin-top:50px;margin-bottom:50px;margin-inline:15px}.online--payment-body .payment-btn button{width:100%;padding:10px;border-radius:5px;border:none;background-color:var(--btn-clr);color:var(--bg-clr);font-size:var(--fs-md);font-weight:var(--font-weight-bold);cursor:pointer}@media (max-width: 768px){.online--payment-body .payment-btn button{font-size:var(--fs-xxs)}}.online--payment-body .payment-btn button:hover{background-color:#1a2c4c}.online--payment-body .payment-btn button:disabled{background-color:var(--text-secondary-clr);cursor:not-allowed}.online--payment-body .payment-qrcode-container{width:100%;padding:10px;margin-top:20px;display:flex;justify-content:space-between;align-items:center}.online--payment-body .payment-qrcode-container .text{line-height:1.5;font-size:var(--fs-md);font-weight:var(--font-weight-bold);color:var(--btn-clr);text-align:center;padding-inline-end:40px;padding-inline-start:10px}@media (max-width: 768px){.online--payment-body .payment-qrcode-container .text{padding-inline-end:5px;padding-inline-start:20px;font-size:var(--fs-xs)}}.online--payment-body--failed{background-color:var(--bg-danger-clr)}.online--payment-body--success{background-color:var(--bg-success-clr)}.page-not-found-title{font-size:min(3vw,var(--fs-xl));font-weight:var(--font-weight-bold);color:var(--text-clr);text-align:center;margin-inline:30px}.alert-info_container{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px}.alert-info_container p{font-size:min(3vw,var(--fs-xl));font-weight:var(--font-weight);color:var(--text-danger-clr)}.info-sucess{gap:40px;color:var(--text-success-clr)}.info-sucess p{font-weight:var(--font-weight);color:inherit}.info-sucess .info-failed{margin-bottom:.3rem;padding-bottom:0;color:#f44336;font-size:1.8rem}@media (max-width: 768px){.info-sucess .info-failed{font-size:var(--fs-xl)}}.loader{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0000006c;z-index:100}.btn-goBack{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px}.btn-goBack p{font-size:var(--fs-md);color:var(--text-secondary-clr)}@media (max-width: 768px){.btn-goBack p{font-size:var(--fs-xxs)}}.btn-goBack button{padding:.6rem 5rem;border-radius:5px;border:none;background-color:var(--btn-clr);color:var(--bg-clr);font-size:var(--fs-md);font-weight:var(--font-weight-bold);cursor:pointer}@media (max-width: 768px){.btn-goBack button{font-size:var(--fs-xxs)}}.btn-goBack button:hover{background-color:#1a2c4c}.merchant-info{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.merchant-info>p{padding:0;margin:0}.merchant-info .merchant-info-title{font-size:var(--fs-xl);font-weight:var(--font-weight-bold);color:var(--text-clr)}.merchant-info .merchant-info-name{font-size:var(--fs-xl);width:90%;text-wrap:wrap}