#mainmenu{
    li{
        &:hover{
            ul.custom-megamenu{
                display: flex !important;
            }
        }
        ul:not(.custom-megamenu ul){
            background-color: rgba(255, 255, 255, .8) !important;
            li{
                a{
                    color: #252525 !important;
                }
            }
        }
    }
}
.custom-megamenu {
    width: auto !important;
    left: 50px !important;
    right: 50px !important;
    display: none;
    top: 100px;
    align-items: flex-start !important;
    justify-content: space-evenly !important;
    background-color: rgba(255, 255, 255, .8) !important;
    padding: 20px !important;
    height: 300px !important;
    li {
        display: inline-block !important;
        float: none !important;
        width: 100% !important;
        border: none !important;
        a{
            width: 100% !important;
            color: #252525 !important;
        }
        div{
            ul{
                background-color: transparent !important;
                li{
                    border-bottom: 2px solid transparent !important;
                    :hover{
                        border-bottom: 2px solid orange !important;
                    }
                    a{
                        background-color: transparent !important;
                        color: #252525 !important;
                    }
                }
            }
        }
    }
}

#mainmenu ul li:hover > a {
    background-color: transparent !important;
}