.header-nav-wrapper{padding-top:24px}.header-nav-wrapper .nav-list{color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px}.header-nav-wrapper .nav-list .nav-item a{padding:16px 32px;cursor:pointer;color:#fff;background-color:#f8f8f8;background:#efefef;background-color:rgba(0,0,0,0.2);transition:all .3s ease;border-radius:4px}.header-nav-wrapper .nav-list .nav-item a:hover,.header-nav-wrapper .nav-list .nav-item a.active{background:linear-gradient(to right, var(--primary-color), var(--primary-color-light));color:#fff}@media screen and (max-width:768px){.header-nav-wrapper{display:none}.header-nav-wrapper .nav-list{font-size:14px;justify-content:center}.header-nav-wrapper .nav-list .nav-item a{padding:12px 24px}}