.mega-menu {
position: absolute;
visibility: hidden;
opacity: 0;
transition: all 0.3s;
width: 100%;
background-color: #ececec;
left: 0%;
right: 0;
top: 100%;
}
.has-megamenu-elementor {
position: static !important;
}
.has-megamenu-elementor:hover .mega-menu,
.has-megamenu-default:hover .mega-menu{
visibility: visible;
opacity: 1;
}
nav {
position: relative;
}
li.menu-item > a > i {
display: inline-block;
margin-right: 2px;
line-height: 1;
position: relative;
}