Mega Rejuve menu backup

//MEGA MENU
.mega {
position: absolute;
width: 100%;
opacity: 0;
left: 0;
bottom: 0px;
visibility: hidden;
pointer-events: none;
transition:transform 1s ease;
transform: translate(0,95%);

&:after {
position: absolute;
left: 0;
content: '';
height: 100%;
width: 100%;
z-index: -1;
background: transparent;
top: 5px;
transform: translate(0,-100%);

}

}

.mega:hover {
opacity: 1;
visibility: visible;
pointer-events: auto!important;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
transform: translate(0,100%);
& * {
pointer-events: auto;
}
}
.folder a {
pointer-events:none;
}
.folder:hover {
& + .mega {
opacity: 1;
pointer-events: auto!important;
visibility: visible;
transform: translate(0,100%);
}
}

@media (min-width:991px) {

.folder {
z-index:99999 !important;
.header-nav-folder-content {
display: none;
}
}
.header-nav-item,
.header-title,
.header-actions {
z-index: 9;
position: relative !important;
}
.header-background,.header::before,
{
pointer-events: none!important;
}

.header-display,
.header-inner {
position: static!important;
}

}

//LEFT ALIGN TEXT
.mega {
p,h2,h3,h1 {
text-align:left;
}
//remove underlines in links
p a {
border-bottom:0px !important;
}
}

.section-background-content img {
visibility:visible !important;
}

//background color
//Mega Menu Background color
.mega {

.section-background {
background-color: #EBEAEB !important;
}

}
//padding
.mega {
.content-wrapper {
padding-top: 5vh !important;
padding-bottom: 5vh !important;
}
}
//typography
.mega {
h3 {
font-size:18px;
font-family: Poppins;
}
h1,h2,h3,h4, p {
text-align:left;
line-height: 1.8;
}

}
//END MEGA MENU END