@import-normalize;body{margin:0;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins;height:100%;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{text-decoration:underline;color:inherit;cursor:pointer}button{font-family:inherit!important;color:var(--details-text-color)}@media(max-width:1100px){.blockElement--mobile{display:block!important}.blockElement--desktop{display:none!important}}@media(min-width:1100px){.blockElement--mobile{display:none!important}.blockElement--desktop{display:block!important}}.scrollingIndicator{pointer-events:none;display:flex;justify-content:center;align-items:flex-end;position:absolute;width:100%;height:100px;bottom:0;left:0;background:linear-gradient(#fff0,#fff);font-size:30px}.scrollingIndicator .svg-inline--fa{position:relative;bottom:5px;color:var(--details-text-color)}.scrollingIndicator--hidden{display:none}.button{display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:17px;border:1px solid var(--details-text-color);border-radius:4px;background-color:transparent;cursor:pointer;padding:10px 20px;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px;height:53px;width:100%;text-decoration:none}.button:hover{opacity:.9}.button .svg-inline--fa{margin-right:10px}.button--primary{background:var(--primary-color);border:none;color:#fff}.button--primary a{text-decoration:none;color:inherit}.button--small{padding:5px 7px}.button--large{font-size:20px;padding:12px 18px;height:75px}.button--disabled{opacity:.5;cursor:inherit}.button--disabled:hover{opacity:.5}@media(min-width:425px){.button{font-size:19px;padding:10px 40px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page{height:100%;display:flex;flex-direction:column;position:relative;max-width:100%;margin-left:auto;margin-right:auto}.page .page-header{display:flex;max-width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding:30px}.page .page-header .page-header--obconnect{display:flex;flex:1;justify-content:center;font-size:21px;font-weight:500;margin-left:-5px}.page .page-header .page-header-empty{display:flex;flex:1;justify-content:flex-end}.page .page-header .page-header--icon-container{display:flex;flex:1;justify-items:flex-start}.page .page-header .page-header--icon{height:26px;width:26px;cursor:pointer}.page .page-content{animation:fadeIn .5s ease-in;min-height:500;flex:1 0 0;display:flex;flex-direction:column;padding:30px;background-color:var(--details-background);color:var(--details-text-color)}.page .page-content h4{font-size:15px;font-weight:700;margin-bottom:5px}.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{display:flex;font-size:27px;justify-content:center;text-align:center}.page .page-title{display:flex;font-size:27px;font-weight:600;justify-content:center}.page .page-title .page-titleText{width:50%;display:block;text-align:center}.page .page-title .page-titleText strong{display:block}.page .page-title .page-titleIcon{width:50%}.page .page-title .page-titleIcon img{margin:auto;height:50px;display:block}.page .page-subtitle{justify-content:center!important;font-size:22px;text-align:center}.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{height:40px;width:40px;border:5px solid;padding:10px;margin-top:15px;margin-bottom:15px;border-radius:50%}.page .page-icon--success{color:var(--success-color)}.page .page-icon--error{color:var(--danger-color)}.page .page-footer{display:flex;flex-direction:column;font-size:11px}.page .page-footer p{margin-bottom:0}.page .page-actions{display:flex;justify-content:center;margin:0 -10px 20px}.page .page-actions .button{width:100%;max-width:340px;margin-right:10px;margin-left:10px}.page .page-actions:not(:first-child){margin-top:10px}.page .page-actions:last-child{margin-bottom:0}@media(min-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{font-size:22px;justify-content:space-between}.obcPay--widget .page .page-content .page-title .page-titleText,.obcPay--standalone .page .page-content .page-title .page-titleText{display:block;text-align:left;width:auto}.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{height:50px;display:block;width:auto;margin-top:0}.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(max-width:425px){.page .page-title,.page .page-mainTitle{font-size:20px}}.page-content--landing{justify-content:space-between!important}.page-content--landing .page-contentDetails{display:flex;flex:1;justify-content:flex-end;max-width:340px}.page-content--landing .page-footer{font-size:11px}.page-footer{text-align:center}.landingPage-subtitle{font-size:27px;font-weight:500}.paymentSeparator-container{display:flex;justify-content:center}.paymentSeparator{display:flex;flex:1;flex-direction:column;position:relative;margin:13px 0;opacity:.7;font-size:13px;letter-spacing:.5px;max-width:250px}.paymentSeparator:before,.paymentSeparator:after{content:"";position:absolute;top:9px;width:calc(50% - 18px);opacity:.3;border-top:1px solid black;border-width:1px}.paymentSeparator:before{left:0}.paymentSeparator:after{right:0}.payeeIcon-container{display:flex;flex:1;justify-content:center;align-items:center}.payeeIcon-container .payeeIconDefault{position:relative;overflow:hidden;margin-top:10px;max-width:220px;width:auto;max-height:130px;height:auto}.payeeIcon-container .payeeIcon{position:relative;overflow:hidden;margin-top:10px}.payeeIcon-container .payeeIcon img{background-color:#fff;max-width:220px;max-height:130px;width:auto;height:auto;object-fit:contain}.page-content--selectingAuthMethod{align-items:center}.page-content--selectingAuthMethod .selectingAuthMethod-container{display:flex;flex-direction:column;flex:1;align-items:center;width:100%}.page-content--selectingAuthMethod .page-contentDetails{display:flex;flex:1;justify-content:flex-end}.page-content--selectingAuthMethod .qrCode-Content{display:flex;flex:1;flex-direction:column}.page-content--selectingAuthMethod .selectingAuthMethod-qrCode{display:flex;align-self:center;height:180px;width:180px;margin-bottom:10px}.page-content--selectingAuthMethod .paymentSeparator-container{display:flex;justify-content:center}.page-content--selectingAuthMethod .paymentSeparator{display:flex;flex:1;flex-direction:column;position:relative;margin:13px 0;opacity:.7;font-size:13px;letter-spacing:.5px;max-width:250px}.page-content--selectingAuthMethod .paymentSeparator:before,.page-content--selectingAuthMethod .paymentSeparator:after{content:"";position:absolute;top:9px;width:calc(50% - 18px);opacity:.3;border-top:1px solid black;border-width:1px}.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{font-family:sans-serif;font-size:32px;margin:20px 0}.loadingPage p{font-family:sans-serif;font-size:16px;margin:0}.loadingPage .lds-ring{position:absolute;top:-90px;left:0;right:0;margin:auto}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid var(--stepper-color);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--stepper-color) transparent transparent transparent}.lds-ring div:nth-child(1){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{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@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:"";width:20px;height:20px;border-radius:50%;border:2px solid #ffffff;border-top-color:var(--gray-800);animation:spinner .8s linear infinite}.page-content{padding:0}#payment-form{max-width:390px;margin:auto}.page-errorMessage{font-size:13px;color:var(--danger-color)}.payment-formField{width:100%;margin-bottom:10px;text-align:left}.payment-formField label{margin-bottom:3px;font-size:15px;font-weight:700;opacity:.6}.payment-formField .StripeElement{border-width:1px;border-style:solid;padding:10px 5px;border-color:var(--gray-300);border-radius:5px}.payment-formField .StripeElement--invalid{border-color:var(--danger-color);box-shadow:0 0 2px 0 var(--danger-color)}.payment-formField .StripeElement--focus{border-color:var(--primary-color);box-shadow:0 0 2px 0 var(--primary-color)}.row{display:flex;flex-grow:1;flex-wrap:wrap}.col-12{flex:0 0 100%;max-width:100%}.col-8{padding-right:15px;flex:0 0 66.66666667%;max-width:66.66666667%}.col-4{padding-left:15px;flex:0 0 33.33333333;max-width:33.33333333%}.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{display:flex;width:100%;justify-content:space-between}.page .page-content--cardPayment .page-details--label{font-weight:600;font-size:15px;text-align:left}.page .page-content--cardPayment .page-details--value{font-size:15px;overflow:hidden;text-overflow:ellipsis;margin:0 0 0 10px;white-space:pre-wrap;word-break:break-all;text-align:right}.page .page-content--cardPayment .page-footer{margin-top:auto}.page .page-content--cardPayment .details-container{width:100%;font-size:16px;gap:0;justify-content:space-around;align-self:center}.page-content--alreadyPosted--content{display:flex;flex-direction:column;flex:1;justify-content:center}.page-content--alreadyPosted--footer{display:flex;justify-content:flex-end}.page-content--alreadyProcessing--content{display:flex;flex-direction:column;flex:1;justify-content:center}.page-content--alreadyProcessing--footer{display:flex;justify-content:flex-end}.page .page-content--cancelled .page-footer{margin-top:auto}.page .page-content.page-content--partnerships .page-contentDetails{max-width:340px}.partnerships{flex:1 1 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;padding-bottom:20px;margin-top:10px;margin-left:-10px;margin-right:-10px;gap:20px}.partnerships-card{padding:10px;width:92px;border:none;background-color:transparent;transition:opacity ease-in-out .2s}.partnerships-card .partnerships-cardIcon{height:69px;position:relative;border-radius:15px;box-shadow:-2px 2px 15px #80808080;overflow:hidden;padding:0;margin:0}.partnerships-card .partnerships-cardIcon img{background-color:#fff;padding:10px 0;width:100%;height:69px;object-fit:contain}.partnerships-card p{color:var(--theme-details-text-color);text-align:center;margin-bottom:0;font-size:12px;margin-top:4px;font-weight:500}.partnerships-card:last-child{margin-right:0}.partnerships-card:hover img{background-color:#f3f3f3;cursor:pointer}.selectProviderActions{min-width:300px;margin:20px auto}.selectProviderActions .button{width:100%;margin:10px 0;text-transform:none}@media(max-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{max-width:340px;margin:0;flex:0}.page .page-content.page-content--review .bank-image{width:35px;height:35px}.page .page-content.page-content--review .page-actions{display:flex;flex:1;flex-direction:column;align-items:center;justify-self:center}.page-middle{display:flex;flex-direction:column;justify-content:space-around;align-items:center;flex:1}.transfering-logo-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}.details-container{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:60px;text-align:center;font-size:20px}.payment-details{display:flex;flex:1;flex-direction:column}.payment-details h4{justify-self:flex-end}.balls-master-container{display:flex;flex-direction:column;align-items:center}.balls-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.ball{width:6px;height:6px;border-radius:50%;background-color:gray}.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{height:90px;width:90px;display:flex;align-items:center}.cardIcon img{background-color:#fff;padding:4px;width:100%;height:90px;object-fit:contain}.cardIcon .merchantIcon{font-size:60px;color:var(--gray-700)}.overlay{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#52525299;position:fixed;left:0;top:0;z-index:9999}.page .page-content--errorCompleting{justify-content:space-between}.infoList dl{display:flex;justify-content:space-between;align-items:flex-start;margin:0}.infoList dt{font-weight:600;font-size:15px;text-align:left}.infoList dd{font-size:15px;overflow:hidden;text-overflow:ellipsis;margin:0 0 0 10px;white-space:pre-wrap;word-break:break-all;text-align:right}.infoList dl.infoList-spotlightItem dt,.infoList dl.infoList-spotlightItem dd{font-size:22px}.infoList h4{font-size:22px;margin:0 0 5px;text-align:start}.page-content--awaitingAuthInit .infoList{margin-bottom:25px}.page-contentDetails{display:flex;flex-direction:column;flex:1;justify-content:center}.page-content--callback-error{max-width:500px;margin:auto;justify-content:space-between}: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 .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%, rgba(82, 140, 130, .6) 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 .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{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;justify-content:center}.obcPay--widget:before,.obcPay--standalone:before{display:block;content:"";position:absolute;width:100%;height:100%;background-color:#d9d9d9;opacity:.5}.obcPay--widget .obcPay-content,.obcPay--standalone .obcPay-content{width:100%;z-index:1;background-color:#fff}.cancelButton{border:none;box-shadow:none;padding:0;text-decoration:underline;height:auto;font-size:13px}@media(min-width:600px){.obcPay--widget .obcPay-content,.obcPay--standalone .obcPay-content{overflow:hidden;margin:60px auto;width:500px;border-radius:5px;box-shadow:0 4px 4px #00000040;min-height:380px;max-height:600px}}@media(min-width:1100px){.obcPay--widget .obcPay-content,.obcPay--standalone .obcPay-content{width:800px}}