@font-face{font-family:"Hind Siliguri";src:url('fonts/HindSiliguri-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0980-09FF,U+200C-200D,U+25CC}
@font-face{font-family:"Hind Siliguri";src:url('fonts/HindSiliguri-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap;unicode-range:U+0980-09FF,U+200C-200D,U+25CC}
.merchant-checkout{--checkout-blue:#0755ce;--checkout-muted:#7186a9;--checkout-border:#dfebff;--provider-color:#ce2174;--provider-deep:#a71a5c;--provider-highlight:#fff36d;min-height:100vh;margin:0;padding:54px 20px;display:flex;justify-content:center;align-items:center;background:#f4f9ff url('checkout-pattern.png') repeat-x top left;background-attachment:fixed;color:var(--checkout-muted);font-family:Arial,"Hind Siliguri",sans-serif;font-size:15px;line-height:1.5}
.payment-sheet{background:white;box-shadow:0 5px 12px #c5d7f34d;border-radius:12px;width:812px;padding:39px 40px;flex:none}
.payment-toolbar{height:62px;border:1px solid var(--checkout-border);border-radius:11px;display:flex;align-items:center;justify-content:space-between;background:#fbfcff;padding:0 17px;margin-bottom:33px}
.payment-toolbar-right{display:flex;gap:19px;align-items:center}.payment-tool{background:transparent;border:0;display:inline-flex;align-items:center;justify-content:center;color:#7186a9;padding:4px;cursor:pointer;border-radius:5px}.payment-tool:hover{background:#eef4ff}.checkout-icon{width:24px;height:24px;flex:none;display:block}.language-tool .checkout-icon{width:23px;height:23px}.payment-tool:focus-visible,.merchant-quick-actions button:focus-visible,.method-logo-option:focus-within,.payment-submit:focus-visible,.amount-pay-button:focus-visible{outline:3px solid #adc9ff;outline-offset:4px}
.merchant-identity{display:flex;align-items:center;gap:39px;margin-bottom:26px;min-height:115px}.merchant-logo-wrap{width:108px;height:108px;border:1px solid #a7c4ff;border-radius:50%;padding:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;flex:none}.merchant-logo{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}.merchant-logo-placeholder{width:49px;height:49px}.merchant-identity-copy{min-width:0;flex:1}.merchant-identity h1{font-size:25px;line-height:1.25;letter-spacing:0;font-weight:600;margin:0 0 16px;color:#7387a5;overflow-wrap:anywhere}.merchant-quick-actions{display:flex;gap:23px;flex-wrap:wrap}.merchant-quick-actions button{background:#fbfcff;border:1px solid #dfe9ff;border-radius:12px;padding:14px 15px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;color:#7990b8;font-weight:400;font-size:16px;font-family:inherit}.merchant-quick-actions button:hover{background:#f2f6ff}.merchant-quick-actions .checkout-icon{width:26px;height:26px}
.banking-category{background:var(--checkout-blue);border-radius:8px;color:white;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:32px}.method-selection-form{margin:0}.payment-method-grid{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding:0;margin:0 0 26px}.method-logo-option{margin:0;position:relative;height:105px;border:1px solid var(--checkout-border);border-radius:9px;display:flex;align-items:center;justify-content:center;background:white;cursor:pointer;transition:border-color .15s,background .15s}.method-logo-option img:not(.checkout-icon){width:150px;height:82px;object-fit:contain}.method-logo-option input{position:absolute;opacity:0;width:1px;height:1px;top:10px;left:10px}.method-logo-option:has(input:checked){border:2px solid #5d91e5;background:#f6f9ff}.method-logo-option:hover{border-color:#91b5ef}.method-selected-mark{position:absolute;right:13px;top:10px;opacity:0}.method-logo-option:has(input:checked) .method-selected-mark{opacity:1}.method-selected-mark .checkout-icon{width:18px;height:18px}.amount-pay-button{width:100%;height:65px;border:0;border-radius:12px;background:#d6e5ff;color:#075bdb;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;font-family:inherit}.amount-pay-button:hover{background:#c5dbff}.checkout-test-note{text-align:center;color:#9a7656;background:#fff9ed;border:1px solid #f6e7c9;border-radius:7px;padding:8px 10px;font-size:12px;margin:0 0 20px}
.provider-sheet{width:650px;padding:31px 32px}.provider-sheet .payment-toolbar{height:51px;border-radius:10px;margin-bottom:25px;padding:0 15px}.provider-sheet .payment-toolbar .checkout-icon{width:21px;height:21px}.provider-sheet .payment-toolbar-right{gap:15px}.payment-provider-logo{height:66px;display:flex;justify-content:center;align-items:center;margin:0 0 23px}.payment-provider-logo img{width:145px;height:82px;object-fit:contain}.provider-invoice{display:grid;grid-template-columns:minmax(0,1fr) 148px;gap:28px;margin:0 0 11px}.provider-merchant,.provider-amount{border:1px solid var(--checkout-border);border-radius:9px;min-height:88px;display:flex;align-items:center;background:#fff}.provider-merchant{gap:15px;padding:13px 18px;overflow:hidden}.small-logo{width:57px;height:57px;padding:5px;border-color:#e4edff}.small-logo .merchant-logo-placeholder{width:30px;height:30px}.provider-merchant>div:last-child{min-width:0}.provider-merchant strong{font-size:16px;font-weight:600;line-height:1.25;color:#7487a5;display:block;overflow-wrap:anywhere}.provider-merchant span{font-size:13px;color:#99aed0;display:block;margin:2px 0}.provider-merchant code{color:#7d91b1;font-family:Arial,sans-serif;font-size:13px;display:block;overflow-wrap:anywhere}.provider-amount{flex-direction:column;justify-content:center;padding:8px}.provider-amount strong{font-size:25px;font-weight:600;line-height:1.35;white-space:nowrap;color:#7487a5}.provider-amount small{font-size:11px;line-height:1.4;color:var(--provider-color)}
.provider-verify-form{margin:0}.provider-instructions{background:var(--provider-color);border-radius:9px;color:white;padding:28px 20px 9px}.provider-instructions>label{font-family:inherit;font-size:16px;font-weight:600;text-align:center;display:block;color:white;line-height:1.5;margin:0 0 13px}.provider-instructions>input{height:51px;background:#fbfdff;border:0;border-radius:10px;color:#6d7fa3;padding:12px 19px;font-family:inherit;font-size:15px;margin:0 0 7px}.provider-instructions>input::placeholder{color:#94acd3}.provider-instructions>input:focus{outline:3px solid #ffdbeb}.provider-test-alert{font-size:11px;line-height:1.5;background:#ffffff16;border:1px solid #ffffff35;border-radius:6px;padding:7px 9px;margin:7px 0 0;color:#fff6de}.payment-instruction-list{padding:0;list-style:none;margin:0}.payment-instruction-list li{position:relative;margin:0;padding:12px 0 12px 15px;border-bottom:1px solid #a719613d;font-family:inherit;font-size:13px;line-height:1.6;color:white}.payment-instruction-list li::before{content:"";position:absolute;left:0;top:21px;width:6px;height:6px;border-radius:50%;background:white}.payment-instruction-list li:last-child{border:0}.payment-instruction-list strong{font-family:Arial,"Hind Siliguri",sans-serif;color:var(--provider-highlight);font-weight:600}.instruction-copy-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.receiver-copy{border:0;border-radius:5px;padding:3px 8px;background:var(--provider-deep);color:white;font-size:11px;display:inline-flex;align-items:center;gap:5px;min-height:25px}.receiver-copy .checkout-icon{height:13px;width:13px;filter:brightness(0) invert(1)}.payment-submit{display:flex;align-items:center;justify-content:center;background:var(--provider-color);color:white;border:0;border-radius:10px;min-height:52px;padding:12px 16px;width:100%;font-family:inherit;font-size:16px;font-weight:600;margin-top:20px}.payment-submit:hover{background:var(--provider-deep);color:white}.provider-session-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:inherit;font-size:11px;color:#93a7c4;margin-top:14px}.provider-session-footer strong{font-family:Arial,sans-serif;color:#7487a5}.provider-session-footer button{border:0;background:transparent;color:#7995c3;font-family:inherit;font-size:11px;padding:0}.payment-matching-message{font-size:11px;color:#8299bf;text-align:center;line-height:1.6;margin:7px 0 0}.payment-matching-message:empty{display:none}.provider-sheet.nagad{--provider-color:#e86225;--provider-deep:#c84513;--provider-highlight:#fff99b}.provider-sheet.nagad .payment-instruction-list li{border-color:#b942233d}
.payment-dialog{width:min(430px,calc(100vw - 32px));border:1px solid #dce7fa;border-radius:13px;padding:23px;color:#7186a9;font-family:Arial,"Hind Siliguri",sans-serif;box-shadow:0 15px 70px #33578530}.payment-dialog::backdrop{background:#1b335f45}.payment-dialog-heading{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:16px}.payment-dialog h2{font-size:19px;font-weight:600;letter-spacing:0}.payment-dialog p,.payment-dialog ol{font-size:14px;line-height:1.7;margin:0 0 14px}.payment-dialog li{margin-bottom:9px}.payment-dialog a{display:block;font-size:14px;margin:12px 0;color:#0c5acc;overflow-wrap:anywhere}.payment-dialog dl{display:grid;grid-template-columns:75px 1fr;gap:12px;font-size:13px}.payment-dialog dd{margin:0;overflow-wrap:anywhere;color:#557198}.keep-payment-button{border:0;background:transparent;color:#708bb5;font-family:inherit;display:block;margin:14px auto 0}.payment-dialog .payment-submit{--provider-color:#0755ce;--provider-deep:#0844a1}.payment-result{text-align:center;padding-top:9px}.payment-result-icon{width:64px;height:64px;margin:0 auto 17px}.payment-result h2{font-size:23px;color:#6c83a7;letter-spacing:0}.payment-result p{font-size:14px;margin:13px 0;line-height:1.8}.payment-result-amount{font-size:29px;font-weight:600;color:#617da5;margin:20px 0}.payment-result .payment-submit{--provider-color:#0755ce;--provider-deep:#0844a1}.payment-result small{display:block;font-size:12px;margin-top:12px;color:#91a5c5}.merchant-checkout .notice{font-family:Arial,"Hind Siliguri",sans-serif;font-size:12px;line-height:1.6}.branding-profile{display:flex;gap:20px;align-items:center;padding:0 25px 25px}.branding-profile .merchant-logo-wrap{width:82px;height:82px;border-color:#dfebdf}.branding-profile h4{font-size:14px;color:#4c7154}.branding-profile p{font-size:12px;color:#92a389;margin-top:5px}.brand-logo-help{grid-column:1/-1;font-size:11px;color:#8da283;margin:-5px 0 20px}.brand-logo-control{grid-column:1/-1}.branding-profile .merchant-logo{border-radius:50%}
@media(max-width:760px){.merchant-checkout{padding:25px 16px;align-items:center;font-size:14px}.payment-sheet{width:100%;max-width:650px;padding:22px;border-radius:11px}.payment-toolbar{height:50px;margin-bottom:24px;padding:0 12px}.payment-toolbar-right{gap:13px}.merchant-identity{gap:17px;min-height:80px;margin-bottom:23px}.merchant-logo-wrap{width:74px;height:74px;padding:5px}.merchant-logo-placeholder{width:35px;height:35px}.merchant-identity h1{font-size:21px;margin-bottom:11px}.merchant-quick-actions{gap:8px}.merchant-quick-actions button{padding:9px;min-height:39px;font-size:12px;gap:5px;border-radius:8px}.merchant-quick-actions .checkout-icon{width:19px;height:19px}.banking-category{font-size:16px;min-height:42px;margin-bottom:23px}.payment-method-grid{gap:14px;margin-bottom:22px}.method-logo-option{height:95px}.method-logo-option img:not(.checkout-icon){width:120px;height:70px}.amount-pay-button{height:57px;font-size:17px;border-radius:9px}.checkout-test-note{font-size:11px}.provider-sheet{padding:22px 18px}.provider-sheet .payment-toolbar{margin-bottom:19px}.payment-provider-logo{margin-bottom:18px}.provider-invoice{grid-template-columns:minmax(0,1fr) 99px;gap:12px;margin-bottom:12px}.provider-merchant{gap:9px;padding:10px;min-height:80px}.small-logo{width:43px;height:43px;padding:3px}.provider-merchant strong{font-size:14px}.provider-merchant span,.provider-merchant code{font-size:11px}.provider-amount strong{font-size:20px}.provider-amount small{font-size:10px}.provider-instructions{padding:22px 14px 6px}.provider-instructions>label{font-size:15px}.provider-instructions>input{font-size:14px;padding:10px 14px}.payment-instruction-list li{font-size:12px;padding-top:12px;padding-bottom:12px}.payment-submit{font-size:15px}.provider-test-alert{font-size:10px}.payment-dialog{font-size:13px}.branding-profile{padding:0 20px 22px;gap:14px}.branding-profile .merchant-logo-wrap{width:67px;height:67px}.branding-profile h4{font-size:13px}}
@media(max-width:430px){.merchant-checkout{padding:18px 12px}.payment-sheet{padding:20px 17px}.merchant-identity{gap:14px;align-items:flex-start}.merchant-logo-wrap{width:63px;height:63px}.merchant-identity h1{font-size:20px}.merchant-quick-actions{gap:6px}.merchant-quick-actions button{padding:8px;min-height:35px;font-size:11px}.merchant-quick-actions .checkout-icon{width:17px;height:17px}.method-logo-option img:not(.checkout-icon){width:110px}.provider-merchant .small-logo{width:39px;height:39px}.provider-merchant{gap:7px;padding:8px}.provider-amount strong{font-size:18px}.provider-invoice{gap:10px;grid-template-columns:minmax(0,1fr) 92px}.provider-merchant strong{font-size:13px}.provider-merchant code{font-size:10px}.provider-merchant span{font-size:10px}}
.branding-profile{grid-column:1/-1;padding:0 0 22px;min-width:0}.brand-logo-control{min-width:0;flex:1}.branding-profile label{margin-bottom:10px}.branding-profile .brand-logo-help{margin:0 0 8px}.branding-profile input[type=file]{font-size:11px}.branding-profile .checkbox{margin:8px 0 0}
.merchant-checkout{padding-block:40px}.payment-tool{min-width:44px;min-height:44px}.merchant-quick-actions button{color:#58719b}.provider-merchant span{color:#687f9f}.provider-merchant code{color:#647a9d}.provider-instructions>input::placeholder{color:#627aa1}.checkout-test-note{color:#826247}.provider-session-footer{color:#637a9d;font-size:12px;flex-wrap:wrap}.provider-session-footer button{color:#58719b;font-size:12px}.provider-session-footer .provider-test-label{color:#8c5d3e}.payment-dialog{color:#597097}.payment-dialog dd{color:#557198}.payment-matching-message{color:#597298}@media(max-width:760px){.merchant-checkout{padding-block:25px}.merchant-quick-actions button{min-height:44px}.provider-session-footer button{min-height:36px}.branding-profile{padding:0 0 22px}}@media(max-width:430px){.merchant-checkout{padding-block:18px}.branding-profile{align-items:flex-start}.brand-logo-control input[type=file]{padding:9px 5px}}
.provider-sheet.nagad{--provider-color:#c84b16;--provider-deep:#ac3b0d;--provider-highlight:#fff99b}.large-amount strong{font-size:21px}@media(max-width:760px){.provider-amount.large-amount strong{font-size:14px}}
@media(max-width:760px){.provider-invoice:has(.large-amount){grid-template-columns:minmax(0,1fr) 120px}}@media(max-width:430px){.page-heading{flex-wrap:wrap;gap:12px}}
.provider-merchant strong{color:#596f8f}.provider-merchant span,.provider-merchant code{color:#56708e}.provider-session-footer,.provider-session-footer strong{color:#56708e}.provider-instructions>input{color:#506988}.provider-instructions>input::placeholder{color:#56708e}.payment-result p,.payment-result small{color:#56708e}
