@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.navigation-menu-with-action-nav{margin-bottom:-20px;margin-left:auto;margin-right:auto;max-width:1440px;position:relative;transition:background-color .3s ease,border-radius .3s ease;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:-150px;--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))}}@media(min-width:1441px){.navigation-menu-with-action-nav{padding-left:96px;padding-right:96px}}.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;transition:background .3s ease,border-radius .3s ease,padding .3s ease,height .3s ease,gap .3s ease}@media (min-width:1200px){.navigation-menu-with-action-nav__container{height:130px;margin-bottom:0;--tw-translate-y:-200px;background:linear-gradient(178.65deg,#0f0f0f 18.9%,#242527 70.82%);border-radius:32px;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:1367px){.navigation-menu-with-action-nav__container{height:150px;--tw-translate-y:-215px;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:1441px){.navigation-menu-with-action-nav__container{--tw-translate-y:-244px;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;padding-bottom:.5rem;padding-top:.5rem;text-decoration-line:none;transition:gap .3s ease,padding .3s ease,background .3s ease;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;transition:font-size .3s ease,color .3s ease,font-weight .3s ease}@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;transition:max-width .3s ease,max-height .3s ease;width:100%}@media (min-width:1200px){.navigation-menu-with-action-nav__item-icon{max-height:40px;max-width:40px}}@media(min-width:1367px){.navigation-menu-with-action-nav__item-icon{max-height:50px;max-width:50px}}.navigation-menu-with-action-nav__item-bg{background-color:#f9f9f9;border-radius:16px;padding:.75rem;transition:background-color .3s ease,padding .3s ease,border-radius .3s ease}@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{animation:fadeInDown .3s ease forwards;left:0;margin-bottom:0!important;padding:0;position:fixed;top:89px;width:100%;will-change:transform;z-index:200}@media (min-width:1200px){.navigation-menu-with-action-nav.active-nav{top:363px}}@media(min-width:1366px)and (max-width:1440px){.navigation-menu-with-action-nav.active-nav{top:334px}}@media(min-width:1200px)and (max-width:1366px){.navigation-menu-with-action-nav.active-nav{top:319px}}.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:8px;padding-top:8px}}.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}@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))}@media (min-width:1200px){.navigation-menu-with-action-nav.active-nav .navigation-menu-with-action-nav__item.active-item{gap:1.25rem}}.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}}