.step-container{z-index:-2;background-color:#f4f4f4}:root{--sizeStepper:43px;--spacing:clamp(.25rem, 2vw, .2rem)}.steps-progress{display:none}.text-steps{padding:0 20px}ol.stepper{margin:0;padding:0;display:flex}ol.stepper li{text-align:center;flex-direction:column;flex:1;list-style:none;display:flex}ol.stepper li p.text-steps{color:#252c5bbf}ol.stepper li:before{content:attr(data-content);width:var(--sizeStepper);height:var(--sizeStepper);text-align:center;color:#fff;line-height:var(--sizeStepper);background-color:#cecece;border-radius:50%;margin:0 auto 1rem;display:block;position:relative;color:#252c5bbf!important}ol.stepper li:not(:last-child):after{content:"";top:calc(var(--sizeStepper) / 2);width:calc(100% - var(--sizeStepper) - calc(var(--spacing) * 2));left:calc(50% + calc(var(--sizeStepper) / 2 + var(--spacing)));background-color:#b0b0b0;order:-1;height:2px;position:relative}ol.stepper li.visited:before{width:var(--sizeStepper);height:var(--sizeStepper);background-color:#0b5aac;transition:transform .7s ease-in-out;transform:scale(1);color:#ffffffb3!important}ol.stepper li.visited:after{content:"";top:calc(var(--sizeStepper) / 2);width:calc(100% - var(--sizeStepper) - calc(var(--spacing) * 2));left:calc(50% + calc(var(--sizeStepper) / 2 + var(--spacing)));background-color:#0b5aac;order:-1;height:2px;transition:transform .7s ease-in-out;position:relative}ol.stepper li.active:before{z-index:2;background-color:#0b5aac;outline:2px solid #0b5aac;font-weight:700;transition:all .7s ease-in-out;transform:scale(1.2);box-shadow:0 0 10px 3px #0b5aac;color:#ffffffb3!important}ol.stepper li.active p.text-steps{font-weight:700}div.card.py-4.mb-2{z-index:-2;box-shadow:0 2px 8px #b0bec5;padding-bottom:.1rem!important}@media only screen and (max-width:510px){.text-steps{padding:0 5px;font-size:x-small}}.main.overlaying:before{z-index:997!important;content:""!important;background:#000000b3!important;width:100%!important;height:100%!important;animation:.25s opacity!important;position:absolute!important;top:0!important;left:0!important}
#katabafers,#kegiatanbafers,#mengapabaf,#karir{height:auto;margin-top:3rem!important}.career-part-card{background:#fff;border-radius:20px;margin-bottom:1rem;box-shadow:0 2px 10px #00000040}.career-brand{cursor:pointer;margin-right:3rem}.career-nav-link{font-size:24px;font-weight:700;line-height:30px;text-decoration:none;color:#fff!important}.career-toggle{z-index:1;background-color:#002f5f;border-radius:0 0 15px 15px;transition:all .5s ease-in-out}.career-banner{background-image:linear-gradient(89.8deg,#00000073 27.11%,#0000 54.36%),url(../media/career-banner.1p8aqsra1p-70.webp);background-position:bottom;background-size:cover;height:100vh}.career-banner>.navbar{padding:.5rem 5rem 0}.career-dot-left{opacity:.2;background:linear-gradient(90deg,#fff 1.23%,#4353ff00 97.3%);border-radius:50%;width:244px;height:244px;position:absolute;top:32%;left:5%}.career-dot-right{opacity:.2;background:linear-gradient(90deg,#fff 1.23%,#4353ff00 97.3%);border-radius:50%;width:244px;height:244px;position:absolute;top:32%;left:33%;transform:matrix(-1,0,0,1,0,0)}.career-banner-wrapper{position:absolute;top:40%}.career-banner-title{color:#fff;letter-spacing:3px;text-shadow:0 0 8px #ffffff05;font-size:50px;font-weight:700;line-height:54px}.career-banner-subtitle{color:#fff;letter-spacing:3px;font-size:85px;font-weight:700;line-height:91px}.career-img-rounded{border-radius:20px;justify-content:center;align-items:center;width:880px;height:450px;display:flex;position:relative;overflow:hidden}.rounded-image{border-radius:20px}.career-slider-title{color:#002f5f;margin-top:30px;margin-bottom:15px;font-size:50px;font-weight:800;line-height:54px}.button-arrow{justify-content:space-between;display:flex;position:absolute;top:30%;left:0;right:0}.career-slider-desc{color:#002f5f;margin-top:20px;font-size:28px;font-weight:400;line-height:34px}.career-section-card{color:#002f5f;margin:80px 0;font-size:50px;font-weight:800;line-height:54px}.career-card{width:270px;height:371px;transition:all .5s;overflow:hidden;box-shadow:0 8px 24px #3e82c34d}.career-card:hover{transform:scale(1.1)}.career-card-title{color:#fff;font-size:28px;font-weight:800;line-height:34px}.career-card-text{color:#fff;font-size:18px;font-weight:400;line-height:24px}.katabafers-title{font-size:50px;font-weight:800}.career-katabafers-card{background-image:url(/static/images/image/katabafers-card.svg);background-position:100% 0;background-repeat:no-repeat;background-size:cover;border-radius:40px;max-width:381px;height:434px;max-height:434px;padding:20px;position:relative}.career-katabafers-card-center{background-image:url(/static/images/image/katabafers-card.svg);background-position:100% 0;background-repeat:no-repeat;background-size:cover;border-radius:40px;max-width:434px;height:495px;max-height:495px;margin-top:-20px;padding:20px;position:relative}.career-katabafers-text-name{min-height:35px;max-height:60px;line-height:100%;overflow:hidden;font-size:28px!important;font-weight:700!important}.career-katabafers-image-center{margin-top:100px;display:inline-block;position:absolute;right:20px}.career-katabafers-image-center-frame{width:196px;height:266px}.career-katabafers-image-center>div{border-radius:173px 0 20px 20px;width:185px;height:225px;position:absolute;top:10px;right:5px}.career-katabafers-image{margin-top:75px;display:inline-block;position:absolute;right:20px}.career-katabafers-image-frame{width:172px;height:223px}.career-katabafers-image>div{border-radius:148px 0 20px 20px;width:161px;height:200px;position:absolute;top:5px;right:5px}.career-katabafers-text{width:280px;height:260px;margin-left:15px;line-height:120%;left:20px;font-size:18px!important;font-weight:400!important;overflow:hidden!important}.career-katabafers-text-center{width:280px;height:300px;margin-left:15px;line-height:120%;left:20px;font-size:18px!important;font-weight:400!important;overflow:hidden!important}.career-katabafers-text-center:before,.career-katabafers-text:before{content:"";float:right;shape-outside:polygon(93% 24%, 100% 0, 100% 35%, 100% 70%, 100% 100%, 90% 100%, 63% 100%, 60% 76%, 65% 49%, 83% 42%);width:100%;height:100%}.katabafers-position-middle-center,.katabafers-position{min-height:30px;line-height:100%;width:45%!important}.katabafers-position-middle{margin-top:30px;line-height:100%}.career-container-ca{max-width:72%;margin:0 auto;padding:120px 0;display:flex}.career-kataabafers-custom-dot{max-height:25px;top:80px}.career-arrows{flex-direction:row;justify-content:space-between;min-height:100px;margin-top:-420px;padding:0 100px;display:flex}.career-program-card{background:#d3dce5;border-radius:30px;width:100%;height:auto;min-height:300px;margin-top:3rem;font-size:24px;display:flex;position:relative;box-shadow:9px -6px 4px 2px #3e82c32b}.program-list{cursor:pointer;text-align:center;justify-content:center;align-items:center;display:flex}.career-program-card>.card-icon-desc{content:"";position:absolute;top:6%;left:94%}.career-program-card>.card-icon-dev{content:"";position:absolute;top:5%;left:89%}.career-program-card>.desc-card{text-align:center;align-self:center;align-items:center;width:100%;padding:4rem;font-size:24px}.career-program-card>.dev-card{text-align:center;color:#002f5f;align-items:center;width:100%;padding:2rem;font-size:24px}.career-program-card>.dev-card>.title{font-weight:700}.career-program-card>.dev-card>.desc{font-size:18px!important}.career-program-card>.dev-card>.periode{color:#3e82c3;margin-top:1rem;font-size:18px;font-weight:700}.career-pages-title{color:#002f5f;padding:2rem 0;font-size:50px;font-weight:800;line-height:54px}.career-btn-img{border:0!important;width:90%!important;padding:.5rem!important;font-size:26px!important}.career-btn-img:hover,.isActive{background-color:#002f5f!important}@media (min-width:2560px){.career-dot-left{position:absolute;top:37%;left:25%}.career-dot-right{position:absolute;top:37%;left:40%}}@media (min-width:464px) and (max-width:1199px){#mengapabaf,#kegiatanbafers{height:auto}.career-banner{background-position:100%;background-size:cover;height:700px}.career-banner-wrapper{position:absolute;top:25%}.career-dot-left{position:absolute;top:21%;left:1%}.career-dot-right{position:absolute;top:21%;left:50%}.career-img-rounded{width:95%;height:380px;position:relative}.button-arrow{justify-content:space-between;display:flex;position:absolute;top:30%;left:0;right:90px}.career-button-prev{z-index:1;background-color:#d6e8fb99;border-radius:50%;width:50px;height:50px;position:absolute;bottom:-35px;left:20px}.career-button-next{z-index:1;background-color:#d6e8fb99;border-radius:50%;width:50px;position:absolute;bottom:-35px;right:20px}.career-slider-title{color:#002f5f;margin:30px 0;font-size:45px;font-weight:800}.career-slider-desc{color:#002f5f;margin-top:20px;font-size:30px;font-weight:400;line-height:30px}.career-card{width:270px;height:371px;margin:10px auto;overflow:hidden;box-shadow:0 8px 24px #3e82c34d}.career-card:hover{transform:none}.career-program-card>.card-icon-desc{content:"";position:absolute;top:4%;left:90%}.career-program-card>.card-icon-dev{content:"";position:absolute;top:1%;left:84%}}@media (min-width:0) and (max-width:464px){#mengapabaf,#kegiatanbafers{height:auto}.career-nav-link{font-size:18px;font-weight:600;line-height:20px}.career-banner>.navbar{padding:.5rem 1rem 0}.career-banner{background-position:50%;background-size:cover;height:550px}.career-banner-wrapper{position:absolute;top:30%}.career-dot-left{width:145px;height:145px;position:absolute;top:28%;left:0}.career-dot-right{width:145px;height:145px;position:absolute;top:28%;left:55%}.career-banner-title{color:#fff;letter-spacing:3px;text-shadow:0 0 8px #ffffff05;font-size:30px;font-weight:700;line-height:54px}.career-banner-subtitle{color:#fff;letter-spacing:3px;font-size:45px;font-weight:700;line-height:41px}.career-slider-title{color:#002f5f;margin:10px 0;font-size:25px;font-weight:800}.career-slider-desc{color:#002f5f;margin-top:10px;font-size:18px;font-weight:400;line-height:25px}.career-img-rounded{width:100%;height:200px}.button-arrow{justify-content:space-between;display:flex;position:absolute;top:35%;left:0;right:30px}.career-button-prev{z-index:1;background-color:#d6e8fb99;border-radius:50%;width:35px;height:35px;position:absolute;bottom:-20px;left:0}.career-button-next{z-index:1;background-color:#d6e8fb99;border-radius:50%;width:35px;position:absolute;bottom:-20px;right:0}.career-section-card{color:#002f5f;margin:10px 0;font-size:25px;font-weight:800;line-height:54px}.career-card{width:270px;height:371px;margin:10px auto;overflow:hidden;box-shadow:0 8px 24px #3e82c34d}.career-card:hover{transform:none}.career-card-title{color:#fff;font-size:22px;font-weight:800;line-height:24px}.career-card-text{color:#fff;font-size:18px;font-weight:400;line-height:24px}.katabafers-title{font-size:30px;font-weight:800}.career-katabafers-card-center{max-width:80%!important}.career-container-ca{max-width:100%!important}.career-katabafers-card{height:100%!important}.career-katabafers-text{width:400px!important;min-height:240px!important}.career-katabafers-image-frame{height:223px;width:120px!important}.career-katabafers-image>div{right:4px;width:110px!important;height:145px!important;top:32px!important}.career-pages-title{color:#002f5f;padding:2rem 0;font-size:30px;font-weight:800;line-height:54px}.career-program-card>.card-icon-desc{content:"";position:absolute;top:1%;left:83%}.career-program-card>.card-icon-dev{content:"";position:absolute;top:1%;left:85%}}@media screen and (max-width:1440px){.career-katabafers-card{width:300px;height:370px}.career-katabafers-card-center{width:320px;height:416px}.career-katabafers-text-name{max-height:50px;line-height:100%;font-size:24px!important;font-weight:700!important}.career-katabafers-image-center{margin-top:60px;right:20px}.career-katabafers-image-center-frame{width:160px;height:240px}.career-katabafers-image-center>div{border-radius:185px 5px 20px 20px/173px 0 20px 20px;width:150px;height:192px;top:19px;right:5px}.career-katabafers-image{margin-top:20px;right:20px}.career-katabafers-image-frame{width:144px;height:215px}.career-katabafers-image>div{border-radius:148px 7px 20px 20px/148px 0 20px 20px;width:136px;height:175px;top:16px;right:4px}.career-katabafers-text{width:280px;height:208px;margin-left:15px;line-height:100%;left:20px;font-size:14px!important;font-weight:400!important;overflow:hidden!important}.career-katabafers-text-center{width:280px;height:235px;margin-left:15px;line-height:120%;left:20px;font-size:14px!important;font-weight:400!important;overflow:hidden!important}.career-katabafers-text-center:before{content:"";float:right;shape-outside:polygon(80% 30%, 100% 0, 100% 35%, 100% 70%, 100% 100%, 90% 80%, 40% 100%, 40% 76%, 52% 49%, 40% 42%);width:100%;height:100%}.career-katabafers-text:before{content:"";float:right;shape-outside:polygon(80% 15%, 100% 0, 100% 35%, 100% 70%, 100% 100%, 90% 80%, 40% 100%, 40% 76%, 52% 49%, 40% 42%);width:100%;height:100%}.katabafers-position-middle-center,.katabafers-position{line-height:120%;width:40%!important;font-size:10px!important}.career-arrows{min-height:100px;margin-top:-400px;padding:0 45px}.career-container-ca{max-width:80%}}
.slider-menu-container{z-index:10;flex-direction:row;justify-content:center;align-items:center;width:150px;height:180px;display:flex;position:fixed;top:40%;right:0;transform:translate(125px,-50%)}.slider-menu-toggle{z-index:20;background-color:#fff;border-width:.05rem medium .05rem .05rem;border-color:#c4c4c4 currentColor #c4c4c4 #c4c4c4;border-right-style:none;border-radius:10px;justify-content:center;align-items:center;width:30px;height:55px;padding:0;display:flex;box-shadow:-9px 0 27px -10px #000000bd;border-bottom-color:#c4c4c4!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.slider-menu-card{height:"100%";background-color:#fff;border-color:#c4c4c4;border-radius:10px 0 0 10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:120px;min-height:180px;margin:0;padding-top:15px;padding-bottom:5px;display:flex;box-shadow:0 5px 15px #00000059}.slider-menu-content{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:75px;height:75px;margin-right:15px;display:flex}.slider-menu-img{text-align:center;flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.slider-menu-img-new{width:150%;height:100%}.icon-container{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:-webkit-flex}.text-application{color:#3e82c3;margin-top:2px;font-size:x-small;font-weight:700!important}.text-simulation{color:#9a2b91;font-size:x-small;font-weight:700!important}.text-bafers{color:#002f5f;font-size:x-small;font-weight:700!important}.icon-image{width:50px;height:50px}@keyframes slide-left{0%{transform:translate(125px,-50%)}to{transform:translate(20px,-50%)}}.slide-left{animation:.5s cubic-bezier(.6,-.28,.735,.045) both slide-left}@keyframes slide-right{0%{transform:translate(20px,-50%)}to{transform:translate(125px,-50%)}}.slide-right{animation:.5s cubic-bezier(.6,-.28,.735,.045) both slide-right}@media (min-width:3000px){.slider-menu-container{top:35vh}}
.p-layout-title{font-size:17px}.p-layout-icon{font-size:20px}.p-intro-text{text-align:justify;color:#000c;font-size:14px}.p-procedures-title{color:#000c;text-align:center;font-size:16px;font-weight:600}.p-procedures-wrapper{height:80px}.p-procedures-order{color:#fff;text-align:center;background-color:#3e82c3;border-radius:50%;width:30px;height:30px;margin:auto 0;line-height:30px}.p-procedures-text{font-size:12px}.p-terms-title{color:#000c;text-align:justify;font-size:16px;line-height:20px}.p-terms-item{color:#000c;text-align:justify;font-size:12px;line-height:15px}.p-terms-item>a{font-weight:400;color:#347af0!important;text-decoration-line:underline!important}.button-pradana{border-radius:10px;padding:11px 0;font-size:19px}
.payment-data{grid-template-rows:auto 0fr auto;display:grid}.payment-data .blank-list{height:55vh;overflow:auto}.payment-information>label{color:#002f5f80;font-size:15px;font-weight:700}.payment-box-info{background:#f8f8f8;border-radius:5px;width:100%;height:auto;margin:1rem 0;padding:1rem}.payment-box-alert{color:#40614c;background:#d1f1d9;border-radius:4px;width:100%;height:auto;padding:1rem;font-size:12px}.payment-box-info div{white-space:pre;color:#979797;line-height:1.5rem}.payment-box-info span{font-size:16px}.payment-box-info>.table-pay{border-collapse:collapse;width:100%;margin:auto;font-size:11px}.payment-box-info>.table-pay>thead>tr>th,.payment-box-info>.table-pay>tbody>tr>td{text-align:center;padding:7px}.custom-step-allert{width:356px!important}.custom-step-allert>.swal-footer{text-align:center!important}.custom-step-allert>.swal-footer>.swal-button-container>.swal-button{padding:10px 60px}.custom-step-allert>.swal-content>.swal-content__div{text-align:start;padding-left:.5rem}.custom-step-allert>.swal-content>.swal-content__div>.information-alert>strong{color:#000c}.custom-step-allert>.swal-content>.swal-content__div>.information-alert>span{color:#0006}.fde-verification>.title{color:#00000080;font-size:18px;font-weight:700}.fde-verification>.grey-line{border-bottom:3px solid #00000080}.fde-verification>.verif-warp{flex-direction:column;justify-content:space-between;min-height:68vh;display:flex}
.banner-header{background-image:url(/static/images/image/baf-mobile/asset-background.webp);background-position:bottom;background-repeat:no-repeat;background-size:cover;flex-direction:row;height:100vh;padding:0}.title-header{text-align:center;font-family:var(--font-brandon);font-size:32px;font-weight:700}@media (max-width:464px){.banner-header{flex-direction:column;padding:10px 25px 0}.title-header{font-size:22px}.hastag-header{margin-bottom:10rem}}.block-card-baf-mobile{-o-transition:all .3s cubic-bezier(.165, .84, .44, 1);margin:20px 0 35px;padding:50px 0 15px;transition:all .3s cubic-bezier(.165,.84,.44,1);border:none!important}.block-card-baf-mobile:hover{transform:translateY(-8px);box-shadow:0 20px 20px #0003;border-radius:15px!important}
.container-beatrice{background-blend-mode:lighten;background:url(/static/images/icons/bg-beatrice.jpg) 50%/contain;width:100%;max-width:430px;height:100%;min-height:100vh;margin-left:auto;margin-right:auto}.spinner{animation:2s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.textContainer{text-align:center}.text{font-family:var(--font-fsalbert), sans-serif;letter-spacing:0;vertical-align:middle;color:#333;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.boldText{font-weight:700}.swal-footer{text-align:center}.swal-button--confirm{background:linear-gradient(#117fc3 0%,#003469 100%)}.swal-button--cancel{background:linear-gradient(#d8d8d8 50%,#acacac 100%);font-weight:700;color:#002f5f!important}.modal-fullscreen{width:100%;height:100%;margin:0}.modal-fullscreen .modal-dialog{max-width:none;height:100%;margin:0;position:fixed;inset:0;overflow-y:auto}.modal-fullscreen .modal-content{border:0;border-radius:0}.custom-checkbox .form-check-input[type=checkbox]{transform:scale(1.5)}.scroll-content{opacity:.7;justify-content:center;width:100%;max-width:fit-content;display:flex;position:fixed;bottom:120px;left:48%}.scroll-content:hover{opacity:1}.scroll-content .scroll-to-bottom{color:#fff;background-color:#ee3291;border-radius:50%;width:45px;height:45px;padding:4px 0 0 10px;font-size:27px}.page-pdf{border:1px solid #ccc;border-radius:8px;overflow-y:hidden;box-shadow:0 2px 4px #0000001a;height:480px!important}.page-pdf-informasi{border:1px solid #ccc;border-radius:8px;overflow-y:hidden;box-shadow:0 2px 4px #0000001a;min-height:500px!important;max-height:500px!important}.document-wrapper{height:100%;overflow:auto}.react-pdf__Page canvas{margin:auto;padding:20px 0}.button-wrapper{background-color:#fff;max-width:400px;margin:0 auto;padding:10px 0;position:fixed;bottom:0;left:0;right:0}.loading-container{justify-content:center;align-items:center;width:100%;height:80vh;display:flex}.loading-ring{text-align:center;color:#002f5f;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 15px #002f5f;background:0 0;border:4px solid #afafaf;border-radius:50%;width:150px;height:150px;font-family:sans-serif;font-size:20px;font-weight:600;line-height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #6e6e6e80}.loading-ring:before{content:"";border:4px solid #002f5f;border-color:#002f5f #002f5f #0000 #0000;border-radius:50%;width:150px;height:150px;animation:1s linear infinite animateC;position:absolute;top:-4px;left:-4px}.loading-ring span{transform-origin:0;background:0 0;width:50%;height:4px;animation:1s linear infinite animate;display:block;position:absolute;top:calc(50% - 2px);left:50%}.loading-ring span:before{content:"";background:#002f5f;border-radius:50%;width:16px;height:16px;position:absolute;top:-4px;right:-11px;box-shadow:0 0 20px #002f5f}.beat-loader{justify-content:center;align-items:center;height:50px;display:flex}.beat-loader div{background-color:#3498db;border-radius:50%;width:12px;height:12px;margin:0 4px;animation:.7s ease-in-out infinite beat}.beat-loader div:nth-child(2){animation-delay:.1s}.beat-loader div:nth-child(3){animation-delay:.2s}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(.6)}}.content-wrapper{flex-direction:column;align-items:center;gap:20px;display:flex}.container-beatrice .text{color:#444;font-size:16px;line-height:1.4}.container-beatrice .bold-text{font-weight:700}
.pagination{padding:0;list-style:none;display:flex}.pagination li{margin:0 5px}.pagination-button{color:#002f5f;cursor:pointer;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;padding:8px 16px;font-weight:800;text-decoration:none}.pagination-button.active{color:#002f5f;border:2px solid #002f5f;font-weight:800}.pagination-button.disabled{color:#c4cdd5;pointer-events:none;cursor:default;background-color:#919eab}
.bg-microsite{width:"100%";background-image:url(/static/images/image/bg-microsite.svg);background-size:cover}.big-text-microsite{width:auto;max-width:98vw;height:108px;margin-top:80px}.big-text-microsite-simulation{width:auto;max-width:98vw;height:72px;margin-top:80px}.banner-microsite{width:90%;height:auto;margin-top:80px}.shimmer-microsite{aspect-ratio:800/356;width:100%;height:auto}.container-step-microsite{margin-top:50px}.wrapper-img-desc-microsite{align-items:center;padding-bottom:40px;display:flex}.wrapper-step-img-microsite{margin-right:10px}.step-img-microsite{width:80px;height:80px}.step-desc-microsite{text-align:left;font-size:20px}.tnc-img-microsite{padding:10px}.tnc-desc-microsite{margin:10px;font-size:28px}.wrapper-carousel-microsite{padding:0 2%}.bg-carousel-center-microsite{background-image:url(/static/images/image/microsite/section5/story-center-frame.png);min-width:300px;min-height:300px;margin:40px 0}.bg-carousel-left-microsite{background-image:url(/static/images/image/microsite/section5/story-left-frame.png);min-width:310px;min-height:360px;margin:30px 0}.bg-carousel-right-microsite{background-image:url(/static/images/image/microsite/section5/story-right-frame.png);min-width:310px;min-height:360px;margin:30px 0}.carousel-side{transition:transform .3s;transform:scale(.77)}.carousel-center{transition:transform .3s;transform:scale(1)}.content-carousel-microsite-center{aspect-ratio:434/434;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;align-content:center;width:100%;overflow:visible}.content-carousel-microsite-right,.content-carousel-microsite-left{aspect-ratio:393/434;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;align-content:center;width:100%;overflow:visible}.content-carousel-microsite-right{padding-right:8%}.content-carousel-microsite-left{padding-left:8%}.wrapper-carousel-img-right,.wrapper-carousel-img-left{width:100%;height:100%;margin-top:-50px}.wrapper-carousel-img-center{width:100%;height:100%;margin-top:-70px}.txt-title-carousel{color:#525252;padding-top:10px;font-size:24px;font-weight:700}.txt-category-carousel{color:#525252;font-size:18px;font-weight:400}.txt-quote-carousel{color:#9a2b91;font-family:"\"Merriweather\", Georgia, \"Times New Roman\", serif";font-size:48px;font-weight:700;line-height:48px}.txt-desc-carousel{color:#525252;padding:0 40px;font-size:18px;font-weight:400;line-height:20px}.arrow-carousel-microsite{background-color:#0000;border:none;font-size:48px;position:absolute}.arrow-left-carousel{left:0}.arrow-right-carousel{right:0}.big-text-catalog-microsite{width:90%;height:auto;margin:50px 0}.container-catalog-card-microsite{flex-direction:row;display:flex;overflow-x:scroll}.bg-card-microsite{background-size:100% 100%;align-content:center;width:328px;min-width:328px;height:528px;margin:30px;padding:20px}.bg-card-yellow{background-image:url(/static/images/image/microsite/section6/card-yellow.png)}.bg-card-green{background-image:url(/static/images/image/microsite/section6/card-green.png)}.bg-card-blue{background-image:url(/static/images/image/microsite/section6/card-blue.png)}.bg-card-purple{background-image:url(/static/images/image/microsite/section6/card-purple.png)}.bg-card-pink{background-image:url(/static/images/image/microsite/section6/card-pink.png)}.title-catalog-card-microsite{color:#8e338b;text-shadow:3px 2px 2px #00000073;-webkit-text-stroke:1px #fff;height:18%;font-size:42px;font-weight:bolder;line-height:42px}.image-catalog-microsite{width:auto;height:33%;margin-bottom:30px}.container-desc-card-microsite{background-color:#fff;border-radius:15px;align-content:center;height:40%;box-shadow:1px 1px 2px #00000073}.text-subtitle-microsite{color:#002f5f;font-size:14px;font-weight:700}.text-large-microsite{color:#002f5f;font-size:24px;font-weight:700}.text-small-microsite{color:#002f5f;font-size:14px;font-weight:400}.text-xsmall-microsite{color:#002f5f;padding-top:20px;font-size:12px;font-weight:400}.wrapper-faq-microsite{margin-top:40px;padding:0 3%}.bg-faq-microsite{aspect-ratio:1320/587;background-image:url(/static/images/image/microsite/section7/bg-faq.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;padding:3%}.wrapper-accordion-microsite{background-color:#fff;border-radius:15px;padding:12px 20px;box-shadow:2px 2px 4px #000000b3}.accordion-toggle-microsite{text-align:justify;background-color:#0000;border-width:0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:5px;padding:5px 5px 0 15px;font-size:22px;font-weight:700;display:flex}.wrapper-table-microsite{padding:0 3%}.accordion-desc-microsite{text-align:justify;padding:8px 15px 10px;font-size:22px}.table-desc-microsite{flex-direction:row;justify-content:space-around;display:flex}.th-faq-microsite{text-align:center;background-color:#fff;border:1.78px solid #ec3392;width:100%}.th-faq-top-left{border-top-left-radius:12px}.th-faq-top-right{border-top-right-radius:12px}.wrapper-td-faq-microsite{background-color:#ec3392;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.td-faq-microsite{text-align:center;color:#fff;width:100%;font-weight:700}.td-faq-inner{border-left:1.78px solid #fff;border-right:1.78px solid #fff}.td-faq-left{border-right:1.78px solid #fff}.td-faq-right{border-left:1.78px solid #fff}.btm-wrapper{justify-content:center;max-width:606px;margin:80px auto 0;display:flex}.btm-image{max-width:100%;height:auto}.wrapper-btn-faq-microsite{background:linear-gradient(90deg,#3e82c4,#5cba59);border-radius:100px;padding:40px 50px;box-shadow:3px 3px 2px #00000073}.font-btn-faq-microsite{color:#fff;font-size:32px;font-weight:700}.wrapper-btn-floating{background:linear-gradient(90deg,#3e82c4,#5cba59);border-radius:20px;padding:20px;box-shadow:3px 3px 2px #00000073}.btn-base{color:#fff;background-color:#0000;border:none;align-items:center;padding:0 20px;font-size:24px;font-weight:700}@media (max-width:1280px){.img-carousel{width:70px;height:70px}.txt-title-carousel{font-size:20px}.txt-category-carousel{font-size:16px}.txt-quote-carousel{font-size:24px;line-height:24px}.txt-desc-carousel{font-size:16px;line-height:16px}}@media (max-width:1024px){.txt-title-carousel{font-size:18px}.txt-category-carousel{font-size:14px}.txt-desc-carousel{font-size:14px;line-height:16px}}@media (max-width:768px){.big-text-microsite{height:72px}.big-text-microsite-simulation{height:40px;margin-top:50px;margin-bottom:-40px}.wrapper-step-img-microsite{margin-right:5px}.wrapper-img-desc-microsite{padding:0 5px 20px}.step-desc-microsite{font-size:15px}.tnc-img-microsite{width:200px;height:200px;padding:10px}.tnc-desc-microsite{margin:10px;font-size:24px}.wrapper-faq-microsite{padding:0 20px}.bg-faq-microsite{padding:20px}.wrapper-accordion-microsite{padding:6px 10px}.accordion-toggle-microsite{font-size:16px}.wrapper-table-microsite{padding:0 10px}.accordion-desc-microsite{padding:8px 15px 10px;font-size:16px}.td-faq-microsite{font-size:16px}.wrapper-btn-faq-microsite{padding:26px 33px}.font-btn-faq-microsite{font-size:21px}.wrapper-btn-floating{margin:20px;padding:15px}.btn-base{font-size:20px}.icon-floating{width:40px;height:40px}.btm-wrapper{width:100%;margin-top:80px;padding:0 25px}}@media (max-width:600px){.big-text-microsite{height:40px;padding:0 10px}.big-text-microsite-simulation{width:95%;height:auto;margin-top:40px;margin-bottom:-40px;padding:0 10px}.banner-microsite{margin-top:60px}.container-step-microsite{margin-top:20px;padding:0 30px}.step-img-microsite{width:38px;height:38px}.step-desc-microsite{font-size:15px}.tnc-img-microsite{width:125px;height:125px;padding:10px}.tnc-desc-microsite{margin:10px;font-size:14px}.arrow-left-carousel,.arrow-right-carousel{top:125px}.big-text-catalog-microsite{margin:20px 0}.bg-card-microsite{width:200px;min-width:200px;height:322px;margin:10px;padding:10px}.title-catalog-card-microsite{text-shadow:2px 1px 1px #00000073;-webkit-text-stroke:.5px #fff;height:18%;font-size:24px;line-height:20px}.image-catalog-microsite{margin-bottom:10px}.container-desc-card-microsite{border-radius:20px}.text-subtitle-microsite{font-size:12px}.text-large-microsite{font-size:16px}.text-small-microsite{font-size:12px}.text-xsmall-microsite{padding-top:10px;font-size:8px}.wrapper-faq-microsite{padding:0 4px}.bg-faq-microsite{padding:6px}.wrapper-accordion-microsite{border-radius:10px;padding:3px 4px}.accordion-toggle-microsite{font-size:12px}.wrapper-table-microsite{padding:0}.accordion-desc-microsite{padding:8px 15px 10px;font-size:12px}.th-faq-microsite{border:.7px solid #ec3392}.th-faq-top-left{border-top-left-radius:6px}.th-faq-top-right{border-top-right-radius:6px}.wrapper-td-faq-microsite{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.td-faq-microsite{font-size:12px}.td-faq-inner{border-left:.7px solid #fff;border-right:.7px solid #fff}.td-faq-left{border-right:.7px solid #fff}.td-faq-right{border-left:.7px solid #fff}.wrapper-btn-faq-microsite{padding:20px 25px}.font-btn-faq-microsite{font-size:16px}.wrapper-btn-floating{margin:10px;padding:10px}.btn-base{padding:0 3px;font-size:16px}.btm-wrapper{width:100%;margin-top:60px;padding:0 25px}.wrapper-step-img-microsite{margin:5px 15px}.wrapper-img-desc-microsite{padding:0 5px 20px}}
.topbar{color:#fff;padding:px 20px;background-color:#002f5f;justify-content:space-between;align-items:stretch;height:60px;display:flex}.topbar-left{align-items:stretch;margin-left:65px;display:flex}.topbar-left .nav-link{white-space:nowrap;border-bottom:2px solid #0000;height:100%;font-size:15px;transition:border-color .15s;color:#fff!important;align-items:center!important;padding:0 16px!important;display:flex!important}.topbar-left .nav-link.active-menu{border-bottom:2px solid #fff;font-weight:600}.topbar-left .nav-link.disabled{cursor:not-allowed;color:#fff6!important}.topbar-right{align-items:center;gap:16px;margin-right:65px;display:flex}.lang-container{align-items:center;gap:12px;display:flex}.lang-container .lang-item{cursor:pointer;color:#fff;align-items:center;gap:4px;padding-bottom:4px;display:flex;position:relative}.lang-item img{width:40px;height:20px}.divider{color:#fff;margin:0 5px}.lang-container .lang-item.active{color:#fff;font-weight:700}.lang-item.active:after{content:"";background-color:#fff;width:100%;height:1.5px;position:absolute;bottom:-11px;left:0}.search-container{align-items:center;display:flex}.search-trigger{cursor:pointer;font-size:16px}.search-inline-box{background:#fff;border-radius:5px;align-items:center;width:300px;height:40px;padding:6px 10px;display:flex}.search-input{color:#000;border:none;outline:none;flex:1;font-size:14px}.search-close-icon{cursor:pointer;color:#888}.search-close-icon:hover{color:#000}.bottombar-white{z-index:1000;background:#fff;margin:10px 40px;top:0}.bottombar-content{flex-wrap:nowrap;align-items:center;display:flex}.bottombar-left{align-items:flex-start;gap:20px;margin-left:-5px;display:flex}.bottombar-right{align-items:center;gap:10px;display:flex}.btn-login{color:#fff;background:linear-gradient(135deg,#2b6cb0,#1e3a8a);border:none;border-radius:6px;padding:6px 14px;font-size:14px}.btn-login:hover{opacity:.9}.bottombar-center{margin-left:auto;display:flex}.bottombar-text-baf{justify-content:flex-end;gap:50px;display:flex}.menu-items{font-size:16px;font-weight:700;position:relative;color:#002f5f!important}.menu-items:after{content:"";width:0;height:1.5px;position:absolute;bottom:-11px;left:0}.menu-items.active-menu:after{background-color:gray;width:100%}.mega-dropdown{position:static!important}.mega-dropdown .dropdown-menu{z-index:999;border-radius:0;width:100vw;margin:0;padding:20px 50px;box-shadow:0 4px 12px #0000001a;position:absolute!important;top:10%!important;left:0!important;right:0!important}.mega-menu-container{padding:8px 20px;display:flex}.menu-title{align-items:center;gap:6px;display:flex}.arrow-icon{font-size:14px;transition:transform .2s}.show>.dropdown-toggle .arrow-icon{transform:rotate(180deg)}.mega-dropdown .dropdown-toggle:after{display:none!important}.dropdown-toggle:after{vertical-align:middle;margin-left:6px}.border-end{border-right:1px solid gray}.profile-menu-img-mobile{object-fit:contain;width:25px;height:25px;margin-right:10px}.user-profile-dropdown{box-shadow:none;background:0 0;border:none;padding:0}.user-profile-dropdown:after{display:none!important}.mega-item{color:#002f5f;border-left:3px solid #0000;align-items:center;gap:12px;width:100%;margin:5px;padding-left:10px;font-size:16px;font-weight:700;display:flex;white-space:normal!important}.dropdown-item.mega-item.orange:hover{border-left:3px solid #e69812!important}.dropdown-item.mega-item.green:hover{border-left:3px solid #28a745!important}.mega-item span{word-break:break-word;line-height:1.3;display:block}.menu-img{object-fit:contain;flex-shrink:0;width:40px;height:40px}.menu-img-mobile{object-fit:contain;width:40px;height:40px;margin-right:10px}.mobile-sticky-header{z-index:1001;background:#fff;position:sticky;top:0;box-shadow:0 2px 6px #00000014}.mobile-topbar{z-index:1001;background:#fff;justify-content:space-between;align-items:center;height:56px;padding:12px 16px;display:flex;position:relative}.mobile-logo{height:28px}.mobile-right{align-items:center;gap:10px;display:flex}.close-btn,.hamburger-toggle{color:#002f5f;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:20px;line-height:1}.mobile-menu-panel{z-index:1000;background:#fff;flex-direction:column;display:flex;position:fixed;inset:56px 0 0;overflow-y:auto}.search-lang-row{border-bottom:1px solid #eef0f4;align-items:center;gap:12px;padding:14px 16px;display:flex}.search-inline-box{background:#f5f7fa;border:1px solid #e2e6ed;border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.search-left-icon{color:#aaa;font-size:13px}.search-input{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-input::placeholder{color:#bbb}.mobile-lang{flex-shrink:0;align-items:center;gap:6px;display:flex}.lang-sep{color:#ccc;font-size:14px}.lang-item{color:#aaa;cursor:pointer;align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.lang-item img{object-fit:cover;border-radius:2px;width:20px;height:14px}.lang-item.active{color:#002f5f}.pelanggan-dropdown-wrapper{padding:14px 16px 0}.pelanggan-dropdown-custom{width:100%}.pelanggan-toggle{justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:15px;font-weight:500;color:#002f5f!important;box-shadow:none!important;background:#fff!important;border:1.5px solid #002f5f!important;border-radius:8px!important;display:flex!important}.pelanggan-toggle:after{display:none!important}.pelanggan-chevron{color:#002f5f;font-size:18px;transition:transform .2s}.pelanggan-dropdown-custom.show .pelanggan-chevron{transform:rotate(180deg)}.pelanggan-menu{width:100%;border:1px solid #e2e6ed!important;border-radius:8px!important;margin-top:4px!important;padding:4px 0!important;box-shadow:0 4px 12px #00000014!important}.pelanggan-item{border-bottom:1px solid #f0f2f5;color:#002f5f!important;background:0 0!important;padding:12px 16px!important;font-size:14px!important}.pelanggan-item:last-child{border-bottom:none}.pelanggan-item:hover{background:#f5f7fa!important}.pelanggan-item.active{background:#eef2f8!important;font-weight:600!important}.pelanggan-item.disabled,.pelanggan-item:disabled{cursor:not-allowed;color:#bbb!important}.mobile-nav-items{border-top:1px solid #eef0f4;margin-top:16px}.mobile-nav-item{color:#002f5f;cursor:pointer;border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:500;display:flex}.mobile-nav-item:hover{background:#f8f9fb}.mobile-produk-panel{z-index:1002;background:#fff;flex-direction:column;animation:.2s slideInRight;display:flex;position:fixed;inset:56px 0 0;overflow-y:auto}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.mobile-produk-back{color:#002f5f;cursor:pointer;background:#fff;border-bottom:1px solid #eef0f4;align-items:center;gap:6px;padding:14px 20px;font-size:15px;font-weight:500;display:flex}.mobile-produk-back:hover{background:#f5f7fa}.back-chevron{color:#002f5f;font-size:20px;font-weight:300;line-height:1}.mobile-produk-list{flex-direction:column;padding:8px 0;display:flex}.mobile-produk-item{color:#002f5f;cursor:pointer;border-bottom:1px solid #f0f2f5;align-items:center;padding:10px 20px;font-size:15px;text-decoration:none;transition:background .15s;display:flex}.mobile-produk-item:hover{background:#f5f7fa}.mobile-produk-item.disabled{color:#bbb;cursor:not-allowed;pointer-events:none}.breadcrumb-bar{background:#f0f4f8;align-items:center;padding:10px 40px;font-size:14px;display:flex}.breadcrumb-wrapper{align-items:center;gap:8px;display:flex}.breadcrumb-item{color:#002f5f;cursor:pointer;text-decoration:none}.breadcrumb-item.active{cursor:default;font-weight:500}.breadcrumb-separator{color:#aaa;font-size:16px}
#nprogress{pointer-events:none}#nprogress .bar{z-index:1031;background:#29d;width:100%;height:2px;position:fixed;top:0;left:0}#nprogress .peg{opacity:1;width:100px;height:100%;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px);box-shadow:0 0 10px #29d,0 0 5px #29d}#nprogress .spinner{z-index:1031;display:block;position:fixed;top:15px;right:15px}#nprogress .spinner-icon{box-sizing:border-box;border:2px solid #0000;border-color:#29d #0000 #0000 #29d;border-radius:50%;width:18px;height:18px;animation:.4s linear infinite nprogress-spinner}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}