/* Header Style 2023 Main for Desktop and Mobile */

:root{
    --header-height: 93px;
    --adminbar-height: 0px;
    /* --container: 1290px; */
}

@media ( min-width: 783px ) {
    body.admin-bar{
        --adminbar-height: 32px;
    }
}

body .header-revamp.header-transparent-ontop:not(.sticky-header):before{
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    position: absolute;
    z-index: -1;
    transform: scaleY(1.4);
    transform-origin: top;
    background: linear-gradient(180deg, rgba(2, 13, 20, 0.8) 0%, rgba(8, 61, 98, 0) 100%);
}

.header-revamp .menu-toggle .icon{
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='%23FFF' viewBox='0 0 256 256'%3E%3Cpath d='M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z'%3E%3C/path%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.menu-toggle-show .header-revamp .menu-toggle .icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='%23FFF' viewBox='0 0 256 256'%3E%3Cpath d='M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z'%3E%3C/path%3E%3C/svg%3E");
}

.menu-collapse.menu-mobile .menu-main .menu .dropdown-menu.active,
.menu-collapse .menu-main .menu .dropdown-menu.active,
.menu-collapse .menu2-utama .menu .dropdown-menu.active{
    display: none !important;
}