/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .megamenu_post_content {
	margin-top: 8px !important;
    visibility: hidden;
    opacity: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    width: 100%;
    top: 105%;
    left: 0;
    background-color: #fff;
    transition: 300ms !important;
    transition-timing-function: step-end !important;
    box-shadow: 0 10px 30px rgb(0 0 0 / 16%);
}

.stm-layout-header-listing #wrapper .header-listing .listing-menu > li:hover > .megamenu_post_content {
    visibility: visible;
    top: 100%;
    opacity: 1;
    z-index: 1;


    display: flex;
    border-top: 3px solid #153e4d;
    align-items: flex-start !important;
    background-color: rgba(36,49,54,.9);
    z-index: 10000000 !important;
    top: 100% !important;
    flex-wrap: wrap;
    background-size: cover;
    max-width: 1110px;
    width: 100%;
    margin: 0 15px 0;
    left: 0;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 35%);
    padding: 27px 20px;
}