.navigation-menu-with-action-nav{margin-bottom:-20px;margin-left:auto;margin-right:auto;max-width:1440px;position:relative;z-index:0;--tw-translate-y:-20px;border-top-left-radius:16px;border-top-right-radius:16px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}@media (min-width:1200px){.navigation-menu-with-action-nav{margin-bottom:-162px;--tw-translate-y:0px;background-color:transparent;border-radius:0;padding-left:120px;padding-right:120px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.navigation-menu-with-action-nav.hide-mobile{display:none}@media (min-width:1200px){.navigation-menu-with-action-nav.hide-mobile{display:block}}.navigation-menu-with-action-nav__title{font-family:TelkomselBatikSans,system-ui,sans-serif;font-size:20px;font-weight:700;line-height:28px;padding-top:1.5rem;text-align:center;--tw-text-opacity:1;color:rgb(24 28 33/var(--tw-text-opacity,1))}@media (min-width:1200px){.navigation-menu-with-action-nav__title{display:none}}.navigation-menu-with-action-nav__container{display:flex;flex-direction:row;gap:7px;padding:.75rem 1rem 1.5rem}@media (min-width:1200px){.navigation-menu-with-action-nav__container{height:176px;margin-bottom:-177px;--tw-translate-y:-232px;background:linear-gradient(178.65deg,#0f0f0f 18.9%,#242527 70.82%);border-radius:32px;box-shadow:0 4px 12px 0 rgba(0,0,0,.078);gap:1rem;padding:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media(min-width:1440px)and (min-height:900px){.navigation-menu-with-action-nav__container{--tw-translate-y:-274px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.navigation-menu-with-action-nav__item{align-items:center;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:center;text-decoration-line:none;width:100%}@media (min-width:1200px){.navigation-menu-with-action-nav__item{background:linear-gradient(178.65deg,#0f0f0f 18.9%,#242527 70.82%) padding-box,linear-gradient(118.81deg,hsla(0,0%,100%,.6) 3.81%,hsla(0,0%,100%,.3) 26.8%,hsla(0,0%,100%,0) 49.79%,hsla(0,0%,100%,0) 54.39%,hsla(0,0%,100%,.3) 72.78%,hsla(0,0%,100%,.6) 95.77%) border-box;border-color:transparent;border-radius:20px;border-width:1px;gap:1rem}}.navigation-menu-with-action-nav__item-label{color:#6d6c79;font-family:Poppins,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:21px}@media (min-width:1200px){.navigation-menu-with-action-nav__item-label{font-size:16px;font-weight:700;line-height:1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.navigation-menu-with-action-nav__item-icon{max-height:56px;max-width:56px;-o-object-fit:contain;object-fit:contain;width:100%}.navigation-menu-with-action-nav__item-bg{background-color:#f9f9f9;border-radius:16px;padding:.75rem}@media (min-width:1200px){.navigation-menu-with-action-nav__item-bg{background-color:transparent;border-radius:0;padding:0}}.navigation-menu-with-action-nav.active-nav{left:0;padding:0;position:fixed;top:109px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:215}@media (min-width:1200px){.navigation-menu-with-action-nav.active-nav{top:349px}}@media(min-width:1440px)and (min-height:900px){.navigation-menu-with-action-nav.active-nav{top:394px}}.navigation-menu-with-action-nav.active-nav .navigation-menu-with-action-nav__title{display:none}.navigation-menu-with-action-nav.active-nav .navigation-menu-with-action-nav__container{background:#fff;border-radius:0;display:flex;gap:0;height:auto;padding:0;width:100vw}@media(min-width:1440px)and (min-height:760px){.navigation-menu-with-action-nav.active-nav .navigation-menu-with-action-nav__container{padding-left:calc(50vw - 640px);padding-right:calc(50vw - 640px)}}.navigation-menu-with-action-nav.active-nav .navigation-menu-with-action-nav__item{align-items:center;background:#fff;border-radius:0;display:flex;flex-direction:column;gap:.5rem}@media (min-width:1200px){.navigation-menu-with-action-nav.active-nav .navigation-menu-with-action-nav__item{flex-direction:row;gap:1.25rem;padding-bottom:5px}}.navigation-menu-with-action-nav.active-nav .navigation-menu-with-action-nav__item-bg{background-color:transparent;padding:0}.navigation-menu-with-action-nav.active-nav .navigation-menu-with-action-nav__item-label{color:#6d6c79;font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:1rem;padding-bottom:.5rem}@media (min-width:1200px){.navigation-menu-with-action-nav.active-nav .navigation-menu-with-action-nav__item-label{font-size:14px;line-height:1.25rem;padding-bottom:0}}.navigation-menu-with-action-nav.active-nav .navigation-menu-with-action-nav__item-icon{max-height:36px;max-width:36px}.navigation-menu-with-action-nav.active-nav .navigation-menu-with-action-nav__item.active-item{background:linear-gradient(180deg,rgba(237,2,38,0),rgba(237,2,38,.1));border-bottom-width:3px;border-top:transparent;gap:.5rem;--tw-border-opacity:1;border-bottom-color:rgb(255 0 37/var(--tw-border-opacity,1))}.navigation-menu-with-action-nav.active-nav .navigation-menu-with-action-nav__item.active-item .navigation-menu-with-action-nav__item-label{font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:600;line-height:1.25rem;--tw-text-opacity:1;color:rgb(237 2 38/var(--tw-text-opacity,1))}@media (min-width:1200px){.navigation-menu-with-action-nav.active-nav .navigation-menu-with-action-nav__item.active-item .navigation-menu-with-action-nav__item-label{font-size:14px}}