header {position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 10; transition: all .3s;}
header.on {background: rgba(0, 0, 0, 0.8); transition: all .3s;}
header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header .logo {width: 172px; height: auto;}
header .logo img {width: 100%; height: auto;}
header nav {display: flex; align-items: center; gap: 60px;}
header nav ul {display: flex; align-items: center; gap: 60px;}
header nav ul li {}
header nav ul li:hover a {color: var(--pr); transition: all .3s;}
header nav ul li a {font-size: 18px; font-weight: 500; line-height: 1.17; color: var(--gray_be); transition: all .3s;}
header nav .copy-btn {display: flex; align-items: center; justify-content: center; width: 196px; height: 40px; border-radius: 5px; border: 2px solid var(--pr); font-size: 16px; font-weight: 600; line-height: 1.19; color: var(--pr);}