/* =====================================================
   MOBILE DROPDOWN FIX
===================================================== */

@media (max-width: 991px) {

    /* Dropdown parent */

    .nav-menu .dropdown {
        width: 100%;
        position: relative;
    }


    /* Dropdown button */

    .nav-menu .dropdown-toggle {

        width: 100%;
        min-height: 50px;

        padding: 14px 20px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        border: none;
        outline: none;

        background: #ffffff;

        color: #183c2b;

        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        font-weight: 600;

        text-align: left;

        cursor: pointer;
    }


    /* Arrow */

    .nav-menu .dropdown-toggle i {

        font-size: 11px;

        transition: transform 0.3s ease;

    }


    /* Dropdown menu CLOSED */

    .nav-menu .dropdown-menu {

        position: static !important;

        display: block !important;

        width: 100% !important;

        max-height: 0;

        overflow: hidden;

        margin: 0 !important;

        padding: 0 !important;

        background: #f5f8f3;

        border: none !important;

        box-shadow: none !important;

        opacity: 1 !important;

        visibility: visible !important;

        transform: none !important;

        transition: max-height 0.35s ease;

    }


    /* Dropdown menu OPEN */

    .nav-menu .dropdown.open > .dropdown-menu {

        max-height: 1000px;

    }


    /* Rotate arrow */

    .nav-menu .dropdown.open > .dropdown-toggle i {

        transform: rotate(180deg);

    }


    /* Submenu item */

    .nav-menu .dropdown-menu li {

        width: 100%;

        border-top: 1px solid #e3e8e0;

    }


    /* Submenu link */

    .nav-menu .dropdown-menu li a {

        width: 100%;

        min-height: 45px;

        padding: 12px 20px 12px 40px;

        display: flex;

        align-items: center;

        gap: 10px;

        color: #444444;

        background: #f5f8f3;

        text-decoration: none;

        font-size: 14px;

    }


    /* Hover */

    .nav-menu .dropdown-menu li a:hover {

        background: #e8eee5;

        color: #183c2b;

    }


    /* Icon */

    .nav-menu .dropdown-menu li a i {

        width: 18px;

        color: #6b8e23;

        text-align: center;

    }

}
/* ==========================================
   MAKE DROPDOWN BUTTON FONT SAME AS MENU
========================================== */

.nav-menu .dropdown-toggle {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;

    color: #183c2b;

    background: transparent;

    border: none;
    outline: none;

    margin: 0;
}


/* Desktop */

@media (min-width: 992px) {

    .nav-menu > li > a,
    .nav-menu > li > .dropdown-toggle {

        min-height: 50px;

        padding: 0 13px;

        display: flex;
        align-items: center;

        gap: 7px;

        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        font-weight: 600;

        color: #183c2b;

        text-decoration: none;

        white-space: nowrap;

        cursor: pointer;
    }

}


/* Mobile */

@media (max-width: 991px) {

    .nav-menu > li > a,
    .nav-menu > li > .dropdown-toggle {

        width: 100%;

        min-height: 50px;

        padding: 14px 20px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        font-weight: 600;

        line-height: 1.5;

        color: #183c2b;

        text-decoration: none;

        background: #ffffff;

        border: none;

        outline: none;

        cursor: pointer;
    }

}