:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1d2836;cursor:pointer;transition:border-color .25s}button:hover{background-color:#2c3b4e}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.google-pay{font-size:14px}apple-pay-button{--apple-pay-button-width: 240px;--apple-pay-button-height: 30px;--apple-pay-button-border-radius: 5px;--apple-pay-button-padding: 5px 0px}.apple-button{margin-bottom:5px}.apple-btn{width:300px;background-color:#2a2a2a!important;color:#fff!important;font-weight:800!important;margin:12px 0}#gpay-button-online-api-id{outline:none!important}.card{background-color:#f6f6f6;border:1px solid rgb(225,225,225);border-radius:5px;box-shadow:0 2px 4px #0000001a}.row{display:flex;gap:15px;flex-wrap:wrap}.input-container{flex:1 1 calc(33.33% - 15px);display:flex;flex-direction:column;margin-bottom:15px}.input-container label{margin-bottom:5px;font-weight:700}.input-container input{border:1px solid rgb(187,187,187);box-shadow:0 2px 4px #0000001a}.card-name{flex:1 1 calc(65% - 15px)}.select-container{display:flex;flex-direction:column;margin-bottom:15px}.select-container label{margin-bottom:5px;font-weight:700}.select-container select{border:1px solid rgb(187,187,187);border-radius:5px;font-size:16px;padding:8px;box-shadow:0 2px 4px #0000001a;width:100px;min-height:45px;height:auto}.btn{color:#fff;border-color:#1d2836;background-color:#1d2836;margin:10px 0}.custom-btn-close{color:#1d2836;border-color:#1d2836;background-color:#efefef}.custom-btn-close:hover{color:#1d2836;border-color:#1d2836;background-color:#c9c9c9}.flex-microform{color:#3a3a3a;font-size:16px;background:#fff;padding:6px;outline:none;border:1px solid rgb(187,187,187);box-shadow:0 2px 4px #0000001a}@media (max-width: 575px){.flex-card{display:flex;flex-direction:column;padding:20px}.card-fields{flex:1}.digital-payment{flex:1;text-align:center;align-self:center}.or-separater{display:flex;flex-direction:row;-webkit-box-align:center;justify-content:space-evenly;align-items:center;padding:20px 0}.or-separater:before,.or-separater:after{content:"";width:40%;height:1px;background-color:#00000026}.custom-btn{width:100%}.input-container{flex:1 1 100%}.select-container,.select-container select{width:100%;max-width:100%}}@media (min-width: 576px) and (max-width: 767px){.flex-card{display:flex;flex-direction:column;padding:20px}.card-fields{flex:1}.digital-payment{flex:1;text-align:center;align-self:center}.or-separater{display:flex;flex-direction:row;-webkit-box-align:center;justify-content:space-evenly;align-items:center;padding:20px 0}.or-separater:before,.or-separater:after{content:"";width:40%;height:1px;background-color:#00000026}.custom-btn{width:100%}.input-container{flex:1 1 100%}.select-container,.select-container select{width:100%;max-width:100%}}@media (min-width: 768px) and (max-width: 991px){.flex-card{display:flex;padding:20px}.card-fields{flex:1}.digital-payment{flex:1;text-align:center;align-self:center}.or-separater{display:flex;flex-direction:column;-webkit-box-align:center;justify-content:space-evenly;align-items:center;padding:0 40px}.or-separater:before,.or-separater:after{content:"";width:1px;height:100px;background-color:#00000026}.custom-btn{width:15%}.btn{width:100%;justify-content:center}}@media (max-width: 820px){.row{flex-direction:column;align-items:stretch;gap:1rem}.row>*{width:100%}label{white-space:normal}.select-container,.select-container select{width:100%;max-width:100%}}@media (min-width: 992px){.flex-card{display:flex;padding:20px}.card-fields{flex:1}.digital-payment{flex:1;text-align:center;align-self:center}.or-separater{display:flex;flex-direction:column;-webkit-box-align:center;justify-content:space-evenly;align-items:center;padding:0 40px}.or-separater:before,.or-separater:after{content:"";width:1px;height:100px;background-color:#00000026}.custom-btn{width:15%}.btn{width:100%;justify-content:center}}.alert{padding:.75rem 1rem;border-radius:.375rem;position:relative;display:flex;align-items:center;font-size:1rem;line-height:1.5;margin-bottom:12px}.alert-danger{background-color:#fee2e2;border:1px solid #f87171;color:#b91c1c}.loading-container{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;min-width:100%;background-color:#1a1a1aa3;color:#fff;top:0;z-index:100}.spinner{width:50px;height:50px;border:6px solid #cccccc;border-top:6px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:16px;font-size:18px;font-weight:600;color:#ccc;animation:fade 1.5s infinite ease-in-out}@keyframes fade{0%,to{opacity:1}50%{opacity:.5}}.error-container{display:flex;justify-content:space-between;align-items:center;max-width:50%;margin:20px auto;padding:15px;background-color:#fdecea;color:#b71c1c;border-radius:8px;box-shadow:0 4px 6px #0000001a;border:1px solid #f5c6cb}.error-container-success{display:flex;justify-content:space-between;align-items:center;max-width:50%;margin:20px auto;padding:15px;background-color:#eafdea;color:#40b71c;border-radius:8px;box-shadow:0 4px 6px #0000001a;border:1px solid #b2e3b6}.error-message-container{display:flex;align-items:center}.error-icon{margin-right:10px}.error-message{font-size:16px;font-weight:500;margin:0 5px}.error-retry-button{padding:8px 16px;background-color:#b71c1c;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s ease;margin:0 10px}.error-retry-button:hover{background-color:#921616}.error-retry-button-success{padding:8px 16px;background-color:#3bb71c;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s ease;margin:0 10px}.error-retry-button-success:hover{background-color:#339216}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000004d;max-width:90%;width:500px}.modal-content.lg{width:700px}.modal-content.md{width:500px}.modal-content.sm{width:300px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:10px;font-size:20px;font-weight:500}.modal-header h2{margin:0}.close-btn{background:none;border:none;cursor:pointer;padding:0 10px;line-height:unset;font-family:auto;font-weight:600}.close-btn:hover{background:none;cursor:pointer;background-color:#e8e8e8}.modal-body{padding:20px 0}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #ddd;padding-top:10px}.modal.customModal{opacity:1!important;overflow:hidden!important}.modal-backdrop.fade.show{opacity:var(--bs-backdrop-opacity)!important}.customModal .modal-content{width:320px!important;min-height:400px!important}.customModal.modal-backdrop{opacity:var(--bs-backdrop-opacity)!important}.customModal.modal.fade .modal-dialog{transition:transform .3s ease-out!important;transform:none!important}.customModal .modal-dialog{width:320px!important;margin:0 auto!important}.customModal .modal-body{padding:15px 30px!important}.customModal .modal-footer{border-top:1px solid #ced0d3!important}.aligned-text{display:flex;justify-content:space-between}.card-text{display:flex!important;flex-direction:column!important;border-bottom:1px solid #ccc!important}.card-text span:first-child{font-size:11px!important;color:#7b7b7b!important}.card-img{height:40px;display:flex;justify-content:center}.card-info{padding-bottom:15px}.payment-details{padding-top:15px}.payment-details p:nth-child(2){border-bottom:1px dashed #ccc!important;padding:0}.otp-modal{display:flex!important;align-items:center!important;justify-content:center!important;position:fixed!important;z-index:1!important;left:0!important;top:0!important;width:100%!important;height:100%!important;overflow:hidden!important;background-color:#0006!important}.otp-modal-content{position:relative;background-color:#fefefe;margin:auto;border:1px solid #888;width:80%;max-width:800px;height:80%;max-height:600px}.fullscreen-iframe{width:100%;height:100%;border:none}.receipt-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.receipt-box{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center;width:350px}.animation-container{width:120px;height:120px;margin:0 auto 10px}.title{font-size:20px;font-weight:700;margin-bottom:5px}.message{color:#555;margin-bottom:15px}.details{text-align:left;font-size:16px;color:#333}.details p{margin:5px 0}.details hr{margin:10px 0;border:none;border-top:1px solid #ddd}.total{font-size:18px;font-weight:700}.done-button{background:#4caf50;color:#fff;border:none;padding:10px 15px;font-size:16px;border-radius:5px;cursor:pointer;margin-top:15px;transition:background .3s}.done-button:hover{background:#45a049}html[dir=rtl] .details{text-align:right}#root{width:100%;height:100vh;display:flex;flex-direction:column}#main{width:80%;margin:auto;align-content:center}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;margin:25px 0}.read-the-docs{color:#888}.payment-container{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#f8f9fa}.payment-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:400px;width:100%}.animation{width:150px;height:150px;margin:0 auto}.declined-title{font-size:20px;font-weight:700;color:#d9534f;margin-top:10px}.message{font-size:16px;color:#555;margin-top:10px}.retry-button{background-color:#d9534f;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-top:15px}.retry-button:hover{background-color:#c9302c}.not-found-container{text-align:center;margin-top:50px}.not-found-animation{width:500px;height:300px;margin:0 auto}.not-found-title{font-size:24px;color:#333;margin-top:20px}.not-found-text{font-size:16px;color:#666}.header{height:40px;background-color:#1d2836}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#1d2836;box-shadow:0 2px 4px #0000001a}.logo{font-size:1.5rem;font-weight:700;color:#333;height:inherit}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.language-select{padding:5px 10px;font-size:1rem;border-radius:4px;background-color:transparent;color:#fff;border:none;cursor:pointer}.language-select option{background-color:#fff;color:#000}.language-select:focus{border-color:#4f46e5}.language-select:focus-visible{border:none;outline:none}