@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Open+Sans:wght@400;600&family=Inter:wght@400;500;600;700;800&family=Nunito+Sans:wght@400;600;700;800&display=swap);
@media screen and (min-width: 577px){.desktop-hide{display:none !important}}@media screen and (min-width: 577px)and (max-width: 768px){.tablet-hide{display:none !important}}@media screen and (max-width: 576px){.mobile-hide{display:none !important}}*{margin:0;padding:0;box-sizing:border-box}*:active,*:focus{outline:0;border:none;-moz-outline-style:none}body{font-family:"Montserrat",sans-serif;font-size:15px;color:#333;background-color:#fff;overflow-x:hidden}hr{border-color:rgba(230,231,233,.35) !important}.main-bg{display:inline-block;width:100%;background-color:#f7f9fb}.divider{margin-top:56px;overflow:hidden}.container,.container-fluid{max-width:1140px;margin:0px auto}.container-scroll,.container-fluid-scroll{overflow:auto;overflow-y:hidden}.MuiOutlinedInput-notchedOutline legend{width:min-content}.container-mui{max-width:1441px;margin:0px auto}.container:after,.container:before{content:"";display:table}.container:after{clear:both}.section{max-width:1144px;margin-left:auto;margin-right:auto}.bg--gray-2{background:rgba(230,231,233,.35)}.MuiPaper-rounded{border-radius:8px !important}.loading-bar__block{padding:0 15px}.loading-bar__block>div{width:100% !important;transform:translateY(3px)}#qismo-widget>main>div{z-index:1}.qcw-trigger-btn,.qcw-cs-trigger-button,.qcw-cs-submit-form,.start-new-chat-container button{bottom:72px !important;right:16px !important}@media screen and (max-width: 1200px){.container-scroll{padding-left:50px}.container-fluid{padding-left:50px}.section{padding:0px 32px}}@media screen and (max-width: 991px){.divider{margin-top:56px}}@media screen and (max-width: 991px){.divider{margin-top:56px}}@media screen and (max-width: 768px){.main-bg,.divider{margin-top:56px}}@media screen and (max-width: 576px){.container-scroll{padding-left:18px}.container-fluid{padding-left:18px !important;padding-right:18px !important}.main-bg,.divider{margin-top:56px}.section{padding:0px 16px}}[data-background=transparent]{background:rgba(0,0,0,0) !important}[data-background=black-cool-050]{background:#f2f5f5 !important}[data-background=black-warm-050]{background:#f5f5f5 !important}[data-background=brown-050]{background:#f1ede3 !important}[data-background=green-050]{background:#e2ebdd !important}[data-background=primary-050]{background:#f0f8e8 !important}[data-background=onprimary-high-emphasis]{background:#fff !important}[data-background=teal-050]{background:#e4ebe8 !important}[data-background=green-050]{background:#e2ebdd !important}[data-background=onprimary-high-emphasis]{background:#fff !important}[data-color=error]{color:#b00020 !important}[data-color=onprimary-high-emphasis]{color:#fff !important}[data-color=onsurface-medium-emphasis]{color:#666 !important}[data-color=onsurface-medium-emphasis]{color:#666 !important}[data-color=onsurface-low-emphasis]{color:#9e9e9e !important}[data-color=primary-700]{color:#5f9f2f !important}[data-color=primary-900]{color:#266914 !important}[data-color=secondary-900]{color:#4c2a86 !important}[data-color=green-800]{color:#445639 !important}.alert-error{background-color:#fff0f1;border-radius:4px;border:solid 1px #ff9da7;padding:15px;margin-bottom:20px;width:100%}.alert-warning{background-color:#fff5ea;border-radius:4px;border:solid 1px #ffc086;padding:15px;margin-bottom:20px;width:100%}.alert-success{background-color:#e5f6db;border-radius:4px;border:solid 1px #97db6f;padding:15px;margin-bottom:20px;width:100%}.alert--title{margin-bottom:5px}.alert--title img{transform:translateY(2.5px)}.alert--title span{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:600;margin-left:5px !important;margin-right:0px !important;line-height:1.14;letter-spacing:.15px;color:#e02020 !important;position:relative}.alert--content{font-family:"Montserrat",sans-serif;font-size:12px;line-height:1.33;color:#e02020 !important}.btn__shimmer-horizontal{display:flex;width:100%;justify-content:space-between}.btn__shimmer-horizontal--small{height:150px}.btn__shimmer-horizontal--medium{height:250px}.btn__shimmer-horizontal--large{height:335px}.material-button{box-shadow:none !important;border-radius:4px !important;padding:0 !important;height:36px}.material-button .label,.material-button .label *{text-transform:none;text-align:center;color:rgba(0,0,0,.87)}.material-button .label *,.material-button .label * *{color:rgba(0,0,0,.87)}.material-button.default{background-color:#fff !important}.material-button.default .label,.material-button.default .label *{color:#4b8b26}.material-button.default .label *,.material-button.default .label * *{color:#4b8b26}.material-button.orange,.material-button.violet{border-radius:8px !important;height:48px !important}.material-button.orange{background-color:#e69849 !important}.material-button.violet{background-color:#725e9c !important}.material-button.contained{background-color:#82c341 !important}.material-button.contained-secondary{background-color:#4c2a86 !important}.material-button.contained-secondary .label,.material-button.contained-secondary .label *{color:#fff}.material-button.contained-secondary .label *,.material-button.contained-secondary .label * *{color:#fff}.material-button.outlined{border:solid 1px rgba(0,0,0,.12);background-color:rgba(98,2,238,0)}.material-button.outlined .label,.material-button.outlined .label *{color:#4b8b26}.material-button.outlined .label *,.material-button.outlined .label * *{color:#4b8b26}.material-button.outlined.disabled{background-color:rgba(98,2,238,0) !important}.material-button.outlined-large{background-color:#fff;border:2px solid rgba(0,0,0,.12);height:48px;width:112.5px}.material-button.outlined-large .label,.material-button.outlined-large .label *{color:rgba(0,0,0,.6)}.material-button.outlined-large .label *,.material-button.outlined-large .label * *{color:rgba(0,0,0,.6)}.material-button.secondary-large{background-color:#4c2a86;border:2px solid rgba(0,0,0,.12);height:48px;width:112.5px}.material-button.secondary-large .label,.material-button.secondary-large .label *{color:#fff}.material-button.secondary-large .label *,.material-button.secondary-large .label * *{color:#fff}.material-button.secondary-large:hover,.material-button.secondary-large:focus{background-color:#4c2a86}.material-button.disabled-secondary-small{background-color:rgba(153,67,177,.1);height:32px;min-width:57px;padding:5px 12px !important}.material-button.disabled-secondary-small .label,.material-button.disabled-secondary-small .label *{color:#4c2a86}.material-button.disabled-secondary-small .label *,.material-button.disabled-secondary-small .label * *{color:#4c2a86}.material-button.disabled-secondary-small:hover,.material-button.disabled-secondary-small:focus{background-color:rgba(153,67,177,.1)}.material-button.disabled{background-color:rgba(0,0,0,.12) !important}.material-button.disabled .label,.material-button.disabled .label *{color:rgba(0,0,0,.38)}.material-button.disabled-small{background-color:rgba(33,33,33,.08) !important;height:32px;min-width:57px;padding:5px 12px !important}@media screen and (max-width: 768px){.btn__shimmer-horizontal--large{height:285px}}@media screen and (max-width: 576px){.btn__shimmer-horizontal--large{height:235px}}.nav{top:0;left:0;height:56px;background-color:#fff}.nav--container{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.nav--right{align-items:center;display:flex;justify-content:flex-end}.nav--right *{text-overflow:ellipsis;overflow:visible;white-space:nowrap}.nav_container{position:fixed;width:100%;z-index:99}.nav-logo{height:42px;margin-right:27px;transform:translateY(7px);width:auto}.main-nav{list-style:none}.mobile-nav-icon{float:right;display:none;cursor:pointer;padding:25px}.mobile-nav-close{align-items:center;cursor:pointer;display:flex;height:56px;margin-bottom:21px;margin-left:-4px}.mobile-nav-close svg{color:#4c2a86}.main-nav-right{border-right:2px solid #f3f3f3}.nav-link-icon{margin-right:26px;padding:10px;vertical-align:sub}.nav-link-icon svg{font-size:25px;transform:translateY(5px)}.nav-link-login{align-items:center;display:flex;margin-top:4px}.nav-link-login .MuiButtonBase-root{box-shadow:0 1px 3px rgba(0,0,0,.2),0 2px 1px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14) !important}.nav-link-button{color:#82c341;font-weight:normal;letter-spacing:.15px;cursor:pointer;background:rgba(0,0,0,0);border:none;font-size:15px}.main-nav-dropdown{font-weight:600;display:flex;line-height:20px}.main-nav-dropdown div{padding-right:8px}@media screen and (max-width: 1024px){.nav--container{padding:0 24px 0 0}.nav--left{width:calc(100% - 72px)}}@media only screen and (min-width: 991px)and (max-width: 1200px){.nav-logo{padding-left:30px}}@media screen and (max-width: 991px){.nav--container{box-shadow:0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);padding:0 15px 0 10px}.main-nav,.nav--right{display:none}.nav--left{width:calc(100% - 72px)}.mobile-nav-icon{display:block;height:56px;padding:16px 12px}.nav{height:56px;box-shadow:0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2)}.nav-logo{height:36px;margin-top:-14px;margin-left:14px}}@media screen and (min-width: 991px)and (max-width: 1170px){.nav--container{box-shadow:0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);padding:0 31px 0 10px}.main-nav,.nav--right{display:none}.nav--left{width:calc(100% - 72px)}.mobile-nav-icon{display:block;height:56px;padding:16px 12px}.nav{height:56px;box-shadow:0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2)}.nav-logo{height:36px;margin-top:-14px;margin-left:14px}}@media screen and (max-width: 576px){.main-nav{display:none}.mobile-nav-icon{height:56px;padding:7px 12px}.nav{height:56px}.nav--container{box-shadow:none;padding:0 5px 0 1px}.nav-logo{height:24.04px;transform:translateY(7px)}}.scroll{max-height:100%;overflow:auto;overflow-x:hidden}.rnav{height:100%;width:0;position:fixed;z-index:1;top:0;right:0;border:solid 0 #fffce1;background-color:#fff;overflow-x:hidden;transition:.5s;width:0px}.rnav-show{cursor:auto;overflow:hidden;width:235px}.rnav-menu{padding:17px 0px 0px 20px;min-width:235px;padding-top:9px;margin-top:17px}.rnav-menu__log{padding-left:55px;width:100%;opacity:0;height:0px;transition:all .2s ease-in-out}.rnav-menu__log--show{display:none}.rnav-menu__log--list{font-size:14px;font-weight:500;line-height:1.36;font-family:"Montserrat",sans-serif;padding:15px 0px;border-bottom:1px solid #d1d4d8;list-style:none}.rnav-menu__log--list img{float:right;width:20px;margin-bottom:-5px;margin-right:20px}.rnav-menu__log--list a,.rnav-menu__log--list div{text-decoration:none;font-family:"Montserrat",sans-serif}.rnav text:hover{color:#f1f1f1}.btn-h{transition:all .5s ease-in-out;margin-top:7px}.btn-h div{z-index:2}.btn-h div span{background:#82c341 !important}.btn-h__show{display:none}@keyframes buttonClose{from{right:0}to{right:197px}}.overlay{opacity:0}.overlay-active{height:100%;width:100%;position:fixed;z-index:1;top:0;right:0;background-color:#111;overflow-x:hidden;transition:.5s;padding-top:60px;transition:opacity .3s;opacity:.5}footer{width:100%;background-color:#fff;padding:48px 0 40px}.footerMaintenance{width:100%;background-color:#f5f5f5;padding-top:22px;padding-bottom:22px;padding-left:64px;padding-right:64px}.footer-maintenance{display:flex}.footer-maintenance-1{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:start;width:50%}.footer-maintenance-2{display:flex;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:end;width:50%}.footer-maintenance-2 a{width:auto;margin-left:4px;text-decoration:none;color:rgba(0,0,0,.6)}.footer-section{display:flex}.footer-section-1{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;flex-shrink:0;width:309px}.footer-section-1 .logo>img{margin:16px 8px 8px}.footer-section-nav{display:flex;justify-content:center;flex-grow:1;gap:44px}.footer-section-4{display:block;width:25%;flex-shrink:0}.footer-section-4 .footer-social-links{display:none}.footer-logo{width:146px}.footer-social-links div,.footer-maintenance-links div{margin-top:10px;height:42px}.footer-social-links ul,.footer-maintenance-links ul{list-style:none}.footer-social-links ul li,.footer-maintenance-links ul li{display:inline-block;margin-right:15px}.footer-social-links ul li img,.footer-maintenance-links ul li img{width:36px}.footer-nav{list-style:none}.footer-nav li{padding:8px 0px}.footer-nav li a{text-decoration:none}.footer-apps{margin-top:7px;list-style:none}.footer-apps li{padding:3px 0}.footer-apps li img{object-fit:contain}.copyright{margin-top:64px;border-top:1px solid #d1d4d8;padding:16px 0px 24px;text-align:right !important;color:rgba(0,0,0,.87) !important}.footer-desc{text-align:"justify !important";margin-top:16px;font-family:"Nunito Sans" !important}.footer-desc:nth-child(1){margin-top:40px}@media only screen and (max-width: 1199px){footer{padding:48px 40px 40px}.footer-section{flex-wrap:wrap}.footer-section-nav{margin-left:73px}.footer-section-nav>*{width:100%;justify-content:space-between}.footer-section-4{padding:48px 0 0 382px}.footer-section-4 .footer-apps{display:flex;margin:0;gap:16px}.footer-section-4 .footer-apps *{display:inline-block}.footerMaintenance{padding:22px 64px 22px 64px}.copyright{margin-top:40px}}@media only screen and (min-width: 576px)and (max-width: 991px){.footerMaintenance{padding:22px 24px 22px 24px}.footer-maintenance{display:flex}.footer-maintenance-1{width:40%}.footer-maintenance-2{width:60%}}@media screen and (max-width: 576px){.footerMaintenance{padding:16px}.footer-maintenance{display:flex}.footer-maintenance-1{width:45%;display:flex;align-items:flex-end}.footer-maintenance-2{width:55%}.footer-maintenance-2 div{font-size:10px}.footer-maintenance-links ul li{margin-right:12.8px}.footer-maintenance-links ul li img{width:24px;height:24px;object-fit:contain}}@media screen and (max-width: 991px){.footer-section-nav{margin-left:24px}.footer-section-4{padding:48px 0 0 333px}}@media screen and (max-width: 768px){footer{padding:24px 16px 16px}footer .footer-section-1 .footer-social-links{display:none}footer .footer-section-nav{width:100%;margin:24px 0 0}footer .footer-section-4{padding:14px 0 0;width:100%}footer .footer-section-4 .footer-social-links{display:block;margin-bottom:32px}.copyright{margin-top:24px;border-top:none;padding:16px 0px;text-align:left !important;color:rgba(0,0,0,.6) !important}.footer-desc{margin-top:16px;color:rgba(0,0,0,.38) !important}.footer-desc:nth-child(1){margin-top:0}}.modal{text-align:center;position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}.modal-content{overflow:auto;max-width:810px;height:533px;border-radius:4px;box-shadow:0 7px 20px 0 rgba(0,0,0,.08);background-color:#fff;margin:auto;display:inline-block;text-align:left;vertical-align:middle}.modal-close{color:#aaa;float:right;text-align:right;font-size:28px;padding-right:10px}.modal-close:hover,.modal-close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-main{content:"";clear:both}.modal_otp{display:inline-table;height:250px !important}.modal_bank{width:556px !important;height:auto !important}.modal_widget{width:410px !important;height:auto !important;padding:0px !important}.modal_widget .materialModal--content-close{color:#333 !important}.modal_widget__noclose .materialModal--content-close{display:none}.modal_widget__noclose #custom-close,.modal_widget__noclose #custom-back{cursor:pointer}.modal_filter{padding:0 !important;width:392px;overflow-y:auto;overflow-x:hidden;scrollbar-color:#9e9e9e #e0e0e0;scrollbar-width:thin}.modal_filter::-webkit-scrollbar{width:8px}.modal_filter::-webkit-scrollbar-track{background-color:#e0e0e0;border-radius:16px;-webkit-border-radius:16px}.modal_filter::-webkit-scrollbar-thumb{background-color:#9e9e9e;border-radius:16px;-webkit-border-radius:16px}.modal_sort{padding:0 !important;width:392px}.modal_transaction{padding:16px 12px 24px 24px !important;width:646px}@media screen and (max-width: 768px){.modal-content{max-width:672.3px;height:492px}}@media screen and (max-width: 576px){.modal{padding-top:100px;padding-bottom:50px}.modal-content{width:284px;height:810px}.modal_bank{width:320px !important;height:515px !important}.modal_transaction{padding:0px !important}[data-modal=community_landing] .materialModal--content,[data-modal=community_info] .materialModal--content,[data-modal=community_form] .materialModal--content,[data-modal=community_success] .materialModal--content{margin-left:calc((100% - 296px)/2);margin-top:35px;overflow:hidden;width:296px !important}[data-modal=community_landing] .materialModal--content>svg+div,[data-modal=community_info] .materialModal--content>svg+div,[data-modal=community_form] .materialModal--content>svg+div,[data-modal=community_success] .materialModal--content>svg+div{margin-bottom:0px !important}[data-modal=community_landing] .mobileButtonWrapper,[data-modal=community_form] .mobileButtonWrapper,[data-modal=community_success] .mobileButtonWrapper{margin-left:-16px;position:inherit;width:calc(100% + 32px) !important}[data-modal=community_landing] .materialModal--content{height:518px !important}[data-modal=community_info] .materialModal--content{border-radius:4px;height:432px !important}[data-modal=community_form] .MuiFormControl-fullWidth{margin-bottom:16px}[data-modal=community_form] .materialModal--content{border-radius:4px;height:344px !important}[data-modal=community_form] .materialModal--content>svg+div{margin-bottom:20px !important}[data-modal=community_form] .materialModal--content .mobileButtonWrapper{padding-top:0px}[data-modal=community_success] .materialModal--content{border-radius:4px;height:423px !important}}.tabs__nav{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid #d9dbdf}.tabs__nav-item{background:inherit;border:none;min-width:160px;height:55px;display:flex;justify-content:center;border-bottom:2px solid rgba(0,0,0,0);transition:all .5s ease;outline:none !important;cursor:pointer;text-align:center}.tabs__nav-item *{color:#7d8188}.tabs__nav-item.active{border-color:#82c341}.tabs__nav-item.active *{color:#266914}.tabs__panel{padding:32px}.tabs__panel-item{display:none}.tabs__panel-item.active{display:block}@media screen and (max-width: 991px){.tabs__panel{padding:24px}}@media screen and (max-width: 576px){.tabs__nav{flex-wrap:nowrap;overflow-x:scroll}.tabs__nav::-webkit-scrollbar{display:none}.tabs__nav-item{width:50%;min-width:auto;height:56px}.tabs__nav-item.profile-tab{width:33.3%;min-width:120px;height:55px}.tabs__panel{padding:0 !important;background-color:#f7f9fb}}.switch{opacity:0;position:absolute;left:-99999px}.switch+label{width:36px;height:14px;line-height:24px;background-color:#ccc;border-radius:12px;display:inline-block;position:relative;cursor:pointer;padding-left:10px;transition:all .15s ease-in;box-shadow:inset 0px 0px 2px rgba(0,0,0,.5)}.switch+label:before,.switch+label:hover:before{content:" ";position:absolute;top:-3px;left:-2px;width:20px;height:20px;background:#fff;z-index:2;transition:all .15s ease-in;border-radius:14px;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 1px -1px rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.14)}.switch+label .on{color:#fff;display:none}.switch:checked+label .on{display:inline-block}.switch:checked+label,.switch:focus:checked+label{background-color:#c9b0d8}.switch:checked+label:before,.switch:checked+label:hover:before,.switch:focus:checked+label:before,.switch:focus:checked+label:hover:before{background:#7938a1;background-position:0 0;top:-3px;left:100%;margin-left:-18px}.subreditStep{width:100%;padding:48px 0 24px 0;display:flex;align-items:center}.subreditStep-number{width:29px;height:29px;background-color:#7938a1;border-radius:50%;margin-right:12px;display:inline-flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.subreditStep{padding:24px 16px}.subreditStep-text{font-size:20px !important}}@media screen and (max-width: 576px){.subreditStep{padding:16px}.subreditStep-text{font-size:16.9px !important}}.btn__shimmer-horizontal{display:flex;width:100%;justify-content:space-between}.btn__shimmer-horizontal--small{height:150px}.btn__shimmer-horizontal--medium{height:250px}.btn__shimmer-horizontal--large{height:335px}.material-button{box-shadow:none !important;border-radius:4px !important;padding:0 !important;height:36px}.material-button .label,.material-button .label *{text-transform:none;text-align:center;color:rgba(0,0,0,.87)}.material-button .label *,.material-button .label * *{color:rgba(0,0,0,.87)}.material-button.default{background-color:#fff !important}.material-button.default .label,.material-button.default .label *{color:#4b8b26}.material-button.default .label *,.material-button.default .label * *{color:#4b8b26}.material-button.orange,.material-button.violet{border-radius:8px !important;height:48px !important}.material-button.orange{background-color:#e69849 !important}.material-button.violet{background-color:#725e9c !important}.material-button.contained{background-color:#82c341 !important}.material-button.contained-secondary{background-color:#4c2a86 !important}.material-button.contained-secondary .label,.material-button.contained-secondary .label *{color:#fff}.material-button.contained-secondary .label *,.material-button.contained-secondary .label * *{color:#fff}.material-button.outlined{border:solid 1px rgba(0,0,0,.12);background-color:rgba(98,2,238,0)}.material-button.outlined .label,.material-button.outlined .label *{color:#4b8b26}.material-button.outlined .label *,.material-button.outlined .label * *{color:#4b8b26}.material-button.outlined.disabled{background-color:rgba(98,2,238,0) !important}.material-button.outlined-large{background-color:#fff;border:2px solid rgba(0,0,0,.12);height:48px;width:112.5px}.material-button.outlined-large .label,.material-button.outlined-large .label *{color:rgba(0,0,0,.6)}.material-button.outlined-large .label *,.material-button.outlined-large .label * *{color:rgba(0,0,0,.6)}.material-button.secondary-large{background-color:#4c2a86;border:2px solid rgba(0,0,0,.12);height:48px;width:112.5px}.material-button.secondary-large .label,.material-button.secondary-large .label *{color:#fff}.material-button.secondary-large .label *,.material-button.secondary-large .label * *{color:#fff}.material-button.secondary-large:hover,.material-button.secondary-large:focus{background-color:#4c2a86}.material-button.disabled-secondary-small{background-color:rgba(153,67,177,.1);height:32px;min-width:57px;padding:5px 12px !important}.material-button.disabled-secondary-small .label,.material-button.disabled-secondary-small .label *{color:#4c2a86}.material-button.disabled-secondary-small .label *,.material-button.disabled-secondary-small .label * *{color:#4c2a86}.material-button.disabled-secondary-small:hover,.material-button.disabled-secondary-small:focus{background-color:rgba(153,67,177,.1)}.material-button.disabled{background-color:rgba(0,0,0,.12) !important}.material-button.disabled .label,.material-button.disabled .label *{color:rgba(0,0,0,.38)}.material-button.disabled-small{background-color:rgba(33,33,33,.08) !important;height:32px;min-width:57px;padding:5px 12px !important}@media screen and (max-width: 768px){.btn__shimmer-horizontal--large{height:285px}}@media screen and (max-width: 576px){.btn__shimmer-horizontal--large{height:235px}}.shine{background:#f6f7f8;background-image:linear-gradient(to right, rgb(246, 247, 248) 0%, rgb(237, 238, 241) 20%, rgb(246, 247, 248) 40%, rgb(246, 247, 248) 100%);background-repeat:no-repeat;background-size:700px 700px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:placeholderShimmer;-webkit-animation-timing-function:linear}@-webkit-keyframes placeholderShimmer{0%{background-position:-300px 0}100%{background-position:300px 0}}.header{height:300px;width:100%}.section__header{height:50px;width:90%;margin:0 auto;display:block;margin-top:15px;border-radius:5px}.section__header2{height:100px;width:90%;margin:0 auto;display:block;margin-top:15px;border-radius:5px}.section__sub-header{height:10px;width:90%;margin:0 auto;display:block;margin-top:15px;border-radius:5px}.section__main{height:300px;width:90%;margin:0 auto;display:block;margin-top:15px;border-radius:5px}.shimmer{display:inline-flex;flex-direction:column;margin-left:25px;margin-top:15px;vertical-align:top}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-ms-transform:translateZ(0);transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) 50% no-repeat}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{z-index:1;color:#82c341;outline:none;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.07);opacity:.75;width:48px;height:48px;border-radius:50%}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-26px}[dir=rtl] .slick-prev{right:-26px;left:auto}.slick-prev:before{content:url("https://images.bareksa.com/bareksa/img/icons/icon_slider_left_secondary.svg");position:relative}[dir=rtl] .slick-prev:before{content:url("https://images.bareksa.com/bareksa/img/icons/icon_slider_right_secondary.svg");position:relative}.slick-next{right:-28px}[dir=rtl] .slick-next{right:auto;left:-28px}.slick-next:before{content:url("https://images.bareksa.com/bareksa/img/icons/icon_slider_right_secondary.svg");position:relative}[dir=rtl] .slick-next:before{content:url("https://images.bareksa.com/bareksa/img/icons/icon_slider_left_secondary.svg");position:relative}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:30px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:end}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:18px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:rgba(0,0,0,0);border:0;outline:none;background:rgba(0,0,0,0)}.slick-dots li button:focus,.slick-dots li button:hover{outline:none;opacity:1;color:#53228b}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1;opacity:1;color:#53228b}.slick-dots li button:before{font-size:40px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"\2022";text-align:center;opacity:1;color:#d1d4d8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:1;color:#53228b}.slick-slide .image{padding:10px}.slick-slide img{display:block;margin:auto;height:100%;object-fit:contain}.slick-slide img.slick-loading{border:0}.slick-slider{margin:-10px auto 50px}.slick-dots{margin-left:0}.slick-thumb{bottom:-45px}.slick-thumb li{width:60px;height:45px}.slick-thumb li img{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}.slick-thumb li.slick-active img{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(0);filter:grayscale(0)}.slick-vertical .slick-slide{height:180px}.slides .slick-next,.slides .slick-prev{position:absolute;top:50%;z-index:1}.slick-next:before,.slick-prev:before{color:#82c341}@media screen and (max-width: 576px){.slick-prev{left:1px}[dir=rtl] .slick-prev{right:1px}.slick-next{right:0px}[dir=rtl] .slick-next{left:0px}.slick-dots{margin-left:-5px}.slick-dots li,.slick-dots li button{width:15px}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{visibility:hidden}}
*{margin:0;padding:0}.sb-show-main{padding:0 !important}:root,.__theme-light-mode{--primary:#82c341;--primary-050:#f0f8e8;--primary-100:#daedc6;--primary-200:#c1e1a2;--primary-300:#a8d57c;--primary-400:#95cc5e;--primary-500:#82c341;--primary-600:#73b339;--primary-700:#5f9f2f;--primary-800:#4b8b26;--primary-900:#266914;--secondary:#4c2a86;--secondary-050:#f2e7f5;--secondary-100:#e0c3e8;--secondary-200:#cc9cda;--secondary-300:#b776ca;--secondary-400:#a85abd;--secondary-500:#9943b1;--secondary-600:#9943b1;--secondary-700:#8b3eaa;--secondary-800:#7938a1;--secondary-900:#4c2a86;--magenta:#77245a;--magenta-050:#f4e8f0;--magenta-100:#edd5e5;--magenta-200:#e2b5d3;--magenta-300:#d494be;--magenta-400:#cd85b5;--magenta-500:#c073a5;--magenta-600:#a6568b;--magenta-700:#8c4373;--magenta-800:#77325f;--magenta-900:#62224c;--violet:#8772b0;--violet-050:#e0dbeb;--violet-100:#d0c8e0;--violet-200:#c2b7d7;--violet-300:#afa2ca;--violet-400:#9e8ebd;--violet-500:#8772b0;--violet-600:#725e9c;--violet-700:#5a4781;--violet-800:#453367;--violet-900:#33264d;--navy:#345064;--navy-050:#e0e8ee;--navy-100:#cadae6;--navy-200:#b0c8d9;--navy-300:#9bbad1;--navy-400:#82a7c2;--navy-500:#6d98b6;--navy-600:#537b97;--navy-700:#45667e;--navy-800:#345064;--navy-900:#2c4455;--blue:#a3c4c7;--blue-050:#e2edee;--blue-100:#d3e4e6;--blue-200:#bfd7d9;--blue-300:#abc9cc;--blue-400:#a3c4c7;--blue-500:#98bbbe;--blue-600:#77a2a6;--blue-700:#5c8f94;--blue-800:#4d7b80;--blue-900:#446a6e;--teal:#3e6b5c;--teal-050:#e4ebe8;--teal-100:#d3e0dc;--teal-200:#c1d6cf;--teal-300:#a9c7bd;--teal-400:#97b8ad;--teal-500:#88b3a4;--teal-600:#6b998a;--teal-700:#538071;--teal-800:#426b5e;--teal-900:#34594d;--green:#789764;--green-050:#e2ebdd;--green-100:#cedbc5;--green-200:#b8cca9;--green-300:#a6bf95;--green-400:#90ad7d;--green-500:#789764;--green-600:#668054;--green-700:#566b47;--green-800:#445639;--green-900:#3e4d34;--olive:#5f6240;--olive-050:#daddbc;--olive-100:#cdd1a5;--olive-200:#bdc18d;--olive-300:#aeb379;--olive-400:#9ea36a;--olive-500:#939762;--olive-600:#74774d;--olive-700:#5f6240;--olive-800:#515336;--olive-900:#484a30;--yellow:#cc9f29;--yellow-050:#f0d490;--yellow-100:#e6c267;--yellow-200:#d9ad41;--yellow-300:#cc9f29;--yellow-400:#bf921d;--yellow-500:#ad8b33;--yellow-600:#997b2c;--yellow-700:#806624;--yellow-800:#66521e;--yellow-900:#59471a;--orange:#cc8339;--orange-050:#f6dec5;--orange-100:#f2c79b;--orange-200:#f0b478;--orange-300:#eba45e;--orange-400:#e69849;--orange-500:#cc8339;--orange-600:#bf7326;--orange-700:#ab621a;--orange-800:#995612;--orange-900:#80470f;--red:#a7482a;--red-050:#f0b9a8;--red-100:#e9a38c;--red-200:#e28366;--red-300:#d66d4b;--red-400:#c25b3a;--red-500:#a7482a;--red-600:#8e381c;--red-700:#7d2e15;--red-800:#6d2812;--red-900:#5c220f;--brown:#7a6c40;--brown-050:#f1ede3;--brown-100:#e8e2d1;--brown-200:#ded4b6;--brown-300:#d4c598;--brown-400:#c7b581;--brown-500:#c7b581;--brown-600:#ad9c68;--brown-700:#948351;--brown-800:#7a6c40;--brown-900:#665931;--black-cool:#252b2c;--black-cool-050:#f2f5f5;--black-cool-100:#e4eaeb;--black-cool-200:#d7e0e0;--black-cool-300:#cbd5d6;--black-cool-400:#bdc6c7;--black-cool-500:#4f5859;--black-cool-600:#434c4d;--black-cool-700:#383f40;--black-cool-800:#313738;--black-cool-900:#252b2c;--black-warm:#2c2b2b;--black-warm-050:#f5f5f5;--black-warm-100:#e6e4e3;--black-warm-200:#d9d7d7;--black-warm-300:#cccaca;--black-warm-400:#b8b6b6;--black-warm-500:#595958;--black-warm-600:#4d4b4b;--black-warm-700:#403f3e;--black-warm-800:#333232;--black-warm-900:#2c2b2b;--onsurface-high-emphasis:rgba(0,0,0,0.87);--onsurface-medium-emphasis:rgba(0,0,0,0.6);--onsurface-low-emphasis:#9e9e9e;--onsurface-high-emphasis-disable:#e7e8e7;--onsurface-disable:rgba(0,0,0,0.38);--onsurface-inactive:gray;--onprimary-high-emphasis:#fff;--onprimary-medium-emphasis:#deefce;--onprimary-low-emphasis:#b1da89;--overlay:rgba(0,0,0,0.08);--error:#b00020;--outline:rgba(0,0,0,0.12);--outline-soft:#e4e4e4}.__theme-dark-mode:root,.__theme-dark-mode{--primary:#82c341;--primary-050:#f0f8e8;--primary-100:#daedc6;--primary-200:#c1e1a2;--primary-300:#a8d57c;--primary-400:#95cc5e;--primary-500:#82c341;--primary-600:#73b339;--primary-700:#5f9f2f;--primary-800:#4b8b26;--primary-900:#266914;--secondary:#4c2a86;--secondary-050:#f2e7f5;--secondary-100:#e0c3e8;--secondary-200:#cc9cda;--secondary-300:#b776ca;--secondary-400:#a85abd;--secondary-500:#9943b1;--secondary-600:#9943b1;--secondary-700:#8b3eaa;--secondary-800:#7938a1;--secondary-900:#4c2a86;--magenta:#77245a;--magenta-050:#f4e8f0;--magenta-100:#edd5e5;--magenta-200:#e2b5d3;--magenta-300:#d494be;--magenta-400:#cd85b5;--magenta-500:#c073a5;--magenta-600:#a6568b;--magenta-700:#8c4373;--magenta-800:#77325f;--magenta-900:#62224c;--violet:#8772b0;--violet-050:#e0dbeb;--violet-100:#d0c8e0;--violet-200:#c2b7d7;--violet-300:#afa2ca;--violet-400:#9e8ebd;--violet-500:#8772b0;--violet-600:#725e9c;--violet-700:#5a4781;--violet-800:#453367;--violet-900:#33264d;--navy:#345064;--navy-050:#e0e8ee;--navy-100:#cadae6;--navy-200:#b0c8d9;--navy-300:#9bbad1;--navy-400:#82a7c2;--navy-500:#6d98b6;--navy-600:#537b97;--navy-700:#45667e;--navy-800:#345064;--navy-900:#2c4455;--blue:#a3c4c7;--blue-050:#e2edee;--blue-100:#d3e4e6;--blue-200:#bfd7d9;--blue-300:#abc9cc;--blue-400:#a3c4c7;--blue-500:#98bbbe;--blue-600:#77a2a6;--blue-700:#5c8f94;--blue-800:#4d7b80;--blue-900:#446a6e;--teal:#3e6b5c;--teal-050:#e4ebe8;--teal-100:#d3e0dc;--teal-200:#c1d6cf;--teal-300:#a9c7bd;--teal-400:#97b8ad;--teal-500:#88b3a4;--teal-600:#6b998a;--teal-700:#538071;--teal-800:#426b5e;--teal-900:#34594d;--green:#789764;--green-050:#e2ebdd;--green-100:#cedbc5;--green-200:#b8cca9;--green-300:#a6bf95;--green-400:#90ad7d;--green-500:#789764;--green-600:#668054;--green-700:#566b47;--green-800:#445639;--green-900:#3e4d34;--olive:#5f6240;--olive-050:#daddbc;--olive-100:#cdd1a5;--olive-200:#bdc18d;--olive-300:#aeb379;--olive-400:#9ea36a;--olive-500:#939762;--olive-600:#74774d;--olive-700:#5f6240;--olive-800:#515336;--olive-900:#484a30;--yellow:#cc9f29;--yellow-050:#f0d490;--yellow-100:#e6c267;--yellow-200:#d9ad41;--yellow-300:#cc9f29;--yellow-400:#bf921d;--yellow-500:#ad8b33;--yellow-600:#997b2c;--yellow-700:#806624;--yellow-800:#66521e;--yellow-900:#59471a;--orange:#cc8339;--orange-050:#f6dec5;--orange-100:#f2c79b;--orange-200:#f0b478;--orange-300:#eba45e;--orange-400:#e69849;--orange-500:#cc8339;--orange-600:#bf7326;--orange-700:#ab621a;--orange-800:#995612;--orange-900:#80470f;--red:#a7482a;--red-050:#f0b9a8;--red-100:#e9a38c;--red-200:#e28366;--red-300:#d66d4b;--red-400:#c25b3a;--red-500:#a7482a;--red-600:#8e381c;--red-700:#7d2e15;--red-800:#6d2812;--red-900:#5c220f;--brown:#7a6c40;--brown-050:#f1ede3;--brown-100:#e8e2d1;--brown-200:#ded4b6;--brown-300:#d4c598;--brown-400:#c7b581;--brown-500:#c7b581;--brown-600:#ad9c68;--brown-700:#948351;--brown-800:#7a6c40;--brown-900:#665931;--black-cool:#252b2c;--black-cool-050:#f2f5f5;--black-cool-100:#e4eaeb;--black-cool-200:#d7e0e0;--black-cool-300:#cbd5d6;--black-cool-400:#bdc6c7;--black-cool-500:#4f5859;--black-cool-600:#434c4d;--black-cool-700:#383f40;--black-cool-800:#313738;--black-cool-900:#252b2c;--black-warm:#2c2b2b;--black-warm-050:#f5f5f5;--black-warm-100:#e6e4e3;--black-warm-200:#d9d7d7;--black-warm-300:#cccaca;--black-warm-400:#b8b6b6;--black-warm-500:#595958;--black-warm-600:#4d4b4b;--black-warm-700:#403f3e;--black-warm-800:#333232;--black-warm-900:#2c2b2b;--onsurface-high-emphasis:#fff;--onsurface-medium-emphasis:#fff;--onsurface-low-emphasis:#9e9e9e;--onsurface-high-emphasis-disable:#e7e8e7;--onsurface-disable:rgba(0,0,0,0.38);--onsurface-inactive:gray;--onprimary-high-emphasis:rgba(0,0,0,0.87);--onprimary-medium-emphasis:#deefce;--onprimary-low-emphasis:#b1da89;--overlay:rgba(0,0,0,0.08);--error:#b00020;--outline:rgba(0,0,0,0.12);--outline-soft:#e4e4e4}body{background:var(--onprimary-high-emphasis)}[data-display="block"]{display:block}[data-display="inline-block"]{display:inline-block}[data-display="flex"]{display:flex}[data-margin-bottom="0px"]{margin-bottom:0 !important}[data-margin-bottom="4px"]{margin-bottom:4px !important}[data-margin-bottom="6px"]{margin-bottom:6px !important}[data-margin-bottom="8px"]{margin-bottom:8px !important}[data-margin-bottom="10px"]{margin-bottom:10px !important}[data-margin-bottom="12px"]{margin-bottom:12px !important}[data-margin-bottom="14px"]{margin-bottom:14px !important}[data-margin-bottom="16px"]{margin-bottom:16px !important}[data-margin-bottom="20px"]{margin-bottom:20px !important}[data-margin-bottom="24px"]{margin-bottom:24px !important}[data-margin-bottom="28px"]{margin-bottom:28px !important}[data-margin-bottom="32px"]{margin-bottom:32px !important}[data-margin-bottom="36px"]{margin-bottom:36px !important}[data-margin-bottom="40px"]{margin-bottom:40px !important}[data-margin-bottom="48px"]{margin-bottom:48px !important}[data-margin-top="0px"]{margin-top:0 !important}[data-margin-top="4px"]{margin-top:4px !important}[data-margin-top="8px"]{margin-top:8px !important}[data-margin-top="10px"]{margin-top:10px !important}[data-margin-top="12px"]{margin-top:12px !important}[data-margin-top="14px"]{margin-top:14px !important}[data-margin-top="16px"]{margin-top:16px !important}[data-margin-top="20px"]{margin-top:20px !important}[data-margin-top="24px"]{margin-top:24px !important}[data-margin-top="28px"]{margin-top:28px !important}[data-margin-top="32px"]{margin-top:32px !important}[data-margin-top="36px"]{margin-top:36px !important}[data-margin-top="40px"]{margin-top:40px !important}[data-margin-top="48px"]{margin-top:48px !important}[data-margin-left="4px"]{margin-left:4px !important}[data-margin-left="8px"]{margin-left:8px !important}[data-margin-left="12px"]{margin-left:12px !important}[data-margin-left="16px"]{margin-left:16px !important}[data-margin-left="20px"]{margin-left:20px !important}[data-margin-left="24px"]{margin-left:24px !important}[data-margin-right="4px"]{margin-right:4px !important}[data-margin-right="8px"]{margin-right:8px !important}[data-margin-right="12px"]{margin-right:12px !important}[data-margin-right="16px"]{margin-right:16px !important}[data-margin-right="20px"]{margin-right:20px !important}[data-margin-right="24px"]{margin-right:24px !important}[data-padding="24px"]{padding:24px}[data-width="100%"]{width:100%}[data-width="auto"]{width:auto}[data-outline="outline"]{border:1px solid var(--outline) !important}[data-outline="primary-500"]{border:1px solid var(--primary-500) !important}[data-outline="primary-800"]{border:1px solid var(--primary-800) !important}[data-outline="secondary-800"]{border:1px solid var(--secondary-800) !important}[data-outline="secondary-900"]{border:1px solid var(--secondary-900) !important}.btn{border-radius:4px !important;cursor:pointer;height:36px;padding:0 16px !important;text-transform:none !important}.btn[data-size="large"]{height:48px}.btn[data-size="medium"]{height:36px}.btn[data-disabled="true"],.btn[data-disabled="true"] .MuiSvgIcon-root{background-color:var(--onsurface-high-emphasis-disable) !important;border-color:var(--onsurface-high-emphasis-disable) !important}.btn[data-disabled="true"] .button-text{color:var(--onsurface-disable) !important}.btn[data-background="primary-500"],.btn[data-background="primary-500"]:hover{background-color:var(--primary-500)}.btn[data-background="secondary-900"],.btn[data-background="secondary-900"]:hover{background-color:var(--secondary-900)}[data-color="onsurface-high-emphasis"]>span>div,[data-color="onsurface-high-emphasis"]>div,[data-color="onsurface-high-emphasis"],[data-color="onsurface-high-emphasis"] .MuiSvgIcon-root{color:var(--onsurface-high-emphasis)}[data-color="onsurface-medium-emphasis"]>span>div,[data-color="onsurface-medium-emphasis"]>div,[data-color="onsurface-medium-emphasis"],[data-color="onsurface-medium-emphasis"] .MuiSvgIcon-root{color:var(--onsurface-medium-emphasis)}[data-color="onprimary-high-emphasis"]>span>div,[data-color="onprimary-high-emphasis"]>div,[data-color="onprimary-high-emphasis"],[data-color="onprimary-high-emphasis"] .MuiSvgIcon-root{color:var(--onprimary-high-emphasis)}[data-color="primary-800"]>span>div,[data-color="primary-800"]>div,[data-color="primary-800"],[data-color="primary-800"] .MuiSvgIcon-root{color:var(--primary-800)}[data-color="primary-900"]>span>div,[data-color="primary-900"]>div,[data-color="primary-900"],[data-color="primary-900"] .MuiSvgIcon-root{color:var(--primary-900)}[data-color="secondary-900"]>span>div,[data-color="secondary-900"]>div,[data-color="secondary-900"],[data-color="secondary-900"] .MuiSvgIcon-root{color:var(--secondary-900)}[data-color="error"]>span>div,[data-color="error"]>div,[data-color="error"],[data-color="error"] .MuiSvgIcon-root{color:var(--error)}[data-font-family="montserrat"]{font-family:'Montserrat',sans-serif}[data-font-family="opensans"]{font-family:'Open Sans',sans-serif}[data-font-size="96px"]{font-size:96px}[data-font-size="60px"]{font-size:60px}[data-font-size="48px"]{font-size:48px}[data-font-size="30px"]{font-size:30px}[data-font-size="24px"]{font-size:24px}[data-font-size="20px"]{font-size:20px}[data-font-size="16px"]{font-size:16px}[data-font-size="14px"]{font-size:14px}[data-font-size="12px"]{font-size:12px}[data-font-size="10px"]{font-size:10px}[data-font-weight="normal"]{font-weight:normal}[data-font-weight="400"]{font-weight:400}[data-font-weight="500"]{font-weight:500}[data-font-weight="600"]{font-weight:600}[data-letter-spacing="-1.5px"]{letter-spacing:-1.5px}[data-letter-spacing="-0.5px"]{letter-spacing:-0.5px}[data-letter-spacing="0px"]{letter-spacing:0}[data-letter-spacing="0.14px"]{letter-spacing:.14px}[data-letter-spacing="0.2px"]{letter-spacing:.2px}[data-letter-spacing="0.25px"]{letter-spacing:.25px}[data-letter-spacing="0.5px"]{letter-spacing:.5px}[data-letter-spacing="2px"]{letter-spacing:2px}[data-line-height="124px"]{line-height:124px}[data-line-height="80px"]{line-height:80px}[data-line-height="64px"]{line-height:64px}[data-line-height="40px"]{line-height:40px}[data-line-height="32px"]{line-height:32px}[data-line-height="28px"]{line-height:28px}[data-line-height="24px"]{line-height:24px}[data-line-height="22px"]{line-height:22px}[data-line-height="20px"]{line-height:20px}[data-line-height="16px"]{line-height:16px}[data-line-height="12px"]{line-height:12px}[data-text-align="start"]{text-align:start}[data-text-align="center"]{text-align:center !important}[data-text-align="right"]{text-align:right !important}[data-text-decoration="none"]{text-decoration:none}[data-text-transform="uppercase"]{text-transform:uppercase}.h1,.h2,.h3,.h4,.h5,.h6{color:var(--onsurface-high-emphasis) !important}.h1{font:normal normal 400 96px/124px 'Montserrat',sans-serif !important;letter-spacing:-1.5px}.h2{font:normal normal 400 60px/80px 'Montserrat',sans-serif !important;letter-spacing:-0.5px}.h3{font:normal normal 600 48px/64px 'Montserrat',sans-serif !important;letter-spacing:.25px}.h4{font:normal normal 600 30px/40px 'Montserrat',sans-serif !important;letter-spacing:.5px}.h5{font:normal normal 600 24px/32px 'Montserrat',sans-serif !important;letter-spacing:.25px}.h6{font:normal normal 600 20px/28px 'Montserrat',sans-serif !important;letter-spacing:.25px}.textbody1-medium,.textbody2-medium,.textbody3-medium,.textbody1-reguler,.textbody2-reguler,.textbody3-reguler{color:var(--onsurface-medium-emphasis) !important}.textbody1-medium{font:normal normal 600 16px/24px 'Open Sans',sans-serif !important;letter-spacing:0}.textbody1-reguler,.MuiMenuItem-root{font:normal normal 400 16px/24px 'Open Sans',sans-serif !important;letter-spacing:0}.textbody2-medium{font:normal normal 600 14px/20px 'Open Sans',sans-serif !important;letter-spacing:0}.textbody2-reguler{font:normal normal 400 14px/20px 'Open Sans',sans-serif !important;letter-spacing:0}.textbody3-medium{font:normal normal 600 12px/16px 'Open Sans',sans-serif !important;letter-spacing:0}.textbody3-reguler,.MuiInputLabel-shrink.MuiInputLabel-outlined.MuiFormLabel-filled,.MuiInputLabel-outlined.Mui-focused,.MuiInputLabel-shrink.MuiInputLabel-filled.MuiFormLabel-filled,.MuiInputLabel-filled.Mui-focused,.MuiInputLabel-shrink.MuiInputLabel-root.MuiFormLabel-filled,.MuiInputLabel-root.Mui-focused,.MuiInputLabel-shrink.MuiInputLabel-root.MuiInputLabel-filled{font:normal normal 500 12px/16px 'Open Sans',sans-serif !important;letter-spacing:0}.subtitle1-medium,.subtitle1-reguler,.subtitle2-medium,.subtitle2-reguler{color:var(--onsurface-high-emphasis) !important}.subtitle1-medium,.MuiInputLabel-outlined,.MuiOutlinedInput-input,.MuiFilledInput-input,.MuiInput-input,.MuiInputLabel-filled,.MuiInputLabel-root{font:normal normal 600 16px/24px 'Montserrat',sans-serif !important;letter-spacing:.25px}.subtitle1-reguler{font:normal normal 500 16px/24px 'Montserrat',sans-serif !important;letter-spacing:.25px}.subtitle2-medium{font:normal normal 600 14px/20px 'Montserrat',sans-serif !important;letter-spacing:.25px}.subtitle2-reguler{font:normal normal 500 14px/20px 'Montserrat',sans-serif !important;letter-spacing:.25px}.textbutton{color:var(--primary-800) !important;font:normal normal 600 14px/20px 'Montserrat',sans-serif !important;letter-spacing:.25px}.caption,.caption-small{color:var(--onsurface-medium-emphasis) !important}.caption{font:normal normal 500 12px/16px 'Montserrat',sans-serif !important;letter-spacing:.25px}.caption-small{font:normal normal 500 10px/16px 'Montserrat',sans-serif !important;letter-spacing:.25px}.overline{color:var(--onsurface-medium-emphasis) !important;font:normal normal 600 12px/16px 'Open Sans',sans-serif !important;letter-spacing:2px}.texterror{color:var(--error) !important;font:normal normal normal 12px/16px 'Open Sans',sans-serif !important;letter-spacing:.25px}

:root {
  --biome-green: #22B252;
  --biome-green-050: #E6F6EA;
  --biome-green-100: #C2E7CA;
  --biome-green-200: #9BD8A9;
  --biome-green-300: #70CA86;
  --biome-green-400: #4DBE6C;
  --biome-green-500: #22B252;
  --biome-green-600: #17A349;
  --biome-green-700: #04913D;
  --biome-green-800: #008032;
  --biome-green-900: #00601E;
  --highlight-blue: #0189D0;
  --highlight-blue-050: #E1F5FE;
  --highlight-blue-100: #B3E5FC;
  --highlight-blue-200: #81D4F9;
  --highlight-blue-300: #4FC3F6;
  --highlight-blue-400: #29B6F5;
  --highlight-blue-500: #02A8F3;
  --highlight-blue-600: #029BE4;
  --highlight-blue-700: #0188D0;
  --highlight-blue-800: #0177BC;
  --highlight-blue-900: #00579A;
  --warning-orange: #FFC453;
  --warning-orange-050: #FFF3E0;
  --warning-orange-100: #FFDFB1;
  --warning-orange-200: #FFCA7F;
  --warning-orange-300: #FFB54C;
  --warning-orange-400: #FFA425;
  --warning-orange-500: #FF9500;
  --warning-orange-600: #FB8901;
  --warning-orange-700: #F57902;
  --warning-orange-800: #EF6902;
  --warning-orange-900: #E64D03;
  --critical-red: #D82C0D;
  --critical-red-050: #FBE7E6;
  --critical-red-100: #FFC8B9;
  --critical-red-200: #FFA48D;
  --critical-red-300: #FF7F60;
  --critical-red-400: #FF613D;
  --critical-red-500: #FF411B;
  --critical-red-600: #F43B17;
  --critical-red-700: #E63312;
  --critical-red-800: #D82B0D;
  --critical-red-900: #BF1A02;
  --neutral-gray: #F5F7FA;
  --neutral-gray-025: #F7F9FA;
  --neutral-gray-050: #EFF1F3;
  --neutral-gray-075: #E5EBEF;
  --neutral-gray-100: #D2D8DD;
  --neutral-gray-200: #B5BEC6;
  --neutral-gray-300: #97A4B0;
  --neutral-gray-400: #808F9F;
  --neutral-gray-500: #697C8E;
  --neutral-gray-600: #5C6E7D;
  --neutral-gray-700: #3D4751;
  --neutral-gray-800: #2B323A;
  --neutral-gray-900: #090A0A;
  --mate-black: #000000;
  --flat-white: #FFFFFF;
  --robo-blue-500: #3EB7D2;
  --sbn-red-500: #E7202B;
  --golden-gold-500: #ECB43C;
  --stock-purple-500: #9254DE;
  --umroh-dusk-500: #375175;
  --favourite-orange-500: #FFB400;
}

.color-primary {
  color: var(--biome-green) !important
}
.color-surface {
  color: var(--flat-white) !important
}
.color-neutral {
  color: var(--neutral-gray) !important
}
.color-highlight {
  color: var(--highlight-blue) !important
}
.color-warning {
  color: var(--warning-orange) !important
}
.color-critical {
  color: var(--critical-red) !important
}
.color-robo-blue {
  color: var(--robo-blue-500) !important
}
.color-sbn-red {
  color: var(--sbn-red-500) !important
}
.color-golden-gold {
  color: var(--golden-gold-500) !important
}
.color-stock-purple {
  color: var(--stock-purple-500) !important
}
.color-umroh-dusk {
  color: var(--umroh-dusk-500) !important
}
.color-favourite-orange {
  color: var(--favourite-orange-500) !important
}

.color-neutral-gray {
  color: var(--neutral-gray) !important
}
.color-neutral-gray-025 {
  color: var(--neutral-gray-025) !important
}
.color-neutral-gray-050 {
  color: var(--neutral-gray-050) !important
}
.color-neutral-gray-075 {
  color: var(--neutral-gray-075) !important
}
.color-neutral-gray-100 {
  color: var(--neutral-gray-100) !important
}
.color-neutral-gray-200 {
  color: var(--neutral-gray-200) !important
}
.color-neutral-gray-300 {
  color: var(--neutral-gray-300) !important
}
.color-neutral-gray-400 {
  color: var(--neutral-gray-400) !important
}
.color-neutral-gray-500 {
  color: var(--neutral-gray-500) !important
}
.color-neutral-gray-600 {
  color: var(--neutral-gray-600) !important
}
.color-neutral-gray-700 {
  color: var(--neutral-gray-700) !important
}
.color-neutral-gray-800 {
  color: var(--neutral-gray-800) !important
}
.color-neutral-gray-900 {
  color: var(--neutral-gray-900) !important
}

.color-mate-black {
  color: var(--mate-black) !important
}
.color-flat-white {
  color: var(--flat-white) !important
}

.color-biome-green-900 {
  color: var(--biome-green-900) !important
}
.color-biome-green-800 {
  color: var(--biome-green-800) !important
}
.color-biome-green-700 {
  color: var(--biome-green-700) !important
}
.color-biome-green-600 {
  color: var(--biome-green-600) !important
}
.color-biome-green-500 {
  color: var(--biome-green-500) !important
}
.color-biome-green-400 {
  color: var(--biome-green-400) !important
}
.color-biome-green-300 {
  color: var(--biome-green-300) !important
}
.color-biome-green-200 {
  color: var(--biome-green-200) !important
}
.color-biome-green-100 {
  color: var(--biome-green-100) !important
}
.color-biome-green-050 {
  color: var(--biome-green-050) !important
}

.color-highlight-blue-900 {
  color: var(--highlight-blue-900) !important
}
.color-highlight-blue-800 {
  color: var(--highlight-blue-800) !important
}
.color-highlight-blue-700 {
  color: var(--highlight-blue-700) !important
}
.color-highlight-blue-600 {
  color: var(--highlight-blue-600) !important
}
.color-highlight-blue-500 {
  color: var(--highlight-blue-500) !important
}
.color-highlight-blue-400 {
  color: var(--highlight-blue-400) !important
}
.color-highlight-blue-300 {
  color: var(--highlight-blue-300) !important
}
.color-highlight-blue-200 {
  color: var(--highlight-blue-200) !important
}
.color-highlight-blue-100 {
  color: var(--highlight-blue-100) !important
}
.color-highlight-blue-050 {
  color: var(--highlight-blue-050) !important
}

.color-warning-orange-900 {
  color: var(--warning-orange-900) !important
}
.color-warning-orange-800 {
  color: var(--warning-orange-800) !important
}
.color-warning-orange-700 {
  color: var(--warning-orange-700) !important
}
.color-warning-orange-600 {
  color: var(--warning-orange-600) !important
}
.color-warning-orange-500 {
  color: var(--warning-orange-500) !important
}
.color-warning-orange-400 {
  color: var(--warning-orange-400) !important
}
.color-warning-orange-300 {
  color: var(--warning-orange-300) !important
}
.color-warning-orange-200 {
  color: var(--warning-orange-200) !important
}
.color-warning-orange-100 {
  color: var(--warning-orange-100) !important
}
.color-warning-orange-050 {
  color: var(--warning-orange-050) !important
}

.color-critical-red-900 {
  color: var(--critical-red-900) !important
}
.color-critical-red-800 {
  color: var(--critical-red-800) !important
}
.color-critical-red-700 {
  color: var(--critical-red-700) !important
}
.color-critical-red-600 {
  color: var(--critical-red-600) !important
}
.color-critical-red-500 {
  color: var(--critical-red-500) !important
}
.color-critical-red-400 {
  color: var(--critical-red-400) !important
}
.color-critical-red-300 {
  color: var(--critical-red-300) !important
}
.color-critical-red-200 {
  color: var(--critical-red-200) !important
}
.color-critical-red-100 {
  color: var(--critical-red-100) !important
}
.color-critical-red-050 {
  color: var(--critical-red-050) !important
}

.color-onsurface-high-emphasis {
  color: var(--onsurface-high-emphasis) !important
}
.color-onsurface-medium-emphasis {
  color: var(--onsurface-medium-emphasis) !important
}
.color-onsurface-low-emphasis {
  color: var(--onsurface-low-emphasis) !important
}
.color-onsurface-disable {
  color: var(--onsurface-disable) !important
}
.color-onsurface-inactive {
  color: var(--onsurface-inactive) !important
}

:root {
  --shadow-flat: 0px 0px 3px rgba(61, 71, 81, 0.02), 0px 2px 8px rgba(61, 71, 81, 0.04);
  --shadow-low: 0px 0px 4px 1px rgba(61, 71, 81, 0.04), 0px 6px 16px rgba(61, 71, 81, 0.06);
  --shadow-medium: 0px 0px 10px rgba(61, 71, 81, 0.06), 0px 6px 24px rgba(61, 71, 81, 0.08);
  --shadow-high: 0px 0px 15px 1px rgba(61, 71, 81, 0.08), 0px 6px 32px rgba(61, 71, 81, 0.1);
}

.shadow-flat {
  box-shadow: var(--shadow-flat);
}

.shadow-low {
  box-shadow: var(--shadow-low);
}

.shadow-medium {
  box-shadow: var(--shadow-medium);
}

.shadow-high {
  box-shadow: var(--shadow-high);
}

:root {
  --iconbutton-m-border-radius: 24px;
  --iconbutton-m-width: 48px;
  --iconbutton-m-padding: 12px;
  --iconbutton-s-border-radius: 24px;
  --iconbutton-s-width: 36px;
  --iconbutton-s-padding: 8px;
  --iconbutton-xs-border-radius: 24px;
  --iconbutton-xs-padding: 4px;
  --iconbutton-xs-width: 24px;
}

/* Headline */
.heading-2xl-bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 0px;
}
.heading-2xl-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 0px;
}
.heading-xl-bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0px;
}
.heading-xl-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0px;
}
.heading-l-bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0px;
}
.heading-l-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0px;
}
.heading-m {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
}
.heading-s {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
}
.heading-xs {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0px;
}

/* Nominal */
.nominal-2xl-bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 0px;
}
.nominal-2xl-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 0px;
}
.nominal-xl-bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 0px;
}
.nominal-xl-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 0px;
}
.nominal-l-bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 0px;
}
.nominal-l-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 0px;
}
.nominal-m-bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
}
.nominal-m-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
}
.nominal-s-bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0px;
}
.nominal-s-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 0px;
}
.nominal-xs-bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 0px;
}
.nominal-xs-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 0px;
}
.nominal-2xs-bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 0px;
}
.nominal-2xs-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 0px;
}

/* Text */

/* Text XL */
.text-xl-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 0px;
  letter-spacing: -0.019em;
}
.text-xl-medium {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 0px;
  letter-spacing: -0.019em;
}
.text-xl-regular {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 0px;
  letter-spacing: -0.019em;
}

/* Text L */
.text-l-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0px;
  letter-spacing: -0.014em;
}
.text-l-medium {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0px;
  letter-spacing: -0.014em;
}
.text-l-regular {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0px;
  letter-spacing: -0.014em;
}

/* Text M */
.text-m-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  letter-spacing: -0.006em;
}
.text-m-medium {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  letter-spacing: -0.006em;
}
.text-m-regular {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  letter-spacing: -0.006em;
}

/* Text S */
.text-s-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0px;
}
.text-s-medium {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0px;
}
.text-s-regular {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0px;
}

/* Text XS */
.text-xs-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 0px;
  letter-spacing: 0.01em;
}
.text-xs-medium {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 0px;
  letter-spacing: 0.01em;
}
.text-xs-regular {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 0px;
  letter-spacing: 0.01em;
}

/* Heading Desktop */
.heading-1-bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 56px;
  line-height: 72px;
  margin-bottom: 0px;
}
.heading-1-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 56px;
  line-height: 72px;
  margin-bottom: 0px;
}
.heading-2-bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 64px;
  margin-bottom: 0px;
}
.heading-2-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 64px;
  margin-bottom: 0px;
}
.heading-3-bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 42px;
  line-height: 56px;
  margin-bottom: 0px;
}
.heading-3-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 56px;
  margin-bottom: 0px;
}
.heading-4-bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 0px;
}
.heading-4-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 0px;
}
.heading-5-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 0px;
}
.heading-6-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0px;
}

.subheading-m-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0px;
}
.subheading-s-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
}
.subheading-xs-regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
}

.body-xl-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 0px;
  letter-spacing: -0.022em;
}
.body-xl-medium {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 0px;
  letter-spacing: -0.022em;
}
.body-xl-regular {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 0px;
  letter-spacing: -0.022em;
}
.body-l-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  margin-bottom: 0px;
  letter-spacing: -0.02em;
}
.body-l-medium {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  margin-bottom: 0px;
  letter-spacing: -0.02em;
}
.body-l-regular {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 36px;
  margin-bottom: 0px;
  letter-spacing: -0.02em;
}
.body-m-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0px;
  letter-spacing: -0.017em;
}
.body-m-medium {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0px;
  letter-spacing: -0.017em;
}
.body-m-regular {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0px;
  letter-spacing: -0.017em;
}
.body-s-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  letter-spacing: -0.011em;
}
.body-s-medium {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  letter-spacing: -0.011em;
}
.body-s-regular {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  letter-spacing: -0.011em;
}
.body-xs-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  letter-spacing: -0.006em;
}
.body-xs-medium {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  letter-spacing: -0.006em;
}
.body-xs-regular {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  letter-spacing: -0.006em;
}

@media screen and (min-width: 1024px) {
  .nominal-2xl-bold {
    font-size: 42px;
    line-height: 56px;
    margin-bottom: 0px;
  }
  .nominal-2xl-regular {
    font-size: 42px;
    line-height: 56px;
    margin-bottom: 0px;
  }
  .nominal-xl-bold {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 0px;
  }
  .nominal-xl-regular {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 0px;
  }
  .nominal-l-bold {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 0px;
  }
  .nominal-l-regular {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 0px;
  }
  .nominal-m-bold {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0px;
  }
  .nominal-m-regular {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0px;
  }
  .nominal-s-bold {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
  }
  .nominal-s-regular {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
  }
  .nominal-xs-bold {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
  }
  .nominal-xs-regular {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
  }
}

/* Reset user agent */
* {
    margin: 0;
    padding: 0;
}
.sb-show-main {
    padding: 0 !important;
}

:root, .__theme-light-mode {
    --primary: #82C341;
    --primary-050: #F0F8E8;
    --primary-100: #DAEDC6;
    --primary-200: #C1E1A2;
    --primary-300: #A8D57C;
    --primary-400: #95CC5E;
    --primary-500: #82C341;
    --primary-600: #73B339;
    --primary-700: #5F9F2F;
    --primary-800: #4B8B26;
    --primary-900: #266914;
    --secondary: #4C2A86;
    --secondary-050: #F2E7F5;
    --secondary-100: #E0C3E8;
    --secondary-200: #CC9CDA;
    --secondary-300: #B776CA;
    --secondary-400: #A85ABD;
    --secondary-500: #9943B1;
    --secondary-600: #9943B1;
    --secondary-700: #8B3EAA;
    --secondary-800: #7938A1;
    --secondary-900: #4C2A86;
    --magenta: #77245A;
    --magenta-050: #F4E8F0;
    --magenta-100: #EDD5E5;
    --magenta-200: #E2B5D3;
    --magenta-300: #D494BE;
    --magenta-400: #CD85B5;
    --magenta-500: #C073A5;
    --magenta-600: #A6568B;
    --magenta-700: #8C4373;
    --magenta-800: #77325F;
    --magenta-900: #62224C;
    --violet: #8772B0;
    --violet-050: #E0DBEB;
    --violet-100: #D0C8E0;
    --violet-200: #C2B7D7;
    --violet-300: #AFA2CA;
    --violet-400: #9E8EBD;
    --violet-500: #8772B0;
    --violet-600: #725E9C;
    --violet-700: #5A4781;
    --violet-800: #453367;
    --violet-900: #33264D;
    --navy: #345064;
    --navy-050: #E0E8EE;
    --navy-100: #CADAE6;
    --navy-200: #B0C8D9;
    --navy-300: #9BBAD1;
    --navy-400: #82A7C2;
    --navy-500: #6D98B6;
    --navy-600: #537B97;
    --navy-700: #45667E;
    --navy-800: #345064;
    --navy-900: #2C4455;
    --blue: #A3C4C7;
    --blue-050: #E2EDEE;
    --blue-100: #D3E4E6;
    --blue-200: #BFD7D9;
    --blue-300: #ABC9CC;
    --blue-400: #A3C4C7;
    --blue-500: #98BBBE;
    --blue-600: #77A2A6;
    --blue-700: #5C8F94;
    --blue-800: #4D7B80;
    --blue-900: #446A6E;
    --teal: #3E6B5C;
    --teal-050: #E4EBE8;
    --teal-100: #D3E0DC;
    --teal-200: #C1D6CF;
    --teal-300: #A9C7BD;
    --teal-400: #97B8AD;
    --teal-500: #88B3A4;
    --teal-600: #6B998A;
    --teal-700: #538071;
    --teal-800: #426B5E;
    --teal-900: #34594D;
    --green: #789764;
    --green-050: #E2EBDD;
    --green-100: #CEDBC5;
    --green-200: #B8CCA9;
    --green-300: #A6BF95;
    --green-400: #90AD7D;
    --green-500: #789764;
    --green-600: #668054;
    --green-700: #566B47;
    --green-800: #445639;
    --green-900: #3E4D34;
    --olive: #5F6240;
    --olive-050: #DADDBC;
    --olive-100: #CDD1A5;
    --olive-200: #BDC18D;
    --olive-300: #AEB379;
    --olive-400: #9EA36A;
    --olive-500: #939762;
    --olive-600: #74774D;
    --olive-700: #5F6240;
    --olive-800: #515336;
    --olive-900: #484A30;
    --yellow: #CC9F29;
    --yellow-050: #F0D490;
    --yellow-100: #E6C267;
    --yellow-200: #D9AD41;
    --yellow-300: #CC9F29;
    --yellow-400: #BF921D;
    --yellow-500: #AD8B33;
    --yellow-600: #997B2C;
    --yellow-700: #806624;
    --yellow-800: #66521E;
    --yellow-900: #59471A;
    --orange: #CC8339;
    --orange-050: #F6DEC5;
    --orange-100: #F2C79B;
    --orange-200: #F0B478;
    --orange-300: #EBA45E;
    --orange-400: #E69849;
    --orange-500: #CC8339;
    --orange-600: #BF7326;
    --orange-700: #AB621A;
    --orange-800: #995612;
    --orange-900: #80470F;
    --red: #A7482A;
    --red-050: #F0B9A8;
    --red-100: #E9A38C;
    --red-200: #E28366;
    --red-300: #D66D4B;
    --red-400: #C25B3A;
    --red-500: #A7482A;
    --red-600: #8E381C;
    --red-700: #7D2E15;
    --red-800: #6D2812;
    --red-900: #5C220F;
    --brown: #7A6C40;
    --brown-050: #F1EDE3;
    --brown-100: #E8E2D1;
    --brown-200: #DED4B6;
    --brown-300: #D4C598;
    --brown-400: #C7B581;
    --brown-500: #C7B581;
    --brown-600: #AD9C68;
    --brown-700: #948351;
    --brown-800: #7A6C40;
    --brown-900: #665931;
    --black-cool: #252B2C;
    --black-cool-050: #F2F5F5;
    --black-cool-100: #E4EAEB;
    --black-cool-200: #D7E0E0;
    --black-cool-300: #CBD5D6;
    --black-cool-400: #BDC6C7;
    --black-cool-500: #4F5859;
    --black-cool-600: #434C4D;
    --black-cool-700: #383F40;
    --black-cool-800: #313738;
    --black-cool-900: #252B2C;
    --black-warm: #2C2B2B;
    --black-warm-050: #F5F5F5;
    --black-warm-100: #E6E4E3;
    --black-warm-200: #D9D7D7;
    --black-warm-300: #CCCACA;
    --black-warm-400: #B8B6B6;
    --black-warm-500: #595958;
    --black-warm-600: #4D4B4B;
    --black-warm-700: #403F3E;
    --black-warm-800: #333232;
    --black-warm-900: #2C2B2B;
    --onsurface-high-emphasis: rgba(0, 0, 0, 0.87);
    --onsurface-medium-emphasis: rgba(0, 0, 0, 0.6);
    --onsurface-low-emphasis: #9E9E9E;
    --onsurface-high-emphasis-disable: #E7E8E7;
    --onsurface-disable: rgba(0, 0, 0, 0.38);
    --onsurface-inactive: #808080;
    --onprimary-high-emphasis: #FFFFFF;
    --onprimary-medium-emphasis: #DEEFCE;
    --onprimary-low-emphasis: #B1DA89;
    --overlay: rgba(0, 0, 0, 0.08);
    --error: #B00020;
    --outline: rgba(0, 0, 0, 0.12);
    --outline-soft: #E4E4E4;
}

/* Dark Theme: Masih Dummy: Perlu di define dari desainer */
.__theme-dark-mode:root, .__theme-dark-mode {
    --primary: #82C341;
    --primary-050: #F0F8E8;
    --primary-100: #DAEDC6;
    --primary-200: #C1E1A2;
    --primary-300: #A8D57C;
    --primary-400: #95CC5E;
    --primary-500: #82C341;
    --primary-600: #73B339;
    --primary-700: #5F9F2F;
    --primary-800: #4B8B26;
    --primary-900: #266914;
    --secondary: #4C2A86;
    --secondary-050: #F2E7F5;
    --secondary-100: #E0C3E8;
    --secondary-200: #CC9CDA;
    --secondary-300: #B776CA;
    --secondary-400: #A85ABD;
    --secondary-500: #9943B1;
    --secondary-600: #9943B1;
    --secondary-700: #8B3EAA;
    --secondary-800: #7938A1;
    --secondary-900: #4C2A86;
    --magenta: #77245A;
    --magenta-050: #F4E8F0;
    --magenta-100: #EDD5E5;
    --magenta-200: #E2B5D3;
    --magenta-300: #D494BE;
    --magenta-400: #CD85B5;
    --magenta-500: #C073A5;
    --magenta-600: #A6568B;
    --magenta-700: #8C4373;
    --magenta-800: #77325F;
    --magenta-900: #62224C;
    --violet: #8772B0;
    --violet-050: #E0DBEB;
    --violet-100: #D0C8E0;
    --violet-200: #C2B7D7;
    --violet-300: #AFA2CA;
    --violet-400: #9E8EBD;
    --violet-500: #8772B0;
    --violet-600: #725E9C;
    --violet-700: #5A4781;
    --violet-800: #453367;
    --violet-900: #33264D;
    --navy: #345064;
    --navy-050: #E0E8EE;
    --navy-100: #CADAE6;
    --navy-200: #B0C8D9;
    --navy-300: #9BBAD1;
    --navy-400: #82A7C2;
    --navy-500: #6D98B6;
    --navy-600: #537B97;
    --navy-700: #45667E;
    --navy-800: #345064;
    --navy-900: #2C4455;
    --blue: #A3C4C7;
    --blue-050: #E2EDEE;
    --blue-100: #D3E4E6;
    --blue-200: #BFD7D9;
    --blue-300: #ABC9CC;
    --blue-400: #A3C4C7;
    --blue-500: #98BBBE;
    --blue-600: #77A2A6;
    --blue-700: #5C8F94;
    --blue-800: #4D7B80;
    --blue-900: #446A6E;
    --teal: #3E6B5C;
    --teal-050: #E4EBE8;
    --teal-100: #D3E0DC;
    --teal-200: #C1D6CF;
    --teal-300: #A9C7BD;
    --teal-400: #97B8AD;
    --teal-500: #88B3A4;
    --teal-600: #6B998A;
    --teal-700: #538071;
    --teal-800: #426B5E;
    --teal-900: #34594D;
    --green: #789764;
    --green-050: #E2EBDD;
    --green-100: #CEDBC5;
    --green-200: #B8CCA9;
    --green-300: #A6BF95;
    --green-400: #90AD7D;
    --green-500: #789764;
    --green-600: #668054;
    --green-700: #566B47;
    --green-800: #445639;
    --green-900: #3E4D34;
    --olive: #5F6240;
    --olive-050: #DADDBC;
    --olive-100: #CDD1A5;
    --olive-200: #BDC18D;
    --olive-300: #AEB379;
    --olive-400: #9EA36A;
    --olive-500: #939762;
    --olive-600: #74774D;
    --olive-700: #5F6240;
    --olive-800: #515336;
    --olive-900: #484A30;
    --yellow: #CC9F29;
    --yellow-050: #F0D490;
    --yellow-100: #E6C267;
    --yellow-200: #D9AD41;
    --yellow-300: #CC9F29;
    --yellow-400: #BF921D;
    --yellow-500: #AD8B33;
    --yellow-600: #997B2C;
    --yellow-700: #806624;
    --yellow-800: #66521E;
    --yellow-900: #59471A;
    --orange: #CC8339;
    --orange-050: #F6DEC5;
    --orange-100: #F2C79B;
    --orange-200: #F0B478;
    --orange-300: #EBA45E;
    --orange-400: #E69849;
    --orange-500: #CC8339;
    --orange-600: #BF7326;
    --orange-700: #AB621A;
    --orange-800: #995612;
    --orange-900: #80470F;
    --red: #A7482A;
    --red-050: #F0B9A8;
    --red-100: #E9A38C;
    --red-200: #E28366;
    --red-300: #D66D4B;
    --red-400: #C25B3A;
    --red-500: #A7482A;
    --red-600: #8E381C;
    --red-700: #7D2E15;
    --red-800: #6D2812;
    --red-900: #5C220F;
    --brown: #7A6C40;
    --brown-050: #F1EDE3;
    --brown-100: #E8E2D1;
    --brown-200: #DED4B6;
    --brown-300: #D4C598;
    --brown-400: #C7B581;
    --brown-500: #C7B581;
    --brown-600: #AD9C68;
    --brown-700: #948351;
    --brown-800: #7A6C40;
    --brown-900: #665931;
    --black-cool: #252B2C;
    --black-cool-050: #F2F5F5;
    --black-cool-100: #E4EAEB;
    --black-cool-200: #D7E0E0;
    --black-cool-300: #CBD5D6;
    --black-cool-400: #BDC6C7;
    --black-cool-500: #4F5859;
    --black-cool-600: #434C4D;
    --black-cool-700: #383F40;
    --black-cool-800: #313738;
    --black-cool-900: #252B2C;
    --black-warm: #2C2B2B;
    --black-warm-050: #F5F5F5;
    --black-warm-100: #E6E4E3;
    --black-warm-200: #D9D7D7;
    --black-warm-300: #CCCACA;
    --black-warm-400: #B8B6B6;
    --black-warm-500: #595958;
    --black-warm-600: #4D4B4B;
    --black-warm-700: #403F3E;
    --black-warm-800: #333232;
    --black-warm-900: #2C2B2B;
    --onsurface-high-emphasis: #FFFFFF;
    --onsurface-medium-emphasis: #FFFFFF;
    --onsurface-low-emphasis: #9E9E9E;
    --onsurface-high-emphasis-disable: #E7E8E7;
    --onsurface-disable: rgba(0, 0, 0, 0.38);
    --onsurface-inactive: #808080;
    --onprimary-high-emphasis: rgba(0, 0, 0, 0.87);
    --onprimary-medium-emphasis: #DEEFCE;
    --onprimary-low-emphasis: #B1DA89;
    --overlay: rgba(0, 0, 0, 0.08);
    --error: #B00020;
    --outline: rgba(0, 0, 0, 0.12);
    --outline-soft: #E4E4E4;
}

/* Theme: */

body {
    background: var(--onprimary-high-emphasis);
}

/* Global: Component Modifiers */

[data-display="block"] {
    display: block;
}

[data-display="inline-block"] {
    display: inline-block;
}

[data-display="flex"] {
  display: flex;
}

[data-flex="none"] {
  flex: none;
}

[data-flex-wrap="wrap"] {
  flex-wrap: wrap;
}

[data-align-items="center"] {
  align-items: center;
}

[data-align-items="baseline"] {
  align-items: baseline;
}

[data-justify-content="flex-end"] {
  justify-content: flex-end;
}

[data-justify-content="space-between"] {
  justify-content: space-between;
}

[data-margin-bottom="0px"] {
  margin-bottom: 0px !important;
}

[data-margin-bottom="4px"] {
  margin-bottom: 4px !important;
}

[data-margin-bottom="6px"] {
  margin-bottom: 6px !important;
}

[data-margin-bottom="8px"] {
  margin-bottom: 8px !important;
}

[data-margin-bottom="10px"] {
  margin-bottom: 10px !important;
}

[data-margin-bottom="12px"] {
  margin-bottom: 12px !important;
}

[data-margin-bottom="14px"] {
  margin-bottom: 14px !important;
}

[data-margin-bottom="16px"] {
  margin-bottom: 16px !important;
}

[data-margin-bottom="20px"] {
  margin-bottom: 20px !important;
}

[data-margin-bottom="24px"] {
  margin-bottom: 24px !important;
}

[data-margin-bottom="28px"] {
  margin-bottom: 28px !important;
}

[data-margin-bottom="32px"] {
  margin-bottom: 32px !important;
}

[data-margin-bottom="36px"] {
  margin-bottom: 36px !important;
}

[data-margin-bottom="40px"] {
  margin-bottom: 40px !important;
}

[data-margin-bottom="48px"] {
  margin-bottom: 48px !important;
}

[data-margin-top="0px"] {
  margin-top: 0px !important;
}

[data-margin-top="4px"] {
  margin-top: 4px !important;
}

[data-margin-top="8px"] {
    margin-top: 8px !important;
  }

[data-margin-top="10px"] {
  margin-top: 10px !important;
}

[data-margin-top="12px"] {
  margin-top: 12px !important;
}

[data-margin-top="14px"] {
  margin-top: 14px !important;
}

[data-margin-top="16px"] {
  margin-top: 16px !important;
}

[data-margin-top="20px"] {
  margin-top: 20px !important;
}

[data-margin-top="24px"] {
  margin-top: 24px !important;
}

[data-margin-top="28px"] {
  margin-top: 28px !important;
}

[data-margin-top="32px"] {
  margin-top: 32px !important;
}

[data-margin-top="36px"] {
  margin-top: 36px !important;
}

[data-margin-top="40px"] {
  margin-top: 40px !important;
}

[data-margin-top="48px"] {
  margin-top: 48px !important;
}

[data-margin-left="4px"] {
  margin-left: 4px !important;
}

[data-margin-left="8px"] {
  margin-left: 8px !important;
}

[data-margin-left="12px"] {
  margin-left: 12px !important;
}

[data-margin-left="16px"] {
  margin-left: 16px !important;
}

[data-margin-left="20px"] {
  margin-left: 20px !important;
}

[data-margin-left="24px"] {
  margin-left: 24px !important;
}

[data-margin-right="4px"] {
  margin-right: 4px !important;
}

[data-margin-right="8px"] {
  margin-right: 8px !important;
}

[data-margin-right="12px"] {
  margin-right: 12px !important;
}

[data-margin-right="16px"] {
  margin-right: 16px !important;
}

[data-margin-right="20px"] {
  margin-right: 20px !important;
}

[data-margin-right="24px"] {
  margin-right: 24px !important;
}

[data-padding="24px"] {
  padding: 24px;
}

[data-width="100%"] {
    width: 100%;
}

[data-width="auto"] {
    width: auto;
}

/* Border: Component Modifiers : Light Theme */

[data-outline="outline"] {
    border: 1px solid var(--outline) !important;
}

[data-outline="primary-500"] {
    border: 1px solid var(--primary-500) !important;
}

[data-outline="primary-800"] {
    border: 1px solid var(--primary-800) !important;
}

[data-outline="secondary-800"] {
    border: 1px solid var(--secondary-800) !important;
}

[data-outline="secondary-900"] {
    border: 1px solid var(--secondary-900) !important;
}

/* Button Component: Component Modifiers */

.btn {
    border-radius: 4px !important;
    cursor: pointer;
    height: 36px;
    padding: 0px 16px !important;
    text-transform: none !important;
}

.btn[data-size="large"] {
    height: 48px;
}

.btn[data-size="medium"] {
    height: 36px;
}

.btn[data-disabled="true"],
.btn[data-disabled="true"] .MuiSvgIcon-root {
    background-color: var(--onsurface-high-emphasis-disable) !important;
    border-color: var(--onsurface-high-emphasis-disable) !important;
}

.btn[data-disabled="true"] .button-text {
    color: var(--onsurface-disable) !important;
}


/* Button Component: Component Modifiers : Data Background : Light Theme */

.btn[data-background="primary-500"],
.btn[data-background="primary-500"]:hover {
    background-color: var(--primary-500);
}

.btn[data-background="secondary-900"],
.btn[data-background="secondary-900"]:hover {
    background-color: var(--secondary-900);
}


/* Button Component: Component Modifiers : Data Color : Light Theme */

[data-color="onsurface-high-emphasis"]>span>div,
[data-color="onsurface-high-emphasis"]>div,
[data-color="onsurface-high-emphasis"],
[data-color="onsurface-high-emphasis"] .MuiSvgIcon-root {
    color: var(--onsurface-high-emphasis);
}

[data-color="onsurface-medium-emphasis"]>span>div,
[data-color="onsurface-medium-emphasis"]>div,
[data-color="onsurface-medium-emphasis"],
[data-color="onsurface-medium-emphasis"] .MuiSvgIcon-root {
    color: var(--onsurface-medium-emphasis);
}

[data-color="onprimary-high-emphasis"]>span>div,
[data-color="onprimary-high-emphasis"]>div,
[data-color="onprimary-high-emphasis"],
[data-color="onprimary-high-emphasis"] .MuiSvgIcon-root {
    color: var(--onprimary-high-emphasis);
}

[data-color="primary-800"]>span>div,
[data-color="primary-800"]>div,
[data-color="primary-800"],
[data-color="primary-800"] .MuiSvgIcon-root {
    color: var(--primary-800);
}

[data-color="primary-900"]>span>div,
[data-color="primary-900"]>div,
[data-color="primary-900"],
[data-color="primary-900"] .MuiSvgIcon-root {
    color: var(--primary-900);
}

[data-color="secondary-900"]>span>div,
[data-color="secondary-900"]>div,
[data-color="secondary-900"],
[data-color="secondary-900"] .MuiSvgIcon-root {
    color: var(--secondary-900);
}

[data-color="error"]>span>div,
[data-color="error"]>div,
[data-color="error"],
[data-color="error"] .MuiSvgIcon-root {
    color: var(--error);
}


/* Typography Component: Component Modifiers */

[data-font-family="montserrat"] {
    font-family: 'Montserrat', sans-serif;
}

[data-font-family="opensans"] {
    font-family: 'Open Sans', sans-serif;
}

[data-font-size="96px"] {
    font-size: 96px;
}

[data-font-size="60px"] {
    font-size: 60px;
}

[data-font-size="48px"] {
    font-size: 48px;
}

[data-font-size="30px"] {
    font-size: 30px;
}

[data-font-size="24px"] {
    font-size: 24px;
}

[data-font-size="20px"] {
    font-size: 20px;
}

[data-font-size="16px"] {
    font-size: 16px;
}

[data-font-size="14px"] {
    font-size: 14px;
}

[data-font-size="12px"] {
    font-size: 12px;
}

[data-font-size="10px"] {
    font-size: 10px;
}

[data-font-weight="normal"] {
    font-weight: normal;
}

[data-font-weight="400"] {
    font-weight: 400;
}

[data-font-weight="500"] {
    font-weight: 500;
}

[data-font-weight="600"] {
    font-weight: 600;
}

[data-letter-spacing="-1.5px"] {
    letter-spacing: -1.5px;
}

[data-letter-spacing="-0.5px"] {
    letter-spacing: -0.5px;
}

[data-letter-spacing="0px"] {
    letter-spacing: 0px;
}

[data-letter-spacing="0.14px"] {
    letter-spacing: 0.14px;
}

[data-letter-spacing="0.2px"] {
  letter-spacing: 0.2px;
}

[data-letter-spacing="0.25px"] {
    letter-spacing: 0.25px;
}

[data-letter-spacing="0.5px"] {
    letter-spacing: 0.5px;
}

[data-letter-spacing="2px"] {
    letter-spacing: 2px;
}

[data-line-height="124px"] {
    line-height: 124px;
}

[data-line-height="80px"] {
    line-height: 80px;
}

[data-line-height="64px"] {
    line-height: 64px;
}

[data-line-height="40px"] {
    line-height: 40px;
}

[data-line-height="32px"] {
    line-height: 32px;
}

[data-line-height="28px"] {
    line-height: 28px;
}

[data-line-height="24px"] {
    line-height: 24px;
}

[data-line-height="22px"] {
    line-height: 22px;
}

[data-line-height="20px"] {
    line-height: 20px;
}

[data-line-height="16px"] {
    line-height: 16px;
}

[data-line-height="12px"] {
  line-height: 12px;
}

[data-text-align="start"] {
    text-align: start;
}

[data-text-align="center"] {
    text-align: center !important;
}

[data-text-align="right"] {
    text-align: right !important;
}

[data-text-decoration="none"] {
    text-decoration: none;
}

[data-text-transform="uppercase"] {
    text-transform: uppercase;
}


/* Typography */
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--onsurface-high-emphasis) !important;
}
.h1 {
  font: normal normal 400 96px/124px 'Montserrat', sans-serif !important;
  letter-spacing: -1.5px;
}
.h2 {
  font: normal normal 400 60px/80px 'Montserrat', sans-serif !important;
  letter-spacing: -0.5px;
}
.h3 {
  font: normal normal 600 48px/64px 'Montserrat', sans-serif !important;
  letter-spacing: 0.25px;
}
.h4 {
  font: normal normal 600 30px/40px 'Montserrat', sans-serif !important;
  letter-spacing: 0.5px;
}
.h5 {
  font: normal normal 600 24px/32px 'Montserrat', sans-serif !important;
  letter-spacing: 0.25px;
}
.h6 {
  font: normal normal 600 20px/28px 'Montserrat', sans-serif !important;
  letter-spacing: 0.25px;
}

.textbody1-medium, .textbody2-medium, .textbody3-medium, .textbody1-reguler, .textbody2-reguler, .textbody3-reguler {
  color: var(--onsurface-medium-emphasis) !important;
}
.textbody1-medium {
  font: normal normal 600 16px/24px 'Open Sans', sans-serif !important;
  letter-spacing: 0px;
}
.textbody1-reguler, .MuiMenuItem-root {
  font: normal normal 400 16px/24px 'Open Sans', sans-serif !important;
  letter-spacing: 0px;
}
.textbody2-medium {
  font: normal normal 600 14px/20px 'Open Sans', sans-serif !important;
  letter-spacing: 0px;
}
.textbody2-reguler {
  font: normal normal 400 14px/20px 'Open Sans', sans-serif !important;
  letter-spacing: 0px;
}
.textbody3-medium {
  font: normal normal 600 12px/16px 'Open Sans', sans-serif !important;
  letter-spacing: 0px;
}
.textbody3-reguler,
.MuiInputLabel-shrink.MuiInputLabel-outlined.MuiFormLabel-filled,
.MuiInputLabel-outlined.Mui-focused,
.MuiInputLabel-shrink.MuiInputLabel-filled.MuiFormLabel-filled,
.MuiInputLabel-filled.Mui-focused,
.MuiInputLabel-shrink.MuiInputLabel-root.MuiFormLabel-filled,
.MuiInputLabel-root.Mui-focused,
.MuiInputLabel-shrink.MuiInputLabel-root.MuiInputLabel-filled {
  font: normal normal 500 12px/16px 'Open Sans', sans-serif !important;
  letter-spacing: 0px;
}

.subtitle1-medium, .subtitle1-reguler, .subtitle2-medium, .subtitle2-reguler {
  color: var(--onsurface-high-emphasis) !important;
}
.subtitle1-medium,
.MuiInputLabel-outlined,
.MuiOutlinedInput-input,
.MuiFilledInput-input,
.MuiInput-input,
.MuiInputLabel-filled,
.MuiInputLabel-root {
  font: normal normal 600 16px/24px 'Montserrat', sans-serif !important;
  letter-spacing: 0.25px;
}
.subtitle1-reguler {
  font: normal normal 500 16px/24px 'Montserrat', sans-serif !important;
  letter-spacing: 0.25px;
}
.subtitle2-medium {
  font: normal normal 600 14px/20px 'Montserrat', sans-serif !important;
  letter-spacing: 0.25px;
}
.subtitle2-reguler {
  font: normal normal 500 14px/20px 'Montserrat', sans-serif !important;
  letter-spacing: 0.25px;
}

.textbutton {
  color: var(--primary-800) !important;
  font: normal normal 600 14px/20px 'Montserrat', sans-serif !important;
  letter-spacing: 0.25px;
}

.caption, .caption-small {
  color: var(--onsurface-medium-emphasis) !important;
}
.caption {
  font: normal normal 500 12px/16px 'Montserrat', sans-serif !important;
  letter-spacing: 0.25px;
}
.caption-small {
  font: normal normal 500 10px/16px 'Montserrat', sans-serif !important;
  letter-spacing: 0.25px;
}

.overline {
  color: var(--onsurface-medium-emphasis) !important;
  font: normal normal 600 12px/16px 'Open Sans', sans-serif !important;
  letter-spacing: 2px;
}

.texterror {
  color: var(--error) !important;
  font: normal normal normal 12px/16px 'Open Sans', sans-serif !important;
  letter-spacing: 0.25px;
}

.gold-info{margin-top:16px;padding:10px 16px;background-color:#fff}.gold-info--title{padding-bottom:10px;border:2px solid rgba(0,0,0,0);border-bottom-color:#eee}.gold-info--menu{min-width:180px;height:50px;display:flex;justify-content:center;cursor:pointer}.gold-info--menu--checked{border-bottom:4px solid #806624;width:100%;padding-top:14px;padding-bottom:15px}.gold-info--menu--checked>div{color:#806624 !important}.gold-info--menu--unchecked{width:100%;padding-top:14px;padding-bottom:15px;color:rgba(0,0,0,.38) !important}.gold-info--menu--checked:focus{outline:none}.custom-tooltip{padding:12px;box-sizing:border-box;border:2px solid #668054;border-radius:8px;background-color:#f5f5f5;position:relative}.custom-tooltip-label{font-weight:500;font-size:10px;line-height:16px;text-align:center;letter-spacing:.25px;color:rgba(0,0,0,.6)}.pointer-tooltip{position:absolute;border-style:solid;top:50px;border-color:#668054 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-width:10px 10px 0px 10px;margin-left:10px;margin-top:-1px}.pointer-tooltip-background{top:50px;position:absolute;border-style:solid;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-width:10px 10px 0px 10px;margin-left:10px;margin-top:-2.8px}.news-gold{background:#f5f5f5}.app-gold{height:271px;overflow:hidden;background:linear-gradient(#F5F5F5 71px, #DED4B6 71px)}.app-content-gold{text-align:center}.app-content-gold .title{text-align:center}@media screen and (max-width: 991px){.news-gold{background:#f5f5f5 !important}.news-gold:after{background:#f5f5f5;content:"";display:block;height:0px}.app-gold{background:#ded4b6;height:142px;padding-top:17px}.app-content-gold{text-align:left}.app-content-gold .title{text-align:left}}

@media screen and (min-width: 1201px) {
  .home-header {
    padding-top: 80px !important;
  }
}

.pggold--gold-providers {
  display: flex;
}
.pggold--goldprice-container .pggold--goldprice-description {
  color: rgba(255, 255, 255, 0.74);
}

.pggold--indogold-rounded {
  padding: 6px;
  background: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 12px 16px;
}
.pggold--indogold-rounded img {
  margin: 0 !important;
}

/* Kenapa beli emas di bareksa */
.pggold--reasons-to-buy .mlhdsctn3--container > h4 {
  text-align: left;
}

/* CTA Section */
#pggold--cta-container-id {
  padding: 0 140px;
  min-height: 200px;
  position: relative;
}
#pggold--cta-container-id .orimgdes--image {
  position: absolute;
  bottom: 0;
}
#pggold--cta-container-id .pggold--cta-text {
  text-align: center !important;
  color: #59471A;
}
#pggold--cta-container-id .orimgdes--image-container:first-child > .orimgdes--image {
  width: 245px;
  height: 270px;
  left: 90px;
}
#pggold--cta-container-id .orimgdes--image-container:last-child > .orimgdes--image {
  width: 293px;
  height: 217px;
}

/* FAQ Section */
.pggold--faq-container > .section {
  display: flex;
  justify-content: space-between;
}
.pggold--faq-container .collapse-1 {
  margin-top: 0;
}
.pggold--faq-container, .pggold--faq-container .collapse-1 .MuiPaper-root {
  background: #F5F5F5;
}

@media screen and (max-width: 1280px) {
  #pggold--cta-container-id .orimgdes--image {
    width: 220px;
  }
}

@media screen and (max-width: 1200px) {
  #pggold--cta-container-id {
    padding: 0;
  }
  #pggold--cta-container-id > .orimgdes--image-container:first-child > .orimgdes--image {
    left: 1rem;
    width: 195px;
    height: 215px;
  }
  #pggold--cta-container-id > .orimgdes--image-container:last-child > .orimgdes--image {
    right: 1rem;
    width: 230px;
    height: 179px;
  }
  #pggold--cta-container-id .pggold--cta-text {
    font-size: 20px;
  }

  /* FAQ */
  .pggold--faq-container .content-player {
    width: 90% !important;
  }
  .pggold--faq-container .video-2::after, .pggold--faq-container .collapse-1::after {
    content: none;
  }
}

@media screen and (max-width: 1094px) {
  .pggold--faq-container > .section {
    flex-direction: row-reverse;
  }
  .pggold--faq-container .collapse-1 {
    width: 45%;
  }
  .pggold--faq-container .video-2 {
    width: 45%;
  }
}

@media screen and (max-width: 991px) {
  #pggold--cta-container-id .pggold--cta-text {
    font-size: 18px;
  }
  #pggold--cta-container-id .orimgdes--image {
    width: 180px;
  }

  /* FAQ */
  .pggold--faq-container .content-player {
    height: 220px !important;
  }
}

@media screen and (max-width: 768px) {
  #pggold--cta-container-id .pggold--cta-text {
    font-size: 16px;
    margin-bottom: 1rem;
    color: rgba(0, 0, 0, 0.87);
    text-align: left !important;
    font-size: 20px;
  }
  #pggold--cta-container-id {
    min-height: 144px;
    display: flex;
  }
  #pggold--cta-container-id > div:nth-child(2) {
    width: 20%;
    min-width: 120px;
  }
  #pggold--cta-text-container {
    width: 80%;
    margin: 0 32px;
  }
  #pggold--cta-container-id .orimgdes--image-container:last-child > .orimgdes--image {
    width: 112.52px;
    height: 124px;
  }
  #pggold--cta-container-id .pgrobo--download-buttons-container-centered {
    justify-content: flex-start;
  }
  #pggold--cta-container-id .pgrobo--download-buttons-container img {
    height: 32px;
    width: 108px;
    margin-right: 8px;
  }
}

@media screen and (max-width: 700px) {
  /* FAQ */
  .pggold--faq-container > .section {
    flex-direction: column;
  }
  .pggold--faq-container .collapse-1, .pggold--faq-container .video-2 {
    width: 100%;
  }
  .pggold--faq-container .content-player {
    width: calc(100% - 36px) !important;
    height: 50vw !important;
  }
  .pggold--faq-container .collapse-1 {
    margin-top: 36px;
  }
}

@media screen and (max-width: 576px) {
  #pggold--container .pgrobo--download-buttons-container img {
    height: 32px;
    width: auto;
  }
  #pggold--cta-container-id {
    min-height: 142px;
  }
  #pggold--cta-container-id > .orimgdes--image-container:first-child > .orimgdes--image:first-child {
    display: none;
  }
  #pggold--cta-container-id > .orimgdes--image-container:last-child > .orimgdes--image:first-child {
    right: 0;
    width: 164px;
    height: 124px;
    width: 112.52px;
  }
  #pggold--cta-text-container {
    width: 100%;
    margin: auto 17px;
  }
  #pggold--cta-container-id .pggold--cta-text {
    font-size: 14px;
  }
  #pggold--cta-container-id > div:nth-child(2) {
    width: 20%;
    min-width: 100px;
  }

  .pggold--reasons-to-buy .mlhdsctn3--container > h4 {
    font-size: 20px;
    line-height: 26px;
  }

  /* FAQ */
  .pggold--faq-container .content-player {
    width: calc(100% - 16px) !important;
  }
  #pggold--container .pggold--faq-container {
    padding-right: 16px;
  }
}

@media screen and (max-width: 375px) {
  #pggold--cta-container-id .pgrobo--download-buttons-container img {
    height: 24px;
    width: 78.28px;
  }
  #pggold--cta-container-id .pggold--cta-text {
    font-size: 12px;
  }
  #pggold--cta-container-id > div:nth-child(2) {
    min-width: 0;
  }
}
[data-color=green-600]{color:var(--green-600)}[data-margin-right="4px"]{margin-right:4px}[data-margin-right="12px"]{margin-right:12px}.reksadana-header{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:80px;margin-bottom:25px;overflow:hidden}.reksadana-header__intro-apps{margin-top:54px}.reksadana-header__intro-hero{font-weight:600;font-size:30px;line-height:40px;letter-spacing:.5px}.reksadana-header__intro-description{margin-top:24px}.reksadana-header__intro-caption{font-size:16px;line-height:24px}.reksadana-header__intro-button{text-decoration:underline}.reksadana-header__intro-button :hover{cursor:pointer}.reksadana-header__intro{height:256px;width:466px}.reksadana-header__ojk{align-items:center;display:flex;margin-top:24px}.reksadana-header__ojk-label{margin-right:8px;width:188px;text-align:right}.reksadana-header__sliders,.reksadana-header__sliders2{height:390px;margin-right:65px;padding-top:10px;width:588px}.reksadana-header__sliders-item,.reksadana-header__sliders2-item{top:10px;height:370px}.reksadana-header__sliders-item div,.reksadana-header__sliders2-item div{height:306px;border-radius:8px;overflow:hidden;text-align:center;margin:auto;max-width:541px}.reksadana-header__sliders-item div img,.reksadana-header__sliders2-item div img{border-radius:8px;width:100%}.reksadana-header__sliders .slick-list,.reksadana-header__sliders2 .slick-list{transform:translateX(23px)}.reksadana-header__sliders .slick-prev,.reksadana-header__sliders .slick-next,.reksadana-header__sliders2 .slick-prev,.reksadana-header__sliders2 .slick-next{background-color:rgba(0,0,0,.1)}.reksadana-header__sliders .slick-prev,.reksadana-header__sliders2 .slick-prev{transform:translate(8px, -50px)}.reksadana-header__sliders .slick-next,.reksadana-header__sliders2 .slick-next{transform:translate(36px, -50px)}.reksadana-awards{background:var(--green-050)}.reksadana-awards--mobile{display:none}.reksadana-awards .section{display:block;flex-wrap:wrap;justify-content:space-between;overflow:hidden}.reksadana-awards-left{width:100%}.reksadana-awards-left-content{background:var(--green-050);border-radius:0px 150px 150px 0px;padding:48px 0px;width:100%;overflow:hidden}.reksadana-awards-left-wrapper{display:flex;height:100%;overflow:hidden}.reksadana-awards-left--item{width:273px;cursor:pointer;padding:20px 35px 10px 35px;margin-right:24px}.reksadana-awards-left--item:last-of-type{margin-right:0px}.reksadana-awards-right{width:100%;padding-bottom:48px}.reksadana-awards-right-wrapper{display:flex;justify-content:center}.reksadana-awards-right-item{display:flex;width:111px;margin-right:32px}.reksadana-awards-right-item:last-of-type{margin-right:0px}.reksadana-awards-right-item span{margin:auto}.home-simulation{min-height:564px;padding:80px 0px;overflow:hidden}.home-simulation .section>.title{margin-bottom:32px}.home-simulation-wrapper{display:flex;flex-wrap:wrap}.home-simulation-wrapper .recharts-tooltip-wrapper{display:none !important}.home-simulation--form{margin-right:88px;width:312px}.home-simulation--form-group{margin-bottom:42px}.home-simulation--form-group-input{height:50px;margin:8px 0px;position:relative}.home-simulation--form-group-input label,.home-simulation--form-group-input input{color:var(--onsurface-high-emphasis);font-family:"Montserrat",sans-serif;font-size:22px;font-weight:600;letter-spacing:0;line-height:28px}.home-simulation--form-group-input label{color:var(--onsurface-medium-emphasis);font-weight:400;position:absolute;transform:translate(12px, 11px)}.home-simulation--form-group-input input{border-radius:8px;border:2px solid #ededed;height:100%;padding-left:44px;width:100%}.home-simulation--form-group-inputmobile .MuiTextField-root{width:100% !important}.home-simulation--form-group-inputmobile .MuiFormLabel-root.Mui-focused{color:var(--primary-500)}.home-simulation--result{width:calc(100% - 312px - 88px)}.home-simulation--result-chart .recharts-text.recharts-cartesian-axis-tick-value{color:var(--onsurface-medium-emphasis);font-family:"Montserrat",sans-serif;font-size:10px;letter-spacing:.4px;line-height:12px}.home-simulation--result-chart .recharts-cartesian-axis-line,.home-simulation--result-chart .recharts-cartesian-grid-horizontal>line{stroke:#f5f5f5}.home-simulation--result-chart .simulation-tooltip{background:#f5f5f5;height:155px;padding:12.3px 14.61px 24.7px 12.39px;width:176px}.home-simulation--result-chart .recharts-active-dot circle{fill:var(--onprimary-high-emphasis);stroke:var(--green-600);r:5.5px;stroke-width:2px}.home-simulation--result-chart .recharts-line+.recharts-active-dot circle{stroke:var(--violet-600);stroke-width:2px}.home-simulation--result-chart .recharts-curve.recharts-tooltip-cursor{stroke:var(--black-cool-400);stroke-width:2px}.home-simulation--result-chart .recharts-curve.recharts-area-area{background:red !important;transform:translateY(-300)}.home-simulation--result-saving{display:flex;margin-bottom:32px}.home-simulation--result-saving-item:nth-child(1){border-left:4px solid var(--violet-600);margin-right:20px;padding-left:8px;width:161px}.home-simulation--result-saving-item:nth-child(2){border-left:4px solid var(--green-600);padding-left:10px}.home-simulation--result-saving-item:nth-child(2)>div>svg{font-size:14.5px;transform:translate(3px, 3px)}.home-news{background:var(--teal-100);height:548px;padding:80px 0px}.home-news-container{display:flex;justify-content:space-between}.home-news-wrapper{background:var(--onprimary-high-emphasis);border-radius:8px;padding:16px 16px 24px 16px;width:360px}.home-news-wrapper:not(:last-child){margin-right:40px}.home-news-header{margin-bottom:32px}.home-news-header .see-all{float:right;width:auto}.home-news-header .desktop{text-decoration:none;color:var(--primary-700)}.home-news-header .mobile{display:none;color:var(--onsurface-medium-emphasis);font-size:16px;transform:translate(10px, 4px)}.home-news-item{display:flex;text-decoration:none}.home-news-item--image{border-radius:4px;height:64px;margin-right:16px;overflow:hidden;width:64px}.home-news-item--image .lazy-load-image-background{width:100%;height:100%}.home-news-item--image img{width:100%;height:100%;object-fit:cover}.home-news-item--image-populer{font-size:42px !important;letter-spacing:0px !important;line-height:48px !important;color:var(--magenta-200) !important}.home-news-item--text{width:calc(100% - 16px - 64px)}.home-news-item--text .title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.border{border:1px solid #000}.dis-none{display:none}.dis-block{display:block}.mlvidone--video-title{font-size:24px;line-height:32px;font-weight:600;margin-bottom:1rem}@media screen and (max-width: 1200px){.reksadana-header{padding:0 50px;padding-top:42px}.reksadana-header__intro{width:450px}.reksadana-header__sliders,.reksadana-header__sliders2{width:458px}.reksadana-header__sliders-item div,.reksadana-header__sliders2-item div{height:250px}.reksadana-header__sliders .slick-prev,.reksadana-header__sliders2 .slick-prev{transform:translate(8px, -80px)}.reksadana-header__sliders .slick-next,.reksadana-header__sliders2 .slick-next{transform:translate(36px, -80px)}.reksadana-header__sliders .slick-dots,.reksadana-header__sliders2 .slick-dots{transform:translate(22px, -45px)}.home-simulation{padding-left:50px;padding-right:50px}.home-news{height:auto;overflow:scroll;padding:36px 0px;scrollbar-color:#fff #fff;scrollbar-width:none}.home-news::-webkit-scrollbar{display:none}.home-news-container{padding-left:50px;width:1160px}}@media screen and (max-width: 1094px){.reksadana-awards .section{height:310px}.reksadana-awards-left-content{align-items:center;display:flex;height:310px;justify-content:center}.reksadana-awards-left-wrapper{height:auto}.reksadana-awards-left--item{padding:31px 35px 15px 35px;width:280px}.reksadana-awards-left--item:nth-child(1){padding:10px 35px 15px 35px}.reksadana-awards-right{padding-right:50px}}@media screen and (max-width: 1073px){.reksadana-header{justify-content:center;margin-top:0}.reksadana-header__intro{margin-bottom:40px;text-align:center;width:575px}.reksadana-header__intro h1,.reksadana-header__intro div{text-align:center}.reksadana-header__intro h2{font-size:60px !important;text-align:center}.reksadana-header__sliders,.reksadana-header__sliders2{padding-top:40px;margin-bottom:-10px;margin-right:48px;width:644.7px}.reksadana-header__sliders .slick-list,.reksadana-header__sliders2 .slick-list{width:544.7px;margin:auto}.reksadana-header__sliders-item,.reksadana-header__sliders2-item{height:380px;max-width:100%}.reksadana-header__sliders-item div,.reksadana-header__sliders2-item div{height:auto;width:100%}.reksadana-header__sliders-item img,.reksadana-header__sliders2-item img{height:auto;width:100%}.reksadana-header__sliders .slick-prev,.reksadana-header__sliders2 .slick-prev{transform:translate(11px, -50px)}.reksadana-header__sliders .slick-next,.reksadana-header__sliders2 .slick-next{transform:translate(33px, -50px)}.reksadana-header__sliders .slick-dots,.reksadana-header__sliders2 .slick-dots{transform:translate(-20px, -8px)}}@media screen and (max-width: 991px){.reksadana-header{margin-top:56px}.home-awards-right-item>span{margin-left:auto;margin-right:auto}.home-awards .section{align-items:center;padding:0px}.home-awards-left--item:nth-child(1){padding:14px 35px 15px 35px}.home-simulation{padding:0px 50px}.home-simulation .section{padding-bottom:32px;padding-top:32px}.home-simulation--form{display:flex;justify-content:space-around;max-width:552px;width:100%}.home-simulation--form-group{width:258px}.home-simulation--form-group:nth-child(1){margin-right:36px}.home-simulation--result{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.home-simulation--result-chart,.home-simulation--result-description,.home-simulation--result-caption{width:100%}.home-simulation--result-chart{order:1;margin:-17px 0px 17px 0px;min-height:224px}.home-simulation--result-description{order:2}.home-simulation--result-caption{margin-top:16px;order:3}.home-simulation--result-saving{margin:-4px 0px -1px 0px}}@media screen and (max-width: 768px){.reksadana-header{display:flex;flex-wrap:wrap;justify-content:center;margin-top:32px;padding-top:0px;padding-left:32px;padding-right:32px;overflow:hidden}.reksadana-header__intro-hero{font-weight:600;font-size:30px;line-height:40px;letter-spacing:.5px;text-align:center}.reksadana-header__intro-caption{font-size:16px;line-height:24px;text-align:left}.reksadana-header__intro-apps{margin-top:24px;margin-bottom:24px}.reksadana-header__intro-button{text-decoration:underline}.reksadana-header__intro-button :hover{cursor:pointer}.reksadana-header__intro{height:256px;width:466px;text-align:center}.reksadana-header__ojk{align-items:center;display:flex;margin-top:24px}.reksadana-header__ojk-label{margin-right:8px;width:150px}.reksadana-header__sliders,.reksadana-header__sliders2{height:390px;margin-right:65px;padding-top:10px;width:588px}.reksadana-header__sliders-item,.reksadana-header__sliders2-item{top:10px;height:370px}.reksadana-header__sliders-item div,.reksadana-header__sliders2-item div{height:306px;border-radius:8px;overflow:hidden;text-align:center;margin:auto;max-width:541px}.reksadana-header__sliders-item div img,.reksadana-header__sliders2-item div img{border-radius:8px;width:100%}.reksadana-header__sliders .slick-list,.reksadana-header__sliders2 .slick-list{transform:translateX(23px)}.reksadana-header__sliders .slick-prev,.reksadana-header__sliders .slick-next,.reksadana-header__sliders2 .slick-prev,.reksadana-header__sliders2 .slick-next{background-color:rgba(0,0,0,.1)}.reksadana-header__sliders .slick-prev,.reksadana-header__sliders2 .slick-prev{transform:translate(8px, -50px)}.reksadana-header__sliders .slick-next,.reksadana-header__sliders2 .slick-next{transform:translate(36px, -50px)}.reksadana-header__sliders,.reksadana-header__sliders2{height:383px}.reksadana-header__sliders-item,.reksadana-header__sliders2-item{height:auto}.reksadana-header__sliders-item div,.reksadana-header__sliders-item div>img,.reksadana-header__sliders2-item div,.reksadana-header__sliders2-item div>img{border-radius:0px}.reksadana-header__sliders .slick-dots,.reksadana-header__sliders2 .slick-dots{display:block;transform:translate(16px, -6px);text-align:center;width:calc(100% + 17px)}.reksadana-header__sliders .slick-dots,.reksadana-header__sliders2 .slick-dots{display:block;transform:translate(-12px, 46px);text-align:center;width:calc(100% + 17px);left:32px}.reksadana-header__sliders .slick-dots li,.reksadana-header__sliders2 .slick-dots li{width:6px}.reksadana-header__sliders .slick-dots li button:before,.reksadana-header__sliders2 .slick-dots li button:before{font-size:40px;margin-top:20px}.home-news-container{padding-left:32px;padding-right:32px;max-width:1232px;width:1232px}.home-simulation{padding-left:32px;padding-right:32px;padding-bottom:60px;padding-top:112px}.home-simulation .section{padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px}.home-news+section .collapse-1:after,.home-news+section .video-1:after{height:8px}.home-news+section>div{padding:32px 0px 0px !important}.home-news+section>div .collapse-1>h5,.home-news+section>div .collapse-1>h2,.home-news+section>div .video-1>h5,.home-news+section>div .video-1>h2{font-size:20px;line-height:26px;letter-spacing:.25px}.reksadana-awards .section{height:auto;align-items:center}.reksadana-awards-left{width:100%}.reksadana-awards-left-wrapper{flex-wrap:wrap;justify-content:center;padding-right:0px}.reksadana-awards-left-content{height:auto;padding:32px 0px;width:100%}.reksadana-awards-left--item{width:272px;padding:30px 35px 25px 35px}.reksadana-awards-right{padding:0 0 32px 0;width:100%}.reksadana-awards-right-item{margin-right:0px}.reksadana-awards-left--item:nth-child(2n){margin-right:0px}.reksadana-awards-left--item:nth-child(1),.reksadana-awards-left--item:nth-child(2){margin-bottom:24px}}@media screen and (max-width: 576px){.reksadana-header{padding:0;background-image:none;height:auto;margin-top:0;margin-bottom:4px;overflow:hidden}.reksadana-header__intro-title{font-size:16px;text-align:left}.reksadana-header__intro{height:auto;margin-bottom:0px;margin-top:-26px;order:1;padding-left:16px;padding-right:16px;text-align:center}.reksadana-header__intro-description:nth-child(1){margin-top:0px}.reksadana-header__intro-description:nth-child(2){margin-top:16px}.reksadana-header__intro-hero{line-height:40px;letter-spacing:.5px;font-weight:600;font-size:30px;font-weight:600;font-size:30px;line-height:40px;letter-spacing:.5px;text-align:center}.reksadana-header__intro-hero-emas{line-height:28px;letter-spacing:.25px;font-weight:600;font-size:20px}.reksadana-header__intro-caption{line-height:16px;letter-spacing:.25px;font-weight:500;font-size:12px;font-family:"Montserrat",sans-serif;margin-bottom:24px !important}.reksadana-header__intro-caption div{margin-right:0 !important;display:inline-block !important}.reksadana-header__intro-apps,.reksadana-header__intro h2,.reksadana-header__intro div{text-align:center}.reksadana-header__intro h2{font-size:30px !important;line-height:40px}.reksadana-header__ojk{display:flex;align-items:center;justify-content:center;margin-top:0px}.reksadana-header__ojk-label{margin-right:8px;width:auto}.reksadana-header__sliders,.reksadana-header__sliders2{padding-top:10px;padding-right:0px;height:auto;margin:0;width:100%}.reksadana-header__sliders .slick-list,.reksadana-header__sliders2 .slick-list{margin:0px;transform:translateX(0px);width:100%}.reksadana-header__sliders-item,.reksadana-header__sliders2-item{height:auto}.reksadana-header__sliders-item div,.reksadana-header__sliders-item div>img,.reksadana-header__sliders2-item div,.reksadana-header__sliders2-item div>img{border-radius:0px;height:auto}.reksadana-header__sliders .slick-dots,.reksadana-header__sliders2 .slick-dots{display:block;transform:translate(-12px, 46px);text-align:center;width:calc(100% + 17px);left:0}.reksadana-header__sliders .slick-dots li,.reksadana-header__sliders2 .slick-dots li{width:6px}.reksadana-header__sliders .slick-dots li button:before,.reksadana-header__sliders2 .slick-dots li button:before{font-size:21px;margin-top:0px}.reksadana-awards{display:none;background:none}.reksadana-awards--desktop{display:none}.reksadana-awards--mobile{display:inline}.reksadana-awards-left{padding-bottom:0px;width:100%}.reksadana-awards-left-content{background:var(--onprimary-high-emphasis);border-radius:0px;display:block;height:174px;overflow:auto;padding-bottom:0px;padding-top:16px;width:100%;scrollbar-color:#fff #fff;scrollbar-width:none}.reksadana-awards-left-content::-webkit-scrollbar{display:none}.reksadana-awards-left-wrapper{margin-bottom:0px;padding-left:22px;padding-right:22px;overflow-x:scroll;width:fit-content;flex-wrap:unset;border-bottom:8px solid #f4f4f4}.reksadana-awards-left--item{padding:20px 35px 25px 35px}.reksadana-awards-right{padding:44px 32px 0px 0px}.reksadana-awards-right-wrapper{flex-wrap:wrap;margin-top:32px}.reksadana-awards-right-item{width:33.3333333333%}.reksadana-awards-left--item:nth-child(1),.reksadana-awards-left--item:nth-child(2){margin-bottom:8px}.home-news{background:var(--onprimary-high-emphasis);padding:0px}.home-news:before,.home-news:after{background:#f4f4f4;content:"";display:block;height:8px;max-width:929px;width:929px}.home-news-container{padding-left:0px;max-width:929px;width:929px}.home-news-wrapper{padding-right:0px;width:287px}.home-news-wrapper:not(:last-child){margin-right:16px}.home-news-header{margin-bottom:29px}.home-news-header h6{font-size:16px;font-weight:500;letter-spacing:.25px;line-height:24px}.home-news-header .mobile{display:inline}.home-news-header .desktop{display:none}.home-news-item--text>.title{font-size:14.79px;font-weight:600;letter-spacing:.1px;line-height:24px}.home-news+section .collapse-1:after{height:8px;transform:translateY(8px);width:calc(100% + 16px)}.home-simulation{padding:40px 16px 48px 16px}.home-simulation .section{padding:0px 0px 0px 0px}.home-simulation .section .title{margin-bottom:21px}.home-simulation--form{display:block;margin-right:0px}.home-simulation--form-group{margin-bottom:22px !important;width:100%}.home-simulation--form-group-input label{color:var(--onsurface-high-emphasis);font-size:16px;font-weight:600}.home-simulation--form-group-input input{border-radius:3px;border-width:1px;font-size:16px;padding-left:38px}.home-simulation--result-chart{margin:3px -16px 11px -22px;min-height:222px;width:calc(100% + 25px)}.home-simulation--result-saving-item:nth-child(1),.home-simulation--result-saving-item:nth-child(2){border-left-width:2px;margin-right:5px;padding-left:8px}.home-simulation--result .recharts-text.recharts-cartesian-axis-tick-value{font-size:8px;letter-spacing:.32px;line-height:10px}.home-news+section{padding-left:16px;padding-bottom:8px}.home-news+section>div{padding:20px 0px 0px}}@media screen and (max-width: 320px){.dis-block{display:block}.dis-none{display:none}.reksadana-header__intro a{margin-top:5px}.reksadana-header__intro a img{margin-right:9px !important}.reksadana-header__intro a:last-child img{margin-right:0px !important}}
#pghtbuy--header_container {
  position: fixed;
  z-index: 30;
  width: 100%;
}
.pghtbuy--container > h1 {
  font-size: 48px;
  font-weight: 600;
  width: 90%;
  max-width: 1160px;
  margin: 0 auto;
}
.pghtbuy--container > h1 {
  font-size: 48px;
}
.pghtbuy--container .atbrdcrmb--container {
  padding-top: 90px;
}
.pghtbuy--container .orlibimgtxt--container .mlttldes--title + div strong {
  color: var(--onsurface-high-emphasis);
  font-weight: 800;
}
.pghtbuy--container .pghtbuy--download-link {
  text-decoration: none;
  width: fit-content;
  display: none;
}

@media screen and (max-width: 991px) {
  .pghtbuy--container .atcdbn--container * {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .pghtbuy--container .atcdbn--container {
    text-align: left;
  }
  .pghtbuy--container .pghtbuy--download-link {
    display: inherit;
  }
}

@media screen and (max-width: 576px) {
  .pghtbuy--container > h1 {
    font-size: 30px;
    line-height: 40px;
    margin: 12px auto 48px auto;
  }
  .pghtbuy--container .atcdbn--container > .atcdbn--text {
    text-align: left;
  }
  .pghtbuy--container .atbrdcrmb--container {
    padding-top: 100px;
  }
}
.orprcinfo--wrapper {
  background: #4F5859;
  min-height: 308px;
}
.orprcinfo--container {
  max-width: 1144px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 72px 109px 56px 109px;
  height: 100%;
}
.orprcinfo--container h4 {
  color: #FFFFFF;
  margin-bottom: 8px;
}
.orprcinfo--left-container {
  align-self: start;
  margin-right: 148px;
}
.orprcinfo--left-container .mlttldes--title + div {
  margin-bottom: 30px;
}
.orprcinfo--gold-info {
  color: rgba(255, 255, 255, 0.74);
  margin-bottom: 12px;
  font-size: 12px;
}
.orprcinfo--image-container {
  display: flex;
}
.orprcinfo--image-container .mlimgblt--container > div:nth-child(2) {
  color: #FFFFFF;
}
.orprcinfo--image-container .mlimgblt--container:first-child {
  margin-right: 1rem;
}

@media screen and (max-width: 1200px) {
  .orprcinfo--wrapper {
    padding: 48px 50px;
  }
  .orprcinfo--container {
    display: initial;
    padding: 0;
  }
  .orprcinfo--right-container > .mlbuysel--container:last-child {
    margin-bottom: 0;
  }
  .orprcinfo--left-container > div > h4, .orprcinfo--left-container > div > div {
    text-align: center;
  }
  .orprcinfo--image-container {
    justify-content: center;
  }
  .orprcinfo--left-container {
    margin-right: 0;
    margin-bottom: 24px;
  }
  .orprcinfo--right-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .orprcinfo--wrapper {
    padding: 48px 32px;
  }
  .orprcinfo--gold-info {
    font-size: 10px;
  }
}

@media screen and (max-width: 576px) {
  .pggold--testimoni-container .mlhdsctn3--container .title {
    text-align: left;
    font-size: 20px;
  }
  .orprcinfo--left-container .mlttldes--title {
    font-size: 20px;
  }
  .orprcinfo--left-container {
    width: 243px;
    margin: 0 auto 24px auto;
  }
  .orprcinfo--left-container .mlttldes--title + div {
    font-size: 12px;
    margin-bottom: 24px;
  }
  .orprcinfo--left-container > div:first-child > div {
    text-align: left;
    padding: 0 .75rem;
  }
  .orprcinfo--image-container .orprcinfo--image-container div {
    font-weight: 500;
  }
}
.mlbuysel--container {
  display: flex;
  align-items: center;
  width: 444px;
  height: 64px;
  background: #E4EAEB;
  border-radius: 4px;
  margin-bottom: 32px;
}
.mlbuysel--container .mlimgblt--container > div:first-child img {
  margin: 12px 16px;
}
.mlbuysel--container .mlimgblt--container > div:nth-child(2) {
  width: 100px;
  margin-right: 50px; 
}
.mlbuysel--gold-price {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.87) !important;
}
.mlbuysel--gold-price span {
  font-size: 10px;
  font-weight: 500;
  margin-left: 4px;
}
.mlbuysel--gold-price, .mlbuysel--gold-price span {
  height: 16px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 576px) {
  .mlbuysel--container {
    display: initial;
    width: 75%;
    height: 116px;
  }
  .mlbuysel--container > div:nth-child(2) {
    margin: 0 16px 16px 16px;
  }
}

@media screen and (max-width: 400px) {
  .mlbuysel--container {
    width: 100%;
  }
}
.mlsbstxt--container {
  display: flex;
}
.mlsbstxt--container .mlsbstxt--text-container:first-child {
  min-width: 80px;
}
.mlsbstxt--divider {
  width: 1px;
  min-height: 36px;
  height: 100%;
  background: rgba(0, 0, 0, 0.87);
  opacity: 0.12;
  margin: 0 1rem;
}
.mlsbstxt--text-container .mlttldes--title {
  font-size: 10px;
  margin: 0;
  color: rgba(0, 0, 0, 0.6);
  height: 16px;
  display: flex;
  align-items: center;
}
.mlsbstxt--description {
  font-size: 12px;
}

.orimgdes--component-wrapper {
  background: #F2F5F5;
}

.orimgdes--container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 281px;
  padding: 0 258px;
  max-width: 1440px;
  margin: 0 auto;
}

.orimgdes--container-teal {
  background: var(--teal-800);
}
.orimgdes--container-brown100 {
  background: #E8E2D1;
}

.orimgdes--container > div {
  min-width: 210px;
  margin-right: 1.5rem;
}

@media screen and (max-width: 1280px) {
  .orimgdes--container {
    padding: 0 158px;
  }
  .orimgdes--image {
    width: 100%;
  }
}

@media screen and (max-width: 992px) {
  .orimgdes--container {
    padding: 2rem 100px;
  }
}

@media screen and (max-width: 768px) {
  .orimgdes--container {
    display: inherit;
  }
  .orimgdes--container > div {
    width: 100%;
  }
  .orimgdes--image-container {
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width: 585px) {
  .orimgdes--container {
    padding: 2rem 1.5rem;
  }
}
.orlibimgtxt--container {
  max-width: 1160px;
  width: 90%;
  margin: 0 auto;
}
.orlibimgtxt--container > div {
  display: flex;
  margin-bottom: 80px;
}
.orlibimgtxt--container > div > div:first-child {
  margin-right: 32px;
  min-width: 64px;
}
.orlibimgtxt--container > div > div:nth-child(3) {
  margin-right: 24px;
}
.orlibimgtxt--container > div > div:not(:nth-child(3)) {
  margin-top: 4rem;
}
.orlibimgtxt--bullet-list > h4 {
  width: fit-content;
  color: rgba(79, 88, 89, 0.65);
  font-size: 30px;
}
.orlibimgtxt--bullet-list {
  width: 64px;
  height: 64px;
  background: #E4EAEB;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.orlibimgtxt--bullet-list + div, .orlibimgtxt--container .orlibimgtxt--mobile-info {
  display: none;
}
.orlibimgtxt--image_container {
  padding: 0px 30px;
}

@media screen and (max-width: 576px) {
  .orlibimgtxt--header-mobile {
    display: flex;
    align-items: center;
  }
  .orlibimgtxt--bullet-list {
    width: 44px;
    height: 44px;
    min-width: 44px;
    margin-right: 1rem;
  }
  .orlibimgtxt--bullet-list > h4 {
    font-size: 24px;
  }
  .orlibimgtxt--bullet-list + div, .orlibimgtxt--container .orlibimgtxt--mobile-info {
    display: inherit;
  }
  .orlibimgtxt--container > div {
    display: inherit;
    margin-bottom: 48px;
  }
  .orlibimgtxt--container > div .orlibimgtxt--desktop-info {
    display: none;
  }
  .orlibimgtxt--container > div > div:not(:nth-child(3)) {
    margin: 0 0 24px 0;
  }
  .orlibimgtxt--container > div > div:nth-child(3) {
    display: flex;
    justify-content: center;
  }
}
.faq-sbn{background:#f5f5f5}.faq-sbn>.section{height:auto;padding-bottom:0px;padding:64px 0}.faq-sbn .collapse-1 h5{margin-bottom:8px}.faq-sbn .collapse-1 a{margin-bottom:16px !important}.faq-sbn .collapse-1 div .MuiExpansionPanel-root{background:#f5f5f5}.faq-sbn .collapse-1 div .MuiExpansionPanelSummary-expandIcon{width:24px}.faq-sbn .video-1 h5,.faq-sbn .video-2 h5{margin-bottom:32px}.news-sbn{background:#f5f5f5}.app-sbn{height:271px;overflow:hidden}.app-content-sbn{text-align:left}.app-content-sbn .title{text-align:left}@media screen and (max-width: 1094px){.faq-sbn{padding-right:50px}.faq-sbn .section{padding:50px 0px 0px}.faq-sbn .collapse-1{margin-top:0px;order:0;width:calc(100% - 541px - 50px + 50px)}.faq-sbn .video-1 iframe,.faq-sbn .video-2 iframe{height:23vw}.faq-sbn .video-1 .content,.faq-sbn .video-2 .content{margin-bottom:0px}.faq-sbn .video-1,.faq-sbn .video-2,.faq-sbn .collapse-1{width:47%}}@media screen and (max-width: 768px){.news-sbn{background:#fff !important}.news-sbn:after{background:#f5f5f5;content:"";display:block;height:8px}.app-sbn{background:linear-gradient(#F5F5F5 71px, #D3E0DC 71px);height:142px;padding-top:17px}.faq-sbn{padding-right:32px}.faq-sbn>.section{padding:24px 0px}.faq-sbn .collapse-1{width:54%}.faq-sbn .collapse-1 .headline{margin-bottom:6px}.faq-sbn .collapse-1 .headline+a{display:none}.faq-sbn .collapse-1 a+div{margin-top:6px;margin-bottom:0px}.faq-sbn .collapse-1 div .MuiExpansionPanel-root:not(:last-child){margin-bottom:24px}.faq-sbn .collapse-1 .MuiExpansionPanel-root:before{display:none}.faq-sbn .collapse-1 .MuiExpansionPanel-root.Mui-expanded{margin:0px}.faq-sbn .collapse-1 .MuiExpansionPanelSummary-root,.faq-sbn .collapse-1 .MuiExpansionPanelSummary-root.Mui-expanded{height:43px;min-height:43px}.faq-sbn .collapse-1 .MuiExpansionPanelSummary-expandIcon{margin-top:-16px}.faq-sbn .collapse-1 .MuiExpansionPanelDetails-root{padding-bottom:0px;padding-top:16px}.faq-sbn .video-1{margin-top:33px;width:43%}.faq-sbn .video-1 h2:not(.mlvidone--video-title),.faq-sbn .video-1 h2+a{display:none}.faq-sbn .video-1 .content{height:22.4vw}.faq-sbn .video-1 .content>iframe{height:22.4vw !important}.faq-sbn .video-2{margin-top:0px;width:43%}.faq-sbn .video-2 h6,.faq-sbn .video-2 h6+a{display:none}.faq-sbn .video-2 .content{height:22.4vw}.faq-sbn .video-2 .content>iframe{height:22.4vw !important}}@media screen and (max-width: 576px){.faq-sbn{padding-right:16px}.faq-sbn>.section{padding:13px 0px 0px}.faq-sbn .collapse-1{padding-right:6px;order:1;width:calc(100% + 10px)}.faq-sbn .collapse-1 a+div{margin-bottom:0px}.faq-sbn .collapse-1 div .MuiExpansionPanel-root:not(:last-child){margin-bottom:0px}.faq-sbn .collapse-1 .MuiExpansionPanelSummary-root,.faq-sbn .collapse-1 .MuiExpansionPanelSummary-root.Mui-expanded{height:auto;min-height:43px}.faq-sbn .collapse-1 .MuiExpansionPanelSummary-expandIcon{margin-top:0px}.faq-sbn .collapse-1 .MuiExpansionPanelDetails-root{padding-bottom:3px;padding-top:1px}.faq-sbn .video-1,.faq-sbn .video-2{margin-bottom:6px;margin-top:0px;width:100%}.faq-sbn .video-1 .content,.faq-sbn .video-2 .content{height:50vw}.faq-sbn .video-1 .content>iframe,.faq-sbn .video-2 .content>iframe{height:50vw !important}}
#pgsbn--container .orlifrclmn--container {
  background: #F2F5F5;
}
#pgsbn--container .orlifrclmn--container-emas {
  background: #F2F5F5;
}
#pgsbn--container .orlifrclmn--container-emas::after {
  content: none;
}
#pgsbn--container .orlifrclmn--container-emas h2.title {
  font-size: 30px;
  text-align: left;
}
#pgsbn--container > .faq-sbn, #pgsbn--container > .faq-sbn .collapse-1 div .MuiExpansionPanel-root {
  background: #FFFFFF;
}
#pgsbn--container > .faq-sbn .collapse-1 .headline, #pgsbn--container > .faq-sbn .mlvidone--video-title {
  font-size: 30px;
  line-height: 40px;
}
#pgsbn--container > .faq-sbn .mlvidone--video-title {
  font-weight: 600;
  margin-bottom: 1rem;
}
#pgsbn--container .orstcrd1--container .MuiAvatar-root > h5, #pgsbn--container .orstcrd1--container .MuiAvatar-root > h4 {
  color: rgba(79, 88, 89, 0.65);
}
#pgsbn--sbn-card, #pgsbn--sbn-card-single {
  background: linear-gradient(to bottom, var(--onprimary-high-emphasis) 20% 50%, var(--black-cool-050) 20%);
}
#pgsbn--sbn-card > div {
  display: grid;
  gap: 70px;
  max-width: 1144px;
  margin: 0 auto;
  grid-template-columns: 1fr 1fr;
}
#pgsbn--sbn-card > div > .orcrdlrg--wrapper {
  width: 100%;
}
#pgsbn--sbn-card > div .orcrdlrg--card-container {
  width: 100%;
}
#pgsbn--sbn-card .orcrdlrg--info-container-v2 > div:not(.orcrdlrg--info-divider-v2) {
  width: 50%;
}
#pgsbn--sbn-card .orcrdlrg--info-container-v2 > div:nth-child(-n+2) {
  margin-bottom: 32px;
}
#pgsbn--sbn-card .orcrdlrg--info-container-v2 {
  flex-wrap: wrap;
}
#pgsbn--sbn-card .orcrdlrg--info-container-unreleased {
  justify-content: space-between;
}
#pgsbn--sbn-card .orcrdlrg--info-container-released .card-info-v2:nth-child(odd),
#pgsbn--sbn-card .orcrdlrg--info-container-v2 .card-info-v2:nth-child(1) {
  border-right: 1px solid #E9EAEA;
  width: 45%;
}
#pgsbn--sbn-card .orcrdlrg--cta-container {
  justify-content: flex-end;
}

/* BottomBanner */
#pgsbn--container .app-sbn > div > div:nth-child(2) {
  padding-top: 0;
  align-items: center;
}
#pgsbn--container .app-sbn {
  overflow: visible;
  margin-bottom: 31px;
  /*background: #D7E0E0 !important;*/
}
#pgsbn--container .app-sbn > div > div:nth-child(2) > a {
  background: url("https://storage.googleapis.com/umroh-bareksa/bareksa/img/illustrations/award_grey_left.png"), url("https://storage.googleapis.com/umroh-bareksa/bareksa/img/illustrations/award_grey_right.png");
  background-position: top left, top right;
  background-repeat: no-repeat, no-repeat;
  min-width: 230px;
  padding-top: 11px;
}
#pgsbn--container .app-sbn > div > div:nth-child(2) > a > * {
  color: var(--black-cool-500);
}
#pgsbn--container .app-sbn > div {
  height: 100%;
  display: flex;
  justify-content: center;
  background: #D7E0E0;
  border-radius: 24px;
}
#pgsbn--container .app-sbn > div.sbn-qr-wrapper {
  padding: 0 40px;
}
#pgsbn--container .app-sbn > div > div:first-child {
  width: 100%;
}
#pgsbn--container .app-sbn > div > div:first-child > div:nth-child(2) {
  margin: 0;
  margin-left: 264px;
  padding-top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: none;
  width: 100%;
}
#pgsbn--container .app-sbn .app-content-sbn > .download-prompt {
  margin-left: auto;
  margin-bottom: 29px;
}
#pgsbn--container .app-sbn .app-content-sbn > h6 {
  margin-bottom: 29px;
  margin-right: 20px;
  /*max-width: 400px;*/
}
#pgsbn--container .app-sbn {
  position: relative;
}
#pgsbn--container .app-sbn > div > div > div:first-child img {
  height: 220px;
  width: 198.89px;
  position: absolute;
  bottom: 0;
}
/* Hide Awards */
#pgsbn--container .app-sbn > div > div:nth-child(2) {
  display: none;
}
#pgsbn--container .app-sbn .app-content-sbn > h6 + button {
  display: none;
}
#pgsbn--container .pgsbn--testimoni-title > h6 {
  display: none;
}
#pgsbn--container .pgsbn--start-invest {
  display: none;
}
#pgsbn--container .mlcdstep2--cardbody .mlcdstep2--cardbody-desc {
  font-weight: 400 !important;
}

/* Awards */
#pgsbn--container .home-awards,
#pgsbn--container .home-awards .home-awards-left-wrapper {
  background: #F2F5F5;
}
#pgsbn--container .home-awards .section {
  padding: 80px 0;
}
#pgsbn--container .home-awards .home-awards-left {
  height: 375px;
}
#pgsbn--container .home-awards .home-awards-left-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#pgsbn--container .home-awards .home-awards-left-wrapper .home-awards-left--item {
  width: 273px;
  cursor: pointer;
  padding: 20px 35px 10px 35px;
  margin-right: 24px;
}
#pgsbn--container .home-awards .home-awards-left-content {
  padding: 0;
  height: 100%;
}
#pgsbn--container .pghome--awards-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 40px;
}
#pgsbn--container .home-awards .home-awards-left-wrapper .award-item--subtitle,
#pgsbn--container .home-awards .home-awards-left-wrapper .award-item--year {
  color: var(--onsurface-high-emphasis) !important;
}
#pgsbn--container .home-awards .home-awards-left-wrapper .award-item--text {
  margin-bottom: 4px;
  font-weight: 500;
}
#pgsbn--container .home-awards .home-awards-left-wrapper .home-awards-left--item::before {
  background: url(https://images.bareksa.com/icons/1/award_left_green300.svg) !important;
}
#pgsbn--container .home-awards .home-awards-left-wrapper .home-awards-left--item::after {
  background: url(https://images.bareksa.com/icons/1/award_right_green300.svg);
}
#pgsbn--container .orcrdlrg--approacing-info {
  position: absolute;
  margin-top: 8px;
  width: fit-content;
}

@media screen and (max-width: 1200px) {
  #pgsbn--container .app-sbn > div > div:nth-child(2) {
    display: none;
  }
  #pgsbn--sbn-card {
    padding: 0 32px;
  }
  #pgsbn--sbn-card > div {
    gap: 24px;
  }

  /* AWARDS */
  #pgsbn--container .home-awards .home-awards-left {
    height: auto;
  }
  #pgsbn--container .home-awards .section {
    height: auto;
  }
  #pgsbn--container .home-awards .home-awards-left-content .home-awards-left--item {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1160px) {
  #pgsbn--container .app-sbn > div {
    border-radius: 0;
  }
}

@media screen and (max-width: 991px) {
  #pgsbn--container > .faq-sbn .collapse-1 .headline, #pgsbn--container > .faq-sbn .mlvidone--video-title {
    font-size: 24px;
    line-height: 26px;
  }
  #pgsbn--sbn-card > div {
    flex-wrap: wrap;
  }
  #pgsbn--sbn-card > div > .orcrdlrg--wrapper {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 2560px) {
  #pgsbn--container .home-awards .home-awards-left {
    height: 320px;
  }
  #pgsbn--container .home-awards .home-awards-left-wrapper .home-awards-left--item:nth-child(-n+3) {
    height: 127px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 820px) {
  #pgsbn--sbn-card, #pgsbn--sbn-card-single {
    background: linear-gradient(to bottom, var(--onprimary-high-emphasis) 20% 30%, var(--black-cool-050) 20%);
  }
  #pgsbn--sbn-card .orcrdlrg--content-wrapper {
    padding: 16px;
  }
  #pgsbn--sbn-card .sbn-product-name {
    font-size: 30px;
  }
  #pgsbn--sbn-card .orcrdlrg--seri-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.25px;
  }
  #pgsbn--sbn-card .orcrdlrg--info-container-released .card-info-v2 > *:first-child {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.25px;
  }
  #pgsbn--sbn-card .card-info-v2 > *:first-child {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.25px;
  }
  #pgsbn--sbn-card .card-info-v2 > div:nth-child(2) {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
  }
  #pgsbn--sbn-card .orcrdlrg--info-container-released .card-info-v2:nth-child(odd),
  #pgsbn--sbn-card .orcrdlrg--info-container-v2 .card-info-v2:nth-child(1) {
    width: 42.5%;
    border: none;
  }
  #pgsbn--sbn-card .orcrdlrg--bar-explanation > div {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.25px;
  }
  #pgsbn--sbn-card .orcrdlrg--bar-explanation .orcrdlrg--filled-quota {
    font-weight: 600;
  }
  #pgsbn--sbn-card .orcrdlrg--cta-container {
    display: initial;
  }
  #pgsbn--sbn-card .orcrdlrg--cta-container button {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #pgsbn--container .app-sbn {
    background: #D7E0E0 !important;
    margin-bottom: 0;
  }
  #pgsbn--container .app-sbn > div {
    border-radius: 0;
  }
  #pgsbn--container .app-sbn .app-content-sbn > h6 {
    margin-right: 0;
    max-width: 400px;
  }
  #pgsbn--container .app-sbn .app-content-sbn > .download-prompt {
    margin-left: 0;
    margin-bottom: 0;
  }
  #pgsbn--container .app-sbn > div > div:first-child {
    width: initial;
  }
  #pgsbn--container .app-sbn > div > div:first-child > div:nth-child(2) {
    flex-direction: column;
  }
  #pgsbn--container > .faq-sbn, #pgsbn--container > .faq-sbn .collapse-1 div .MuiExpansionPanel-root {
    background: #F5F5F5;
  }
  #pgsbn--container > .faq-sbn .collapse-1 .headline, #pgsbn--container > .faq-sbn .mlvidone--video-title {
    font-size: 20px;
  }
  #pgsbn--container .faq-sbn .video-1 {
    margin-top: 0;
  }

  /* CTA Banner */
  #pgsbn--container .app-sbn .app-content-sbn > h6 + button {
    display: inherit;
  }
  #pgsbn--container .app-sbn .app-content-sbn > h6 {
    font-size: 16px;
    margin-bottom: 16px;
  }
  #pgsbn--container .app-sbn > div > div > div:first-child img {
    display: none;
  }
  #pgsbn--container .app-sbn > div > div:nth-child(2) {
    display: inherit;
  }
  #pgsbn--container .app-sbn + div {
    display: none;
  }
  #pgsbn--container .pgsbn--start-invest {
    text-decoration: none;
    display: inherit;
    width: auto;
  }
}

@media screen and (min-width: 576px) and (max-width: 890px) {
  #pgsbn--container .home-awards .home-awards-left-wrapper .home-awards-left--item {
    min-width: 200px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    max-width: 150px;
    min-height: 127px;
  }
  #pgsbn--container .home-awards .home-awards-left-wrapper .home-awards-left--item:nth-child(-n+3) {
    margin-bottom: 50px;
  }
  #pgsbn--container .home-awards .home-awards-left-wrapper .home-awards-left--item:nth-child(2n) {
    margin-right: 24px;
  }
  #pgsbn--container .home-awards .home-awards-left-wrapper .home-awards-left--item:nth-child(3) {
    margin-right: 0;
  }
  #pgsbn--container .home-awards .home-awards-left-wrapper .award-item--subtitle,
  #pgsbn--container .home-awards .home-awards-left-wrapper .award-item--text,
  #pgsbn--container .home-awards .home-awards-left-wrapper .award-item--year {
    font-size: 9px !important;
    padding: 0 !important;
    max-width: 150px;
  }
}

@media screen and (max-width: 620px) {
  #pgsbn--sbn-card > div {
    gap: 32px;
    grid-template-columns: 1fr;
  }
  #pgsbn--sbn-card .orcrdlrg--info-container-v2 > div:nth-child(-n+2) {
    margin-bottom: 16px;
  }
  #pgsbn--sbn-card .orcrdlarg--wrapper-main:not(:first-child) .orcrdlrg--card-container {
    margin-top: 0;
  }
}

@media screen and (max-width: 576px) {
  #pgsbn--container > .faq-sbn .collapse-1 .headline {
    display: none;
  }
  #pgsbn--container .pgsbn--testimoni-title > h6 {
    display: inherit;
  }
  #pgsbn--container .pgsbn--testimoni-title > h4 {
    display: none;
  }
  #pgsbn--container .orlifrclmn--container-emas h6.title {
    font-size: 20px;
    text-align: left;
  }
  .pgsbn--sbn-card--general > div > .orcrdlrg--wrapper:last-child[isapproaching="true"] {
    padding-bottom: 32px;
  }

  /* CTA Banner */
  #pgsbn--container .app-sbn > div.sbn-qr-wrapper {
    padding: 0 16px;
  }

  #pgsbn--container .app-sbn .app-content-sbn > h6 {
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 18px;
    max-width: 75%;
  }
  #pgsbn--container .app-sbn .app-content-sbn > h6 + button {
    width: 193px;
  }
  #pgsbn--container .pgsbn--start-invest {
    max-width: 193px;
  }
  #pgsbn--container .pgsbn--header-sbn > div > div:first-child {
    padding-bottom: 0;
  }

  /* Awards */
  #pgsbn--container .home-awards,
  #pgsbn--container .home-awards .home-awards-left-wrapper {
    background: #F2F5F5;
  }
  #pgsbn--container .home-awards .section {
    padding: 32px 0;
  }
  #pgsbn--container .home-awards .home-awards-left-wrapper {
    flex-wrap: nowrap;
  }
  #pgsbn--container .home-awards .home-awards-left-wrapper .award-item--subtitle,
  #pgsbn--container .home-awards .home-awards-left-wrapper .award-item--text,
  #pgsbn--container .home-awards .home-awards-left-wrapper .award-item--year {
    width: 184px;
  }
  #pgsbn--container .home-awards .home-awards-left-wrapper .home-awards-left--item {
    width: 254px;
  }
  #pgsbn--container .home-awards-left-content {
    border-radius: 0px;
    display: block;
    height: calc(158px + 16px);
    overflow: auto;
    padding-bottom: 0px;
    padding-top: 16px;
    width: 100%;
  }
  #pgsbn--container .home-awards-left-wrapper {
    margin-bottom: 0px;
    padding-left: 22px;
    padding-right: 22px;
    border-bottom: 8px solid #f4f4f4;
    width: fit-content;
  }
  #pgsbn--container .pghome--awards-title {
    padding: 0 16px;
    margin: 0 0 24px 0;
    text-align: left;
    font-size: 16px;
  }
  #pgsbn--container .home-awards .home-awards-left-content .home-awards-left--item {
    margin: 0 24px 0 0;
  }
  #pgsbn--container .home-awards .home-awards--mobile {
    display: none;
  }
  #pgsbn--sbn-card .sbn-product-name.sbn-product-name__long {
    font-size: 20px;
  }
  #pgsbn--sbn-card .orcrdlrg--info-container-v2.orcdrlrg--info-container-long .card-info-v2 > *:first-child {
    font-size: 17px;
  }
}

@media screen and (max-width: 375px) {
  #pgsbn--container .orcrdlrg--approacing-info {
    font-size: 10px !important;
  }
  #pgsbn--sbn-card .sbn-product-name.sbn-product-name__long {
    font-size: 15px;
  }
  #pgsbn--sbn-card .orcrdlrg--info-container-v2.orcdrlrg--info-container-long .card-info-v2 > *:first-child {
    font-size: 15px;
  }
}
#pgabout--container .ordetail--orgppl1 .ordetail--orgppl1-list {
  justify-content: center;
}
#pgabout--container {
  margin-top: 0;
}
.lazy-load-image-background.opacity {
  opacity: 0;
}

.lazy-load-image-background.opacity.lazy-load-image-loaded {
  opacity: 1;
  transition: opacity .3s;
}

[data-color=green-600]{color:var(--green-600)}[data-margin-right="4px"]{margin-right:4px}[data-margin-right="12px"]{margin-right:12px}.home-header{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:0;padding-top:56px;overflow:hidden}.home-header__intro{height:256px;width:466px}.home-header__ojk{align-items:center;display:flex;margin-top:24px}.home-header__ojk-label{margin-right:8px;width:auto}.home-header__ojk-reksadana{margin-right:70px;width:auto}.home-header__sliders,.home-header__sliders2{height:390px;margin-right:65px;padding-top:10px;width:588px}.home-header__sliders-item,.home-header__sliders2-item{top:10px;height:370px}.home-header__sliders-item div,.home-header__sliders2-item div{height:306px;border-radius:8px;overflow:hidden;text-align:center;margin:auto;max-width:541px}.home-header__sliders-item div img,.home-header__sliders2-item div img{border-radius:8px;width:100%}.home-header__sliders .slick-list,.home-header__sliders2 .slick-list{transform:translateX(23px)}.home-header__sliders .slick-prev,.home-header__sliders .slick-next,.home-header__sliders2 .slick-prev,.home-header__sliders2 .slick-next{background-color:rgba(0,0,0,.1)}.home-header__sliders .slick-prev,.home-header__sliders2 .slick-prev{transform:translate(8px, -50px)}.home-header__sliders .slick-next,.home-header__sliders2 .slick-next{transform:translate(36px, -50px)}.home-awards{background:#f2f5f5}.home-awards--mobile{display:none}.home-awards .section{display:block;flex-wrap:wrap;justify-content:space-between;overflow:hidden}.home-awards-left{width:100%}.home-awards-left-content{border-radius:0px 150px 150px 0px;padding:48px 0px;width:100%;overflow:hidden}.home-awards-left-wrapper{display:flex;height:100%;overflow:hidden}.home-awards-left--item{width:273px;cursor:pointer;padding:20px 35px 10px 35px;margin-right:24px}.home-awards-left--item:last-of-type{margin-right:0px}.home-awards-right{width:100%;padding-bottom:48px}.home-awards-right-wrapper{display:flex;justify-content:center}.home-awards-right-item{display:flex;width:111px;margin-right:32px}.home-awards-right-item:last-of-type{margin-right:0px}.home-awards-right-item span{margin:auto}.home-simulation{min-height:564px;padding:80px 0px;overflow:hidden}.home-simulation .section>.title{margin-bottom:32px}.home-simulation-wrapper{display:flex;flex-wrap:wrap}.home-simulation-wrapper .recharts-tooltip-wrapper{display:none !important}.home-simulation--form{margin-right:88px;width:312px}.home-simulation--form-group{margin-bottom:42px}.home-simulation--form-group-input{height:50px;margin:8px 0px;position:relative}.home-simulation--form-group-input label,.home-simulation--form-group-input input{color:var(--onsurface-high-emphasis);font-family:"Montserrat",sans-serif;font-size:22px;font-weight:600;letter-spacing:0;line-height:28px}.home-simulation--form-group-input label{color:var(--onsurface-medium-emphasis);font-weight:400;position:absolute;transform:translate(12px, 11px)}.home-simulation--form-group-input input{border-radius:8px;border:2px solid #ededed;height:100%;padding-left:44px;width:100%}.home-simulation--form-group-inputmobile .MuiTextField-root{width:100% !important}.home-simulation--form-group-inputmobile .MuiFormLabel-root.Mui-focused{color:var(--primary-500)}.home-simulation--result{width:calc(100% - 312px - 88px)}.home-simulation--result-chart .recharts-text.recharts-cartesian-axis-tick-value{color:var(--onsurface-medium-emphasis);font-family:"Montserrat",sans-serif;font-size:10px;letter-spacing:.4px;line-height:12px}.home-simulation--result-chart .recharts-cartesian-axis-line,.home-simulation--result-chart .recharts-cartesian-grid-horizontal>line{stroke:#f5f5f5}.home-simulation--result-chart .simulation-tooltip{background:#f5f5f5;height:155px;padding:12.3px 14.61px 24.7px 12.39px;width:176px}.home-simulation--result-chart .recharts-active-dot circle{fill:var(--onprimary-high-emphasis);stroke:var(--green-600);r:5.5px;stroke-width:2px}.home-simulation--result-chart .recharts-line+.recharts-active-dot circle{stroke:var(--violet-600);stroke-width:2px}.home-simulation--result-chart .recharts-curve.recharts-tooltip-cursor{stroke:var(--black-cool-400);stroke-width:2px}.home-simulation--result-chart .recharts-curve.recharts-area-area{background:red !important;transform:translateY(-300)}.home-simulation--result-saving{display:flex;margin-bottom:32px}.home-simulation--result-saving-item:nth-child(1){border-left:4px solid var(--violet-600);margin-right:20px;padding-left:8px;width:161px}.home-simulation--result-saving-item:nth-child(2){border-left:4px solid var(--green-600);padding-left:10px}.home-simulation--result-saving-item:nth-child(2)>div>svg{font-size:14.5px;transform:translate(3px, 3px)}.home-news{background:var(--teal-100);height:548px;padding:80px 0px}.home-news-container{display:flex;justify-content:space-between}.home-news-wrapper{background:var(--onprimary-high-emphasis);border-radius:8px;padding:16px 16px 24px 16px;width:360px}.home-news-wrapper:not(:last-child){margin-right:40px}.home-news-header{margin-bottom:32px}.home-news-header .see-all{float:right;width:auto}.home-news-header .desktop{text-decoration:none;color:var(--primary-700)}.home-news-header .mobile{display:none;color:var(--onsurface-medium-emphasis);font-size:16px;transform:translate(10px, 4px)}.home-news-item{display:flex;text-decoration:none}.home-news-item--image{border-radius:4px;height:64px;margin-right:16px;overflow:hidden;width:64px}.home-news-item--image .lazy-load-image-background{width:100%;height:100%}.home-news-item--image img{width:100%;height:100%;object-fit:cover}.home-news-item--image-populer{font-size:42px !important;letter-spacing:0px !important;line-height:48px !important;color:var(--magenta-200) !important}.home-news-item--text{width:calc(100% - 16px - 64px)}.home-news-item--text .title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.border{border:1px solid #000}.dis-none{display:none}.dis-block{display:block}.mlvidone--video-title{font-size:24px;line-height:32px;font-weight:600;margin-bottom:1rem}@media screen and (max-width: 1200px){.home-header{padding:0 50px;padding-top:42px}.home-header__intro{width:450px}.home-header__sliders,.home-header__sliders2{width:458px}.home-header__sliders-item div,.home-header__sliders2-item div{height:250px}.home-header__sliders .slick-prev,.home-header__sliders2 .slick-prev{transform:translate(8px, -80px)}.home-header__sliders .slick-next,.home-header__sliders2 .slick-next{transform:translate(36px, -80px)}.home-header__sliders .slick-dots,.home-header__sliders2 .slick-dots{transform:translate(22px, -45px)}.home-simulation{padding-left:50px;padding-right:50px}.home-news{height:auto;overflow:scroll;padding:36px 0px;scrollbar-color:#fff #fff;scrollbar-width:none}.home-news::-webkit-scrollbar{display:none}.home-news-container{padding-left:50px;width:1160px}}@media screen and (max-width: 1094px){.home-awards .section{height:310px}.home-awards-left-content{align-items:center;display:flex;height:310px;justify-content:center}.home-awards-left-wrapper{height:auto}.home-awards-left--item{padding:31px 35px 15px 35px;width:280px}.home-awards-left--item:nth-child(1){padding:10px 35px 15px 35px}.home-awards-right{padding-right:50px}}@media screen and (max-width: 1073px){.home-header{justify-content:center}.home-header__intro{margin-bottom:40px;text-align:center;width:575px}.home-header__intro h1,.home-header__intro div{text-align:center}.home-header__intro h2{font-size:60px !important;text-align:center}.home-header__ojk{display:none}.home-header__sliders,.home-header__sliders2{margin-bottom:-10px;margin-right:48px;width:644.7px}.home-header__sliders .slick-list,.home-header__sliders2 .slick-list{width:544.7px;margin:auto}.home-header__sliders-item,.home-header__sliders2-item{height:380px;max-width:100%}.home-header__sliders-item div,.home-header__sliders2-item div{height:auto;width:100%}.home-header__sliders-item img,.home-header__sliders2-item img{height:auto;width:100%}.home-header__sliders .slick-prev,.home-header__sliders2 .slick-prev{transform:translate(11px, -50px)}.home-header__sliders .slick-next,.home-header__sliders2 .slick-next{transform:translate(33px, -50px)}.home-header__sliders .slick-dots,.home-header__sliders2 .slick-dots{transform:translate(-20px, -8px)}}@media screen and (max-width: 991px){.home-header{margin-top:0;padding-top:42px}.home-awards-right-item>span{margin-left:auto;margin-right:auto}.home-awards .section{align-items:center;padding:0px}.home-awards-left--item:nth-child(1){padding:14px 35px 15px 35px}.home-simulation{padding:0px 50px}.home-simulation .section{padding-bottom:32px;padding-top:32px}.home-simulation--form{display:flex;justify-content:space-around;max-width:552px;width:100%}.home-simulation--form-group{width:258px}.home-simulation--form-group:nth-child(1){margin-right:36px}.home-simulation--result{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.home-simulation--result-chart,.home-simulation--result-description,.home-simulation--result-caption{width:100%}.home-simulation--result-chart{order:1;margin:-17px 0px 17px 0px;min-height:224px}.home-simulation--result-description{order:2}.home-simulation--result-caption{margin-top:16px;order:3}.home-simulation--result-saving{margin:-4px 0px -1px 0px}}@media screen and (max-width: 768px){.home-header{padding-left:32px;padding-right:32px}.home-header__sliders2{height:383px}.home-header__sliders2-item{height:auto}.home-header__sliders2-item div,.home-header__sliders2-item div>img{border-radius:0px}.home-header__sliders2 .slick-dots{display:block;transform:translate(16px, -6px);text-align:center;width:calc(100% + 17px)}.home-news-container{padding-left:32px;padding-right:32px;max-width:1232px;width:1232px}.home-simulation{padding-left:32px;padding-right:32px}.home-news+section .collapse-1:after,.home-news+section .video-1:after{height:8px}.home-news+section>div{padding:32px 0px 0px !important}.home-news+section>div .collapse-1>h5,.home-news+section>div .collapse-1>h2,.home-news+section>div .video-1>h5,.home-news+section>div .video-1>h2{font-size:20px;line-height:26px;letter-spacing:.25px}.home-awards .section{height:auto;align-items:center}.home-awards-left{width:100%}.home-awards-left-wrapper{flex-wrap:wrap;justify-content:center;padding-right:0px}.home-awards-left-content{height:auto;padding:32px 0px;width:100%}.home-awards-left--item{width:272px;padding:30px 35px 25px 35px}.home-awards-right{padding:0 0 32px 0;width:100%}.home-awards-right-item{margin-right:0px}.home-awards-left--item:nth-child(2n){margin-right:0px}.home-awards-left--item:nth-child(1),.home-awards-left--item:nth-child(2){margin-bottom:24px}}@media screen and (max-width: 576px){.home-header{padding:0;background-image:none;height:auto;margin-top:0;overflow:hidden}.home-header__intro{height:auto;margin-bottom:0px;margin-top:-26px;order:1;padding-left:16px;padding-right:16px;text-align:left}.home-header__intro-hero{line-height:40px;letter-spacing:.5px;font-weight:600;font-size:30px}.home-header__intro-hero-emas{line-height:28px;letter-spacing:.25px;font-weight:600;font-size:20px}.home-header__intro-caption{line-height:16px;letter-spacing:.25px;font-weight:500;font-size:12px;font-family:"Montserrat",sans-serif;margin-bottom:24px !important;margin-top:12px !important}.home-header__intro-caption div{margin-right:0 !important;display:inline-block !important}.home-header__intro-apps,.home-header__intro h2,.home-header__intro div{text-align:center}.home-header__intro h2{font-size:30px !important;line-height:40px}.home-header__sliders,.home-header__sliders2{padding-top:10px;padding-right:0px;height:auto;margin:0;width:100%}.home-header__sliders .slick-list,.home-header__sliders2 .slick-list{margin:0px;transform:translateX(0px);width:100%}.home-header__sliders-item,.home-header__sliders2-item{height:auto}.home-header__sliders-item div,.home-header__sliders-item div>img,.home-header__sliders2-item div,.home-header__sliders2-item div>img{border-radius:0px}.home-header__sliders .slick-dots,.home-header__sliders2 .slick-dots{display:block;transform:translate(-12px, 46px);text-align:center;width:calc(100% + 17px)}.home-header__sliders .slick-dots li,.home-header__sliders2 .slick-dots li{width:6px}.home-header__sliders .slick-dots li button:before,.home-header__sliders2 .slick-dots li button:before{font-size:21px}.home-awards{background:none}.home-awards--desktop{display:none}.home-awards--mobile{display:inline}.home-awards-left{padding-bottom:0px;width:100%}.home-awards-left-content{background:var(--onprimary-high-emphasis);border-radius:0px;display:block;height:174px;overflow:auto;padding-bottom:0px;padding-top:16px;width:100%;scrollbar-color:#fff #fff;scrollbar-width:none}.home-awards-left-content::-webkit-scrollbar{display:none}.home-awards-left-wrapper{margin-bottom:0px;padding-left:22px;padding-right:22px;overflow-x:scroll;width:fit-content;flex-wrap:unset;border-bottom:8px solid #f4f4f4}.home-awards-left--item{padding:20px 35px 25px 35px}.home-awards-right{padding:44px 32px 0px 0px}.home-awards-right-wrapper{flex-wrap:wrap;margin-top:32px}.home-awards-right-item{width:33.3333333333%}.home-awards-left--item:nth-child(1),.home-awards-left--item:nth-child(2){margin-bottom:8px}.home-news{background:var(--onprimary-high-emphasis);padding:0px}.home-news:before,.home-news:after{background:#f4f4f4;content:"";display:block;height:8px;max-width:929px;width:929px}.home-news-container{padding-left:0px;max-width:929px;width:929px}.home-news-wrapper{padding-right:0px;width:287px}.home-news-wrapper:not(:last-child){margin-right:16px}.home-news-header{margin-bottom:29px}.home-news-header h6{font-size:16px;font-weight:500;letter-spacing:.25px;line-height:24px}.home-news-header .mobile{display:inline}.home-news-header .desktop{display:none}.home-news-item--text>.title{font-size:14.79px;font-weight:600;letter-spacing:.1px;line-height:24px}.home-news+section .collapse-1:after{height:8px;transform:translateY(8px);width:calc(100% + 16px)}.home-simulation{padding:0px 16px}.home-simulation .section{padding:13px 0px 23px 0px}.home-simulation .section .title{margin-bottom:21px}.home-simulation--form{display:block;margin-right:0px}.home-simulation--form-group{margin-bottom:22px !important;width:100%}.home-simulation--form-group-input label{color:var(--onsurface-high-emphasis);font-size:16px;font-weight:600}.home-simulation--form-group-input input{border-radius:3px;border-width:1px;font-size:16px;padding-left:38px}.home-simulation--result-chart{margin:3px -16px 11px -22px;min-height:222px;width:calc(100% + 25px)}.home-simulation--result-saving-item:nth-child(1),.home-simulation--result-saving-item:nth-child(2){border-left-width:2px;margin-right:5px;padding-left:8px}.home-simulation--result .recharts-text.recharts-cartesian-axis-tick-value{font-size:8px;letter-spacing:.32px;line-height:10px}.home-news+section{padding-left:16px;padding-bottom:8px}.home-news+section>div{padding:20px 0px 0px}}@media screen and (max-width: 320px){.dis-block{display:block}.dis-none{display:none}.home-header__intro a img{margin-right:9px !important}.home-header__intro a:last-child img{margin-right:0px !important}}
.orlidscli--wrapper {
  padding: 64px 0 81px 0;
}
.orlidscli--container {
  max-width: 1160px;
  width: 90%;
  margin: 0 auto;
}
.orlidscli--items-container {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}
.orlidscli--items-container .mlimgblt--container > div:first-child {
  margin-right: 16px;
}
.orlidscli--items-container .mlimgblt--container > div:nth-child(2) {
  display: none;
}
.orlidscli--items-container .mlimgblt--container > div:nth-child(3) {
  max-width: 222px;
}
.orlidscli--items-container .mlimgblt--container > div:nth-child(3) > div:first-child {
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .orlidscli--items-container {
    flex-wrap: wrap;
  }
  .orlidscli--items-container .mlimgblt--container {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 768px) {
  .orlidscli--wrapper {
    background: #F2F5F5;
  }
}

@media screen and (max-width: 576px) {
  .orlidscli--items-container {
    flex-wrap: wrap;
    justify-content: center;
  }
  .orlidscli--wrapper {
    padding: 24px 0;
  }
}
.orhl--wrapper {
  background: #F2F5F5;
}
.orhl--container {
  margin: 0 auto;
  padding: 64px 177px;
  display: flex;
  justify-content: center;
  height: 100%;
}
.orhl--container .mlspon-container:first-child {
  margin-right: 57.79px;
}
.orhl--container .mlspon-container {
  min-height: auto;
}
.orhl--container .mlspon-container .mlspon-title {
  text-align: left;
  margin-bottom: 24px;
}
.orhl--container .mlspon-container .mlspon-logo {
  margin: 0 40.72px 0 0;
  min-width: 180px;
  height: 100%;
  max-height: 48px;
}
.orhl--container .mlspon-container .orhl--right-title + .mlspon--imagelist-container .mlspon-logo{
  height: 48px;
  max-height: unset;
  min-width: unset;
}
.orhl--container .mlspon--imagelist-container {
  justify-content: flex-start;
}

.mlspon--imagelist-container{
  flex-wrap: nowrap !important;
}

.mlspon--logo-id1:last-of-type > img{
  width: 158.41px !important;
}

@media screen and (max-width: 1024px) {
  .orhl--container .mlspon-container .mlspon-logo {
    min-width: 120px;
    max-height: 32px;
  }
  .orhl--container .mlspon-container .orhl--right-title + .mlspon--imagelist-container .mlspon-logo{
    height: 32px;
  }
}

@media screen and (max-width: 991px) {
  .orhl--container {
    padding: 56px 100px;
  }
  .orhl--container .mlspon-container:first-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .orhl--container {
    padding: 48px 40px;
    justify-content: space-evenly;
  }
  .orhl--container .mlspon-container .mlspon-logo {
    margin: 0 15.15px 0 0;
  }
  .orhl--container .mlspon-container .orhl--right-title + .mlspon--imagelist-container .mlspon-logo{
    min-width: max-content;
  }
  .mlspon-container {
    align-self: start;
  }
  .mlspon--imagelist-container {
    flex-wrap: wrap !important;
  }
  .mlspon-container:first-child > .mlspon--imagelist-container {
    width: 300px;
  }
  .orhl--container .mlspon--logo-id2 {
    margin-top: 10.58px;
  }
  .mlspon--logo-id1:last-of-type > img{
    width: 105.6px !important;
  }
}

@media screen and (max-width: 630px) {
  .mlspon-container:first-child > .mlspon--imagelist-container {
    width: min-content;
  }
}

@media screen and (max-width: 576px) {
  .orhl--container {
    padding: 32px 26px;
    display: block;
  }
  .orhl--container .mlspon-container .mlspon--logo-container:first-child .mlspon--logo {
    margin: 0 24px 0 0;
  }
  .orhl--container .mlspon-container:first-child {
    margin-right: 0;
  }
  .orhl--container .mlspon--imagelist-container {
    justify-content: center;
  }
  .orhl--container .mlspon--logo-id2 {
    margin-top: 10.58px;
  }
  .orhl--container .mlspon-container .mlspon-title {
    text-align: center;
    margin-bottom: 16px;
  }
  .mlspon-container:first-child > .mlspon--imagelist-container {
    width: auto;
  }
  .mlspon-container:first-child {
    margin-bottom: 24px;
  }
}
.mlspon-container {
  background-color: rgba(242, 245, 245, 0.75);
  min-height: 246px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mlspon-container .mlspon-title {
  /* TO DO: determine the important sign */
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  margin-bottom: 50px;
}
.mlspon-container .mlspon-logo {
  /* height: 25px; */
  width: 120px;
  margin: auto 55px;
}
.mlspon--imagelist-container {
  display: flex;
  justify-content: center;
}
.mlspon--logo-container {
  width: fit-content;
  display: inline;
}

@media screen and (max-width: 1200px) {
  .mlspon-container .mlspon-title {
    font-size: 12px;
  }
  .mlspon-container .mlspon-logo {
    width: 90.06px;
  }
}

@media screen and (max-width: 992px) {
  .mlspon-container .mlspon-title {
    font-size: 12px;
  }
  .mlspon-container .mlspon-logo {
    width: 70.06px;
  }
}

@media screen and (max-width: 768px) {
  .mlspon-container {
    min-height: 128px;
  }
  .mlspon-container .mlspon-title {
    font-size: 12px;
    margin-bottom: 27px;
  }
  .mlspon-container .mlspon-logo {
    width: 51.06px;
  }
}

@media screen and (max-width: 576px) {
  .mlspon-container .mlspon-logo {
    width: 100px;
    margin: auto 25px;
  }
  .mlspon-container .mlspon-title {
    margin-bottom: 15.6px;
  }
  .mlspon-container .mlspon-logo {
    width: 40.85px;
  }
}
.ortbgrph--container {
  margin: 72px auto;
  max-width: 804px;
  min-height: 505px;
}
.ortbgrph--container > h4 {
  text-align: center;
  margin-bottom: 46px;
}
.ortbgrph--interactive-container {
  display: flex;
  justify-content: center;
  height: 425px;
}
.ortbgrph--buysell-buttons {
  margin-right: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ortbgrph--buysell-buttons > .ortbgrph--buysell-active,
.ortbgrph--buysell-buttons > button:active,
.ortbgrph--buysell-buttons > button:hover,
.ortbgrph--buysell-buttons > button:focus {
  background: rgba(121, 56, 161, 0.04);
  border: 1px solid #7938A1;
}
.ortbgrph--buysell-buttons > .ortbgrph--buysell-idle {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFFFFF;
}
.ortbgrph--buysell-buttons > button {
  display: block;
  margin-bottom: 1rem;
  width: 84px;
  padding: 0 !important;
}
.ortbgrph--buysell-buttons > button > span > div {
  font-weight: 400;
  font-size: 12px;
}

/* Tabs */
.ortbgrph--tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  width: 688px;
}
.ortbgrph--tabs-idle {
  border-bottom: 2px solid rgba(0, 0, 0, 0.12) !important;
}
.ortbgrph--tabs-idle > span > div {
  color: rgba(0, 0, 0, 0.54);
  font-weight: 600;
}
.ortbgrph--tabs-focus {
  border-bottom: 2px solid var(--primary-500) !important;
}
.ortbgrph--tabs > button {
  background: #FFFFFF;
  box-shadow: none;
  border-radius: 0 !important;
  padding: auto 2.5rem !important;
  width: 33.333%;
}
.ortbgrph--tabs > button:hover, .ortbgrph--tabs > button:active, .ortbgrph--tabs > button:focus {
  background: #FFFFFF;
  box-shadow: none;
  border-bottom: 2px solid var(--primary-500);
}

.ortbgrph--times-filter {
  margin-top: 34px;
}
.ortbgrph--times-filter .MuiButton-root {
  min-width: 32px;
}
.ortbgrph--times-filter .ortbgrph--period-button {
  height: 24px;
  padding: 0 !important;
  margin-right: 20px;
}
.ortbgrph--times-filter .ortbgrph--period-button .MuiTouchRipple-root {
  width: 0;
}
.ortbgrph--period-button > span > div {
  color: #7938A1;
}
.ortbgrph--period-button:hover, .ortbgrph--period-button:active, .ortbgrph--period-button:focus, .ortbgrph--period-active {
  background: #E0DBEB !important;
}
.ortbgrph--times-filter-bottom {
  display: none;
}
.ortbgrph--buysell-buttons-mobile, .ortbgrph--buysell-buttons-mobile > button {
  display: none;
}
.ortbgrph--buysell-buttons-mobile + .mlcustbul--container {
  display: none;
}

@media screen and (max-width: 768px) {
  .ortbgrph--wrapper::after {
    background: rgb(244, 244, 244);
    content: "";
    display: block;
    height: 8px;
    width: 100vw;
  }
  .ortbgrph--container {
    width: 90%;
    min-height: 487px;
  }
  .ortbgrph--tabs {
    width: 100%;
    border: none;
  }
  .ortbgrph--interactive-container {
    justify-content: flex-start;
  }
  .ortbgrph--chart-container {
    width: 100%;
  }
  .ortbgrph--buysell-buttons {
    margin-right: 16px;
  }
}

@media screen and (max-width: 576px) {
  .ortbgrph--wrapper::after {
    background: rgb(244, 244, 244);
    content: "";
    display: block;
    height: 8px;
    width: 100vw;
  }
  .ortbgrph--interactive-container {
    height: auto;
  }
  .ortbgrph--container {
    margin: 48px auto 26px auto;
  }
  .ortbgrph--buysell-buttons, .ortbgrph--times-filter {
    display: none;
  }
  .ortbgrph--times-filter {
    margin-top: 0;
  }
  .ortbgrph--times-filter-bottom {
    display: flex;
    justify-content: center;
  }
  .ortbgrph--buysell-buttons-mobile, .ortbgrph--buysell-buttons-mobile > button {
    display: initial;
  }
  .ortbgrph--buysell-buttons-mobile > button {
    margin: 24px 16px 20px 0;
  }
  .ortbgrph--times-filter .ortbgrph--period-button {
    margin: 0 10px;
  }
  .ortbgrph--tooltip-info {
    font-size: 10px;
  }
  .ortbgrph--tooltip-info > span:first-child {
    font-weight: 600;
  }
}

@media screen and (max-width: 450px) {
  .ortbgrph--times-filter .MuiButton-root {
    min-width: 30px;
  }
  .ortbgrph--times-filter .ortbgrph--period-button {
    margin: 0 5px;
  }
}

@media screen and (max-width: 375px) {
  .ortbgrph--times-filter .ortbgrph--period-button {
    margin: 0 3px;
  }
}

@media screen and (max-width: 340px) {
  .ortbgrph--times-filter .ortbgrph--period-button {
    margin: 0 1px;
  }
}
.profileModal{width:556px;position:relative;background-color:#fff;padding:0 24px !important;overflow-y:visible;overflow-x:hidden}.editProfileModal{width:734px;padding:0 28px 28px 24px !important;overflow-y:visible;overflow-x:hidden}.editProfriskModal{width:556px;padding-top:0 !important}.syaratKetentuan{width:424px;padding-top:0 !important}.scrollbar-2{overflow-y:scroll;margin-right:-16px;scrollbar-color:#9e9e9e #e0e0e0;scrollbar-width:thin}#style-2{overflow-y:scroll}#style-2::-webkit-scrollbar{width:8px}#style-2::-webkit-scrollbar-track{background-color:#fff;border-radius:16px;-webkit-border-radius:16px}#style-2::-webkit-scrollbar-thumb{background-color:#9e9e9e;border-radius:16px;-webkit-border-radius:16px}.scrollbar-3{overflow-y:scroll;height:465px;margin-right:-16px}#style-3{overflow-y:auto}#style-3::-webkit-scrollbar{width:8px}#style-3::-webkit-scrollbar-track{background-color:#fff;border-radius:16px;-webkit-border-radius:16px}#style-3::-webkit-scrollbar-thumb{background-color:#fff;border-radius:16px;-webkit-border-radius:16px}.profileRisk-panel-appear{max-height:0;overflow:hidden;margin-bottom:0}.profileRisk-panel-appear-active{max-height:100vh;overflow:hidden;transition:all 450ms ease-in}.profileRisk-panel-appear-done{max-height:100vh;overflow:hidden}.profileRisk-panel-enter{max-height:0;overflow:hidden;margin-bottom:0}.profileRisk-panel-enter-active{max-height:100vh;overflow:hidden;transition:all 450ms ease-in}.profileRisk-panel-enter-done{max-height:100vh;overflow:hidden}.profileRisk-panel-exit{max-height:90vh;overflow:hidden}.profileRisk-panel-exit-active{max-height:0;overflow:hidden;margin-bottom:0px;transition:all 450ms ease-out}.profileRisk-panel-exit-done{max-height:0;overflow:hidden;margin-bottom:0px;border:none}.radio-group{display:inline-block;margin-top:11px}.radio-group--jenkel{width:50%;display:inline-flex;margin-top:11px;margin-bottom:11px}.radio-group--investor{width:20%;display:inline-flex;margin-top:11px}.radio-group--resiko{width:33%;display:inline-flex;margin-top:11px}.radio-group--profrisk{width:100%;display:inline-flex;padding:16px 18px;border-bottom:solid 1px #e4e4e4}.radio-input{display:none}.radio-label{cursor:pointer;position:relative;padding-top:4px}.radio-button{height:20px;width:20px;border:2px solid rgba(0,0,0,.38);border-radius:50%;display:inline-block;position:absolute;left:0;top:0}.radio-button::after{content:"";display:block;height:10px;width:10px;background-color:#7938a1;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #7938a1;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;transition:opacity .5s}.radio-input:checked+.radio-label .radio-button::after{opacity:1}.right-icon{margin-left:11px;transform:scale(0);transition:transform .2s !important}.right-icon path{color:#82c341;width:18px;height:14px}.right-icon.active{transform:scale(1)}.text-right{text-align:right}button{cursor:pointer}option{padding:5px;display:block}select{outline:0;padding:9px;width:100%;border-radius:5px;border:solid 1px #c9cfdb;background-color:#fff;font-family:"Montserrat",sans-serif;font-size:14px;line-height:1.57;letter-spacing:.15px;color:#333}.disable-btn{background-color:#ddd !important;color:#666 !important;border:none !important;pointer-events:none;cursor:not-allowed}.disable-btn *{color:#666 !important}span.percentage--green>div{color:#5f9f2f !important}span.percentage--red>div{color:#e02020 !important}img.arrow-drop--green{background:#fff url("https://images.bareksa.com/bareksa/img/icons/arrow-drop-up.svg") 5% 50% no-repeat}img.arrow-drop--red{background:#fff url("https://images.bareksa.com/bareksa/img/icons/arrow-drop-down.svg") 5% 50% no-repeat !important}#style-1{margin-left:16px;overflow-y:scroll}#style-1::-webkit-scrollbar{width:4px}#style-1::-webkit-scrollbar-track{border-radius:4px;background-color:#f5f5f5}#style-1::-webkit-scrollbar-thumb{border-radius:4px;background-color:#989898}.profileNasabah-panel-appear{max-height:0;overflow:hidden;margin-bottom:0}.profileNasabah-panel-appear-active{max-height:100vh;overflow:hidden;transition:all 450ms ease-in;margin-bottom:30px}.profileNasabah-panel-appear-done{max-height:100vh;overflow:hidden;margin-bottom:30px}.profileNasabah-panel-enter{max-height:0;overflow:hidden;margin-bottom:0}.profileNasabah-panel-enter-active{max-height:100vh;overflow:hidden;transition:all 450ms ease-in;margin-bottom:30px}.profileNasabah-panel-enter-done{max-height:120vh;overflow:hidden;margin-bottom:24px}.profileNasabah-panel-exit{max-height:90vh;overflow:hidden;margin-bottom:30px}.profileNasabah-panel-exit-active{max-height:0;overflow:hidden;margin-bottom:0px;transition:all 450ms ease-out}.profileNasabah-panel-exit-done{max-height:0;overflow:hidden;margin-bottom:0px}.profileNasabah-btn-enter{transform:rotate(180deg)}.profileNasabah-btn-enter-active{transform:rotate(0deg);transition:all 300ms ease-in}.profileNasabah-btn-enter-done{transform:rotate(0deg)}.profileNasabah-btn-enter{transform:rotate(180deg)}.profileNasabah-btn-enter-active{transform:rotate(0deg);transition:all 300ms ease-in}.profileNasabah-btn-enter-done{transform:rotate(0deg)}.profileNasabah-btn-exit{transform:rotate(0deg)}.profileNasabah-btn-exit-active{transform:rotate(180deg);transition:all 300ms ease-out}.profileNasabah-btn-exit-done{transform:rotate(180deg)}.tooltip{font-family:"Open Sans",sans-serif;position:relative;display:inline-block;text-decoration:none;color:#82c341;margin-left:5px !important;margin-right:5px;font-size:13.5px;line-height:20px;letter-spacing:.25px;font-weight:600}.tooltip:hover .tooltiptext{visibility:visible}.tooltip .tooltiptext{visibility:hidden;width:314px;height:296px;box-shadow:0 1px 4px 0 rgba(0,0,0,.2);background-color:#fff;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:150%;left:50%;margin-left:-160px}.tooltip .tooltiptext>h3{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:600;line-height:1.43;letter-spacing:.1px;text-align:center;color:#333;padding:15px 0;border:none}.tooltip .tooltiptext>ol{width:285px;height:191px;margin:auto;padding:0 20px;list-style-type:decimal}.tooltip .tooltiptext>ol>li{font-family:"Open Sans",sans-serif;font-size:12px;line-height:1.46;letter-spacing:normal;font-weight:normal;color:#56575d;text-align:left;margin-bottom:15px}.tooltip .tooltiptext::after{content:"";position:absolute;width:0;height:0;margin-left:-1em;bottom:19.7em;left:50%;box-sizing:border-box;border:1em solid #fff;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;transform-origin:0 0;transform:rotate(-90deg);filter:drop-shadow(3px 0px 2px rgba(0, 0, 0, 0.1))}.arrow-panel{float:right;margin-right:20px;margin-top:-30px;outline:none;background-color:rgba(0,0,0,0);border:none;cursor:pointer}.accordion-panel-appear{max-height:0;overflow:hidden;margin-bottom:0}.accordion-panel-appear-active{max-height:100vh;overflow:hidden;transition:all 450ms ease-in}.accordion-panel-enter{max-height:0;overflow:hidden;margin-bottom:0}.accordion-panel-enter-active{max-height:100vh;overflow:hidden;transition:all 450ms ease-in}.accordion-panel-exit{max-height:100vh;overflow:hidden}.accordion-panel-exit-active{max-height:0;overflow:hidden;margin-bottom:0px;transition:all 450ms ease-out}.accordion-panel-exit-done{max-height:0;overflow:hidden;margin-bottom:0px}.accordion-btn-enter{transform:rotate(180deg)}.accordion-btn-enter-active{transform:rotate(0deg);transition:all 300ms ease-in}.accordion-btn-enter-done{transform:rotate(0deg)}.accordion-btn-enter{transform:rotate(180deg)}.accordion-btn-enter-active{transform:rotate(0deg);transition:all 300ms ease-in}.accordion-btn-enter-done{transform:rotate(0deg)}.accordion-btn-exit{transform:rotate(0deg)}.accordion-btn-exit-active{transform:rotate(180deg);transition:all 300ms ease-out}.accordion-btn-exit-done{transform:rotate(180deg)}.fade-appear{opacity:.01}.fade-appear-active{opacity:1;transition:all 10000ms ease-out}.slide-in{transform:translateY(-100%);transition:transform 1000ms ease}.slide-in.slide-in-active{transform:translateY(0%)}.npwp-panel-appear{max-height:0;overflow:hidden;margin-bottom:0}.npwp-panel-appear-active{max-height:100vh;overflow:hidden;transition:all 450ms ease-in;margin-bottom:30px}.npwp-panel-enter{max-height:0;overflow:hidden;margin-bottom:0}.npwp-panel-enter-active{max-height:45vh;overflow:hidden;transition:all 550ms ease-in}.npwp-panel-exit{max-height:20vh;overflow:hidden}.npwp-panel-exit-active{max-height:0;overflow:hidden;margin-bottom:0px;transition:all 550ms ease-out}.npwp-panel-exit-done{max-height:0;overflow:hidden}img.img-thumbnail.mt-2{margin-top:-7px;position:relative;width:30px;margin-left:-40px}.message--error-footer{max-width:698px;margin:20px auto}.has-error{color:#b00020;font-size:12px;position:relative;margin-top:2px;text-align:left}.invalid-feedback{color:#b00020;font-size:12px;position:relative;margin-top:2px;margin-left:16px}.valid-feedback{color:#e6a43a;font-size:12px;position:relative;margin-left:10px;margin-right:10px;margin-top:10px;letter-spacing:.1px}.ShimmerRegis{width:696px;height:405.8px;margin:0 auto;background-color:#fff}.loader-accbank{margin-top:-80px;padding-bottom:10px}.loader-accbank .loader,.loader-accbank .loader:after{border-radius:50%;width:10em;height:10em}.loader-accbank .loader{margin:0px auto;font-size:7px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(192,192,192,.2);border-right:1.1em solid rgba(192,192,192,.2);border-bottom:1.1em solid rgba(192,192,192,.2);border-left:1.1em solid silver;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.countdown{width:70%;text-align:center;margin:0 auto}.countdown h3{padding:20px}.timeout{height:130px;width:130px;margin:30px;border:2px solid #82c341;border-radius:50%;display:inline-block}.timeout h3{padding-top:47px;font-size:25px;color:#82c341}.alertform{width:70%;text-align:center;margin:0 auto}.alertform h3{padding:20px}.alertform p{padding-bottom:10px;font-size:20px;color:#333}@media screen and (max-width: 1200px){#style-2{margin-left:0px}}@media screen and (max-width: 991px){.editProfileModal{max-width:672px}.tooltip{margin-left:0px}}@media screen and (max-width: 768px){.tooltip{margin-left:0px}.message--error-footer{max-width:615px;margin:20px auto}}@media screen and (min-width: 577px){.desktop-hide{display:none !important}}@media screen and (max-width: 576px){.mobile-hide{display:none !important}.profileModal{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow-y:auto}.profileModal .top{padding-top:16px;padding-bottom:10px;padding-right:26px;padding-left:26px}.profileModal .top .close{position:relative;top:auto;right:auto;color:#4c2a86;font-size:24px}.profileModal .bottom{padding:0 16px 24px;background-color:rgba(0,0,0,0)}.editProfileModal{padding:0px !important}.radio-group--investor{width:50%;padding-top:8px}.radio-group--profrisk{padding:16px 8px}#style-2{overflow-y:hidden}.scrollbar-2{overflow-y:hidden;height:auto;margin-top:24px}.scrollbar-3{height:auto}.tooltip .tooltiptext{margin-top:16px;margin-left:-167px}.message--error-footer{padding:0 10px}.countdown{width:75%}.signature{padding:0px}.signature .sig\:c\:box{min-width:186px}.ShimmerRegis{width:auto;height:405.8px;margin:0 auto;background-color:#fff}}
.unsupport-info{display:flex;align-items:center;justify-content:center;padding-top:75px;padding-bottom:75px}.unsupport-info .card{border-radius:8px;border:1px solid var(--Outline, rgba(0, 0, 0, 0.12));background:var(--03-on-primary-high-emphasis, #FFF);max-width:400px;padding:32px 24px}.unsupport-info .card *{text-align:center}.unsupport-info .card img{max-width:100%}.unsupport-info .card [data-btn-type]{width:100%}.unsupport-info [data-btn-type]{display:inline-flex;height:36px;width:96px;border-radius:4px;align-items:center;justify-content:center;box-shadow:none;outline:none;border:none;text-decoration:none;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.25px;text-transform:capitalize}.unsupport-info [data-btn-type=primary]{background:var(--primary-500);color:#000}.unsupport-info [data-btn-type=secondary]{background:rgba(0,0,0,0);border:1px solid var(--primary-800);color:var(--primary-800)}
/* Stepper */
.conrobostep--wrapper {
  width: 85%;
}
.conrobostep--container {
  display: flex;
  height: 75px;
  margin-bottom: 19px;
}
.conrobostep--container > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
.conrobostep--container-loading {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
}
.conrobostep--bar-loading {
  height: 54%;
  background: repeating-linear-gradient(90deg, #B8CCA9,var(--blue-500),var(--blue-600), #CC9CDA, #B8CCA9);
  background-repeat:repeat-x;
  background-size: 400% 100%;
  animation: StepperLoading 3s linear infinite;
  border-radius: 8px;
}
.conrobostep--pointer-wrapper-rdpu {
  position: absolute;
  top: 0;
  left: 10px;
  font-weight: 600;
}
.conrobostep--percent-pointer-rdpu {
  height: 16px;
  width: 1px;
  border: 1px solid #95CC5E;
}
.conrobostep--pasar-uang {
  height: 54%;
  border-radius: 8px 0px 0px 8px;
  margin-right: .75rem;
  background: repeating-linear-gradient(0deg, #B8CCA9, #B8CCA9 2px, #95CC5E 2px, #95CC5E 8px);
  animation: StepperAnimationRDPU 1s linear 1;
  -webkit-animation: StepperAnimationRDPU 1s linear 1;
  -moz-animation: StepperAnimationRDPU 1s linear 1;
}
.conrobostep--pendapatan-tetap {
  height: 54%;
  margin-right: .75rem;
  background: repeating-linear-gradient(90deg, var(--blue-500), var(--blue-500) 2px, var(--blue-600) 2px, var(--blue-600) 8px);
  animation: StepperAnimationRDPT 1s linear 1;
  -webkit-animation: StepperAnimationRDPT 1s linear 1;
  -moz-animation: StepperAnimationRDPT 1s linear 1;
}
.conrobostep--pointer-wrapper-rdpt {
  position: absolute;
  top: 0;
  font-weight: 600;
}
.conrobostep--percent-pointer-rdpt {
  height: 16px;
  width: 1px;
  border: 1px solid var(--blue-600);
}
.conrobostep--saham {
  height: 54%;
  border-radius: 0px 8px 8px 0px;
  background: repeating-linear-gradient(-45deg, #AFA2CA, #AFA2CA 2px, #CC9CDA 2px, #CC9CDA 8px);
  animation: StepperAnimationRDS 1s linear 1;
  -webkit-animation: StepperAnimationRDS 1s linear 1;
  -moz-animation: StepperAnimationRDS 1s linear 1;
}
.conrobostep--pointer-wrapper-rds {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 600;
}
.conrobostep--percent-pointer-rds {
  height: 16px;
  width: 1px;
  border: 1px solid #CC9CDA;
}
.conrobostep--info-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.conrobostep--info-container > div:first-child {
  margin-right: .5rem;
}
.conrobostep--info-container > div + div {
  width: 95%;
  display: flex;
}
.conrobostep--info-container span {
  font-size: 14px;
}
.conrobostep--info-container > div:nth-child(2) > span:first-child {
  min-width: 240px;
  margin-right: 12px;
  font-weight: 500;
}
.conrobostep--list-pointer {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: pink;
}
.conrobostep--wrapper .MuiSlider-root {
  color: #7938A1;
}
.conrobostep--profil-info {
  font-size: 12px;
}
.conrobostep--profil-info span:nth-child(2) {
  font-weight: 700;
}

/* Generic */
.conrobostep--linear-rdpu {
  background: repeating-linear-gradient(0deg, #95CC5E, #95CC5E 2px, #B8CCA9 2px, #B8CCA9 3px);
}
.conrobostep--linear-rdpt {
  background: repeating-linear-gradient(90deg, var(--blue-600), var(--blue-600) 2px, var(--blue-500) 2px, var(--blue-500) 3px);
}
.conrobostep--linear-rds {
  background: repeating-linear-gradient(-45deg, #AFA2CA, #AFA2CA 2px, #CC9CDA 2px, #CC9CDA 3px);
}

.orlicrslsbs--container {
  width: 90%;
  max-width: 1160px;
  margin: 0 auto;
  min-height: 391px;
  padding: 64px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.orlicrslsbs--container > div:first-child .orlicarvert--container {
  width: 490px;
}
.orlicrslsbs--container > div:first-child {
  width: 48%;
}
.orlicrslsbs--container > div:last-child {
  width: 48%;
}

/* Promo */
.promo--container h4, .promo--container-mobile h4 {
  margin-bottom: 32px;
}
.promo--placeholder {
  width: 100%;
  height: 306px;
  border-radius: 10px;
}
.promo--container-mobile {
  display: none;
}
.promo--container .home-header__sliders-item div img, .home-header__sliders2-item div img {
  width: 90%;
  border-radius: 10px;
}
.promo--container .home-header__sliders .slick-list, .home-header__sliders2 .slick-list {
  transform: translateX(-27px);
}
.promo--container .home-header__sliders .slick-prev, .home-header__sliders2 .slick-prev {
  transform: translate(-32px, -50px);
}
.promo--container .home-header__sliders .slick-next, .home-header__sliders2 .slick-next {
  transform: translate(-24px, -50px);
}
.promo--container .home-header__sliders .slick-dots {
  margin-left: 0;
  margin-right: 0;
  left: 0;
  right: 0;
  width: 50%;
  bottom: -30px;
}
.promo--placeholder-mobile {
  border-radius: 10px;
}

@media screen and (max-width: 1200px) {
  .promo--container-mobile .home-header__sliders .slick-dots {
    margin-left: 0;
    margin-right: 0;
    left: 0;
    right: 0;
    width: 53%;
    bottom: -30px;
  }
  .promo--container {
    background: #F2F5F5;
    display: none;
  }
  .promo--container-mobile {
    display: inherit;
    background: #F2F5F5;
  }
  .promo--container-mobile .home-header__sliders-item div img, .home-header__sliders2-item div img {
    border-radius: 10px;
  }
  .promo--container-mobile > div {
    margin: 0 auto;
    width: 90%;
    padding: 32px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .promo--container-mobile > div > img {
    border-radius: 10px;
  }
}

@media screen and (max-width: 991px) {
  .orlicrslsbs--container {
    padding: 48px 0;
  }
  .orlicrslsbs--container > div:first-child {
    width: 100%;
  }
  .orlicrslsbs--container > div:last-child {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .orlicrslsbs--container {
    padding: 36px 0;
  }
  .promo--container-mobile .home-header__sliders-item img, .home-header__sliders2-item img {
    width: 90%;
  }
  .promo--container-mobile .home-header__sliders .slick-prev, .home-header__sliders2 .slick-prev {
    transform: translate(8px, -20px);
    width: 30px;
    height: 30px;
  }
  .promo--container-mobile .home-header__sliders .slick-next, .home-header__sliders2 .slick-next {
    transform: translate(-14px, -20px);
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width: 576px) {
  .orlicrslsbs--container > div:first-child .orlicarvert--container {
    width: 400px;
  }
  .orlicrslsbs--container {
    padding: 24px 0;
    min-height: 350px;
  }
  .orlicrslsbs--container > div:first-child {
    height: 300px;
  }

  /* Header */
  .orlicrslsbs--container .orlicarvert--header {
    display: flex;
    justify-content: space-between;
  }
  .orlicrslsbs--container .orlicarvert--header > a {
    padding-top: 8px;
    height: 40px;
    color: var(--primary-800) !important;
    font-size: 14px;
    width: 100px;
    max-width: 100%;
    font-weight: 700;
    text-align: right;
  }

  /* Promo */
  .promo--container-mobile > div {
    padding: 24px 0 15px 0;
  }
  .promo--container-mobile h4 {
    font-size: 20px;
    margin-bottom: 24px;
  }

  .promo--container-mobile .home-header__sliders .slick-list, .home-header__sliders2 .slick-list {
    transform: translateX(3px);
  }
  .promo--container-mobile .home-header__sliders .slick-prev, .home-header__sliders2 .slick-prev {
    transform: translate(-12px, -20px);
    width: 20px;
    height: 20px;
  }
  .promo--container-mobile .home-header__sliders .slick-next, .home-header__sliders2 .slick-next {
    transform: translate(16px, -20px);
    width: 20px;
    height: 20px;
  }
  .promo--container-mobile .slick-next, .promo--container-mobile .slick-next:focus, .promo--container-mobile .slick-next:hover, .promo--container-mobile .slick-prev, .promo--container-mobile .slick-prev:focus, .promo--container-mobile .slick-prev:hover {
    visibility: visible;
  }
  .promo--container-mobile .home-header__sliders .slick-dots {
    display: none !important;
  }
}

@media screen and (max-width: 425px) {
  .orlicrslsbs--container > div:first-child .orlicarvert--container {
    width: 350px;
  }
}

@media screen and (max-width: 375px) {
  .orlicrslsbs--container > div:first-child .orlicarvert--container {
    width: 290px;
  }
}
.orsimsbscom--wrapper {
  background: rgba(242, 245, 245, 0.5);
  padding: 64px 0;
}
.orsimsbscom--wrapper label > div {
  background: rgba(242, 245, 245, 0.5);
  font-size: 20px;
}
.orsimsbscom--wrapper label {
  padding: 0;
}
.orsimsbscom--container, .orsimsbscom--title {
  width: 90%;
  max-width: 1146px;
  margin: 0 auto;
}
.orsimsbscom--title {
  margin-bottom: 32px;
}
.orsimsbscom--container {
  display: flex;
  justify-content: space-between;
}
.orsimsbscom--container > div {
  width: 50%;
}
.orsimsbscom--container > div:first-child {
  width: 40%;
}
.orsimsbscom--container .atinpbase--container {
  margin-bottom: 32px;
}
.orsimsbscom--container .atinpbase--container .MuiInputBase-root {
  width: 100%;
  background: #FFFFFF;
}
.orsimsbscom--title-container > div > span > div, .orsimsbscom--title-container-mobile > div > span > div {
  display: inline;
}
.orsimsbscom--card-container > div {
  padding: 12px;
}
.orsimsbscom--card-container > div:first-child {
  background: #E2EBDD;
  border-radius: 3px 3px 0 0;
}
.orsimsbscom--card-container > div:nth-child(2) {
  background: #FFFFFF;
  border-radius: 0 0 3px 3px;
}
.orsimsbscom--card-container .mlttlinfo--card-container {
  background: #F2F5F5;
  border-radius: 4px;
}
.orsimsbscom--card-container .mlttlinfo--container:first-child {
  margin-bottom: 20px;
}
.orsimsbscom--container .orsimsbscom--info-tablet, .orsimsbscom--container .orsimsbscom--info-mobile {
  display: none;
}

/* Divider */
.orsimsbscom--children-container > div:first-child {
  height: 1px;
  width: 92.5%;
  margin: 4px auto 0 auto;
  background: var(--onsurface-high-emphasis);
  opacity: 0.12;
}

/* Bar Icon */
.orsimsbscom--container .orgrbarcom--top-content h6 div {
  color: #FFFFFF;
}
.orsimsbscom--container h6 .orsimsbscom--bar2 {
  opacity: 0.65;
}
.orsimsbscom--container h6 .orsimsbscom--bar-text {
  color: #FFFFFF;
  display: flex;
  align-items: center;
}
.orsimsbscom--bar-arrow {
  height: 100%;
  transform: rotate(-90deg);
}
.orsimsbscom--bar1 .orsimsbscom--bar-arrow path {
  fill: #FFFFFF;
}

@media screen and (max-width: 786px) {
  .orsimsbscom--wrapper {
    background: #FFFFFF;
    padding: 32px 0;
  }
  .orsimsbscom--container > div:nth-child(2) {
    width: 40%;
  }
  .orsimsbscom--container > div:nth-child(2) > .orsimsbscom--info-tablet {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  .orsimsbscom--container > div:first-child {
    width: 55%;
  }
  .orsimsbscom--wrapper label > div {
    background: #FFFFFF;
  }
  .orsimsbscom--container .orsimsbscom--info-tablet {
    display: inherit;
  }
  .orsimsbscom--container .orgrbarcom--container {
    display: none;
  }
  .orsimsbscom--title-container-mobile {
    margin-bottom: 1rem;
  }
  .orsimsbscom--title-container-mobile div {
    font-size: 12px;
  }
  .orsimsbscom--card-container {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
  }
  .orsimsbscom--mobile-desc {
    display: flex;
    align-items: center;
  }
  .orsimsbscom--mobile-desc > div:first-child {
    width: fit-content;
    margin-right: 4px;
  }
}

@media screen and (max-width: 576px) {
  .orsimsbscom--wrapper {
    padding: 24px 0;
  }
  .orsimsbscom--container .atinpbase--container {
    margin-bottom: 29px;
  }
  .orsimsbscom--title {
    margin-bottom: 16px;
    font-size: 20px;
  }
  .orsimsbscom--container > div:nth-child(2) > .orsimsbscom--info-tablet {
    display: none;
  }
  .orsimsbscom--container .orsimsbscom--info-mobile {
    display: inherit;
  }
  .orsimsbscom--container {
    display: inherit;
  }
  .orsimsbscom--container > div:first-child {
    width: 100%;
  }
  .orsimsbscom--info-mobile .orsimsbscom--title-container-mobile + div {
    display: flex;
  }
  .orsimsbscom--container .mlttldes--title {
    font-size: 12px;
  }
  .orsimsbscom--info-mobile .mlbrdrdinfo--container {
    width: 50%;
  }
}

@media screen and (max-width: 375px) {
  /* .orsimsbscom--info-mobile .mlbrdrdinfo--container {
    margin-right: 7%;
  } */
  .orsimsbscom--container .mlttldes--title {
    font-size: 10px;
  }
}
.atinpbase--container {
  min-width: 200px;
}
.atinpbase--container .MuiInputBase-root {
  border-radius: 5px;
  padding: 6px 11px;
}
.atinpbase--idr-adornment {
  color: rgba(0, 0, 0, 0.6);
}
.atinpbase--container .MuiInputBase-root input {
  font-size: 20px;
  font-weight: 600;
}
.atinpbase--container .atinpbase--input-error {
  border: 2px solid var(--error);
}
.orgrbarcom--container > div:first-child {
  margin-bottom: 40px;
}
.orgbarcom--vs {
  margin: 24px 0;
}
.atbaricon--container {
  max-width: 432px;
  position: relative;
  display: flex;
  height: 50px;
}
.atbaricon--container > div:first-child {
  width: 95%;
  background: #E4EAEB;
  height: 100%;
  padding: 6px 11px;
  display: flex;
  align-items: center;
}
.atbaricon--container > div:first-child * {
  color: #4F5859;
}
.atbaricon--icon-container > div {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  /* border: 1px solid #383F40; */
}
.atbaricon--icon-container {
  position: relative;
  margin-left: -30px;
  margin-top: -1px;
}
.atbaricon--icon-container > div {
  background: white;
}
.atbaricon--title {
  margin-bottom: 12px;
}

.atbaricon--sparkle {
  position: absolute;
}
.atbaricon--sparkle-one {
  top: -21px;
  left: -6px;
}
.atbaricon--sparkle-two {
  bottom: -21px;
  right: -6px;
}

@media screen and (max-width: 991px) {
  .atbaricon--container > div:first-child * {
    font-size: 14px;
  }
}
.mltxdsctc--container {
  display: flex;
  justify-content: space-between;
}
.mltxdsctc--container .mlttldes--title {
  margin-bottom: 4px;
}
.mltxdsctc--container > div:nth-child(2) > div {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .mltxdsctc--container {
    justify-content: flex-start;
  }
  .mltxdsctc--container > div:nth-child(2) > div {
    text-align: left;
  }
  .mltxdsctc--container > div{
    width: 50%;
  }
}
.attxtctc--container {
  display: flex;
  justify-content: space-between;
  padding: 10px 17px;
  border-radius: 4px;
  background: #F2F5F5;
}
.attxtctc--container > div:nth-child(2) {
  text-align: right;
}
.mlttlinfo--container > div:first-child {
  margin-bottom: 8px;
}
.mlbrdrdinfo--container {
  margin-bottom: 20px;
  padding-left: 8px;
}
.orhdrsbn--container .orhdrsbn--mulai-investasi {
  display: none;
  text-decoration: none;
}

.orhdrsbn--container .download-prompt {
  display: inline-flex;
}

.orhdrsbn--container .download-prompt .native-download {
  display: inline-flex;
  flex-direction: column;
}

.orhdrsbn--container .download-prompt .native-download img.android {
  width: 135px;
}

.orhdrsbn--container .download-prompt .native-download img.ios {
  width: 135px;
  margin-top: 8px;
}

.orhdrsbn--container .download-prompt img.qr-action {
  width: 99px;
  margin-left: 12px;
  border-radius: 8px;
  padding: 2px;
  border: 1px solid var(--onsurface-disable);
  object-fit: contain;
}

@media screen and (max-width: 768px) {
  .orhdrsbn--container .orhdrsbn--mulai-investasi {
    display: inherit;
    margin-top: 32px;
  }
  .orhdrsbn--container .download-prompt {
    display: none;
  }
}

@media screen and (max-width: 576px) {
  .orhdrsbn--container .orhdrsbn--mulai-investasi {
    width: 100%;
  }
  .orhdrsbn--container .orhdrsbn--mulai-investasi > span > div {
    text-align: center;
  }
}
.orfivclm--noscroll-wrapper {
  margin-top: 72px;
  display: flex;
  justify-content: space-between;
}
.orfivclm--section-title {
  color: #445639;
  text-align: center;
}
.orfivclm--each-grid {
  width: 25%;
}
.orfivclm--each-grid > div:first-child {
  display: flex;
  justify-content: center;
}
.orfivclm--noscroll-desc {
  font-size: 16px;
  text-align: center;
}
.orfivclm--title, .orfivclm--description {
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .orfivclm--noscroll-wrapper {
    margin-top: 64px;
  }
}
@media screen and (max-width: 991px) {
  .orfivclm--noscroll-wrapper {
    margin-top: 32px;
  }
  .orfivclm--each-grid {
    width: 30%;
  }
  .orfivclm--noscroll-desc {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .orfivclm--noscroll-wrapper {
    margin-top: 24px;
  }
  .orfivclm--noscroll-desc {
    font-size: 12px;
  }
  .orfivclm--each-grid > div:first-child > img {
    height: 80px;
  }
}
@media screen and (max-width: 576px) {
  .orfivclm--noscroll-wrapper {
    display: inherit;
  }
  .orfivclm--each-grid {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.cbrand {
  display: flex;
  flex-wrap: wrap;
  max-width: 461px;
}

.cbrand-logo {
  width: 111px;
  height: 48px;
  margin-right: calc((100% - (111px * 3)) / 2);
}

.cbrand-logo:nth-child(3n) {
  margin-right: 0;
}

@media screen and (max-width: 991px) {
  .cbrand-logo {
    width: 80.28px;
    height: 34.72px;
    margin-right: calc((100% - (80.28px * 3)) / 2);
  }

  .cbrand-logo:nth-child(-n + 3) {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 576px) {
  .cbrand {
    display: none;
  }
}

.mlgrphgld--container {
  margin-top: 24.78px;
}

/* tooltip */
.tooltp--container {
  min-width: 160px;
  height: 60px;
  border-radius: 8px;
  background: #F5F5F5;
  border: 2px solid #668054;
}
.tooltp--container > div {
  margin: 6px auto;
  min-width: 90px;
  max-width: 90%;
}
.tooltp--container > div > div:first-child {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.6);
}
.tooltp--container > div > div:last-child {
  font-size: 12px;
  font-weight: 600;
}
.mlgrphgld--container .mlcustbul--container {
  display: none;
}

@media screen and (max-width: 576px) {
  .mlgrphgld--container {
    margin-top: 0;
  }
  .mlgrphgld--container .mlcustbul--container {
    background: #F5F5F5;
    opacity: 0.87;
    border-radius: 4px;
    padding: 4px 8px;
    width: fit-content;
    display: flex;
    margin-bottom: 8px;
  }
}
[data-modal="form_landing_signup"] .MuiDialog-container {
  position: relative;
}

[data-modal="form_landing_signup"] .MuiPaper-rounded {
  border-radius: 16px !important;
  margin: 0px;
  width: 554px;
}

[data-modal="form_landing_signup"] .modal_widget,
[data-modal="form_landing_signup"] .modal_widget > div > div {
  max-width: 100% !important;
  width: 100% !important;
}

@media screen and (max-width: 576px) {
  [data-modal="form_landing_signup"] .MuiPaper-rounded {
    top: 70px;
    max-width: 344px !important;
    width: 344px !important;
  }
  [data-modal="form_landing_signup"] .modal_widget {
    margin: 72px calc((100% - 344px) / 2) 0;
  }
  [data-modal="form_landing_signup"] .modal_widget,
  [data-modal="form_landing_signup"] .modal_widget > div > div {
    height: auto !important;
    max-width: 344px !important;
  }
}

@media screen and (max-width: 340px) {
  [data-modal="form_landing_signup"] .modal_widget {
    margin: 72px 0 0;
  }
}
.reksadana {
    max-width: 100%;
    display: flex;
    align-items: center;
    margin-top: 16px;
  }
  
  .reksadana-logo {
    width: 111px;
    height: 48px;
    margin-right: 24px;
    max-width: 100%;
    flex-wrap: nowrap;
  }

  .reksadana-header__ojk {
    margin-top: 0px;
  }
  
  .cbrand {
    display: flex;
    flex-wrap: wrap;
    max-width: 461px;
  }
  
  .cbrand-reksadana {
    display: flex;
    flex-wrap: nowrap;
    max-width: 592px;
  }
  
  .cbrand-logo {
    width: 111px;
    height: 48px;
    margin-right: calc((100% - (111px * 3)) / 2);
  }
  
  .cbrand-logo:nth-child(3n) {
    margin-right: 0;
  }

  .reksadana-header__ojk-reksadana {
    text-align: right;
    width: 188px;
  }
  
  @media screen and (max-width: 991px) {
    .cbrand-logo {
      width: 80.28px;
      height: 34.72px;
      margin-right: calc((100% - (80.28px * 3)) / 2);
    }
  
    .cbrand-logo:nth-child(-n + 3) {
      margin-bottom: 10px;
    }

    .reksadana-header__ojk {
      margin: 0;
    }

    .reksadana {
      margin-top: 0px;
    }
  }

  @media screen and (max-width: 768px) {
    .cbrand-logo:nth-child(-n + 3) {
      margin-bottom: 0px;
    }

    .reksadana {
      margin: 0px;
    }
    
    .reksadana-logo {
      width: auto;
      height: 39px;
      margin-right: 8px;
      max-width: 100%;
      flex-wrap: nowrap;
    }

    .reksadana-logo:nth-child(2) {
      width: auto;
      margin-right: -10px;
    }
  }
  
  @media screen and (max-width: 576px) {
    .cbrand {
      display: none;
    }
    .reksadana-logo {
      width: 111px;
      height: 48px;
      margin: 0;
      max-width: 100%;
      flex-wrap: nowrap;
    }
    .cbrand-logo {
        width: 111px;
        height: 30px;
        margin-right: 0px;
        margin-bottom: 0px;
    }
    .cbrand-reksadana {
        display: flex;
        flex-wrap: nowrap;
        max-width: 461px;
        justify-content: center;
        align-items: center;
        margin-top: 8px;
      }
    .cbrand-logo:nth-child(-n + 3) {
        margin: 0px;
      }
    .reksadana-logo {
        width: 111px;
        height: 30px;
        margin-right: 4px;
    }
    .reksadana-header__ojk-reksadana {
        font-size: 12px;
        width: 100%;
    }
  }
.orlicarvert--container {
  position: relative;
}
.orlicarvert--container > .orlicarvert--header > h4 {
  margin-bottom: 32px;
}
.orlicarvert--container .orlicarvert--button {
  position: absolute;
  right: 55px;
  bottom: 10px;
  width: 154px;
  color: var(--primary) !important;
}
.orlicarvert--container .MuiButtonBase-root  {
  width: 100%;
}
.orlicarvert--container a.orlicarvert--button {
  text-decoration: none;
}
.orlicarvert--container > .orlicarvert--header > a {
  display: none;
}

/* Slider */
.orlicarvert--container .slick-list {
  height: 320px !important;
}
.orlicarvert--container .slick-slide img {
  height: 306px !important;
  width: 223px !important;
}
.orlicarvert--container .slick-vertical .slick-slide {
  /* height: 280px; */
  height: 320px;
}
.orlicarvert--container ul {
  width: 200px;
}
.orlicarvert--container li {
  margin-bottom: 1rem;
}
.orlicarvert--container li.slick-active {
  font-weight: 600;
}
.orlicarvert--container .slick-prev {
  right: 170px;
  left: unset;
  /* transform: rotate(90deg); */
  top: 0;
  position: absolute;
}
.orlicarvert--container .slick-next {
  right: 170px;
  transform: rotate(90deg);
  bottom: 60px;
  top: unset;
}

/* Slider Arrow */
.orlicarvert--custom-arrow {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--primary-900);
  position: absolute;
  right: 190px;
  z-index: 1;
}
.orlicarvert--custom-next-arrow {
  bottom: 110px;
}
.orlicarvert--custom-arrow::before {
  content: none;
}
.orlicarvert--arrow-icon {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  height: 4px;
  width: 8px;
  background: var(--primary-900);
}
.orlicarvert--next-arrow-icon {
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.orlicarvert--custom-arrow-disabled {
  border: 2px solid #DADADA;
}
.orlicarvert--arrow-icon-disabled {
  background: #DADADA;
}

.vertical-dots {
  right: 10px;
  list-style: none;
  display: block;
  position: absolute;
  top: 37%;
  transform: translateY(-50%);
  margin-top: -10px;
  text-align: left;
}

@media screen and (max-width: 576px) {
  .orlicarvert--container .slick-list {
    height: 240px !important;
  }
  .orlicarvert--container .slick-vertical .slick-slide {
    /* height: 280px; */
    height: 240px;
  }
  .orlicarvert--container .slick-slide img {
    height: 208px !important;
    width: 152px !important;
  }
  .orlicarvert--container > .orlicarvert--header > h4 > span {
    display: none;
  }
  .orlicarvert--container > .orlicarvert--header > h4 {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .orlicarvert--container > .orlicarvert--header > a {
    text-decoration: none;
    display: inherit;
  }
  .orlicarvert--container .MuiButtonBase-root  {
    display: none;
  }
  .orlicarvert--container li {
    font-size: 12px;
  }
  .orlicarvert--container ul {
    width: 150px;
  }
  .vertical-dots {
    right: 55px;
    top: 52%;
  }

  /* Arrow */
  .orlicarvert--custom-next-arrow {
    bottom: 25px;
  }
}

@media screen and (max-width: 425px) {
  .vertical-dots {
    right: 35px;
  }
  .orlicarvert--custom-arrow {
    right: 165px;
  }
}

@media screen and (max-width: 375px) {
  .vertical-dots {
    right: -8px;
  }
  .orlicarvert--container ul {
    width: 140px;
  }
  .orlicarvert--custom-arrow {
    right: 115px;
  }
}
 
.atacchype--container {
  width: 100%;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--outline);
  margin-bottom: 8px;
  padding: 1rem;
  text-decoration: none;
  color: var(--onsurface-high-emphasis);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.25px;
}
.atacchype--container svg > path {
  width: 7.41px;
  height: 12px;
}
.mlcustbul--container {
  display: flex;
  align-items: center;
}
.mlcustbul--bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #668054;
  float: left;
  margin-right: 8px;
}