.header-site {
	width:100%;
	min-height:clamp(52px, 43.00px + 2.50vw, 91px);
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:1px;
	z-index:999;
}

.header-site-wrap {
	max-width:1762px;
	width:100%;
	min-height:clamp(36px, 33.00px + 0.83vw, 49px);
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.header-logo {
	font-weight: 700;
	font-size: clamp(16px, 12.31px + 1.03vw, 32px);
	line-height: 100%;
	color: #fff;
}

#primary-menu {
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	gap:30px;
	font-weight: 400;
	font-size: 18px;
}

#primary-menu li a {
	text-decoration:none;
	color:#fff;
}

.header-btn {
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius: 100px;
	padding: 14px 61px;
	max-width: 268px;
	width:100%;
	height: 49px;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.25);
	text-decoration:none;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
}

.mobile-menu-btn {
	display:none;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:5px;
	width:36px;
	height:36px;
	border-radius:50%;
	background:rgba(255, 255, 255, 0.25);
	backdrop-filter: blur(10px);
}

.mobile-menu-btn span {
	display:block;
	width:16px;
	height:2px;
	background:#fff;
}

@media (max-width: 768px) {
	.header-site-wrap {
		padding-left:14px;
		padding-right:14px;
	}
	
	#primary-menu,
	.header-btn {
		display:none;
	}
	
	.mobile-menu-btn {
		display:flex;
	}
}