.header {
	position: fixed;
	width: 100%;
	height: var(--header-height);
	background-color: transparent;
	z-index: 11;
	overflow: visible;
	/* border: 1px solid red; */
	gap: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: background-color .3s ease;
}
.scrolled .header {
	background-color: white;
	
}
.main-page:not(.scrolled) .header {
	background-color: transparent;
	
}
.header__inner {
	display: flex;
	height: 100%;
	width: 100%;
	padding-left: var(--indent);
	padding-right: calc( var(--sp2) - clamp(.3rem,1vw,.5rem) );
	/* padding-top: var(--indent); */
	gap: .5rem;
	/* justify-content: center; */
	align-items: center;
}
.header__menu-desktop {
	display: none;
	justify-self: end;
}
.header__menu-mobile {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	transition: opacity .3s ease;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: var(--cl4);
	color: white;
	left: 0rem;
	top: 0rem;
	overflow-y: auto;
}
.header__logo {
	width: 11rem;
	margin-right: auto;
	display: block;
}
.header__logo svg {
	width: 100%;
	height: auto;
	display: block;
	
}
.main-page .logo-term-2 {
	fill: var(--cl2);
	
}
.header__search {
	justify-self: end;
	transform: translateY(.1rem);
}
.header__search svg {
	width: clamp(1.9rem,2vw,2.2rem);
	height: auto;
}
.header__search:hover .svg-stroke {
	stroke: var(--cl2);
}
.header__toggle {
	right: 0rem;
	top: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	z-index: 1;
	justify-self: end;
	padding: 0.4rem;
	aspect-ratio: 1;
	/* margin-top: clamp(0.2rem,0.5vw,1.4rem); */
	justify-self: flex-end;
}
body:not(.menu_open) .header__toggle:hover svg {
	stroke: var(--cl1);
	
}
.header__toggle svg {
	fill:none;
	stroke: var(--cl2);
	stroke-width: 1;
	stroke-miterlimit:10;
	width: 100%;
	height: auto;
	transition: stroke .4s ease;
	
}
.header__toggle-close {
	display: none;
	
}
.header__contact {
	display: flex;
	gap: clamp(0.8rem,0.7vw,1rem);
	justify-self: end;
	/* padding-top: clamp(0.7rem,1.2vw,1.2rem); */
}
.header__contact-link {
	
}
.header__contact-link:hover .svg-stroke {
	stroke: var(--cl1);
	
}
.header__contact-link svg {
	width: 1.2rem;
	height: auto;
	display: block;
	/* border: 1px solid; */
}
.header__contact-link svg .svg-stroke {
	stroke: var(--cl2);
	transition: stroke .4s ease;
	
}
.menu_open .header__toggle-close {
	display: block;
	stroke: var(--cl2);
}
.menu_open .header__toggle-open {
	display: none;
	
}
.header__toggle img {
	position: absolute;
	
}
.menu_open .header__menu-mobile {
	opacity: 1;
	pointer-events: auto;
}

.menu strong {
	font-weight: normal;
	color: var(--cl3) !important;
}
@media screen and (min-width: 576px){
	.header {
		
	}
	.header__logo {
		
	}
	.header__logo img {
		
	}
	
}

@media screen and (min-width: 768px){
	.header__toggle {
		width: 2.7rem;
		padding: 0.6rem;
	}
	.header__contact-link svg {
		width: 1.5rem;
		
	}
	.header__logo {
		width: 18rem;
		
	}	
}

@media screen and (min-width: 992px){
	.header {
	}
	.header__logo {
		/* top: 3rem; */
	}
	.header__logo img {
		
	}
	
}