.web-header{position:fixed;top:0;width:100%;z-index:99}.web-header .web-head-section{padding:0 44px}.web-header .web-head-container{align-items:center;display:flex;height:84px;justify-content:space-between;margin:0 auto;max-width:1080px;width:100%}.web-header .logo-dana{background-color:#118ee9;height:40px;margin-right:40px;width:132px}.web-header .lang-helper{align-items:center;display:flex;height:36px;justify-content:space-between}.web-header .lang-helper .lang-toggle{align-items:center;border:solid 2px #118ee9;border-radius:24px;color:#118ee9;display:inline-flex;font-size:17px;font-weight:700;height:36px;justify-content:center;padding:0 12px;position:relative;width:70px}.web-header .lang-helper .lang-toggle__button{background-color:#313131;border-radius:24px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.web-header .lang-helper .lang-toggle__button:after{content:"";display:block;padding-top:100%}.web-header .lang-helper .lang-toggle__button--left{background:url(../../../../external.html?link=https://a.m.dana.id/resource/danaweb-v2/lang-id.svg);background-position:center top;background-repeat:no-repeat;background-size:cover;left:14px;transition:all .4s ease-in-out}.web-header .lang-helper .lang-toggle__button--right{background:url(https://a.m.dana.id/resource/danaweb-v2/lang-uk.svg);background-position:center top;background-repeat:no-repeat;background-size:cover;left:calc(100% - 26px);transition:all .4s ease-in-out}.web-header .lang-helper .invisible{opacity:0;transition:.2s}.web-header .lang-helper:hover .lang-toggle{border:2px solid #3ca5f1;color:#3ca5f1}.web-header .left-group{align-items:center;display:flex;justify-content:flex-start}.web-header .right-group{align-items:center;display:flex;justify-content:flex-end}.web-header .burger-wrapper{cursor:pointer;display:none;height:24px;position:relative;width:24px}@media (max-width: 1024px){.web-header .burger-wrapper{display:inline-block}}.web-header .burger-wrapper .hamburger{background:#118ee9;position:absolute;top:50%;transform:translate(4px,-50%);transition:background 10ms .3s ease}.web-header .burger-wrapper .hamburger:before,.web-header .burger-wrapper .hamburger:after{background:#118ee9;border-radius:1px;content:"";height:2px;position:absolute;transition:top .3s .35s ease,transform .3s 50ms ease;width:16px}.web-header .burger-wrapper .hamburger:before{top:-4px}.web-header .burger-wrapper .hamburger:after{top:4px}.web-header .burger-wrapper.active .hamburger{background:transparent}.web-header .burger-wrapper.active .hamburger:after,.web-header .burger-wrapper.active .hamburger:before{top:0;transition:top .3s 50ms ease,transform .3s .35s ease}.web-header .burger-wrapper.active .hamburger:before{transform:rotate(45deg)}.web-header .burger-wrapper.active .hamburger:after{transform:rotate(-45deg)}.web-header .extra-button-wrap{display:inline-block}.web-header .extra-button-wrap button{border-radius:100px;font-size:17px;font-weight:700;margin-left:12px;padding:8px 16px}@media (max-width: 1024px){.web-header{height:68px;overflow:hidden;transition:height .4s}.web-header .web-head-container{height:68px}.web-header .web-head-container .lang-helper{display:none}.web-header .web-head-container .burger-wrapper{display:block}.web-header .web-head-container .extra-button-wrap{display:none}.web-header.mbl-actived-menu{height:100%;transition:height .4s}}@media (max-width: 640px){.web-header .web-head-section{padding:0 24px}}.web-menuitem{color:#727272;display:inline-block;font-size:17px;font-weight:500;line-height:140%;width:100%}.web-menuitem:hover{color:#d1d1d1}.web-menuitem-header{color:#118ee9;display:inline-block;font-size:21px;font-weight:700;line-height:120%;position:relative}.web-menuitem-header:after{background-color:#118ee9;border-radius:4px;content:"";display:block;height:4px;margin-top:8px;width:calc(100% - 28px)}.web-menuitem-header img{display:inline-block;height:20px;margin-left:8px;width:20px}.web-menuitem-group{position:relative}.web-menuitem-group:after{background-image:url(https://a.m.dana.id/resource/danaweb-v2/sub-menu-up-arrow.svg);background-position:center;background-repeat:no-repeat;content:"";display:none;height:24px;pointer-events:none;position:absolute;right:0;top:0;width:24px}.web-menuitem-group.selected:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.web-menuitem-group ul{list-style:none;margin:0;padding:0}.web-menuitem-group .sub-menu-header{color:#313131;cursor:pointer;font-size:21px;font-weight:700;line-height:120%;margin-bottom:16px}.web-menuitem-group .sub-menu{display:block}.web-menuitem-group .sub-menu:not(:last-child){margin-bottom:24px}.web-menuitem-group .sub-menu:hover{color:#d1d1d1}.web-menuitem-group .sub-menu.selected{display:block;transition:transform .2s}.web-menuitem-group .sub-menu .sub-menu-item{border:none;margin-bottom:12px}.web-menuitem-group .sub-menu .sub-menu-item:after{display:none}.web-menuitem-group .sub-menu .sub-menu-item:last-child{margin-bottom:0}@media (max-width: 1024px){.web-menuitem-group:after{display:block}.web-menuitem-group .sub-menu{display:none}}.web-header-desktop{display:block}.web-header-desktop .hd-item-group{display:inline-block;margin-right:4px;position:relative}.web-header-desktop .hd-item-group:last-child{margin-right:0}.web-header-desktop .hd-item-group .hd-item-bar{display:inline-block;font-size:17px;font-weight:700;padding:8px 16px;position:relative}.web-header-desktop .hd-item-group .hd-item-bar:after{content:"";display:none;height:60px;left:0;position:absolute;top:0;width:100%}.web-header-desktop .hd-item-group .hd-box{background-color:#fff;border-radius:24px;box-shadow:0 2px 12px -2px #00000029;display:none;left:50%;padding:32px;position:absolute;top:calc(100% + 16px);transform:translate(-50%)}.web-header-desktop .hd-item-group .hd-box .web-menuitem{margin-bottom:24px;width:220px}.web-header-desktop .hd-item-group .hd-box .web-menuitem:last-child{margin-bottom:0}.web-header-desktop .hd-item-group .hd-box .web-menuitem-header,.web-header-desktop .hd-item-group .hd-box .web-menuitem-group{margin-bottom:24px}.web-header-desktop .hd-item-group:hover .hd-item-bar:after{display:block}.web-header-desktop .hd-item-group:hover .hd-box{display:block}@media (max-width: 1024px){.web-header-desktop{display:none}}.web-header-mobile{display:none;width:100%}@media (max-width: 1024px){.web-header-mobile .navigation-mobile-menu{padding:24px 24px 0}}@media (max-width: 640px){.web-header-mobile .navigation-mobile-menu{padding:24px 16px 0}}.web-header-mobile .navigation-mobile-menu .tab-container .tablink{background:none;color:#313131;font-size:17px;font-weight:700;height:36px;line-height:120%;padding:8px 16px}.web-header-mobile .navigation-mobile-menu .tab-container .tablink.active{background-color:#e9f5fe;border-radius:24px}.web-header-mobile .mobile-menu{display:block;height:calc(100vh - 214px);overflow-y:scroll;position:relative;width:100%}@media (max-width: 1024px){.web-header-mobile .mobile-menu{padding:0 45px 24px}}@media (max-width: 640px){.web-header-mobile .mobile-menu{padding:0 24px 104px}}.web-header-mobile .mobile-menu .content-list{display:none;margin-top:32px}.web-header-mobile .mobile-menu .content-list.active{display:block}.web-header-mobile .mobile-menu .content-list .web-menuitem{margin-bottom:24px;width:100%}.web-header-mobile .mobile-menu .content-list .web-menuitem:last-child{margin-bottom:0}.web-header-mobile .mobile-menu .content-list .web-menuitem-header,.web-header-mobile .mobile-menu .content-list .web-menuitem-group{margin-bottom:24px}.web-header-mobile .navbar-footer-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:row;padding:22px 45px;width:100%}.web-header-mobile .navbar-footer-container .extra-button-wrap button{background-color:#118ee9;color:#fff}@media (max-width: 640px){.web-header-mobile .navbar-footer-container{padding:22px 24px}}@media (max-width: 1024px){.web-header-mobile{display:none}}.web-header.mbl-actived-menu .web-header-mobile{display:none}@media (max-width: 1024px){.web-header.mbl-actived-menu .web-header-mobile{display:block}}.web-header-desktop .hd-item-group.business-box .hd-box{flex-wrap:wrap;left:30%;transform:translate(-30%);width:796px}.web-header-desktop .hd-item-group.business-box .hd-box>div:first-child{flex-shrink:0;width:100%}.web-header-desktop .hd-item-group.business-box .hd-box .web-menuitem-group{margin-right:24px}.web-header-desktop .hd-item-group.business-box:hover .hd-box{display:flex}body.header-style-blue .web-header:not(.mbl-actived-menu){background-color:#0f66bf}body.header-style-blue .web-header:not(.mbl-actived-menu) .logo-dana{background-color:#fff}body.header-style-blue .web-header:not(.mbl-actived-menu) .web-header-desktop .hd-item-group .hd-item-bar{color:#fff}body.header-style-blue .web-header:not(.mbl-actived-menu) .lang-helper .lang-toggle{border-color:#fff;color:#fff}body.header-style-blue .web-header:not(.mbl-actived-menu) .burger-wrapper .hamburger:before,body.header-style-blue .web-header:not(.mbl-actived-menu) .burger-wrapper .hamburger:after{background-color:#fff}body.header-style-blue .web-header:not(.mbl-actived-menu) .extra-button-wrap button{background-color:#fff;color:#0f66bf}body.header-style-blue .web-header:not(.mbl-actived-menu).mbl-actived-menu{background-color:#fff}body .web-header{background-color:#f5f5f5}body .web-header.mbl-actived-menu{background-color:#fff}