
ul.mega-links li a:hover {
    color: #FFF !important;

}

ul.mega-links li a {
	color: #000 ;
}

ul.mega-links li:hover {
	background-color: red;
	
	
	padding-left: 10px;
}
ul.mega-links {
	padding: 0;
}
/* mega menu  */
.mega-menu {
	position: absolute;
	left: 0;
	width: 65vw;
	top: 80px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	    -webkit-box-shadow: 0 1px 6px rgba(103,132,162,.24), 0 4px 24px -4px rgba(103,132,162,.4);
    box-shadow: 0 1px 6px rgba(103,132,162,.24), 0 4px 24px -4px rgba(103,132,162,.4);
    background:white;

}
.mega-menu .content {
	background: #fffffff;
	padding: 1rem;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	width: 100%;
	justify-content: space-between;
}
.blog .content {
	grid-template-columns: repeat(3, 1fr);
}
.content .col {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	line-height: 24px;
}
.content .col .img-wrapper {
	display: block;
	position: relative;
	width: 100%;
	height: 20vw;
	overflow: hidden;
}
.content .col .img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.content .col img {
	width: 100%;
	transition: transform 0.3s ease-in-out;
}
.content .col .img-wrapper:hover img {
	transform: scale(1.1);
}
.content .col h2 {
color: #4e4e4e;
    font-size: 13px;
    text-align: left;
    margin-top: 13px;
    font-weight: 600;
}
.content .col p {
	line-height: 1.2rem;
}
.content .col .mega-links {
	/*border-left: 1px solid #fafafa;*/
	text-align: left !important;
}
.content .col .read-more {
	display: inline-block;
	padding-top: 1rem;
	color: #427dad;
	transition: color 0.3s ease;
}
.col .mega-links li,
.col .mega-links li a {
	/*padding: 0 1rem;*/
}
.menu-items li:hover .mega-menu {
	top: 50px;
	opacity: 1;
	visibility: visible;
}
.content .col .read-more:hover {
	/*color: #ff652f;*/
}

/* animation */
.menu-btn.open .menu-btn__lines {
	transform: translateX(2rem);
	background: transparent;
}
.menu-btn.open .menu-btn__lines::before {
	transform: rotate(45deg) translate(-1.5rem, 1.5rem);
	background: #ffffff;
}
.menu-btn.open .menu-btn__lines::after {
	transform: rotate(-45deg) translate(-1.5rem, -1.5rem);
	background: #ffffff;
}
.mega-links li {
	margin: 0;
	display: block;
}

/* MEDIA QUERY */
@media screen and (max-width: 970px) {
	.menu-btn {
		display: flex;
	}

	/*.header .menu-items {*/
	/*  position: absolute;*/
	/*  height: 100vh;*/
	/*  width: 100%;*/
	/*  max-width: 350px;*/
	/*  top: 100%;*/
	/*  right: 0;*/
	/*  background: #122331;*/
	/*  display: block;*/
	/*  padding: 1rem;*/
	/*  line-height: 3rem;*/
	/*  overflow-y: auto;*/
	/*  transform: translateY(-100vh);*/
	/*  transition: transform 0.3s ease-out;*/
	/*}*/
	.menu-items.open {
		transform: translateY(0);
	}

	.menu-items li {
		margin: 15px 10px;
	}
	.menu-items li a {
		padding: 0 1rem;
		display: block;
		font-size: 1.4rem;
	}
	.menu-items li:hover {
		background-color: transparent;
	}

	/* DROPDOWN, MEGA MENUS */
	.menu-items .dropdown-menu,
	.menu-items .menu-right,
	.menu-items .mega-menu {
		position: static;
		opacity: 1;
		top: 4rem;
		visibility: visible;
		padding-left: 1rem;
		width: 100%;
		max-height: 0;
		transform: scaleY(0);
		transform-origin: top;
		overflow: hidden;
		transition: all 0.2s ease;
	}
	.expand-btn.open + .expandable {
		max-height: 100%;
		transform: scaleY(1);
	}

	.expandable li {
		margin: 0;
	}
	.expandable li a {
		font-size: 1rem;
	}

	.mega-menu .content {
		grid-template-columns: auto;
		padding: 1rem 1rem 0 1rem;
	}
	.mega-menu .content .col {
		width: 100%;
		padding-top: 1rem;
		margin-bottom: 0.5rem;
		border-top: 1px solid #1a3246;
	}
	.mega-menu .content .col:nth-child(1) {
		border-top: 0px;
	}
	.content .col .mega-links {
		border-left: 0px;
		padding-left: 1rem;
		padding: 1px 26px;
	}
	.col .mega-links li {
		margin: 0;
	}
}
