.navbar-container{position:fixed;width:100%;z-index:100;z-index:99999}
.navbar{display:flex;justify-content:flex-end;align-items:center;padding:0 20px;gap:20px;max-width:1200px;margin:0 auto;height:60px;cursor:pointer}
.nav-link.active{background-color:#026e46!important;color:#fff   ; border-radius: 10px; padding: 10px;}
.logo-container{display:flex;align-items:center;gap:10px;position:fixed}
#music-toggle{width:30px;height:30px;cursor:pointer;position:relative;left:14svh;top:4vh}
.nav-link{color:#fff;text-decoration:none;padding:10px;font-weight:0;font-size:14px;transition:color .3s ease}
.nav-link:hover{color:#f8f8f8}
.nav-link:hover{background-color:#026e46}
.hamburger{display:none;cursor:pointer;position:absolute;top:15px;right:20px;z-index:0}
.bar{display:block;width:25px;height:3px;z-index:100;position:unset;margin:5px auto;background-color:#fff;transition:all .3s ease-in-out}
.close-btn{display:none;position:absolute;top:15px;right:20px;width:4svh;height:4svh;background:url(/Assets/Button/btn_close.png) no-repeat center center;background-size:contain;cursor:pointer;z-index:110}
#mobile-close-btn {
    display: none;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 110;
}
@media (max-width:768px){
.navbar{flex-direction:column;position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:#fff;padding:80px 20px 20px;transition:.5s;z-index:99;justify-content:start;align-items:center;gap:6vh}
.nav-link{text-align:center;color:#000}
.navbar.active{right:0}
.hamburger{display:block;top:3svh}
.hamburger.active .bar{display:none;position: relative; z-index: 0;}
.bar{z-index:100}
.hamburger.active{background-size:contain;width:25px;height:25px;z-index:101;position:absolute}
.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}
.hamburger.active .bar:nth-child(2){opacity:0;display:none}
.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.navbar-container::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:98;opacity:0;visibility:hidden;transition:.3s}
.navbar.active+.navbar-container::after{opacity:1;visibility:visible}
.nav-link{width:50%;padding:15px 0;font-size:16px;border-bottom:1px solid rgba(255,255,255,.1)}
.close-btn{display:block;z-index:110;position:absolute}
#music-toggle{width:25px;height:25px;cursor:pointer;position:relative;left:11svh;top:4vh}
#mobile-close-btn {
    display: block;
}
}