@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";:root{--default-font-size: $default-font-size;--default-form-padding: 9px 14px;--default-form-padding-sm: 7px 14px;--default-form-padding-lg: 12px 14px;--bs-breadcrumb-divider: ">";--color-success-1: #EBFFEE;--color-success-4: #32C778;--color-success-5: #01A35D;--color-success-7: #00755A;--color-secondary-5: #FFCE0A;--color-warning-1: #FEF9EA;--color-warning-5: #F99407;--color-warning-7: #B35B03;--color-info-1: #EBF4FF;--color-info-3: #78A8F6;--color-info-5: #225FE2;--color-brand-05: #F5F5FF;--color-brand-1: #EBEBFF;--color-brand-3: #8286DE;--color-brand-4: #5C5FBD;--color-brand-5: #2E3192;--color-danger-1: #FFEBEC;--color-danger-4: #D85251;--color-danger-5: #BF202D;--color-neutral-1: #F5F5FA;--color-neutral-2: #E6EAF0;--color-neutral-3: #D0D5DD;--color-neutral-4: #98A2B3;--color-neutral-5: #667085;--color-neutral-6: #475467;--color-neutral-7: #344054;--color-white: #FFF;--breakpoint-xxl: 1400px;--breakpoint-xl: 1200px;--breakpoint-lg: 992px;--breakpoint-md: 768px;--breakpoint-sm: 576px}:root{font-size:14px}*{font-family:Poppins;font-size:inherit;line-height:150%;font-weight:400;color:inherits}body{color:#667085}a{text-decoration:none;color:inherit;transition:opacity .4s ease}a:hover{opacity:.5;color:inherit}[class^=bi-]{color:inherit;font-size:inherit}hr{opacity:1;background-color:#d0d5dd}hr.custom{border:none;height:3px;background-color:transparent;border-bottom:1px solid #d0d5dd}hr.custom::after{content:"";display:block;width:64px;height:2px;background-color:#5c5fbd;position:absolute;transform:translateY(50%)}.tx-xs{font-size:12px}.tx-sm{font-size:14px}.tx-md{font-size:calc(14px + 2px)}.tx-lg{font-size:calc(14px + 4px)}.tx-xl{font-size:calc(14px + 6px)}.tx-display-xs{font-size:calc(14px + 10px)}.tx-display-sm{font-size:calc(14px + 16px)}.tx-display-md{font-size:calc(14px + 22px)}@media(min-width: 576px){.tx-sm-sm{font-size:14px}.tx-sm-md{font-size:calc(14px + 2px)}}@media(min-width: 768px){.tx-md-sm{font-size:14px}.tx-md-md{font-size:calc(14px + 2px)}.tx-md-display-xs{font-size:calc(14px + 10px)}.tx-md-display-md{font-size:calc(14px + 22px)}}@media(min-width: 992px){.tx-lg-sm{font-size:14px}}@media(min-width: 1200px){.tx-xl-md{font-size:calc(14px + 2px)}.tx-xl-lg{font-size:calc(14px + 4px)}}.tx-light{font-weight:300}.tx-normal{font-weight:400}.tx-medium{font-weight:500}.tx-semibold{font-weight:600}.tx-success-1{color:#ebffee !important}.tx-success-4{color:#32c778 !important}.tx-success-5{color:#01a35d !important}.tx-success-7{color:#00755a !important}.tx-secondary-5{color:#ffce0a !important}.tx-warning-1{color:#fef9ea !important}.tx-warning-5{color:#f99407 !important}.tx-warning-7{color:#b35b03 !important}.tx-info-1{color:#ebf4ff !important}.tx-info-3{color:#78a8f6 !important}.tx-info-5{color:#225fe2 !important}.tx-brand-05{color:#f5f5ff !important}.tx-brand-1{color:#ebebff !important}.tx-brand-3{color:#8286de !important}.tx-brand-4{color:#5c5fbd !important}.tx-brand-5{color:#2e3192 !important}.tx-danger-1{color:#ffebec !important}.tx-danger-4{color:#d85251 !important}.tx-danger-5{color:#bf202d !important}.tx-neutral-1{color:#f5f5fa !important}.tx-neutral-2{color:#e6eaf0 !important}.tx-neutral-3{color:#d0d5dd !important}.tx-neutral-4{color:#98a2b3 !important}.tx-neutral-5{color:#667085 !important}.tx-neutral-6{color:#475467 !important}.tx-neutral-7{color:#344054 !important}.tx-white{color:#fff !important}.border-success-1{border:1px solid #ebffee}.border-success-4{border:1px solid #32c778}.border-success-5{border:1px solid #01a35d}.border-success-7{border:1px solid #00755a}.border-secondary-5{border:1px solid #ffce0a}.border-warning-1{border:1px solid #fef9ea}.border-warning-5{border:1px solid #f99407}.border-warning-7{border:1px solid #b35b03}.border-info-1{border:1px solid #ebf4ff}.border-info-3{border:1px solid #78a8f6}.border-info-5{border:1px solid #225fe2}.border-brand-05{border:1px solid #f5f5ff}.border-brand-1{border:1px solid #ebebff}.border-brand-3{border:1px solid #8286de}.border-brand-4{border:1px solid #5c5fbd}.border-brand-5{border:1px solid #2e3192}.border-danger-1{border:1px solid #ffebec}.border-danger-4{border:1px solid #d85251}.border-danger-5{border:1px solid #bf202d}.border-neutral-1{border:1px solid #f5f5fa}.border-neutral-2{border:1px solid #e6eaf0}.border-neutral-3{border:1px solid #d0d5dd}.border-neutral-4{border:1px solid #98a2b3}.border-neutral-5{border:1px solid #667085}.border-neutral-6{border:1px solid #475467}.border-neutral-7{border:1px solid #344054}.border-white{border:1px solid #fff}.bg-success-1{background-color:#ebffee}.bg-success-4{background-color:#32c778}.bg-success-5{background-color:#01a35d}.bg-success-7{background-color:#00755a}.bg-secondary-5{background-color:#ffce0a}.bg-warning-1{background-color:#fef9ea}.bg-warning-5{background-color:#f99407}.bg-warning-7{background-color:#b35b03}.bg-info-1{background-color:#ebf4ff}.bg-info-3{background-color:#78a8f6}.bg-info-5{background-color:#225fe2}.bg-brand-05{background-color:#f5f5ff}.bg-brand-1{background-color:#ebebff}.bg-brand-3{background-color:#8286de}.bg-brand-4{background-color:#5c5fbd}.bg-brand-5{background-color:#2e3192}.bg-danger-1{background-color:#ffebec}.bg-danger-4{background-color:#d85251}.bg-danger-5{background-color:#bf202d}.bg-neutral-1{background-color:#f5f5fa}.bg-neutral-2{background-color:#e6eaf0}.bg-neutral-3{background-color:#d0d5dd}.bg-neutral-4{background-color:#98a2b3}.bg-neutral-5{background-color:#667085}.bg-neutral-6{background-color:#475467}.bg-neutral-7{background-color:#344054}.bg-white{background-color:#fff}.image-cover{overflow:hidden}.image-cover img{width:100%;height:100%;object-fit:cover}.sticky-relative-to-header{top:190px}.custom-scrollbar::-webkit-scrollbar{width:7px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1}.custom-scrollbar::-webkit-scrollbar-thumb{background:#888;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}#header{width:100%;position:fixed;top:0;left:0;box-shadow:0px 4px 16px rgba(56,56,61,.08);z-index:1040}#header .promo-banner{padding:16px;background-color:#2e3192;color:#fff;text-align:center}@media(max-width: calc(992px - 1px)){#header .promo-banner{font-size:12px}}#header .promo-banner .image-cover{height:50px}#header .main{display:flex;align-items:center;width:100%;height:110px;background-color:#fff;border-bottom:1px solid #8286de}@media(max-width: calc(1200px - 1px)){#header .main{height:auto;padding:10px 0}}#header .main .container .logo img{height:48px}@media(max-width: calc(1200px - 1px)){#header .main .container .logo img{height:32px}}#header .main .container .input-group-cari{display:flex;align-items:center;background-color:#fff;padding:1px 3px 1px 24px;border-radius:25px;overflow:hidden}#header .main .container .input-group-cari input{border:none;padding:11px 0;background-color:transparent}#header .main .container .input-group-cari input:focus{outline:0 none !important;box-shadow:none !important}#header .main .container .input-group-cari button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50% !important}#header .main .container .avatar{width:40px;height:40px}#header .main .container .dropdown-toggle::after{display:none}#header .main .container .dropdown-menu{min-width:250px}#header .main .container .dropdown-menu .dropdown-item{padding:9px 16px;display:flex}#header .main .container .dropdown-menu .dropdown-item:hover{opacity:1}#header .main .container .dropdown-menu .dropdown-item span{margin-left:auto;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#bf202d;border-radius:15px;font-size:10px;color:#fff}#header .main .container .search-mobile{max-height:47px;transition:all .2s ease-out}#header .secondary{display:flex;align-items:center;height:72px;background-color:#fff;border-bottom:1px solid #8286de}@media(max-width: calc(1200px - 1px)){#header .secondary{height:56px}}#header .secondary .btn-switch-kategori{display:flex;align-items:center;font-weight:500}#header .secondary .btn-switch-kategori i.bi-list{display:block;padding:7px;font-size:20px;background-color:#5c5fbd;line-height:100%;color:#fff}#header .secondary .btn-switch-kategori i[class^=bi-caret]{font-size:10px}#header .secondary-dropdown-desktop{background-color:#fff;height:0;width:100%;opacity:0;overflow:hidden;transition:opacity .4s ease;visibility:hidden}#header .secondary-dropdown-desktop .tab-nav{position:relative}#header .secondary-dropdown-desktop .tab-nav::after{content:"";display:block;width:100%;position:absolute;border-bottom:2px solid rgba(0,0,0,.15);bottom:0;left:0}#header .secondary-dropdown-desktop .tab-nav .nav .nav-item button{padding:11px 0px;color:#5c5fbd;filter:grayscale(0.8);border-radius:0;margin-right:25px}#header .secondary-dropdown-desktop .tab-nav .nav .nav-item button.active{filter:unset;font-weight:600;color:#5c5fbd;background-color:transparent;border-bottom:2px solid #5c5fbd}#header .secondary-dropdown-desktop #tabKategori,#header .secondary-dropdown-desktop #tabBrand{height:436px;max-height:436px}#header .secondary-dropdown-desktop #tabKategori.active,#header .secondary-dropdown-desktop #tabBrand.active{display:flex}#header .secondary-dropdown-desktop #tabKategori .nav.nav-pills,#header .secondary-dropdown-desktop #tabBrand .nav.nav-pills{flex-shrink:0;display:block;width:350px;height:100%;max-height:100%;overflow-y:auto;border-right:2px solid rgba(0,0,0,.15)}#header .secondary-dropdown-desktop #tabKategori .nav.nav-pills::-webkit-scrollbar,#header .secondary-dropdown-desktop #tabBrand .nav.nav-pills::-webkit-scrollbar{width:7px}#header .secondary-dropdown-desktop #tabKategori .nav.nav-pills::-webkit-scrollbar-track,#header .secondary-dropdown-desktop #tabBrand .nav.nav-pills::-webkit-scrollbar-track{background:#f1f1f1}#header .secondary-dropdown-desktop #tabKategori .nav.nav-pills::-webkit-scrollbar-thumb,#header .secondary-dropdown-desktop #tabBrand .nav.nav-pills::-webkit-scrollbar-thumb{background:#888;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media(max-width: calc(1200px - 1px)){#header .secondary-dropdown-desktop #tabKategori .nav.nav-pills,#header .secondary-dropdown-desktop #tabBrand .nav.nav-pills{width:300px}}@media(max-width: calc(992px - 1px)){#header .secondary-dropdown-desktop #tabKategori .nav.nav-pills,#header .secondary-dropdown-desktop #tabBrand .nav.nav-pills{width:250px}}#header .secondary-dropdown-desktop #tabKategori .nav.nav-pills button,#header .secondary-dropdown-desktop #tabBrand .nav.nav-pills button{display:flex;width:100%;padding:16px 13px;border-radius:0;color:#344054;text-align:left}#header .secondary-dropdown-desktop #tabKategori .nav.nav-pills button:hover,#header .secondary-dropdown-desktop #tabKategori .nav.nav-pills button.active,#header .secondary-dropdown-desktop #tabBrand .nav.nav-pills button:hover,#header .secondary-dropdown-desktop #tabBrand .nav.nav-pills button.active{background-color:#f5f5ff;color:#2e3192}#header .secondary-dropdown-desktop #tabKategori .nav.nav-pills button.active,#header .secondary-dropdown-desktop #tabBrand .nav.nav-pills button.active{font-weight:500}#header .secondary-dropdown-desktop #tabKategori .tab-content,#header .secondary-dropdown-desktop #tabBrand .tab-content{padding:24px;max-height:100%;overflow-y:auto}#header .secondary-dropdown-desktop .brand-item{display:block;width:165px;height:75px;padding:16px 24px}#header .secondary-dropdown-desktop .brand-item img{width:100%;height:100%;object-fit:contain}#header .secondary-dropdown-mobile{width:95%;height:100%;max-height:100vh;overflow-y:auto;background-color:#fff;position:fixed;top:0;left:-100%;box-shadow:0px 8px 16px rgba(0,0,0,.08);transition:left .4s ease}#header .secondary-dropdown-mobile .tab-menu{opacity:0;height:0 !important;transform:translateX(-50%);transition:transform .4s ease,opacity .7s ease;overflow:hidden}#header .secondary-dropdown-mobile .tab-menu.show{transform:translateX(0);height:auto !important;opacity:1}#header .secondary-dropdown-mobile .tab-menu .menu-item{display:flex;align-items:center;width:100%;padding:13px;border-bottom:1px solid #eaecf0;color:#344054}#header .secondary-dropdown-2{height:0;opacity:0;background-color:#fff;visibility:hidden;transition:opacity .4s ease}#header .secondary-dropdown-2 a.item{display:block;padding:9px 0}#header .secondary-dropdown-2 a.item:last-child{padding-bottom:10px}#header .secondary-dropdown-2.opened{height:170px;opacity:1;visibility:visible}#header .btn-header{display:flex;align-items:center;font-weight:500;position:relative}#header .btn-header i{font-size:20px}#header .btn-header span.badge-number{position:absolute;display:block;top:-7px;left:7px;font-size:10px;background-color:#bf202d;border:3px solid #fff;border-radius:10px;padding:1px 3px 0px 3px;color:#fff}body.header-opened{max-height:100vh;overflow:hidden}body.header-opened .secondary-dropdown-desktop{height:480px !important;opacity:1 !important;visibility:visible !important}body.header-opened .secondary-dropdown-mobile{left:0 !important}body.scrolled .search-mobile{max-height:0 !important;overflow:hidden;padding:0;margin:0;opacity:0}#content{margin-top:230px;padding:32px 0 80px 0}#content.content-slim{margin-top:80px;padding-top:0}@media(max-width: calc(1200px - 1px)){#content{margin-top:200px}#content.content-slim{margin-top:30px}}@media(max-width: calc(1200px - 1px)){#content{margin-top:230px}}@media(max-width: calc(768px - 1px)){#content{padding:32px 0 50px 0}}footer section:nth-child(1){padding:55px 0;background-color:#2e3192}footer section:nth-child(1),footer section:nth-child(1) *{color:#fff}footer section:nth-child(2){padding:40px 0;background-color:#f5f5fa}footer section:nth-child(2),footer section:nth-child(2) *{color:#344054}footer section:nth-child(2) .card-bank{display:flex;align-items:center;justify-content:center;width:64px;height:40px;padding:8px;background-color:#fff;border-radius:4px;box-shadow:0px 1px 2px rgba(0,0,0,.12)}footer section:nth-child(2) .card-bank img{width:100%;height:100%;object-fit:contain}footer section:nth-child(3){padding:16px 0;text-align:center}footer.footer-slim{padding:22px 0}.buttonWhatsapp{display:flex;align-items:center;justify-content:center;font-size:25px;width:55px;height:55px;background-color:#64d267;position:fixed;right:15px;bottom:15px;border-radius:50%;color:#fff;transition:all .2s ease-out;z-index:9999}.buttonWhatsapp:hover{opacity:1;color:#fff;transform:scale(0.87)}.alert{padding:18px;border:0;border-radius:0;color:#344054}.alert-success-1{background-color:#ebffee}.alert-success-4{background-color:#32c778}.alert-success-5{background-color:#01a35d}.alert-success-7{background-color:#00755a}.alert-secondary-5{background-color:#ffce0a}.alert-warning-1{background-color:#fef9ea}.alert-warning-5{background-color:#f99407}.alert-warning-7{background-color:#b35b03}.alert-info-1{background-color:#ebf4ff}.alert-info-3{background-color:#78a8f6}.alert-info-5{background-color:#225fe2}.alert-brand-05{background-color:#f5f5ff}.alert-brand-1{background-color:#ebebff}.alert-brand-3{background-color:#8286de}.alert-brand-4{background-color:#5c5fbd}.alert-brand-5{background-color:#2e3192}.alert-danger-1{background-color:#ffebec}.alert-danger-4{background-color:#d85251}.alert-danger-5{background-color:#bf202d}.alert-neutral-1{background-color:#f5f5fa}.alert-neutral-2{background-color:#e6eaf0}.alert-neutral-3{background-color:#d0d5dd}.alert-neutral-4{background-color:#98a2b3}.alert-neutral-5{background-color:#667085}.alert-neutral-6{background-color:#475467}.alert-neutral-7{background-color:#344054}.alert-white{background-color:#fff}.badge{padding:3px 12px;line-height:150%}.btn{padding:var(--default-form-padding);border-radius:0 !important;line-height:150%;transition:all .4s ease;font-weight:500}.btn:hover{opacity:1 !important}.btn-success-1{background-color:#ebffee}.btn-success-1,.btn-success-1 *,.btn-success-1:hover,.btn-success-1:hover *{color:#fff}.btn-success-1:hover{background-color:#9fffad}.btn-outline-success-1{background-color:transparent;border:1px solid #ebffee;color:#ebffee;font-weight:500}.btn-outline-success-1:hover{background-color:#ebffee}.btn-outline-success-1:hover,.btn-outline-success-1:hover *{color:#fff}.btn-success-4{background-color:#32c778}.btn-success-4,.btn-success-4 *,.btn-success-4:hover,.btn-success-4:hover *{color:#fff}.btn-success-4:hover{background-color:#238a53}.btn-outline-success-4{background-color:transparent;border:1px solid #32c778;color:#32c778;font-weight:500}.btn-outline-success-4:hover{background-color:#32c778}.btn-outline-success-4:hover,.btn-outline-success-4:hover *{color:#fff}.btn-success-5{background-color:#01a35d}.btn-success-5,.btn-success-5 *,.btn-success-5:hover,.btn-success-5:hover *{color:#fff}.btn-success-5:hover{background-color:#015732}.btn-outline-success-5{background-color:transparent;border:1px solid #01a35d;color:#01a35d;font-weight:500}.btn-outline-success-5:hover{background-color:#01a35d}.btn-outline-success-5:hover,.btn-outline-success-5:hover *{color:#fff}.btn-success-7{background-color:#00755a}.btn-success-7,.btn-success-7 *,.btn-success-7:hover,.btn-success-7:hover *{color:#fff}.btn-success-7:hover{background-color:#00291f}.btn-outline-success-7{background-color:transparent;border:1px solid #00755a;color:#00755a;font-weight:500}.btn-outline-success-7:hover{background-color:#00755a}.btn-outline-success-7:hover,.btn-outline-success-7:hover *{color:#fff}.btn-secondary-5{background-color:#ffce0a}.btn-secondary-5,.btn-secondary-5 *,.btn-secondary-5:hover,.btn-secondary-5:hover *{color:#fff}.btn-secondary-5:hover{background-color:#bd9700}.btn-outline-secondary-5{background-color:transparent;border:1px solid #ffce0a;color:#ffce0a;font-weight:500}.btn-outline-secondary-5:hover{background-color:#ffce0a}.btn-outline-secondary-5:hover,.btn-outline-secondary-5:hover *{color:#fff}.btn-warning-1{background-color:#fef9ea}.btn-warning-1,.btn-warning-1 *,.btn-warning-1:hover,.btn-warning-1:hover *{color:#fff}.btn-warning-1:hover{background-color:#fbe4a1}.btn-outline-warning-1{background-color:transparent;border:1px solid #fef9ea;color:#fef9ea;font-weight:500}.btn-outline-warning-1:hover{background-color:#fef9ea}.btn-outline-warning-1:hover,.btn-outline-warning-1:hover *{color:#fff}.btn-warning-5{background-color:#f99407}.btn-warning-5,.btn-warning-5 *,.btn-warning-5:hover,.btn-warning-5:hover *{color:#fff}.btn-warning-5:hover{background-color:#af6804}.btn-outline-warning-5{background-color:transparent;border:1px solid #f99407;color:#f99407;font-weight:500}.btn-outline-warning-5:hover{background-color:#f99407}.btn-outline-warning-5:hover,.btn-outline-warning-5:hover *{color:#fff}.btn-warning-7{background-color:#b35b03}.btn-warning-7,.btn-warning-7 *,.btn-warning-7:hover,.btn-warning-7:hover *{color:#fff}.btn-warning-7:hover{background-color:#683502}.btn-outline-warning-7{background-color:transparent;border:1px solid #b35b03;color:#b35b03;font-weight:500}.btn-outline-warning-7:hover{background-color:#b35b03}.btn-outline-warning-7:hover,.btn-outline-warning-7:hover *{color:#fff}.btn-info-1{background-color:#ebf4ff}.btn-info-1,.btn-info-1 *,.btn-info-1:hover,.btn-info-1:hover *{color:#fff}.btn-info-1:hover{background-color:#9fcaff}.btn-outline-info-1{background-color:transparent;border:1px solid #ebf4ff;color:#ebf4ff;font-weight:500}.btn-outline-info-1:hover{background-color:#ebf4ff}.btn-outline-info-1:hover,.btn-outline-info-1:hover *{color:#fff}.btn-info-3{background-color:#78a8f6}.btn-info-3,.btn-info-3 *,.btn-info-3:hover,.btn-info-3:hover *{color:#fff}.btn-info-3:hover{background-color:#307af1}.btn-outline-info-3{background-color:transparent;border:1px solid #78a8f6;color:#78a8f6;font-weight:500}.btn-outline-info-3:hover{background-color:#78a8f6}.btn-outline-info-3:hover,.btn-outline-info-3:hover *{color:#fff}.btn-info-5{background-color:#225fe2}.btn-info-5,.btn-info-5 *,.btn-info-5:hover,.btn-info-5:hover *{color:#fff}.btn-info-5:hover{background-color:#1542a2}.btn-outline-info-5{background-color:transparent;border:1px solid #225fe2;color:#225fe2;font-weight:500}.btn-outline-info-5:hover{background-color:#225fe2}.btn-outline-info-5:hover,.btn-outline-info-5:hover *{color:#fff}.btn-brand-05{background-color:#f5f5ff}.btn-brand-05,.btn-brand-05 *,.btn-brand-05:hover,.btn-brand-05:hover *{color:#fff}.btn-brand-05:hover{background-color:#a9a9ff}.btn-outline-brand-05{background-color:transparent;border:1px solid #f5f5ff;color:#f5f5ff;font-weight:500}.btn-outline-brand-05:hover{background-color:#f5f5ff}.btn-outline-brand-05:hover,.btn-outline-brand-05:hover *{color:#fff}.btn-brand-1{background-color:#ebebff}.btn-brand-1,.btn-brand-1 *,.btn-brand-1:hover,.btn-brand-1:hover *{color:#344054}.btn-brand-1:hover{background-color:#9f9fff}.btn-outline-brand-1{background-color:transparent;border:1px solid #ebebff;color:#ebebff;font-weight:500}.btn-outline-brand-1:hover{background-color:#ebebff}.btn-outline-brand-1:hover,.btn-outline-brand-1:hover *{color:#344054}.btn-brand-3{background-color:#8286de}.btn-brand-3,.btn-brand-3 *,.btn-brand-3:hover,.btn-brand-3:hover *{color:#fff}.btn-brand-3:hover{background-color:#454bce}.btn-outline-brand-3{background-color:transparent;border:1px solid #8286de;color:#8286de;font-weight:500}.btn-outline-brand-3:hover{background-color:#8286de}.btn-outline-brand-3:hover,.btn-outline-brand-3:hover *{color:#fff}.btn-brand-4{background-color:#5c5fbd}.btn-brand-4,.btn-brand-4 *,.btn-brand-4:hover,.btn-brand-4:hover *{color:#fff}.btn-brand-4:hover{background-color:#3b3e92}.btn-outline-brand-4{background-color:transparent;border:1px solid #5c5fbd;color:#5c5fbd;font-weight:500}.btn-outline-brand-4:hover{background-color:#5c5fbd}.btn-outline-brand-4:hover,.btn-outline-brand-4:hover *{color:#fff}.btn-brand-5{background-color:#2e3192}.btn-brand-5,.btn-brand-5 *,.btn-brand-5:hover,.btn-brand-5:hover *{color:#fff}.btn-brand-5:hover{background-color:#1c1d58}.btn-outline-brand-5{background-color:transparent;border:1px solid #2e3192;color:#2e3192;font-weight:500}.btn-outline-brand-5:hover{background-color:#2e3192}.btn-outline-brand-5:hover,.btn-outline-brand-5:hover *{color:#fff}.btn-danger-1{background-color:#ffebec}.btn-danger-1,.btn-danger-1 *,.btn-danger-1:hover,.btn-danger-1:hover *{color:#fff}.btn-danger-1:hover{background-color:#ff9fa3}.btn-outline-danger-1{background-color:transparent;border:1px solid #ffebec;color:#ffebec;font-weight:500}.btn-outline-danger-1:hover{background-color:#ffebec}.btn-outline-danger-1:hover,.btn-outline-danger-1:hover *{color:#fff}.btn-danger-4{background-color:#d85251}.btn-danger-4,.btn-danger-4 *,.btn-danger-4:hover,.btn-danger-4:hover *{color:#fff}.btn-danger-4:hover{background-color:#b42928}.btn-outline-danger-4{background-color:transparent;border:1px solid #d85251;color:#d85251;font-weight:500}.btn-outline-danger-4:hover{background-color:#d85251}.btn-outline-danger-4:hover,.btn-outline-danger-4:hover *{color:#fff}.btn-danger-5{background-color:#bf202d}.btn-danger-5,.btn-danger-5 *,.btn-danger-5:hover,.btn-danger-5:hover *{color:#fff}.btn-danger-5:hover{background-color:#7d151e}.btn-outline-danger-5{background-color:transparent;border:1px solid #bf202d;color:#bf202d;font-weight:500}.btn-outline-danger-5:hover{background-color:#bf202d}.btn-outline-danger-5:hover,.btn-outline-danger-5:hover *{color:#fff}.btn-neutral-1{background-color:#f5f5fa}.btn-neutral-1,.btn-neutral-1 *,.btn-neutral-1:hover,.btn-neutral-1:hover *{color:#344054}.btn-neutral-1:hover{background-color:#c2c2e1}.btn-outline-neutral-1{background-color:transparent;border:1px solid #f5f5fa;color:#f5f5fa;font-weight:500}.btn-outline-neutral-1:hover{background-color:#f5f5fa}.btn-outline-neutral-1:hover,.btn-outline-neutral-1:hover *{color:#344054}.btn-neutral-2{background-color:#e6eaf0}.btn-neutral-2,.btn-neutral-2 *,.btn-neutral-2:hover,.btn-neutral-2:hover *{color:#fff}.btn-neutral-2:hover{background-color:#b6c2d3}.btn-outline-neutral-2{background-color:transparent;border:1px solid #e6eaf0;color:#e6eaf0;font-weight:500}.btn-outline-neutral-2:hover{background-color:#e6eaf0}.btn-outline-neutral-2:hover,.btn-outline-neutral-2:hover *{color:#fff}.btn-neutral-3{background-color:#d0d5dd}.btn-neutral-3,.btn-neutral-3 *,.btn-neutral-3:hover,.btn-neutral-3:hover *{color:#344054}.btn-neutral-3:hover{background-color:#a4adbd}.btn-outline-neutral-3{background-color:transparent;border:1px solid #d0d5dd;color:#d0d5dd;font-weight:500}.btn-outline-neutral-3:hover{background-color:#d0d5dd}.btn-outline-neutral-3:hover,.btn-outline-neutral-3:hover *{color:#344054}.btn-neutral-4{background-color:#98a2b3}.btn-neutral-4,.btn-neutral-4 *,.btn-neutral-4:hover,.btn-neutral-4:hover *{color:#fff}.btn-neutral-4:hover{background-color:#6c7a92}.btn-outline-neutral-4{background-color:transparent;border:1px solid #98a2b3;color:#98a2b3;font-weight:500}.btn-outline-neutral-4:hover{background-color:#98a2b3}.btn-outline-neutral-4:hover,.btn-outline-neutral-4:hover *{color:#fff}.btn-neutral-5{background-color:#667085}.btn-neutral-5,.btn-neutral-5 *,.btn-neutral-5:hover,.btn-neutral-5:hover *{color:#fff}.btn-neutral-5:hover{background-color:#454c5a}.btn-outline-neutral-5{background-color:transparent;border:1px solid #667085;color:#667085;font-weight:500}.btn-outline-neutral-5:hover{background-color:#667085}.btn-outline-neutral-5:hover,.btn-outline-neutral-5:hover *{color:#fff}.btn-neutral-6{background-color:#475467}.btn-neutral-6,.btn-neutral-6 *,.btn-neutral-6:hover,.btn-neutral-6:hover *{color:#fff}.btn-neutral-6:hover{background-color:#282f3a}.btn-outline-neutral-6{background-color:transparent;border:1px solid #475467;color:#475467;font-weight:500}.btn-outline-neutral-6:hover{background-color:#475467}.btn-outline-neutral-6:hover,.btn-outline-neutral-6:hover *{color:#fff}.btn-neutral-7{background-color:#344054}.btn-neutral-7,.btn-neutral-7 *,.btn-neutral-7:hover,.btn-neutral-7:hover *{color:#fff}.btn-neutral-7:hover{background-color:#171c25}.btn-outline-neutral-7{background-color:transparent;border:1px solid #344054;color:#344054;font-weight:500}.btn-outline-neutral-7:hover{background-color:#344054}.btn-outline-neutral-7:hover,.btn-outline-neutral-7:hover *{color:#fff}.btn-white{background-color:#fff}.btn-white,.btn-white *,.btn-white:hover,.btn-white:hover *{color:#344054}.btn-white:hover{background-color:#d9d9d9}.btn-outline-white{background-color:transparent;border:1px solid #fff;color:#fff;font-weight:500}.btn-outline-white:hover{background-color:#fff}.btn-outline-white:hover,.btn-outline-white:hover *{color:#344054}.btn-sm{padding:var(--default-form-padding-sm)}.btn-lg{padding:var(--default-form-padding-lg);font-size:var(--default-font-size2px)}.breadcrumb .breadcrumb-item{color:#5c5fbd}.breadcrumb .breadcrumb-item.active{color:#475467;font-weight:500}.dropdown.dropdown-select .dropdown-toggle,.dropdown.dropdown-select .dropdown-menu{width:100%}.dropdown.dropdown-select .dropdown-toggle{display:inline-flex;justify-content:space-between;align-items:center;font-weight:400;font-size:16px}.dropdown.dropdown-select .dropdown-menu{border-radius:0}.dropdown.dropdown-select .dropdown-menu .dropdown-item{padding:8px 16px;cursor:pointer}.dropdown.dropdown-select .dropdown-menu .dropdown-item:hover,.dropdown.dropdown-select .dropdown-menu .dropdown-item:active,.dropdown.dropdown-select .dropdown-menu .dropdown-item.active{opacity:1;background-color:#f5f5fa}.card{border-radius:0}.card .card-header{padding:18px 24px}.card.card-body,.card .card-body{padding:24px}label{color:#344054;margin-bottom:8px}.form-control,.form-select{padding:var(--default-form-padding);border-radius:0px;border-color:#d0d5dd;font-size:16px;line-height:inherit}.form-control::placeholder{color:#98a2b3}.form-control-search{padding-right:35px;background-image:url("../images/icons/search.svg") !important;background-repeat:no-repeat !important;background-position:center right calc(0.7em + 0.1875rem);background-size:calc(0.8em + 0.375rem) calc(0.8em + 0.375rem)}.input-group{border:1px solid #d0d5dd}.input-group .form-control{border:0}.input-group .input-group-text{background:none;border:0}.input-group-number{display:inline-flex;border:1px solid #d0d5dd}.input-group-number input{flex-grow:1;border:0}.input-group-number nav{display:flex;flex-direction:column}.input-group-number nav button{background:none;border:none;border-left:1px solid #d0d5dd}.input-group-number nav button.btn-up{border-bottom:1px solid #d0d5dd}.input-group-number nav button:hover{background-color:#d0d5dd}.invalid-feedback{display:block !important}.loading-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:1060;background-color:#fff;transition:opacity 1s ease}.loading-wrapper.faded{opacity:0}.loading-wrapper.faded .loading-ring{opacity:0}.loading-ring{display:inline-block;position:relative;width:80px;height:80px;transition:opacity .5s ease}.loading-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #9497d9;border-radius:50%;animation:loading-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#9497d9 transparent transparent transparent}.loading-ring div:nth-child(1){animation-delay:-0.45s}.loading-ring div:nth-child(2){animation-delay:-0.3s}.loading-ring div:nth-child(3){animation-delay:-0.15s}@keyframes loading-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.modal .modal-content{border:0;border-radius:4px}.modal .modal-content .modal-body{padding:40px}.pagination .page-item{margin:0 4px}.pagination .page-item:first-child{margin-left:0}.pagination .page-item:last-child{margin-right:0}.pagination .page-item .page-link{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:0;color:#344054}.pagination .page-item .page-link:hover,.pagination .page-item.active .page-link{background-color:#2e3192;opacity:1}.pagination .page-item .page-link:hover,.pagination .page-item .page-link:hover *,.pagination .page-item.active .page-link,.pagination .page-item.active .page-link *{color:#fff}.page-beranda #content{padding-bottom:0}.page-beranda .subtitle::after{content:"";display:block;width:50px;height:4px;background-color:#8286de;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%)}.page-beranda .card-brand{display:flex;align-items:center;justify-content:center;padding:30px;width:100%;border:1px solid #d0d5dd;transition:transform .3s ease}@media(max-width: calc(992px - 1px)){.page-beranda .card-brand{padding:7px 15px}}.page-beranda .card-brand img{width:100%;filter:grayscale(1) brightness(1.5);transition:filter .4s ease}.page-beranda .card-brand:hover{opacity:1;transform:scale(1.05)}.page-beranda .card-brand:hover img{filter:grayscale(0) brightness(1)}.page-beranda .card-produk .card-body{padding:16px}.page-beranda .card-produk:hover{opacity:.7}.page-beranda #slideMain .carousel-inner .carousel-item img{object-fit:cover}@media(max-width: calc(992px - 1px)){.page-beranda #slideMain .carousel-inner .carousel-item{--bs-aspect-ratio: calc(9 / 16 * 100%)}}.page-beranda section#banner .container .ratio{--bs-aspect-ratio: 20%}@media(max-width: calc(768px - 1px)){.page-beranda section#banner .container .ratio{--bs-aspect-ratio: 30%}}.page-beranda section#testimoni{padding:80px 0;background-color:#0e1054}@media(max-width: calc(576px - 1px)){.page-beranda section#testimoni{padding:40px 0 60px 0}}.page-beranda section#testimoni .card-testimoni{padding:64px 32px;border:0;background-color:transparent}@media(max-width: calc(992px - 1px)){.page-beranda section#testimoni .card-testimoni{background-color:#2e3192}}.page-beranda section#testimoni .card-testimoni .avatar{width:100px;height:100px}.page-beranda section#testimoni .card-testimoni.active{background-color:#2e3192}.page-beranda section#webNav{padding:48px 0}.page-beranda section#webNav a:hover{color:#fff}.page-beranda #slideBrand .swiper-slide{display:block;height:100px;box-shadow:0px 2px 4px rgba(0,0,0,.08),0px -2px 4px rgba(0,0,0,.02);border-radius:4px;padding:16px 24px;cursor:pointer}@media(max-width: calc(992px - 1px)){.page-beranda #slideBrand .swiper-slide{height:75px}}.page-beranda #slideBrand .swiper-slide:hover{opacity:1}.page-beranda #slideBrand .swiper-slide img{width:100%;height:100%;object-fit:contain}.page-beranda .btnNextSlideBeranda{position:absolute;right:0;top:50%;transform:translate3d(50%, -50%, 0);z-index:2;background-color:#fff;border:1px solid #2e3192;color:#2e3192;font-size:11px;padding:5px 10px}.page-beranda section#produk-terlaris .container .backgroundProduk{height:100%}.page-beranda section#produk-terlaris .container .backgroundProduk .image-cover{height:100%}@media(max-width: calc(992px - 1px)){.page-beranda section#produk-terlaris .container .backgroundProduk .image-cover{width:100%;padding-top:56.25%;position:relative}.page-beranda section#produk-terlaris .container .backgroundProduk .image-cover img{position:absolute;top:0;left:0;right:0;bottom:0}}.page-beranda section#produk-terlaris .container .backgroundProduk .backgroundProduk-desc{position:absolute;padding:25px;top:0;left:0}@media(max-width: calc(992px - 1px)){.page-beranda section#produk-terlaris .container .backgroundProduk .backgroundProduk-desc{top:50%;transform:translateY(-50%)}}.page-beranda section#join-us{padding:100px 0}@media(max-width: calc(1200px - 1px)){.page-beranda section#join-us{padding:50px 0}}.page-beranda .btn-wishlist{position:absolute;top:8px;right:8px;z-index:1;cursor:pointer}.page-beranda .btn-wishlist i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;box-shadow:0px 2px 4px rgba(0,0,0,.08);font-size:18px;color:var(--color-neutral-3)}.page-beranda .btn-wishlist input:checked~i{color:var(--color-danger-5)}.page-beranda section#kategori{padding:80px 0;background-color:#f5f5fa}@media(max-width: calc(768px - 1px)){.page-beranda section#kategori{padding:50px 0}}.page-beranda section#kategori .container #slideKategoriNav .swiper-slide{width:auto !important;min-width:225px !important}@media(max-width: calc(576px - 1px)){.page-beranda section#kategori .container #slideKategoriNav .swiper-slide{min-width:150px !important}}.page-beranda section#kategori .container #slideKategoriNav a{display:block;padding:20px;background-color:#e6eaf0;border:1px solid transparent;color:#667085;transition:all .2s ease-out}@media(max-width: calc(768px - 1px)){.page-beranda section#kategori .container #slideKategoriNav a{flex-direction:row !important}}.page-beranda section#kategori .container #slideKategoriNav a img{filter:grayscale(1) brightness(1.5);transition:all .2s ease-out}.page-beranda section#kategori .container #slideKategoriNav a.active,.page-beranda section#kategori .container #slideKategoriNav a:hover{background-color:#fff;border-color:#8286de;opacity:1}.page-beranda section#kategori .container #slideKategoriNav a.active img,.page-beranda section#kategori .container #slideKategoriNav a:hover img{filter:unset}.page-produk .photo-preview{width:100%;display:flex;align-items:center;justify-content:center}.page-produk .photo-preview img{object-fit:contain;width:100%}@media(max-width: calc(1200px - 1px)){.page-produk .photo-preview{width:100%;height:auto}}.page-produk .btnPreview{width:100%}.page-produk .btnPreview:hover,.page-produk .btnPreview.active{border-color:#8286de}.page-produk label.radio-varian{cursor:pointer}.page-produk label.radio-varian input{display:none}.page-produk label.radio-varian span{display:inline-block;padding:var(--default-form-padding);border:1px solid #d0d5dd;color:#344054}.page-produk label.radio-varian:hover span,.page-produk label.radio-varian input:checked~span{background-color:#ebebff;color:#2e3192;border-color:#2e3192}.page-produk .input-group-number{width:100px}.page-produk .nav-pills .nav-item .nav-link{padding:16px 0;margin-right:24px;border-radius:0;font-size:16px;color:#667085}.page-produk .nav-pills .nav-item .nav-link.active{background:none;border-bottom:2px solid #2e3192;font-weight:600;color:#2e3192}.page-produk .btnPrevSlide,.page-produk .btnNextSlide{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#f5f5fa}.page-produk .btnPrevSlide:hover,.page-produk .btnNextSlide:hover{opacity:1;background-color:#2e3192;color:#fff}.page-produk .card-produk .card-body{padding:16px}.page-produk .card-produk:hover{opacity:.7}.page-produk .slide-pagination{position:relative;height:2px}.page-produk .slide-pagination .swiper-pagination-progressbar-fill{background-color:#5c5fbd}.page-produk .ulasan-avatar{width:80px;height:80px}@media(max-width: calc(576px - 1px)){.page-produk .ulasan-avatar{width:45px;height:45px}}.slimselect .ss-single-selected{padding:var(--default-form-padding) 10px;height:auto;border-radius:0}.slimselect .ss-single-selected .placeholder{line-height:inherit}.slimselect.is-valid .ss-single-selected,.slimselect.is-invalid .ss-single-selected{padding-right:calc(1.5em + 0.75rem);background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.slimselect.is-valid .ss-single-selected{border-color:#198754;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")}.slimselect.is-invalid .ss-single-selected{border-color:#dc3545;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")}.slimselect.slim-select-sm .ss-single-selected{padding:var(--default-form-padding-sm) 10px}.toastify{min-width:300px;width:auto;background:#fff;color:#667085;border-radius:7px;display:flex}/*# sourceMappingURL=app.css.map */