.header-container{background-color:#111317;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;position:relative}.header-logo img{width:130px;height:auto}.menu-toggle{cursor:pointer;display:flex;flex-direction:column;gap:5px}.menu-toggle span{width:28px;height:3px;background-color:#fff;transition:0.3s}.menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu-mobile{position:absolute;top:100%;right:0;background-color:#fff;width:220px;padding:15px 0;border-radius:6px;display:none;flex-direction:column;box-shadow:0 4px 12px rgb(0 0 0 / .2);z-index:10}.menu-mobile.active{display:flex}.menu-mobile a{padding:12px 20px;text-decoration:none;color:#111317;font-size:16px;transition:0.2s}.menu-mobile a:hover{background-color:#f2f2f2}