header {position: fixed; top: 0; left: 0; width: 100%; height: 100px; background: var(--pr); z-index: 10;}
header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header .logo {width: 224px; height: auto;}
header .logo img {width: 100%; height: auto;}
header nav {}

header nav::-webkit-scrollbar,
header nav::-webkit-scrollbar-thumb,
header nav::-webkit-scrollbar-track {display:none;}
header nav ul {display: flex; align-items: center; gap: 50px;}
header nav ul li {}
header nav ul li a {font-size: 20px; font-weight: 400; line-height: 1.2; color: var(--wt);}
header nav ul li.active a {font-weight: bold; border-bottom: 1.5px solid var(--wt);}