/******  Desktop Offcanvas  *****/

.ocs-slidebar, .ocs-slidebar #mega-menu-wrap-off-canvas-menu {
	background: white !important;
	padding-top: 0px;
}

#ocs-site:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: +1;
	background: black;
	opacity: 0.7;
}

.ocs-sidebar-active #ocs-site:before{
	display: block;
}

#mega-menu-primary  .menu-closer{
	margin-bottom: 0px !important;
}

.menu-closer{
	margin-bottom: 50px !important;
	width: fit-content !important;
	border: none !important;
	background: none !important;
}

.menu-closer a{
	position: relative !important;
	padding-left: 50px !important;
	padding-top: 8px;
	display: block;
	width: fit-content !important;
	color: black;
}


.menu-closer a:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 35px;
	background-image: url(https://storage.googleapis.com/eli-vta-dev-site/2025/03/jFSHpQ1s-menu-icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


.ocs-menu ul#mega-menu-off-canvas-menu{
	margin-left: 0;
	position: relative;
	width: 100%;
	height: 100vh;
}

.ocs-menu ul#mega-menu-off-canvas-menu {
	padding: 0 10px;
}

.ocs-menu ul>li{
	padding-left: 25px;
	list-style: none !important;
}

.ocs-menu ul li{
	margin-bottom: 0px;
	padding: 15px 20px;
	border-bottom: 1px solid #00000025;
}

.ocs-menu ul li:hover{
	background: #D1DFCB;
}

.ocs-menu ul li.mega-menu-item-has-children:hover li.mega-menu-column, .ocs-menu ul li.mega-menu-item-has-children:hover li.mega-menu-row{
	background: none;
	border: none;
	padding: 0;
}

.ocs-menu ul li.mega-menu-item-has-children:hover li.mega-menu-row li a{
	padding-left: 20px;
}

.ocs-menu ul li a{
	text-decoration: none;
	color: black;
	font-weight: 500;
	font-size: 15px;
}

.ocs-menu ul li.mega-menu-item-has-children>.mega-sub-menu{
	position: absolute;
	height: 100vh;
	width: 70%;
	top: 0;
	right: 0;
	padding-right: 0;
	box-shadow: none;
	background: white;
	transform: translate(200%,0);
	transition: 200ms ease-out;
	padding-top: 1px;
	background: white;
	opacity: 1;
}

.ocs-menu ul li.mega-menu-item-has-children>.mega-sub-menu:before{
	content: '';
	position: absolute;
	width: 65px;
	height: 100vh;
	box-shadow: inset 20px 3px 30px #0000001f;
	left: -0px;
	z-index: 0;
}

.ocs-menu ul li.mega-menu-item-has-children>.mega-sub-menu li a{
	position: relative;
}

.ocs-menu ul li.mega-menu-item-has-children:hover>ul.mega-sub-menu{
	transform: translate(0%,0);
	visibility: visible;
	z-index: +1;
}



.ocs-menu ul ul:hover{
	visibility: visible;
}

.mega-close, .mega-toggle-block{
	display: none;
}

.mega-menu-row ul{
	margin-left: 0;
}

.mega-menu-row ul li{
	padding-left: 0;
}

.mega-blue-nav-btn{
	border: none !important;
	margin-top: 50px;
	background: none !important;
}

.mega-blue-nav-btn a{
	background: #3C828D;
	width: 100%;
	display: block;
	text-align: center;
	color: white !important;
	padding: 12px 25px;
	border-radius: 25px;
	position: relative;
}

.mega-blue-nav-btn 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;
}

.mega-blue-nav-btn a:hover:before{
	transform: translate(0,-50%) rotate(45deg);
}


.mega-green-nav-btn{
	border: none !important;
	background: none !important;
}

.mega-green-nav-btn a{
	background: #7DA46B;
	width: 100%;
	display: block;
	text-align: center;
	color: white !important;
	padding: 12px 25px;
	border-radius: 25px;
	position: relative;
}

.mega-green-nav-btn 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;
}

.mega-green-nav-btn a:hover:before{
	transform: translate(0,-50%) rotate(45deg);
}

.mega-sub-menu .block-icon .widget_media_image {
	text-align: center;
	border: none;
	padding-top: 0px !important;
	padding-left: 0;
	background: none;
}

.mega-sub-menu .block-icon .widget_text {
	text-align: center;
	color: black;
	font-size: 16px !important;
	font-weight: 600;
	border: none;
	background: none;
}

.mega-sub-menu .block-icon .widget_text p{
	margin-bottom: 0;
}

.mega-sub-menu .widget_media_image{
	padding-left: 20px;
	border: none;
	background: none !important;
}

.mega-sub-menu li{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}


.mega-sub-menu li.mega-menu-row{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.mega-sub-menu li:first-child{
	margin-top: 20px !important;
}

.mega-post-icon>a{
	width: 100%;
	display: block;
}

.mega-post-icon>a:before{
	content: '';
	position: relative;
	width: 25px;
	height: 25px;
	top: 5px;
	display: inline-block;
	background-image: url(https://storage.googleapis.com/eli-vta-dev-site/2025/03/RjaAtLdi-medicine.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
}


.mega-post-icon>a:after{
	content: '';
	position: relative;
	width: 25px;
	height: 25px;
	top: 5px;
	right: 0;
	display: inline-block;
	background-image: url(https://storage.googleapis.com/eli-vta-dev-site/2025/03/5vlOOwPH-orange-arrow.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
    float: right;
}