@layer bricks {} #brx-content {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} .content-area {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0}.hiba-payment-design{overflow:clip}.hiba-payment-design main{padding-top:0!important}@media(max-width:767px){.hiba-payment-design .px-gutter-desktop{padding-left:1rem!important;padding-right:1rem!important}.hiba-payment-design section{overflow-x:clip}}.hiba-payment-design{overflow-x:clip}.hiba-payment-design .hiba-material-icon{display:inline-block;flex:none;vertical-align:-.125em;pointer-events:none}.hiba-payment-design [data-demo-control="true"]{cursor:default;user-select:none;pointer-events:none}.hiba-payment-design .max-w-[1200px]{width:min(100%,1240px);max-width:1240px}.hiba-payment-design .hiba-payment-hero h1{ max-width:900px; font-size:clamp(46px,5.1vw,68px)!important; line-height:1.06!important; letter-spacing:-.035em!important; text-wrap:balance}.hiba-payment-design .hiba-payment-hero p{max-width:760px}.hiba-payment-design .hiba-payment-hero a{min-height:48px}.hiba-payment-design .hiba-payment-mockup{ border-radius:22px!important; border:1px solid #D0D5DD!important; box-shadow:0 18px 46px rgba(8,20,38,.10)!important}.hiba-payment-design .hiba-payment-mockup input{pointer-events:none}.hiba-payment-design .hiba-payment-sepay-dark,.hiba-payment-design .hiba-payment-final{ background:#081426!important; color:#FFFFFF!important}.hiba-payment-design .hiba-payment-sepay-dark :is(h2,h3,strong),.hiba-payment-design .hiba-payment-final :is(h2,h3,strong){color:#FFFFFF!important}.hiba-payment-design .hiba-payment-sepay-dark p,.hiba-payment-design .hiba-payment-sepay-dark .text-outline-variant,.hiba-payment-design .hiba-payment-final p,.hiba-payment-design .hiba-payment-final .text-outline-variant{color:rgba(255,255,255,.74)!important}.hiba-payment-design .hiba-payment-sepay-dark .bg-inverse-surface/80{ background:#111A2D!important; border-color:rgba(255,255,255,.12)!important}.hiba-payment-design .hiba-payment-sepay-dark .bg-surface-card{color:#101828!important}.hiba-payment-design .hiba-payment-sepay-dark .bg-surface-card h3{color:#101828!important}.hiba-payment-design .hiba-payment-final a:first-of-type{ background:#155EEF!important; color:#FFFFFF!important; border-color:#155EEF!important}.hiba-payment-design .hiba-payment-final a:last-of-type{ background:rgba(255,255,255,.10)!important; color:#FFFFFF!important; border-color:rgba(255,255,255,.16)!important}.hiba-payment-design section[class*="py-space-2xl"]{padding-block:56px!important}@media(min-width:1041px){ .hiba-payment-design section[class*="lg:py-space-3xl"]{padding-block:72px!important}}@media(max-width:1180px){ .hiba-payment-design .max-w-[1200px]{padding-inline:24px!important}}@media(max-width:1040px){ .hiba-payment-design .hiba-payment-mockup .grid.grid-cols-1.lg:grid-cols-3{grid-template-columns:1fr!important} .hiba-payment-design .hiba-payment-sepay-dark .grid.md:grid-cols-2{grid-template-columns:1fr!important}}@media(max-width:760px){ .hiba-payment-design .max-w-[1200px]{padding-inline:16px!important} .hiba-payment-design .hiba-payment-hero{padding-bottom:48px!important} .hiba-payment-design .hiba-payment-hero h1{font-size:clamp(38px,10vw,48px)!important;line-height:1.08!important} .hiba-payment-design .hiba-payment-hero .inline-flex.items-center.gap-2.px-space-md{ width:100%!important; justify-content:flex-start!important; white-space:normal!important; text-align:left!important; line-height:1.35!important } .hiba-payment-design .hiba-payment-hero .flex.flex-wrap.items-center.justify-center.gap-space-md{ display:grid!important; grid-template-columns:1fr!important; width:100%!important; gap:10px!important } .hiba-payment-design .hiba-payment-hero .flex.flex-wrap.items-center.justify-center.gap-space-md>a{width:100%!important} .hiba-payment-design .hiba-payment-hero .grid.grid-cols-2.md:grid-cols-4{ grid-template-columns:1fr 1fr!important; gap:10px!important } .hiba-payment-design .hiba-payment-mockup .flex.flex-wrap.items-center.justify-between.gap-space-md{ display:grid!important; grid-template-columns:1fr!important } .hiba-payment-design .hiba-payment-mockup .flex.flex-wrap.items-center.gap-space-sm.flex-1{ display:grid!important; grid-template-columns:1fr!important; min-width:0!important } .hiba-payment-design .hiba-payment-mockup .min-w-[280px], .hiba-payment-design .hiba-payment-mockup .min-w-[220px]{min-width:0!important} .hiba-payment-design .hiba-payment-mockup .p-space-lg{padding:14px!important} .hiba-payment-design .hiba-payment-mockup .bg-surface-container-high/40{ align-items:flex-start!important; flex-wrap:wrap!important; } .hiba-payment-design .hiba-payment-sepay-dark, .hiba-payment-design .hiba-payment-final{padding-block:48px!important} .hiba-payment-design .hiba-payment-sepay-dark .p-space-xl{padding:18px!important} .hiba-payment-design .hiba-payment-final h2{font-size:36px!important;line-height:1.1!important} .hiba-payment-design .hiba-payment-final .flex.flex-col.sm:flex-row.lg:flex-col{ width:100%!important; max-width:480px } .hiba-payment-design .hiba-payment-final .flex.flex-col.sm:flex-row.lg:flex-col>a{width:100%!important}}@media(max-width:480px){ .hiba-payment-design .hiba-payment-hero .grid.grid-cols-2.md:grid-cols-4{grid-template-columns:1fr!important}}.hiba-payment-design .hiba-entitlement-scope{ padding-block:52px!important;}.hiba-payment-design .hiba-entitlement-scope>div>span{ display:inline-block; margin-bottom:12px!important;}.hiba-payment-design .hiba-entitlement-scope h2{ margin-top:0!important; margin-bottom:0!important; line-height:1.12!important; letter-spacing:-.025em!important; max-width:1180px;}.hiba-payment-design .hiba-entitlement-scope p{ margin-top:18px!important; line-height:1.65!important; max-width:1180px;}@media(max-width:760px){ .hiba-payment-design .hiba-entitlement-scope{ padding-block:40px!important; } .hiba-payment-design .hiba-entitlement-scope>div>span{ margin-bottom:10px!important; } .hiba-payment-design .hiba-entitlement-scope p{ margin-top:14px!important; }}