#kmn-root{position:relative;}
#kmn-btn span:before{font-weight:100;content:'\f0c9';font-family:"Font Awesome 5 Pro";  font-size:30px;color:#222;}
#kmn-btn span:hover a:before{color:#ef6c00;}
#kmn-btn span{z-index:9999;display:inline-block;position:absolute;left:0;top:10px;margin:auto;width:24px;height:24px;background-position:50% 50%;background-size:100% 100%;background-repeat:no-repeat}
#kmn-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:9998;}
#kmn-overlay.kmn-open{opacity:1;pointer-events:auto;}
#kmn-drawer{position:fixed;top:0;left:0;height:100%;width:100vw;max-width:280px;background:#fff;border-right:1px solid #e6e6e6;transform:translateX(-105%);transition:transform .22s ease;z-index:9999;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.18);}
#kmn-drawer.kmn-open{transform:translateX(0);}
#kmn-top{display:flex;align-items:center;justify-content:space-between;padding:5px;}
#kmn-close{width:30px;height:30px;background:transparent;cursor:pointer;font-size:25px;line-height:1;}
#kmn-nav{padding:5px;overflow:auto;-webkit-overflow-scrolling:touch;}
#kmn-list{list-style:none;padding:0;margin:0;padding-bottom:30px;}
#kmn-list>.kmn-item{border-bottom:1px solid #efefef;}
.kmn-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px;}
.kmn-title{flex:1;display:block;padding:10px 6px;font-weight:600;color:#111;text-decoration:none;font-size:15px;}
.kmn-title:hover{background:#f6f6f6;}
.kmn-children .kmn-title{font-weight:400;padding-left:18px;font-size:14px;}
.kmn-toggle{width:40px;height:35px;background:transparent;cursor:pointer;display:grid;place-items:center;flex:0 0 auto;font-size:24px;}
.kmn-arrow{transition:transform .18s ease;}
.kmn-toggle[aria-expanded="true"] .kmn-arrow{transform:rotate(180deg);}
.kmn-children{list-style:none;margin:0;padding:0 0 10px 0;display:none;}
.kmn-children>.kmn-item{border-top:1px solid #f4f4f4;}
.kmn-leaf{padding-left:12px;}
#kmn-root .kmn-title.kmn-active{background:#f4f4f4;color:#147a3a;box-shadow:inset 4px 0 0 #147a3a;}
#kmn-root #kmn-nav{scrollbar-width:thin;scrollbar-color:#bdbdbd transparent;}
#kmn-root #kmn-nav::-webkit-scrollbar{width:6px;}
#kmn-root #kmn-nav::-webkit-scrollbar-track{background:transparent;}
#kmn-root #kmn-nav::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:999px;}
#kmn-root #kmn-nav::-webkit-scrollbar-thumb:hover{background:#9e9e9e;}
@media(max-width:991px){.header-mobil .logo img{z-index:99!important;height:45px; position:absolute;left:50%;top:3px; transform:translateX(-50%);}
.header-mobil{margin-bottom:0;height:50px;background-color:#fff;box-shadow:0 1px 8px rgb(0 0 0 / 10%);vertical-align:baseline;}}
@media(min-width:991px){.header-mobil{display:none;}}