.header {
	position: fixed;
	z-index: 999;
	top: 53px;
	left: 50%;
	transform: translateX(-50%);
}
.header_list {
	display: flex;
	justify-content: center;
	gap: 35px;
}
.header_list_item_link {
	font-family: 'CabinetGrotesk';
	font-size: 14px;
	color: #000300;
}
.header_list_item_link span {
	font-weight: 600;
	font-size: 1.3rem;
	color: #B1883A;
}
.header_logo {
	width: 160px;
	position: fixed;
	z-index: 50;
	top: 48px;
	left: 42px;
	opacity: 0;
	transition: 1s;
}
.header_logo.active {
	opacity: 1;
}
@media (max-width: 767px) {
	.header {
		width: 0;
		height: 0;
		top: 2.5rem;
		right: 1rem;
		left: inherit;
		transform: none;
		border-radius: 1.1rem;
    background-color: rgba(255, 255, 255, 0.5);
		backdrop-filter: blur(10px);
		transition: .5s;
		transform-origin: top right;
		opacity: 0;
	}
	.header.active {
		width: 30rem;
		        height: 40rem;
		border: 1px solid rgb(0 0 0 / 0.25);
		opacity: 1;
	}
	.header_inner {
		margin-top: 8rem;
		margin-left: 3rem;
		display: none;
		opacity: 0;
		transition: 1s;
	}
	.header_inner.active {
		display: block;
		opacity: 1;
	}
	.header_list {
		display: block;
	}
	.header_list_item + .header_list_item {
		margin-top: 2.5rem;
	}
	.header_list_item_link {
		font-size: 2.2rem;
		display: flex;
		align-items: center;
		gap: 1.5rem;
	}
	.header_logo {
		width: 12rem;
		top: 3rem;
		left: 2rem;
	}
	.menu_btn {
		font-family: 'CabinetGrotesk';
		font-size: 1.3rem;
		color: #fff;
		width: 6.1rem;
		height: 2.2rem;
		padding-top: .3rem;
		display: grid;
		place-items: center;
		background-color: #B1883A;
		border-radius: 100vmax;
		position: fixed;
		z-index: 5000;
		top: 2.9rem;
		right: 2rem;
	}
}