.subwraper{padding:36px}.cls-sidebar{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:2rem}.custom-card{border-radius:20px;display:block;overflow:hidden;padding-top:58%;position:relative;transition:all .5s ease-in-out}.custom-card:hover{box-shadow:6px 10px 10px #0000004d}#sidebar{max-width:120px!important;right:0;width:75px}#sidebar,#sidebara{box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:-moz-max-content;height:max-content;position:fixed;top:50%;transform:translateY(-50%);z-index:1000}#sidebara{align-content:center;align-items:center;justify-content:center;max-width:55rem!important;right:140px;width:210rem}@media only screen and (width:1024px){.submenu-wrapper{top:5.8rem!important}.cls-sidebar{-moz-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.8rem}.custom-card{padding-top:48%}.subwraper{padding:32px 40px}}@media only screen and (min-width:1210px){.submenu-wrapper{top:5.8rem!important}}@media only screen and (min-width:1208px){.submenu-wrapper{top:.4rem!important}}@media only screen and (min-width:1366px){.submenu-wrapper{top:7.3rem!important}}@media only screen and (min-width:1920px){.submenu-wrapper{top:17rem!important}.subwraper{padding:30px 40px}}#sidebar.expand{min-width:140px;width:140px}.sidebar-text{text-align:left}.sidebar-logo img,.sidebar-notif img,.sidebar-store img{display:block;flex-shrink:0;-o-object-fit:cover;object-fit:cover}#sidebar:not(.expand) .sidebar-text{display:none}.sidebar-nav>li:hover{background-color:#ffffff1a}.sidebar-divider{border:none;border-top:2px solid #fff}.submenu-item{color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.submenu-item:hover{background-color:#ffffff1a}.submenu-wrapper{align-items:center;height:33.6rem;justify-content:center;right:150px;top:2.4rem;width:65%;z-index:2000}.submenu-wrapper,.submenu-wrappera{background:linear-gradient(90deg,#fff 80%,#ffffffa6);position:fixed}.submenu-wrappera{height:29.9rem;width:100%}.image-container-produk:hover img{content:url(../icon/icon-produk.png)}.image-container-jasa:hover img{content:url(../icon/icon-jasa-layanan.png)}.image-container-promo:hover img{content:url(../icon/icon-promo.png)}.image-container-informasi:hover img{content:url(../icon/icon-informasi.png)}.image-container-call-center:hover img{content:url(../icon/icon-call-center.png)}#sidebar{transition:right .1s ease-in-out}.submenu-wrapper{transition:left .1s ease-in-out}.footer[data-v-6b26fd69]{background-color:#31477c;color:#fff;display:flex}.footer[data-v-6b26fd69],.footer-content[data-v-6b26fd69]{align-content:space-between;justify-content:space-between}.footer-content[data-v-6b26fd69]{width:100%}.logo-section[data-v-6b26fd69]{align-content:space-between;flex:5;justify-content:space-between;margin-right:20px}.logo[data-v-6b26fd69]{margin-bottom:10px;max-width:100px}.description[data-v-6b26fd69]{font-size:14px;margin:10px 0}.social-icon[data-v-6b26fd69]{height:24px;width:24px}.d[data-v-15ba5d6b]{background-color:#ffffff8c}