@charset "utf-8";

.css-1qlmdne { left: 0px; top: 0px; z-index: 9999; width: 100%; position: relative; }

.css-1dyp91y { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 0px 2rem; box-shadow: rgba(0, 0, 0, 0.08) 0px 11px 100px; background-color: rgb(255, 255, 255); z-index: 10; position: relative; height: 94px; }

.css-1l044sd { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 10px 0px; }

.css-6flbmm { user-select: none; width: 1em; height: 1em; display: inline-block; fill: currentcolor; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 2.1875rem; }

@media print {
  .css-1k371a6 { position: absolute !important; }
}

.css-xuaqpw { position: fixed; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; inset: 0px; background-color: rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: transparent; color: rgb(255, 255, 255); z-index: 1201; }

.css-1t8508g { box-sizing: border-box; flex-flow: column wrap; width: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.css-1t8508g > .MuiGrid-item { max-width: none; }

.css-z01bqi { display: inline-block; color: rgb(25, 118, 210); animation: 1.4s linear 0s infinite normal none running animation-61bdi0; }

@-webkit-keyframes animation-61bdi0 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes animation-61bdi0 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.css-13o7eu2 { display: block; }

.css-14891ef { stroke: currentcolor; stroke-dasharray: 80px, 200px; stroke-dashoffset: 0; animation: 1.4s ease-in-out 0s infinite normal none running animation-1p2h4ri; }

@-webkit-keyframes animation-1p2h4ri { 
  0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -15px; }
  100% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -125px; }
}

@keyframes animation-1p2h4ri { 
  0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -15px; }
  100% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -125px; }
}

.css-19sy0l7 { display: flex; flex-direction: row; margin-top: 8px; }

.css-bgjr47 { font-family: BriDigitalDisplay; }

.css-ti9az4 { margin: 0px; font-weight: 400; line-height: 1.5; letter-spacing: 0.00938em; font-size: 16px; color: rgb(41, 41, 41); font-family: BriDigitalDisplay; }

.css-1bge4v { width: 100%; height: auto; background-color: rgb(255, 255, 255); position: relative; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-wrap: wrap; padding: 0px; }

.css-tgzkrc { background-image: url("https://s3.bri.co.id/wdp-qllapp/assets/images/bg_baru_2.jpg"); height: 90%; background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; gap: 15px; box-sizing: border-box; position: relative; flex-flow: column wrap; width: 100%; -webkit-box-align: center; align-items: center; border-radius: 0px; padding: 4rem 0px; }

.css-1czmct { height: 90%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; flex-direction: column; width: 70%; }

.css-midmjo { background-color: rgb(228, 228, 228); filter: blur(83px); transform: translateZ(0px); position: absolute; z-index: 1; border-radius: 100%; width: 100%; height: 487px; }

.css-aw16nf { margin: 0px; width: 80%; }

.css-v7zfw8 { display: flex; flex-direction: column; gap: 10px; background-color: rgba(255, 255, 255, 0.25); border-radius: 20px; padding: 1rem 1.5rem; overflow: hidden; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; max-width: 600px; align-self: center; z-index: 3; }

.css-x3vyq4 { width: 100%; background: linear-gradient(rgb(241, 112, 37) 21.43%, rgba(241, 112, 37, 0) 100%); mix-blend-mode: normal; position: absolute; top: 0px; height: 22.5px; }

.css-10ibndm { display: flex; flex-direction: column; width: 100%; gap: 10px; }

.css-s9ggwg { z-index: 1500; pointer-events: none; }

.css-s9ggwg[data-popper-placement*="bottom"] .MuiTooltip-arrow { top: 0px; margin-top: -0.71em; }

.css-s9ggwg[data-popper-placement*="bottom"] .MuiTooltip-arrow::before { transform-origin: 0px 100%; }

.css-s9ggwg[data-popper-placement*="top"] .MuiTooltip-arrow { bottom: 0px; margin-bottom: -0.71em; }

.css-s9ggwg[data-popper-placement*="top"] .MuiTooltip-arrow::before { transform-origin: 100% 0px; }

.css-s9ggwg[data-popper-placement*="right"] .MuiTooltip-arrow { left: 0px; margin-left: -0.71em; height: 1em; width: 0.71em; }

.css-s9ggwg[data-popper-placement*="right"] .MuiTooltip-arrow::before { transform-origin: 100% 100%; }

.css-s9ggwg[data-popper-placement*="left"] .MuiTooltip-arrow { right: 0px; margin-right: -0.71em; height: 1em; width: 0.71em; }

.css-s9ggwg[data-popper-placement*="left"] .MuiTooltip-arrow::before { transform-origin: 0px 0px; }

.css-1dkatbo { z-index: 1500; pointer-events: none; }

.css-1dkatbo[data-popper-placement*="bottom"] .MuiTooltip-arrow { top: 0px; margin-top: -0.71em; }

.css-1dkatbo[data-popper-placement*="bottom"] .MuiTooltip-arrow::before { transform-origin: 0px 100%; }

.css-1dkatbo[data-popper-placement*="top"] .MuiTooltip-arrow { bottom: 0px; margin-bottom: -0.71em; }

.css-1dkatbo[data-popper-placement*="top"] .MuiTooltip-arrow::before { transform-origin: 100% 0px; }

.css-1dkatbo[data-popper-placement*="right"] .MuiTooltip-arrow { left: 0px; margin-left: -0.71em; height: 1em; width: 0.71em; }

.css-1dkatbo[data-popper-placement*="right"] .MuiTooltip-arrow::before { transform-origin: 100% 100%; }

.css-1dkatbo[data-popper-placement*="left"] .MuiTooltip-arrow { right: 0px; margin-right: -0.71em; height: 1em; width: 0.71em; }

.css-1dkatbo[data-popper-placement*="left"] .MuiTooltip-arrow::before { transform-origin: 0px 0px; }

.css-1fw5ycn { border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(230, 232, 232); border-image: none; font-family: AvenirNext; font-style: normal; font-weight: 400; color: rgb(15, 13, 35); letter-spacing: 0.1px; font-size: 16px; height: 40px; width: 100%; border-radius: 10px; background-color: rgb(255, 255, 255); padding: 20px; }

.css-ki01wn { line-height: 1.4375em; box-sizing: border-box; position: relative; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(230, 232, 232); border-image: none; font-family: AvenirNext; font-style: normal; font-weight: 400; color: rgb(15, 13, 35); letter-spacing: 0.1px; font-size: 16px; height: 40px; width: 100%; border-radius: 10px; background-color: rgb(255, 255, 255); padding: 20px; }

.css-ki01wn.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; }

.css-mnn31 { font: inherit; letter-spacing: inherit; color: currentcolor; padding: 4px 0px 5px; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; }

.css-mnn31::-webkit-input-placeholder { color: currentcolor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); }

.css-mnn31:focus { outline: 0px; }

.css-mnn31:invalid { box-shadow: none; }

.css-mnn31::-webkit-search-decoration { appearance: none; }

label[data-shrink="false"] + .MuiInputBase-formControl .css-mnn31::-webkit-input-placeholder { opacity: 0 !important; }

label[data-shrink="false"] + .MuiInputBase-formControl .css-mnn31:focus::-webkit-input-placeholder { opacity: 0.42; }

.css-mnn31.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); }

.css-mnn31:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }

.css-m48bez { display: flex; flex-direction: column; width: 100%; gap: 10px; position: relative; }

.css-1nvf7g0 { display: flex; height: 0.01em; max-height: 2em; -webkit-box-align: center; align-items: center; white-space: nowrap; color: rgba(0, 0, 0, 0.54); margin-left: 8px; }

.css-1wf493t { text-align: center; flex: 0 0 auto; font-size: 1.5rem; padding: 8px; border-radius: 50%; overflow: visible; color: rgba(0, 0, 0, 0.54); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); }

.css-1wf493t:hover { background-color: rgba(0, 0, 0, 0.04); }

@media (hover: none) {
  .css-1wf493t:hover { background-color: transparent; }
}

.css-1wf493t.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }

.css-1yxmbwk { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; font-size: 1.5rem; padding: 8px; border-radius: 50%; overflow: visible; color: rgba(0, 0, 0, 0.54); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); }

.css-1yxmbwk.Mui-disabled { pointer-events: none; cursor: default; }

@media print {
  .css-1yxmbwk { print-color-adjust: exact; }
}

.css-1yxmbwk:hover { background-color: rgba(0, 0, 0, 0.04); }

@media (hover: none) {
  .css-1yxmbwk:hover { background-color: transparent; }
}

.css-1yxmbwk.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }

.css-1hihit3 { display: flex; position: relative; margin-top: 10px; width: 100%; align-items: flex-end; -webkit-box-pack: end; justify-content: flex-end; }

.css-85o1ex { font-family: AvenirNext; font-style: normal; font-weight: 500; font-size: 12px; line-height: 18px; letter-spacing: 0.1px; text-transform: uppercase; margin-bottom: 8px; }

.css-85o1ex:hover { opacity: 0.4; }

.css-10ztmyl { border-radius: 42px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-family: AvenirNext; font-style: normal; font-weight: 600; font-size: 16px; -webkit-box-align: center; align-items: center; text-align: center; letter-spacing: 0.1px; color: rgb(255, 255, 255); margin-top: 0px; text-transform: capitalize; cursor: pointer; }

.css-10ztmyl:hover { background: rgb(241, 112, 37); color: rgb(255, 255, 255); opacity: 0.8; }

.css-slnaru { display: flex; border: 1px solid rgb(234, 235, 235); border-radius: 16px; width: 95%; height: auto; flex-direction: column; margin-top: 40px; padding: 20px; box-sizing: border-box; }

.css-5eo8fz { width: 95%; height: auto; flex-direction: column; -webkit-box-align: center; align-items: center; padding: 20px; }

.css-z5i4zc { margin: 0px; line-height: 1.5; letter-spacing: 0.00938em; font-weight: 600; font-size: 40px; font-family: BRIDigitalDisplay; }

.css-19m057k { margin: 0px; line-height: 1.5; letter-spacing: 0.00938em; color: rgb(102, 102, 102); padding-bottom: 20px; font-weight: 400; font-size: 16px; font-family: BRIDigitalDisplay; }

.css-1xp56p1 { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; width: 100%; margin-top: 20px; }

.css-lo19oc { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; width: 44%; padding: 10px; box-sizing: border-box; }

.css-cctkd0 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; padding: 10px; height: 100%; }

.css-zxwltc { text-align: left; max-width: 600px; width: 100%; }

.css-n0tox { margin: 0px 0px 20px; line-height: 1.5; letter-spacing: 0.00938em; font-weight: 600; font-size: 28px; font-family: BRIDigitalDisplay; }

.css-3eru2r { margin: 0px 0px 20px; line-height: 1.5; letter-spacing: 0.00938em; color: rgb(102, 102, 102); font-weight: 400; font-size: 16px; font-family: BRIDigitalDisplay; }

.css-1a8p2dj { margin-top: auto; width: 100%; display: flex; -webkit-box-pack: start; justify-content: flex-start; }

.css-1kr2633 { font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; background-color: rgb(16, 120, 202); color: white; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 10px 20px; min-width: 200px; border-radius: 8px; font-weight: 700; font-family: BRIDigitalDisplay; }

.css-1kr2633:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04); }

@media (hover: none) {
  .css-1kr2633:hover { background-color: transparent; }
}

.css-1kr2633.Mui-disabled { color: rgba(0, 0, 0, 0.26); }

.css-1kr2633:hover { background-color: rgb(14, 105, 177); }

.css-16p8yb4 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; margin: 0px; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; background-color: rgb(16, 120, 202); color: white; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 10px 20px; min-width: 200px; border-radius: 8px; font-weight: 700; font-family: BRIDigitalDisplay; }

.css-16p8yb4.Mui-disabled { pointer-events: none; cursor: default; }

@media print {
  .css-16p8yb4 { print-color-adjust: exact; }
}

.css-16p8yb4:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04); }

@media (hover: none) {
  .css-16p8yb4:hover { background-color: transparent; }
}

.css-16p8yb4.Mui-disabled { color: rgba(0, 0, 0, 0.26); }

.css-16p8yb4:hover { background-color: rgb(14, 105, 177); }

.css-hvio62 { display: flex; width: 100%; margin-top: auto; flex-direction: row; gap: 20px; }

.css-dddjzc { font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; background-color: white; color: rgb(16, 120, 202); border: 1px solid rgb(16, 120, 202); outline: none; cursor: pointer; padding: 10px 20px; min-width: 200px; border-radius: 8px; font-weight: 700; font-family: BRIDigitalDisplay; }

.css-dddjzc:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04); }

@media (hover: none) {
  .css-dddjzc:hover { background-color: transparent; }
}

.css-dddjzc.Mui-disabled { color: rgba(0, 0, 0, 0.26); }

.css-dddjzc:hover { background-color: rgb(227, 242, 253); }

.css-7exxc9 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; margin: 0px; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; background-color: white; color: rgb(16, 120, 202); border: 1px solid rgb(16, 120, 202); outline: none; cursor: pointer; padding: 10px 20px; min-width: 200px; border-radius: 8px; font-weight: 700; font-family: BRIDigitalDisplay; }

.css-7exxc9.Mui-disabled { pointer-events: none; cursor: default; }

@media print {
  .css-7exxc9 { print-color-adjust: exact; }
}

.css-7exxc9:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04); }

@media (hover: none) {
  .css-7exxc9:hover { background-color: transparent; }
}

.css-7exxc9.Mui-disabled { color: rgba(0, 0, 0, 0.26); }

.css-7exxc9:hover { background-color: rgb(227, 242, 253); }

.css-svl9ws { display: flex; border: 1px solid rgb(234, 235, 235); border-radius: 16px; width: 95%; height: auto; margin-top: 40px; margin-bottom: 20px; padding: 20px; flex-direction: row; box-sizing: border-box; }

.css-924ckw { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; margin-bottom: 10px; width: 100%; }

.css-15dsdov { flex-shrink: 0; max-width: 100%; }

.css-1nrqm0y { width: 81%; }

.css-1fy71rt { font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; background-color: rgb(16, 120, 202); color: white; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 10px 20px; width: 200px; border-radius: 8px; font-weight: 700; font-family: BRIDigitalDisplay; }

.css-1fy71rt:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04); }

@media (hover: none) {
  .css-1fy71rt:hover { background-color: transparent; }
}

.css-1fy71rt.Mui-disabled { color: rgba(0, 0, 0, 0.26); }

.css-1fy71rt:hover { background-color: rgb(14, 105, 177); }

.css-8e1ebo { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; margin: 0px; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; background-color: rgb(16, 120, 202); color: white; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 10px 20px; width: 200px; border-radius: 8px; font-weight: 700; font-family: BRIDigitalDisplay; }

.css-8e1ebo.Mui-disabled { pointer-events: none; cursor: default; }

@media print {
  .css-8e1ebo { print-color-adjust: exact; }
}

.css-8e1ebo:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04); }

@media (hover: none) {
  .css-8e1ebo:hover { background-color: transparent; }
}

.css-8e1ebo.Mui-disabled { color: rgba(0, 0, 0, 0.26); }

.css-8e1ebo:hover { background-color: rgb(14, 105, 177); }

.css-9i2pgr { user-select: none; display: inline-block; fill: currentcolor; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; margin-left: 10px; height: 10px; width: 10px; }

.css-r7itvg { display: flex; border: 1px solid rgb(234, 235, 235); border-radius: 16px; width: 95%; height: auto; margin-top: 40px; margin-bottom: 30px; padding: 20px; flex-direction: row; box-sizing: border-box; }

.css-w0igye { margin: 0px 0px 20px; line-height: 1.5; letter-spacing: 0.00938em; font-weight: 600; font-size: 40px; font-family: BRIDigitalDisplay; }

.css-wlnxh6 { text-align: center; margin-top: 20px; }

.css-5h11db { display: block; background-color: rgba(0, 0, 0, 0.11); height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; }

@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}

@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}

.css-164oi7x { z-index: 6; width: 100%; }

.css-1sclm45 { padding: 2.5rem 1.5rem; background-image: url("https://s3.bri.co.id/wdp-qllapp/assets/images/Footer-bg-new.jpg"); background-size: cover; display: flex; flex-direction: column; gap: 2rem; }

.css-11onev9 { display: flex; flex-direction: column; gap: 1.5rem; width: 33%; }

.css-1id3s5p { display: flex; flex-direction: column; gap: 1.5rem; }

.css-1omp7f4 { color: rgb(255, 255, 255); font-size: 13px; display: flex; flex-direction: column; gap: 15px; font-family: Inter; }

.css-1r1uyw7 { display: flex; flex-direction: column; gap: 1.5rem; width: 20%; }

.css-1xs3p8f { color: rgb(255, 255, 255); font-size: 13px; flex-direction: column; display: flex; }

.css-13jukmt { display: flex; -webkit-box-align: center; align-items: center; gap: 5px; font-family: Inter; }

.css-9ozq8w { margin-top: 12px; display: flex; -webkit-box-align: center; align-items: center; gap: 5px; }

.css-17pylwj { display: flex; flex-direction: column; gap: 1.5rem; width: 15%; }

.css-1mw1snn { display: flex; flex-direction: column; gap: 1.5rem; width: 100%; }

.css-1fsi5o3 { -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-direction: column-reverse; gap: 2rem; }

.css-1pbacph { color: rgb(255, 255, 255); font-size: 13px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 15px; font-family: Inter; }

.css-8ndowl { position: fixed; z-index: 1300; inset: 0px; }

.css-1mbdz04 { z-index: -1; }

.css-919eu4 { position: fixed; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; inset: 0px; background-color: rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: transparent; z-index: -1; }

.css-igvn86 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 90vh; background-color: rgb(0, 84, 152); box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px; border-radius: 20px; outline: none; overflow: hidden; display: flex; background-size: cover; background-position: center center; }

@media (min-width: 0px) {
  .css-igvn86 { width: 92%; flex-direction: column; background-image: url("https://s3.bri.co.id/wdp-qllapp/assets/images/coming-soon-bg.png"); }
}

@media (min-width: 600px) {
  .css-igvn86 { width: 90%; flex-direction: row; background-image: none; }
}

@media (min-width: 900px) {
  .css-igvn86 { width: 950px; }
}

@media (min-width: 1200px) {
  .css-igvn86 { width: 1050px; }
}

.css-1hwrbfp { text-align: center; flex: 0 0 auto; font-size: 1.5rem; padding: 8px; border-radius: 50%; overflow: visible; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); position: absolute; top: 8px; right: 8px; color: white; z-index: 2; }

.css-1hwrbfp:hover { background-color: rgba(0, 0, 0, 0.04); }

@media (hover: none) {
  .css-1hwrbfp:hover { background-color: transparent; }
}

.css-1hwrbfp.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }

.css-19xyb8m { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; font-size: 1.5rem; padding: 8px; border-radius: 50%; overflow: visible; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); position: absolute; top: 8px; right: 8px; color: white; z-index: 2; }

.css-19xyb8m.Mui-disabled { pointer-events: none; cursor: default; }

@media print {
  .css-19xyb8m { print-color-adjust: exact; }
}

.css-19xyb8m:hover { background-color: rgba(0, 0, 0, 0.04); }

@media (hover: none) {
  .css-19xyb8m:hover { background-color: transparent; }
}

.css-19xyb8m.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }

.css-1e576x6 { width: 45%; position: relative; min-height: 450px; }

@media (min-width: 0px) {
  .css-1e576x6 { display: none; }
}

@media (min-width: 600px) {
  .css-1e576x6 { display: block; }
}

.css-1mnio1i { display: block; overflow: hidden; mask-image: -webkit-radial-gradient(center, white, black); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: rgba(255, 255, 255, 0.1); }

.css-1mnio1i::after { animation: 2s linear 0.5s infinite normal none running animation-wiooy9; background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent); content: ""; position: absolute; transform: translateX(-100%); inset: 0px; }

@-webkit-keyframes animation-wiooy9 { 
  0% { transform: translateX(-100%); }
  50% { transform: translateX(100%); }
  100% { transform: translateX(100%); }
}

@keyframes animation-wiooy9 { 
  0% { transform: translateX(-100%); }
  50% { transform: translateX(100%); }
  100% { transform: translateX(100%); }
}

.css-1bv1t8y { width: 100%; height: 100%; background-image: url("https://s3.bri.co.id/wdp-qllapp/assets/images/coming-soon-bg.png"); background-size: cover; background-position: center center; opacity: 0; transition: opacity 0.5s ease-in-out; }

.css-5uln0v { position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; background: linear-gradient(to right, transparent, rgb(0, 84, 152)); }

.css-te9mtl { flex: 1 1 0%; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; }

@media (min-width: 0px) {
  .css-te9mtl { padding: 64px 24px; min-height: 450px; background-color: rgba(0, 84, 152, 0.75); }
}

@media (min-width: 600px) {
  .css-te9mtl { padding: 40px; min-height: auto; background-color: transparent; }
}

.css-i3pbo { margin-bottom: 24px; }

.css-1avju17 { margin: 0px 0px 16px; font-size: 1rem; letter-spacing: 0.00938em; color: white; font-weight: 700; font-family: AvenirNextBold; white-space: pre-line; line-height: 1.3; }

@media (min-width: 0px) {
  .css-1avju17 { font-size: 26px; }
}

@media (min-width: 600px) {
  .css-1avju17 { font-size: 34px; }
}

.css-11t1844 { margin: 0px; font-weight: 400; letter-spacing: 0.00938em; font-size: 16px; font-family: avenirNext; max-width: 380px; line-height: 1.6; }

@media (min-width: 0px) {
  .css-11t1844 { color: white; text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 4px; }
}

@media (min-width: 600px) {
  .css-11t1844 { color: rgba(255, 255, 255, 0.8); text-shadow: none; }
}

.css-1j9l496 { margin: 2rem 0px 0px; width: 80%; }

.css-w0pj6f { overflow: hidden; pointer-events: none; position: absolute; z-index: 0; inset: 0px; border-radius: inherit; }

.css-1mvtmfq { display: flex; border: 1px solid rgb(234, 235, 235); border-radius: 16px; width: 95%; height: auto; flex-direction: column; margin-top: 40px; padding: 10px; box-sizing: border-box; }

.css-1ej4sb1 { margin: 0px; line-height: 1.5; letter-spacing: 0.00938em; font-weight: 600; font-size: 36px; font-family: BRIDigitalDisplay; }

.css-1oefayu { display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; width: 100%; margin-top: 20px; }

.css-kk38gp { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; width: 100%; padding: 10px; box-sizing: border-box; }

.css-1ysm169 { font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; background-color: rgb(16, 120, 202); color: white; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 10px 20px; min-width: 100%; border-radius: 8px; font-weight: 700; font-family: BRIDigitalDisplay; }

.css-1ysm169:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04); }

@media (hover: none) {
  .css-1ysm169:hover { background-color: transparent; }
}

.css-1ysm169.Mui-disabled { color: rgba(0, 0, 0, 0.26); }

.css-1ysm169:hover { background-color: rgb(14, 105, 177); }

.css-aa3d3p { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; margin: 0px; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; background-color: rgb(16, 120, 202); color: white; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 10px 20px; min-width: 100%; border-radius: 8px; font-weight: 700; font-family: BRIDigitalDisplay; }

.css-aa3d3p.Mui-disabled { pointer-events: none; cursor: default; }

@media print {
  .css-aa3d3p { print-color-adjust: exact; }
}

.css-aa3d3p:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04); }

@media (hover: none) {
  .css-aa3d3p:hover { background-color: transparent; }
}

.css-aa3d3p.Mui-disabled { color: rgba(0, 0, 0, 0.26); }

.css-aa3d3p:hover { background-color: rgb(14, 105, 177); }

.css-1e4lzz1 { display: flex; width: 100%; margin-top: auto; flex-direction: column; gap: 20px; }

.css-10mg6tj { font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; background-color: white; color: rgb(16, 120, 202); border: 1px solid rgb(16, 120, 202); outline: none; cursor: pointer; padding: 10px 20px; min-width: 100%; border-radius: 8px; font-weight: 700; font-family: BRIDigitalDisplay; }

.css-10mg6tj:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04); }

@media (hover: none) {
  .css-10mg6tj:hover { background-color: transparent; }
}

.css-10mg6tj.Mui-disabled { color: rgba(0, 0, 0, 0.26); }

.css-10mg6tj:hover { background-color: rgb(227, 242, 253); }

.css-1axtre3 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; margin: 0px; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; background-color: white; color: rgb(16, 120, 202); border: 1px solid rgb(16, 120, 202); outline: none; cursor: pointer; padding: 10px 20px; min-width: 100%; border-radius: 8px; font-weight: 700; font-family: BRIDigitalDisplay; }

.css-1axtre3.Mui-disabled { pointer-events: none; cursor: default; }

@media print {
  .css-1axtre3 { print-color-adjust: exact; }
}

.css-1axtre3:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04); }

@media (hover: none) {
  .css-1axtre3:hover { background-color: transparent; }
}

.css-1axtre3.Mui-disabled { color: rgba(0, 0, 0, 0.26); }

.css-1axtre3:hover { background-color: rgb(227, 242, 253); }

.css-1g67exw { display: flex; border: 1px solid rgb(234, 235, 235); border-radius: 16px; width: 95%; height: auto; margin-top: 40px; margin-bottom: 20px; padding: 20px; flex-direction: column; box-sizing: border-box; }

.css-1367cps { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; margin-bottom: 10px; width: 100%; }

.css-fhkg9x { font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; background-color: rgb(16, 120, 202); color: white; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 10px 20px; width: 100%; border-radius: 8px; font-weight: 700; font-family: BRIDigitalDisplay; }

.css-fhkg9x:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04); }

@media (hover: none) {
  .css-fhkg9x:hover { background-color: transparent; }
}

.css-fhkg9x.Mui-disabled { color: rgba(0, 0, 0, 0.26); }

.css-fhkg9x:hover { background-color: rgb(14, 105, 177); }

.css-1r5q7hr { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; margin: 0px; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; background-color: rgb(16, 120, 202); color: white; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 10px 20px; width: 100%; border-radius: 8px; font-weight: 700; font-family: BRIDigitalDisplay; }

.css-1r5q7hr.Mui-disabled { pointer-events: none; cursor: default; }

@media print {
  .css-1r5q7hr { print-color-adjust: exact; }
}

.css-1r5q7hr:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04); }

@media (hover: none) {
  .css-1r5q7hr:hover { background-color: transparent; }
}

.css-1r5q7hr.Mui-disabled { color: rgba(0, 0, 0, 0.26); }

.css-1r5q7hr:hover { background-color: rgb(14, 105, 177); }

.css-1iyccr7 { display: flex; border: 1px solid rgb(234, 235, 235); border-radius: 16px; width: 95%; height: auto; margin-top: 40px; margin-bottom: 30px; padding: 20px; flex-direction: column; box-sizing: border-box; }

.css-1uwx78y { width: 100%; height: 100%; background-image: url("https://s3.bri.co.id/wdp-qllapp/assets/images/coming-soon-bg.png"); background-size: cover; background-position: center center; opacity: 1; transition: opacity 0.5s ease-in-out; }

.css-19ri5qq { opacity: 0; position: absolute; }

.css-19ri5qq.MuiTouchRipple-rippleVisible { opacity: 0.3; transform: scale(1); animation-name: animation-1taevns; animation-duration: 550ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.css-19ri5qq.MuiTouchRipple-ripplePulsate { animation-duration: 200ms; }

.css-19ri5qq .MuiTouchRipple-child { opacity: 1; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: currentcolor; }

.css-19ri5qq .MuiTouchRipple-childLeaving { opacity: 0; animation-name: animation-5ich1p; animation-duration: 550ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.css-19ri5qq .MuiTouchRipple-childPulsate { position: absolute; left: 0px; top: 0px; animation-name: animation-f6tr5a; animation-duration: 2500ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-iteration-count: infinite; animation-delay: 200ms; }

@-webkit-keyframes animation-f6tr5a { 
  0% { transform: scale(1); }
  50% { transform: scale(0.92); }
  100% { transform: scale(1); }
}

@keyframes animation-f6tr5a { 
  0% { transform: scale(1); }
  50% { transform: scale(0.92); }
  100% { transform: scale(1); }
}

@-webkit-keyframes animation-5ich1p { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes animation-5ich1p { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes animation-1taevns { 
  0% { transform: scale(0); opacity: 0.1; }
  100% { transform: scale(1); opacity: 0.3; }
}

@keyframes animation-1taevns { 
  0% { transform: scale(0); opacity: 0.1; }
  100% { transform: scale(1); opacity: 0.3; }
}

.css-11qrfta { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; text-transform: uppercase; min-width: 64px; padding: 6px 8px; border-radius: 4px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); color: rgb(25, 118, 210); }

.css-11qrfta:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04); }

@media (hover: none) {
  .css-11qrfta:hover { background-color: transparent; }
}

.css-11qrfta.Mui-disabled { color: rgba(0, 0, 0, 0.26); }

.css-1ujsas3 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; text-transform: uppercase; min-width: 64px; padding: 6px 8px; border-radius: 4px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); color: rgb(25, 118, 210); }

.css-1ujsas3.Mui-disabled { pointer-events: none; cursor: default; }

@media print {
  .css-1ujsas3 { print-color-adjust: exact; }
}

.css-1ujsas3:hover { text-decoration: none; background-color: rgba(25, 118, 210, 0.04); }

@media (hover: none) {
  .css-1ujsas3:hover { background-color: transparent; }
}

.css-1ujsas3.Mui-disabled { color: rgba(0, 0, 0, 0.26); }

.css-vubbuv { user-select: none; width: 1em; height: 1em; display: inline-block; fill: currentcolor; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; }