.header{height:80px;width:100%;padding:12px 60px;background-color:hsla(0,0%,100%,.056);position:fixed;top:0;z-index:999;box-shadow:0 0 16px hsla(0,0%,100%,.325);display:flex;align-items:center;justify-content:space-between;transition:background-color .3s ease-in-out}.header .active{font-weight:700;color:#f8b400}.header.scrolled{background-color:#000;box-shadow:0 4px 16px rgba(0,0,0,.7)}.header .headerlogo{height:70px;width:250px;object-fit:contain}.header .sidebar ul{cursor:pointer;list-style:none;display:flex;align-items:center}.header .sidebar ul .active{color:#f8b400;font-weight:600;position:relative}.header .sidebar ul .btn{border:1px solid #fff;border-radius:10px;box-shadow:0 0 4px hsla(0,0%,100%,.455);padding:7px 22px}.header .sidebar ul li{margin-left:28px;color:#fff;font-weight:500;font-size:18px;transition:color .3s ease-in-out}.header .sidebar ul li:hover{color:#f8b400}.header .menu-icon{display:none;cursor:pointer}@media(max-width:1200px){.header .sidebar{position:fixed;top:80px;right:-250px;width:250px;height:100vh;background:#000;flex-direction:column;transition:right .3s ease-in-out;padding-top:20px}.header .sidebar ul{flex-direction:column;align-items:center}.header .sidebar ul li{margin:20px 0}.header .sidebar.open{right:0}.header .menu-icon{display:block}}