

.main-navigation.mobile-menu-control-wrapper .menu-toggle, .main-navigation.mobile-menu-control-wrapper {
	display: block;
	margin-left: 0;
	order: 1;
}

.main-navigation.mobile-menu-control-wrapper{
	width: 33%;
	display: none;
}

.main-navigation.sub-menu-right{
	margin-left: 0 !important;
	width: 33%;
	background: none;
}

.site-logo{
	order: 2; 
	width: 33%;
	text-align: center;
}

.header-widget{
	order: 3;
	width: 33%;
	display: flex;
	gap: 20px;
	align-items: center;
}



#mega-menu-primary{
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.mega-search-btn{
	padding-top: 8px;
	margin-left: 10px;
}

.main-navigation .inside-navigation, .main-navigation .mega-menu-wrap{
	width: 100%;
}

.mega-search-btn{
	position: relative;
} 

.mega-search-btn a{
	position: relative;
	font-size: 0 !important;
	padding-top: 8px;
}

.mega-search-btn a:before{
	content:'';
	position: absolute;
	width: 20px;
	height: 20px;
	right: 15px;
	top: 50%;
	background-image: url(https://storage.googleapis.com/eli-vta-dev-site/2025/03/xB5rPHGZ-search-interface-symbol.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: translate(0,-50%) rotate(0);
	transition: 200ms ease-in-out;
}

.mega-search-btn .mega-sub-menu{
	left: unset;
	right: 0;
	background: none;
	box-shadow: none;
}

.mega-search-btn .search-form{
	display: flex;
}





.site-header .hero-btns a{
	display: block;
	text-decoration: none;
	color: white;
	background: #3C828D;
	padding: 10px 18px;
	border-radius: 25px;
	padding-right: 55px;
	font-weight: 600;
	position: relative;
	min-width: 165px;
}

.hero-btns a:before{
	content:'';
	position: absolute;
	width: 25px;
	height: 25px;
	right: 15px;
	top: 48%;
	background-image: url(https://storage.googleapis.com/eli-vta-dev-site/2025/03/aoQYOUYu-white-arrow-sq.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: translate(0,-50%) rotate(0);
	transition: 200ms ease-in-out;
}

.hero-btns a:hover:before{
	transform: translate(0,-50%) rotate(45deg);
}

.header-socials a{
	font-size: 0;
	padding: 15px;
	background: #FFD395;
	border-radius: 50%;
	display: block;
}

.header-socials{
	display: flex;
	gap: 8px;
}

body .site-header{
	position: fixed !important;
	width: 100%;
	z-index: 99999999;
	background: none;
	background-color: none;
}

body .site-header .inside-header{
	border-bottom: 1px solid #00000015;
}

#ocs-site{
	transform: unset !important;
}

.site-header.hidden {
	transform: translateY(-100%);
	transition: transform 0.3s ease;
}

.site-header.filled{
	background-image: url(https://storage.googleapis.com/eli-vta-dev-site/2025/03/ZRStrWTQ-hero-bgr.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}