.site-header {
	position: sticky; 
	top: 0; 
	z-index: 999;
	width: 100%; 
	display: flex; 
	align-items: center;
	justify-content: center; 
	background: white
}

.site-header .header-container{
	max-width: var(--max_width);
	width: 96%; 
	display: flex; 
	align-items: center; 
	justify-content: space-between; 
	padding: 10px 0
}

@media(max-width: 900px){
	.site-header{
		/*box-shadow: 0 0 4px #ccc;*/
	}
}

.custom-logo-link {
    width: 64px;
	display: flex
}

.custom-logo {
    max-width: 100%;
    height: auto;
}

.custom-logo-link img {
	width: 100%;
}

.header-icon {
	width: 42px;
	aspect-ratio: 1;
	background: #6b4a9e25;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px
	
}