.menu-has-child {
    position: relative;
    text-align: left;
}
.child-menu {
    position: absolute;
    /* left: 0; */
    display: flex;
    opacity: 0;
    transform: scale(0);
    transform-origin: top left;
    flex-direction: column;
    width: max-content;
    min-width: 100%;
    background: #fff;
    padding: 15px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

    box-shadow: 0px 10px 20px 0px rgba(32,74,69,0.45);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(32,74,69,0.45);
    -moz-box-shadow: 0px 10px 20px 0px rgba(32,74,69,0.45);

    transition: all 150ms ease-in-out;

    z-index: 1000;

    max-height: 400px;
    overflow: auto;
}
.menu-has-child:last-child .child-menu {
    right: 0 !important;
}

ul.child-menu li a {
    padding: 5px 10px;
    border: none;
    transition: unset;
}

ul.child-menu li a:not(:last-child) {
    border-bottom: 1px solid #eee;
}

ul.child-menu li a:hover {
    background: #f3f3f3;
    border: none;
}

.menu-has-child:hover > .child-menu {
    opacity: 1;
    transform: scale(1);
}
.slicknav_nav ul li > ul.child-menu {
    right: 0;
}
.slicknav_nav ul {
    overflow: unset;
}

@media (min-width: 767px) {
    li.menu-has-child > a::after {
        font: normal normal normal 14px/1 "Font Awesome 5 Free";
        text-rendering: auto;
        display: inline-block;
        content: '\f078';
        margin-left: 3px;
        font-weight: 900;
        -webkit-font-smoothing: antialiased;
    }
}

@media (max-width: 767px) {
    .slicknav_nav ul li > ul.child-menu li a:hover {
        background: #1dd1a1;
        color: #fff;
    }
}