header {display: flex; flex-flow: column; align-items: center; gap: 32px; position: fixed; top: 0; left: 0; width: 100%; height: 138px; padding: 48px 0 16px; z-index: 9;}
header .logo {width: 168px; height: auto;}
header .logo img {width: 100%; height: auto;}
header nav {width: 100%;}
header nav ul {display: flex; align-items: center; justify-content: center; gap: 40px;}
header nav ul li {transition: all .3s;}
header nav ul li a {font-size: 18px; font-weight: 400; line-height: 1; color: var(--wt); opacity: .6;}
header nav ul li:hover {margin-top: -5px; transition: all .3s;}
header nav ul li:hover a {border-bottom: 1px solid var(--wt); box-sizing: border-box; opacity: 1;}
header nav ul li.active a {border-bottom: 1px solid var(--wt); box-sizing: border-box; opacity: 1;}