:root{--mpcc-primary: #007bff;--mpcc-secondary: #6c757d;--mpcc-success: #28a745;--mpcc-danger: #dc3545;--mpcc-warning: #ffc107;--mpcc-info: #17a2b8;--mpcc-light: #f8f9fa;--mpcc-dark: #343a40;--mpcc-background: #f5f5f5;--mpcc-card-background: #ffffff;--mpcc-text-primary: #1a1a1a;--mpcc-text-secondary: #666666;--mpcc-accent: #007bff;--mpcc-background-white: #ffffff;--mpcc-header-background: #f7f7f7;--mpcc-card-border-color: #e0e0e0;--mpcc-card-hover-border-color: #000000;--mpcc-primary-color: #FF4713;--mpcc-primary-hover-color: #e63e00;--mpcc-primary-active-color: #cc3700;--mpcc-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--mpcc-font-size-base: 1rem;--mpcc-font-weight-normal: 400;--mpcc-font-weight-bold: 700;--mpcc-font-size-xs: 12px;--mpcc-font-size-sm: 14px;--mpcc-font-size-base: 16px;--mpcc-font-size-lg: 18px;--mpcc-line-height-xs: 15px;--mpcc-line-height-sm: 21px;--mpcc-line-height-md: 18px;--mpcc-line-height-base: 24px;--mpcc-font-weight-medium: 500;--mpcc-font-weight-semibold: 600;--mpcc-spacing-xs: .25rem;--mpcc-spacing-sm: .5rem;--mpcc-spacing-md: 1rem;--mpcc-spacing-lg: 1.5rem;--mpcc-spacing-xl: 2rem;--mpcc-spacing-vh-sm: 2vh;--mpcc-header-height: 40px;--mpcc-logo-size: 28px;--mpcc-illustration-width: 70px;--mpcc-illustration-height: 50px;--mpcc-card-icon-size: 20px;--mpcc-card-min-height: 70px;--mpcc-header-combined-width: 450px;--mpcc-main-content-width: 420px;--mpcc-mobile-width: 420px;--mpcc-mobile-max-width: 450px;--mpcc-mobile-padding: 16px;--mpcc-mobile-margin: 0 auto;--mpcc-mobile-border-radius: 12px;--mpcc-mobile-height: 100vh;--mpcc-mobile-content-height: calc(100vh - 120px) ;--mpcc-mobile-button-height: 60px;--mpcc-mobile-button-margin: 20px;--mpcc-breakpoint-mobile: 480px;--mpcc-breakpoint-tablet: 768px;--mpcc-breakpoint-desktop: 1024px;--mpcc-breakpoint-large: 1440px;--mpcc-border-radius: .25rem;--mpcc-border-radius-lg: .5rem;--mpcc-border-radius-xl: 12px;--mpcc-border-width: 1px;--mpcc-border-width-thick: 2px;--mpcc-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);--mpcc-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--mpcc-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);--mpcc-transition-fast: all .2s ease;--mpcc-transform-hover: translateY(-2px);--mpcc-opacity-hover: .8}.payment-widget-page .payment-widget-container *{font-family:var(--mpcc-font-family)!important}.payment-widget-page .payment-widget-container form{display:flex!important;flex-direction:column!important;gap:20px!important;width:100%!important;max-width:100%!important}.payment-widget-page .payment-widget-container div[class*=card-ui-component],.payment-widget-page .payment-widget-container div[class*=payment-widget-container]{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.payment-widget-page .payment-widget-container .jp-card-container,.payment-widget-page .payment-widget-container .card-ui-details,.payment-widget-page .payment-widget-container .close{display:none!important}.payment-widget-page .payment-widget-container .cardImage{width:52px;position:absolute;z-index:3;bottom:8px;left:10px;padding-right:10px;pointer-events:none}.payment-widget-page .payment-widget-container #card-ui-component-txt-creditcard-number:placeholder-shown~.cardImage,.payment-widget-page .payment-widget-container #card-ui-component-txt-creditcard-number:placeholder-shown+.cardImage,.payment-widget-page .payment-widget-container .card-ui-component-input-number:has(#card-ui-component-txt-creditcard-number:placeholder-shown) .cardImage{display:none!important;visibility:hidden!important;opacity:0!important}.payment-widget-page .payment-widget-container .card-ui-component-input-number,.payment-widget-page .payment-widget-container div[class*=CardNumber]{position:relative!important;display:block!important;width:100%!important}.payment-widget-page .payment-widget-container .card-ui-component-input-number img:not(.cardImage),.payment-widget-page .payment-widget-container .card-ui-component-input-number .card-icon:not(.cardImage),.payment-widget-page .payment-widget-container div[class*=CardNumber] img:not(.cardImage),.payment-widget-page .payment-widget-container div[class*=CardNumber] .card-icon:not(.cardImage){position:absolute!important;right:18px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;height:26px!important;width:auto!important;pointer-events:none!important}.payment-widget-page .payment-widget-container .padding{padding-left:30px;margin-left:20px!important}.payment-widget-page .payment-widget-container .card-ui-productDetails,.payment-widget-page .payment-widget-container .card-ui-amount{display:none!important}.payment-widget-page .payment-widget-container .alert,.payment-widget-page .payment-widget-container .alert-success,.payment-widget-page .payment-widget-container .alert-info,.payment-widget-page .payment-widget-container .alert-warning,.payment-widget-page .payment-widget-container .alert-danger,.payment-widget-page .payment-widget-container div[class*=alert],.payment-widget-page .payment-widget-container div[class*=message],.payment-widget-page .payment-widget-container div[class*=success],.payment-widget-page .payment-widget-container div[class*=response],.payment-widget-page .payment-widget-container div[class*=transaction],.payment-widget-page .payment-widget-container div[class*=result],.payment-widget-page .payment-widget-container div[class*=Message],.payment-widget-page .payment-widget-container div[class*=Success],.payment-widget-page .payment-widget-container div[class*=Response],.payment-widget-page .payment-widget-container div[class*=Result],.payment-widget-page .payment-widget-container .response-panel,.payment-widget-page .payment-widget-container .transaction-details,.payment-widget-page .payment-widget-container .payment-response,.payment-widget-page .payment-widget-container .payment-result,.payment-widget-page .payment-widget-container .info-panel,.payment-widget-page .payment-widget-container .success-message,.payment-widget-page .payment-widget-container div[class*=Transaction],.payment-widget-page .payment-widget-container div[class*=Details],.payment-widget-page .payment-widget-container div[class*=Info],.payment-widget-page .payment-widget-container div[class*=Panel],.payment-widget-page .payment-widget-container section[class*=response],.payment-widget-page .payment-widget-container section[class*=success]{display:none!important}.payment-widget-page .payment-widget-container .card-ui-response,.payment-widget-page .payment-widget-container .card-ui-success,.payment-widget-page .payment-widget-container .card-ui-result,.payment-widget-page .payment-widget-container .card-ui-message,.payment-widget-page .payment-widget-container .card-ui-info,.payment-widget-page .payment-widget-container div[class*=card-ui-response],.payment-widget-page .payment-widget-container div[class*=card-ui-success],.payment-widget-page .payment-widget-container div[class*=card-ui-result],.payment-widget-page .payment-widget-container div[class*=card-ui-message],.payment-widget-page .payment-widget-container div[class*=card-ui-info],.payment-widget-page .payment-widget-container dl,.payment-widget-page .payment-widget-container dt,.payment-widget-page .payment-widget-container dd,.payment-widget-page .payment-widget-container table[class*=response],.payment-widget-page .payment-widget-container table[class*=transaction],.payment-widget-page .payment-widget-container table[class*=details]{display:none!important}.payment-widget-page .payment-widget-container label,.payment-widget-page .payment-widget-container lable{display:block!important;font-size:15px!important;font-weight:500!important;color:#333!important;margin-bottom:8px!important;text-transform:none!important;letter-spacing:normal!important;margin-top:20px!important}.payment-widget-page .payment-widget-container #card-ui-component-form-creditcard{position:relative!important;padding:20px 0!important}.payment-widget-page .payment-widget-container input[type=text],.payment-widget-page .payment-widget-container input[type=number],.payment-widget-page .payment-widget-container input[type=tel],.payment-widget-page .payment-widget-container input[type=month],.payment-widget-page .payment-widget-container input,.payment-widget-page .payment-widget-container #card-ui-component-txt-creditcard-holder,.payment-widget-page .payment-widget-container #card-ui-component-txt-creditcard-number,.payment-widget-page .payment-widget-container #card-ui-component-ddl-expiry,.payment-widget-page .payment-widget-container #card-ui-component-txt-cvv{width:100%!important;max-width:100%!important;min-width:0!important;height:56px!important;min-height:56px!important;max-height:56px!important;border:1.2px solid #e1e1e1!important;border-radius:14px!important;padding:0 16px!important;font-size:16px!important;font-weight:400!important;background-color:#fff!important;color:#1b1b1b!important;box-shadow:0 1px 3px #0000000a!important;transition:all .2s ease-in-out!important;margin:0!important;line-height:56px!important;box-sizing:border-box!important;flex-shrink:0!important;display:block!important}.payment-widget-page .payment-widget-container input[type=text]:focus,.payment-widget-page .payment-widget-container input[type=text]:active,.payment-widget-page .payment-widget-container input[type=number]:focus,.payment-widget-page .payment-widget-container input[type=number]:active,.payment-widget-page .payment-widget-container input[type=tel]:focus,.payment-widget-page .payment-widget-container input[type=tel]:active,.payment-widget-page .payment-widget-container input[type=month]:focus,.payment-widget-page .payment-widget-container input[type=month]:active,.payment-widget-page .payment-widget-container input:focus,.payment-widget-page .payment-widget-container input:active,.payment-widget-page .payment-widget-container #card-ui-component-txt-creditcard-holder:focus,.payment-widget-page .payment-widget-container #card-ui-component-txt-creditcard-holder:active,.payment-widget-page .payment-widget-container #card-ui-component-txt-creditcard-number:focus,.payment-widget-page .payment-widget-container #card-ui-component-txt-creditcard-number:active,.payment-widget-page .payment-widget-container #card-ui-component-ddl-expiry:focus,.payment-widget-page .payment-widget-container #card-ui-component-ddl-expiry:active,.payment-widget-page .payment-widget-container #card-ui-component-txt-cvv:focus,.payment-widget-page .payment-widget-container #card-ui-component-txt-cvv:active{border-color:#ff4500!important;box-shadow:0 0 0 3px #ff450026!important;outline:none!important;background-color:#fff!important}.payment-widget-page .payment-widget-container input[type=text]::placeholder,.payment-widget-page .payment-widget-container input[type=number]::placeholder,.payment-widget-page .payment-widget-container input[type=tel]::placeholder,.payment-widget-page .payment-widget-container input[type=month]::placeholder,.payment-widget-page .payment-widget-container input::placeholder,.payment-widget-page .payment-widget-container #card-ui-component-txt-creditcard-holder::placeholder,.payment-widget-page .payment-widget-container #card-ui-component-txt-creditcard-number::placeholder,.payment-widget-page .payment-widget-container #card-ui-component-ddl-expiry::placeholder,.payment-widget-page .payment-widget-container #card-ui-component-txt-cvv::placeholder{color:#aaa!important;font-weight:400!important}.payment-widget-page .payment-widget-container #card-ui-component-txt-creditcard-number{padding-left:54px!important}.payment-widget-page .payment-widget-container #card-ui-component-txt-creditcard-number:placeholder-shown{background-image:url(/assets/images/illustrations/card.png)!important;background-repeat:no-repeat!important;background-position:16px center!important;background-size:32px auto!important}.payment-widget-page .payment-widget-container #card-ui-component-txt-creditcard-number::placeholder{color:transparent!important;font-weight:400!important;font-size:16px!important;padding-left:0!important}.payment-widget-page .payment-widget-container #card-ui-component-txt-creditcard-number:not(:placeholder-shown){background-image:none}.payment-widget-page .payment-widget-container .card-ui-component-input-style,.payment-widget-page .payment-widget-container .card-ui-component-row-static{position:relative!important;margin-top:20px!important;margin-bottom:20px!important;padding:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;display:block!important;flex-shrink:0!important}.payment-widget-page .payment-widget-container .card-ui-component-row-expiry-cvv,.payment-widget-page .payment-widget-container div[class*=ExpAndCvv]{display:flex!important;gap:14px!important;width:100%!important;max-width:100%!important;margin-bottom:20px!important;box-sizing:border-box!important}.payment-widget-page .payment-widget-container .card-ui-component-row-expiry-cvv>div,.payment-widget-page .payment-widget-container div[class*=ExpAndCvv]>div{flex:1 1 50%!important;min-width:0!important;max-width:50%!important;box-sizing:border-box!important}.payment-widget-page .payment-widget-container button,.payment-widget-page .payment-widget-container #card-ui-component-btn-confirm,.payment-widget-page .payment-widget-container button[type=submit],.payment-widget-page .payment-widget-container button[type=button]{width:100%!important;height:56px!important;min-height:56px!important;border-radius:var(--mpcc-border-radius-xl)!important;background-color:var(--mpcc-primary-color)!important;background:var(--mpcc-primary-color)!important;color:var(--mpcc-background-white)!important;font-size:18px!important;font-weight:600!important;border:none!important;cursor:pointer!important;margin-top:28px!important;margin-bottom:0!important;transition:background-color .25s ease-in-out,transform .15s ease-in-out!important;letter-spacing:.25px!important;text-transform:none!important;box-shadow:none!important;padding:0 16px!important;line-height:normal!important;display:flex!important;align-items:center!important;justify-content:center!important}.payment-widget-page .payment-widget-container button:hover:not(:disabled),.payment-widget-page .payment-widget-container #card-ui-component-btn-confirm:hover:not(:disabled),.payment-widget-page .payment-widget-container button[type=submit]:hover:not(:disabled),.payment-widget-page .payment-widget-container button[type=button]:hover:not(:disabled){background-color:var(--mpcc-primary-hover-color)!important;background:var(--mpcc-primary-hover-color)!important;transform:translateY(-1px)!important}.payment-widget-page .payment-widget-container button:active:not(:disabled),.payment-widget-page .payment-widget-container #card-ui-component-btn-confirm:active:not(:disabled),.payment-widget-page .payment-widget-container button[type=submit]:active:not(:disabled),.payment-widget-page .payment-widget-container button[type=button]:active:not(:disabled){background-color:var(--mpcc-primary-active-color)!important;background:var(--mpcc-primary-active-color)!important;transform:translateY(0)!important}.payment-widget-page .payment-widget-container button:disabled,.payment-widget-page .payment-widget-container #card-ui-component-btn-confirm:disabled,.payment-widget-page .payment-widget-container button[type=submit]:disabled,.payment-widget-page .payment-widget-container button[type=button]:disabled{opacity:.5!important;cursor:not-allowed!important;background-color:#ccc!important;background:#ccc!important;pointer-events:none!important;transform:none!important}.payment-widget-page .payment-widget-container .card-ui-component-save-btn,.payment-widget-page .payment-widget-container #card-ui-component-btn-confirm{width:100%!important;background-color:var(--mpcc-primary-color)!important;background:var(--mpcc-primary-color)!important;color:var(--mpcc-background-white)!important;font-size:18px!important;font-weight:600!important;text-align:center!important}.payment-widget-page .payment-widget-container .InputDivErrorWarning,.payment-widget-page .payment-widget-container .InputDivError-expiry,.payment-widget-page .payment-widget-container .InputDivError-cvv,.payment-widget-page .payment-widget-container div[class*=Error]{font-size:12px!important;color:#ff4500!important;margin-top:4px!important;display:none!important}.payment-widget-page .payment-widget-container .InputDivErrorWarning.show,.payment-widget-page .payment-widget-container .InputDivError-expiry.show,.payment-widget-page .payment-widget-container .InputDivError-cvv.show,.payment-widget-page .payment-widget-container div[class*=Error].show{display:block!important}.payment-widget-page .payment-widget-container .card-ui-component-container,.payment-widget-page .payment-widget-container .card-ui-component-row{margin:0!important;padding:0!important}.payment-widget-page .payment-widget-container .tax-note,.payment-widget-page .payment-widget-container div[class*=tax],.payment-widget-page .payment-widget-container p:last-child{text-align:center!important;font-size:12px!important;color:var(--mpcc-text-secondary)!important;margin-top:10px!important;font-weight:400!important}.payment-widget-page .payment-widget-container .expiry-calendar-icon{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;height:20px!important;pointer-events:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")!important;background-size:contain!important;background-repeat:no-repeat!important}.payment-widget-page .payment-widget-container .card-ui-component-input-exp,.payment-widget-page .payment-widget-container .card-ui-component-input-cvv{position:relative!important;display:block!important}.payment-widget-page .payment-widget-container .card-ui-component-input-exp input,.payment-widget-page .payment-widget-container .card-ui-component-input-cvv input{padding-right:45px!important;position:relative!important;z-index:1!important}.payment-widget-page .payment-widget-container .help-icon,.payment-widget-page .payment-widget-container img[alt*=help],.payment-widget-page .payment-widget-container img[alt*="?"],.payment-widget-page .payment-widget-container .infoImage,.payment-widget-page .payment-widget-container span.openModal{position:absolute!important;right:24px!important;top:63%!important;transform:translateY(-50%)!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;cursor:pointer!important;z-index:5!important;pointer-events:auto!important;margin:0!important;padding:0!important;display:block!important}.payment-widget-page .payment-widget-container .spanImg{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;right:14px!important;left:auto!important;z-index:5!important;margin:0!important;padding:0!important;display:block!important}.payment-widget-page .payment-widget-container input:not(:placeholder-shown)~.openModal,.payment-widget-page .payment-widget-container input:not(:placeholder-shown)~span .infoImage,.payment-widget-page .payment-widget-container input:not(:placeholder-shown)~.spanImg,.payment-widget-page .payment-widget-container .card-ui-component-input-exp:has(input:not(:placeholder-shown)) .openModal,.payment-widget-page .payment-widget-container .card-ui-component-input-exp:has(input:not(:placeholder-shown)) .spanImg,.payment-widget-page .payment-widget-container .card-ui-component-input-cvv:has(input:not(:placeholder-shown)) .openModal,.payment-widget-page .payment-widget-container .card-ui-component-input-cvv:has(input:not(:placeholder-shown)) .spanImg{display:none!important;visibility:hidden!important;opacity:0!important}.payment-widget-page .payment-widget-container .card-wrapper{padding-bottom:20px;overflow:auto;display:none!important}.payment-widget-page .payment-widget-container .card-ui-component-action-container{flex-direction:column-reverse}.payment-widget-page .payment-widget-container .col-md-6,.payment-widget-page .payment-widget-container .col-sm-6,.payment-widget-page .payment-widget-container .col-6,.payment-widget-page .payment-widget-container div[class*=col-]{flex:0 0 100%!important;max-width:100%!important;width:100%!important}.payment-widget-page .payment-widget-container .card-ui-component-cancel-btn,.payment-widget-page .payment-widget-container #card-ui-component-btn-cancel,.payment-widget-page .payment-widget-container button[name=cancel]{display:none!important;visibility:hidden!important}*{box-sizing:border-box}body{margin:0;font-family:var(--mpcc-font-family);font-size:var(--mpcc-font-size-base);font-weight:var(--mpcc-font-weight-normal);line-height:1.5;color:var(--mpcc-text-primary);background-color:var(--mpcc-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.container{max-width:1200px;margin:0 auto;padding:0 var(--mpcc-spacing-md)}.btn{display:inline-block;padding:var(--mpcc-spacing-sm) var(--mpcc-spacing-md);border:none;border-radius:var(--mpcc-border-radius);text-decoration:none;cursor:pointer;font-family:inherit;font-size:var(--mpcc-font-size-base);transition:all .3s ease}.btn-primary{background-color:var(--mpcc-primary);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background-color:var(--mpcc-secondary);color:#fff}.btn-secondary:hover{opacity:.9}
