@import-normalize;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;margin:0;font-family:Poppins;line-height:1.5}html{box-sizing:border-box;height:100%}#root{height:100%}*,:before,:after{box-sizing:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}p{margin-top:0;margin-bottom:1rem}.link{color:inherit;cursor:pointer;text-decoration:underline}button{color:var(--details-text-color);font-family:inherit!important}@media (width<=1100px){.blockElement--mobile{display:block!important}.blockElement--desktop{display:none!important}}@media (width>=1100px){.blockElement--mobile{display:none!important}.blockElement--desktop{display:block!important}}.scrollingIndicator{pointer-events:none;background:linear-gradient(#fff0,#fff);justify-content:center;align-items:flex-end;width:100%;height:100px;font-size:30px;display:flex;position:absolute;bottom:0;left:0}.scrollingIndicator .svg-inline--fa{color:var(--details-text-color);position:relative;bottom:5px}.scrollingIndicator--hidden{display:none}.button{border:1px solid var(--details-text-color);cursor:pointer;background-color:#0000;border-radius:4px;justify-content:center;align-items:center;width:100%;height:53px;padding:10px 20px;font-family:inherit;font-size:17px;text-decoration:none;display:flex;box-shadow:0 4px 8px -2px #091e4240,0 0 0 1px #091e4214}.button:hover{opacity:.9}.button .svg-inline--fa{margin-right:10px}.button--primary{background:var(--primary-color);color:#fff;border:none}.button--primary a{color:inherit;text-decoration:none}.button--small{padding:5px 7px}.button--large{height:75px;padding:12px 18px;font-size:20px}.button--disabled{opacity:.5;cursor:inherit}.button--disabled:hover{opacity:.5}@media (width>=425px){.button{padding:10px 40px;font-size:19px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page{flex-direction:column;max-width:100%;height:100%;margin-left:auto;margin-right:auto;display:flex;position:relative}.page .page-header{flex-direction:row;justify-content:space-between;align-items:center;max-width:100%;padding:30px;display:flex}.page .page-header .page-header--obconnect{flex:1;justify-content:center;margin-left:-5px;font-size:21px;font-weight:500;display:flex}.page .page-header .page-header-empty{flex:1;justify-content:flex-end;display:flex}.page .page-header .page-header--icon-container{flex:1;justify-items:flex-start;display:flex}.page .page-header .page-header--icon{cursor:pointer;width:26px;height:26px}.page .page-content{background-color:var(--details-background);color:var(--details-text-color);flex-direction:column;flex:1 0 0;padding:30px;animation:.5s ease-in fadeIn;display:flex}.page .page-content h4{margin-bottom:5px;font-size:15px;font-weight:700}.page .page-content h4:not(:first-child){margin-top:15px}.page .page-content--scrollable{overflow:auto}.page .page-content--centered{text-align:center}.page .page-mainTitle{text-align:center;justify-content:center;font-size:27px;display:flex}.page .page-title{justify-content:center;font-size:27px;font-weight:600;display:flex}.page .page-title .page-titleText{text-align:center;width:50%;display:block}.page .page-title .page-titleText strong{display:block}.page .page-title .page-titleIcon{width:50%}.page .page-title .page-titleIcon img{height:50px;margin:auto;display:block}.page .page-subtitle{text-align:center;font-size:22px;justify-content:center!important}.page .page-contentDetails{width:100%;margin:20px auto}.page .page-contentDetails .button{margin:10px 0}.page .page-content--centered .page-title{justify-content:center}.page .page-loading{margin-top:10px;margin-bottom:50px}.page .page-icon{border:5px solid;border-radius:50%;width:40px;height:40px;margin-top:15px;margin-bottom:15px;padding:10px}.page .page-icon--success{color:var(--success-color)}.page .page-icon--error{color:var(--danger-color)}.page .page-footer{flex-direction:column;font-size:11px;display:flex}.page .page-footer p{margin-bottom:10px}.page .page-footer p:last-child{margin-bottom:0}.page .page-actions{justify-content:center;margin:0 -10px 20px;display:flex}.page .page-actions .button{width:100%;max-width:340px;margin-left:10px;margin-right:10px}.page .page-actions:not(:first-child){margin-top:10px}.page .page-actions:last-child{margin-bottom:0}@media (width>=1100px){.obcPay--widget .page,.obcPay--standalone .page{flex-direction:column;max-width:none}.obcPay--widget .page .page-header .page-headerLogo,.obcPay--standalone .page .page-header .page-headerLogo{justify-content:center;height:80px}.obcPay--widget .page .page-header .page-headerLogo h1,.obcPay--standalone .page .page-header .page-headerLogo h1{font-size:30px;font-weight:400}.obcPay--widget .page .page-header .infoList,.obcPay--standalone .page .page-header .infoList{margin-top:30px}.obcPay--widget .page .page-content .page-title,.obcPay--standalone .page .page-content .page-title{justify-content:space-between;font-size:22px}.obcPay--widget .page .page-content .page-title .page-titleText,.obcPay--standalone .page .page-content .page-title .page-titleText{text-align:left;width:auto;display:block}.obcPay--widget .page .page-content .page-title .page-titleText strong,.obcPay--standalone .page .page-content .page-title .page-titleText strong{display:inline}.obcPay--widget .page .page-content .page-title .page-titleIcon,.obcPay--standalone .page .page-content .page-title .page-titleIcon{width:auto;height:50px;margin-top:0;display:block}.obcPay--widget .page .page-content .page-title .page-titleIcon img,.obcPay--standalone .page .page-content .page-title .page-titleIcon img{margin-left:auto;margin-right:0}}@media (width<=425px){.page .page-title,.page .page-mainTitle{font-size:20px}}.page-content--landing{justify-content:space-between!important}.page-content--landing .page-contentDetails{flex:1;justify-content:flex-end;max-width:340px;display:flex}.page-content--landing .page-footer{font-size:11px}.page-footer{text-align:center}.landingPage-subtitle{font-size:27px;font-weight:500}.paymentSeparator-container{justify-content:center;display:flex}.paymentSeparator{opacity:.7;letter-spacing:.5px;flex-direction:column;flex:1;max-width:250px;margin:13px 0;font-size:13px;display:flex;position:relative}.paymentSeparator:before,.paymentSeparator:after{content:"";opacity:.3;border-width:1px;border-top-style:solid;border-top-color:#000;width:calc(50% - 18px);position:absolute;top:9px}.paymentSeparator:before{left:0}.paymentSeparator:after{right:0}.payeeIcon-container{flex:1;justify-content:center;align-items:center;display:flex}.payeeIcon-container .payeeIconDefault{width:auto;max-width:220px;height:auto;max-height:130px;margin-top:10px;position:relative;overflow:hidden}.payeeIcon-container .payeeIcon{margin-top:10px;position:relative;overflow:hidden}.payeeIcon-container .payeeIcon img{object-fit:contain;background-color:#fff;width:auto;max-width:220px;height:auto;max-height:130px}.page-content--selectingAuthMethod{align-items:center}.page-content--selectingAuthMethod .selectingAuthMethod-container{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.page-content--selectingAuthMethod .page-contentDetails{flex:1;justify-content:flex-end;display:flex}.page-content--selectingAuthMethod .qrCode-Content{flex-direction:column;flex:1;display:flex}.page-content--selectingAuthMethod .selectingAuthMethod-qrCode{align-self:center;width:180px;height:180px;margin-bottom:10px;display:flex}.page-content--selectingAuthMethod .paymentSeparator-container{justify-content:center;display:flex}.page-content--selectingAuthMethod .paymentSeparator{opacity:.7;letter-spacing:.5px;flex-direction:column;flex:1;max-width:250px;margin:13px 0;font-size:13px;display:flex;position:relative}.page-content--selectingAuthMethod .paymentSeparator:before,.page-content--selectingAuthMethod .paymentSeparator:after{content:"";opacity:.3;border-width:1px;border-top-style:solid;border-top-color:#000;width:calc(50% - 18px);position:absolute;top:9px}.page-content--selectingAuthMethod .paymentSeparator:before{left:0}.page-content--selectingAuthMethod .paymentSeparator:after{right:0}.loadingPage{text-align:center;margin-top:200px;position:relative}.loadingPage h1{margin:20px 0;font-family:sans-serif;font-size:32px}.loadingPage p{margin:0;font-family:sans-serif;font-size:16px}.loadingPage .lds-ring{margin:auto;position:absolute;top:-90px;left:0;right:0}.lds-ring{width:80px;height:80px;display:inline-block;position:relative}.lds-ring div{box-sizing:border-box;border:8px solid var(--stepper-color);border-color:var(--stepper-color) transparent transparent transparent;border-radius:50%;width:64px;height:64px;margin:8px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;display:block;position:absolute}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lds-ellipsis{width:80px;height:80px;display:inline-block;position:relative}.lds-ellipsis div{background:#fff;border-radius:50%;width:13px;height:13px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:33px}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:8px}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:8px}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:32px}.lds-ellipsis div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.page-content--completingPayment{justify-content:center!important}.page .page-content--done .page-contentDetails{max-width:340px}.page .page-content--done .page-contentDetails .page-icon{margin-bottom:30px}.page-content--done{justify-content:space-between}@keyframes spinner{to{transform:rotate(360deg)}}.spinner:before{content:"";border:2px solid #fff;border-top-color:var(--gray-800);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spinner}.page-content{padding:0}#payment-form{max-width:390px;margin:auto}.page-errorMessage{color:var(--danger-color);font-size:13px}.payment-formField{text-align:left;width:100%;margin-bottom:10px}.payment-formField label{opacity:.6;margin-bottom:3px;font-size:15px;font-weight:700}.payment-formField .StripeElement{border-style:solid;border-width:1px;border-color:var(--gray-300);border-radius:5px;padding:10px 5px}.payment-formField .StripeElement--invalid{border-color:var(--danger-color);box-shadow:0px 0px 2px 0px var(--danger-color)}.payment-formField .StripeElement--focus{border-color:var(--primary-color);box-shadow:0px 0px 2px 0px var(--primary-color)}.row{flex-wrap:wrap;flex-grow:1;display:flex}.col-12{flex:0 0 100%;max-width:100%}.col-8{flex:0 0 66.6667%;max-width:66.6667%;padding-right:15px}.col-4{flex:0 0 33.3333%;max-width:33.3333%;padding-left:15px}.page .page-content--cardPayment{justify-content:center}.page .page-content--cardPayment .page-contentDetails{max-width:340px;margin-bottom:0}.page .page-content--cardPayment .page-details{justify-content:space-between;width:100%;display:flex}.page .page-content--cardPayment .page-details--label{text-align:left;font-size:15px;font-weight:600}.page .page-content--cardPayment .page-details--value{text-overflow:ellipsis;white-space:pre-wrap;word-break:break-all;text-align:right;margin:0 0 0 10px;font-size:15px;overflow:hidden}.page .page-content--cardPayment .page-footer{margin-top:auto}.page .page-content--cardPayment .details-container{justify-content:space-around;align-self:center;gap:0;width:100%;font-size:16px}.page-content--alreadyPosted--content{flex-direction:column;flex:1;justify-content:center;display:flex}.page-content--alreadyPosted--footer{justify-content:flex-end;display:flex}.page-content--alreadyProcessing--content{flex-direction:column;flex:1;justify-content:center;display:flex}.page-content--alreadyProcessing--footer{justify-content:flex-end;display:flex}.page .page-content--cancelled .page-footer{margin-top:auto}.page .page-content.page-content--partnerships .page-contentDetails{max-width:340px}.partnerships{flex-wrap:wrap;flex:1 1 0;place-content:flex-start center;align-items:flex-start;gap:20px;margin-top:10px;margin-left:-10px;margin-right:-10px;padding-bottom:20px;display:flex}.partnerships-card{background-color:#0000;border:none;width:92px;padding:10px;transition:opacity .2s ease-in-out}.partnerships-card .partnerships-cardIcon{border-radius:15px;height:69px;margin:0;padding:0;position:relative;overflow:hidden;box-shadow:-2px 2px 15px #80808080}.partnerships-card .partnerships-cardIcon img{object-fit:contain;background-color:#fff;width:100%;height:69px;padding:10px 0}.partnerships-card p{color:var(--theme-details-text-color);text-align:center;margin-top:4px;margin-bottom:0;font-size:12px;font-weight:500}.partnerships-card:last-child{margin-right:0}.partnerships-card:hover img{cursor:pointer;background-color:#f3f3f3}.selectProviderActions{min-width:300px;margin:20px auto}.selectProviderActions .button{text-transform:none;width:100%;margin:10px 0}@media (width<=600px){.page .page-content.page-content--partnerships .page-subtitle{font-size:22px}}.page .page-content.page-content--review{overflow:auto}.page .page-content.page-content--review .page-contentDetails{flex:0;max-width:340px;margin:0}.page .page-content.page-content--review .bank-image{width:35px;height:35px}.page .page-content.page-content--review .page-actions{flex-direction:column;flex:1;justify-self:center;align-items:center;display:flex}.page-middle{flex-direction:column;flex:1;justify-content:space-around;align-items:center;display:flex}.transfering-logo-container{flex-direction:row;justify-content:center;align-items:center;gap:5px;display:flex}.details-container{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:60px;font-size:20px;display:flex}.payment-details{flex-direction:column;flex:1;display:flex}.payment-details h4{justify-self:flex-end}.balls-master-container{flex-direction:column;align-items:center;display:flex}.balls-container{flex-direction:row;justify-content:center;align-items:center;gap:8px;display:flex}.ball{background-color:gray;border-radius:50%;width:6px;height:6px}.ballOne{background-color:#888}.ballTwo{background-color:#666}.ballThree{background-color:#444}.ballFour{background-color:#222}.balls-title--icon{padding:0 5px;font-size:24px}.cardIcon{align-items:center;width:90px;height:90px;display:flex}.cardIcon img{object-fit:contain;background-color:#fff;width:100%;height:90px;padding:4px}.merchantInfo{flex-direction:column;align-items:center;margin-top:10px;margin-bottom:10px;display:flex}.merchantInfo .merchantInfo-icon img{max-width:150px;max-height:70px;margin-top:5px}.overlay{z-index:9999;background-color:#52525299;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.cancelButton--container{padding:10px}.page .page-content--errorCompleting{justify-content:space-between}.infoList dl{justify-content:space-between;align-items:flex-start;margin:0;display:flex}.infoList dt{text-align:left;font-size:15px;font-weight:600}.infoList dd{text-overflow:ellipsis;white-space:pre-wrap;word-break:break-all;text-align:right;margin:0 0 0 10px;font-size:15px;overflow:hidden}.infoList dl.infoList-spotlightItem dt,.infoList dl.infoList-spotlightItem dd{font-size:22px}.infoList h4{text-align:start;margin:0 0 5px;font-size:22px}.page-content--awaitingAuthInit .infoList{margin-bottom:25px}.page-contentDetails{flex-direction:column;flex:1;justify-content:center;display:flex}.page-content--callback-error{justify-content:space-between;max-width:500px;margin:auto}:root{--gray-800:#3a3d42;--gray-700:#51555c;--gray-500:#7d848f;--gray-300:#aab4c2;--gray-100:#efefef;--primary-color:#242629;--primary-background:linear-gradient(111.21deg, var(--primary-color) 7.08%, #242629bb 126.66%);--primary-text-color:white;--details-background:white;--details-text-color:var(--primary-color);--danger-color:#c63100;--success-color:#28a745;--warning-color:#f0ad4e;--header-border-color:transparent;--stepper-color:var(--primary-color)}:root .theme-sky{--primary-color:#0063ff;--primary-background:linear-gradient(152.43deg, #0063ff 0.79%, #9b7dff 112.87%);--primary-text-color:white;--details-background:#fefefe;--details-text-color:#242629;--danger-color:#c63100;--success-color:#28a745;--warning-color:#f0ad4e;--header-border-color:#777;--stepper-color:#448aff}:root .theme-caribe{--primary-color:#528c82;--primary-background:linear-gradient(111.21deg, var(--primary-color) 7.08%, #528c8299 126.66%);--primary-text-color:white;--details-background:#fefefe;--details-text-color:#242629;--danger-color:#c63100;--success-color:#28a745;--warning-color:#f0ad4e;--header-border-color:#999;--stepper-color:var(--primary-color)}:root .theme-obconnect{--primary-color:#066dd1;--primary-background:linear-gradient(152.43deg, #14308a 0.79%, #4dabe9 100%);--primary-text-color:white;--details-background:#fefefe;--details-text-color:#242629;--danger-color:#c63100;--success-color:#28a745;--warning-color:#f0ad4e;--header-border-color:#777;--stepper-color:var(--primary-color)}.obcPay{height:100%}.obcPay--widget,.obcPay--standalone{z-index:10000;justify-content:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.obcPay--widget:before,.obcPay--standalone:before{content:"";opacity:.5;background-color:#d9d9d9;width:100%;height:100%;display:block;position:absolute}.obcPay--widget .obcPay-content,.obcPay--standalone .obcPay-content{z-index:1;background-color:#fff;width:100%}.cancelButton{box-shadow:none;border:none;height:auto;padding:0;font-size:13px;text-decoration:underline}@media (width>=600px){.obcPay--widget .obcPay-content,.obcPay--standalone .obcPay-content{border-radius:5px;width:500px;min-height:380px;max-height:650px;margin:60px auto;overflow:hidden;box-shadow:0 4px 4px #00000040}}@media (width>=1100px){.obcPay--widget .obcPay-content,.obcPay--standalone .obcPay-content{width:800px}}