.mega-menu li.has-sublist:before {
    content: '';
    width: 100%;
    height: 20px;
    background: #005226;
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
}

.mega-menu li.has-sublist:hover:before {
    /* pointer-events: auto; */
    opacity: 1;
}





header .main-menu li {
    margin: unset;
}



.mega-menu .sublist li:hover > a {
    color: #fff !important;
    background-color: #006a31;
    width: 100%;
    text-transform: none;
    border-radius: 0;
    z-index: 0
}




.mega-menu .has-sublist .sublist-wrap:before {
    position: absolute;
    top: 10;
    background: #005226;
    border-top: unset;
}



header .main-menu li a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 2px 15px
}

header .main-menu li:hover a {
    position: relative;
    border-radius: 17px;
    background: #005226;
}



header .main-menu li.active a, header .main-menu li:hover a {
    text-decoration: unset;
}



.mega-menu .has-sublist .sublist-wrap {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all ease-in-out .3s;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    /* margin-top: 10px; */
    padding: 0;
    /* border: 1px solid #fff; */
    background: #005226;
    /* padding: 0 5px; */
    width: 200px;
    left: 0;
    top: 34px;
    /* border-top-right-radius: 17px; */
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    overflow: hidden;
    border-top: unset;
}