#knows_accordion {
    font-size: 16px;
    margin-top: 1em;
    position: relative;
}

    #knows_accordion .accordion-menu {
        max-width: 600px;
        margin: 0px auto;
        /* padding: 0px 0.5em; */
        overflow: hidden;
        border-radius: 6px;
    }

    #knows_accordion a {
        display: block;
    }

        #knows_accordion a:hover {
            background-color: #f0f4f7;
            color: var(--cnvs-link-color);
        }

    #knows_accordion .accordion-tit, #knows_accordion .accordion-tit-2 {
        position: relative;
        color: #343a40;
        background: #fff;
        padding: 15px 10px;
        cursor: pointer;
        border-bottom: 1px solid #dee2e6;
    }

        #knows_accordion .accordion-tit:last-child, #knows_accordion .accordion-tit-2:last-child {
            border-bottom: 0px;
        }

    #knows_accordion .arrow_icons:before {
        font-family: FontAwesome;
        content: "  \f105";
        font-size: 14px;
        position: absolute;
        right: 10px;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
        -webkit-transform-origin: center;
        transform-origin: center;
    }

    #knows_accordion .arrow_down {
        color: #16a2a3;
    }

        #knows_accordion .arrow_down:before {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    #knows_accordion .accordion-content {
        background: #e9ecef;
        display: none;
        border: 1px solid #dee2e6;
    }

        #knows_accordion .accordion-content a {
            padding: 15px 10px;
            border-bottom: 1px solid #dee2e6;
            padding-left: 2em;
            background: url("../images/icon/icon_enter.svg");
            background-repeat: no-repeat;
            background-position: 10px center;
            color: var(--cnvs-contrast-800);
            border-left: #dee2e6 5px solid;
        }

            #knows_accordion .accordion-content a:hover {
                background: url("../images/icon/icon_enter_1.svg") #d0eced no-repeat 10px center !important;
                color: #16a0a0;
                border-left: #16a2a3 5px solid;
            }

        #knows_accordion .accordion-content .active {
            color: #16a0a0;
            border-left: #16a2a3 5px solid;
            background: url("../images/icon/icon_enter_1.svg") #d0eced no-repeat 10px center !important;
        }


@media only screen and (max-width: 767px) {
    .knows-content .knows-con-pic {
        padding-bottom: 61% !important;
    }

        .knows-content .knows-con-pic img {
            top: -16% !important;
        }

    .dropdown {
        display: block;
        position: absolute;
        padding: 0.5em 0.3em;
        bottom: 0;
        text-align: center;
        width: 100%;
        background: rgba(0, 0, 0, 0.3098039216);
    }

    .knows_banner {
        padding: 4.5em 0em;
    }

    .dropbtn {
        background: #fff;
        border: 0;
        font-size: 16px;
        padding: 0.5em 1em;
        width: 100%;
        text-align: left;
        border-radius: 9px;
        position: relative;
    }

        .dropbtn:after {
            position: absolute;
            content: "\f107";
            font-family: "fontawesome";
            display: block;
            right: 10px;
            top: 0.5em;
        }

    .accordion-menu {
        border-radius: 0px !important;
        max-width: none;
    }

        .accordion-menu * {
            display: block !important;
        }

    #knows_accordion .accordion-tit, #knows_accordion * {
        border-bottom: 0px !important;
    }

        #knows_accordion .accordion-tit:before, #knows_accordion *:before {
            display: none;
        }

    #knows_accordion .accordion-content {
        background: #fff;
        border: 0px;
    }

    .accordion-tit {
        cursor: pointer !important;
        background: #aaa !important;
        color: #fff !important;
    }

    .knows_accordion {
        display: none;
        position: fixed !important;
        top: 0;
        width: 380px;
        height: 90%;
        overflow: auto;
        z-index: 9999;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

}

.show_menu {
    display: block !important;
}