.menu-wrap {
    background-color: var(--bs-gray-200);
}
.desktop-menu-cont {}
.desktop-menu-cont .ul-level-1 {
    display: flex;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
}
.desktop-menu-cont .li-level-1 {}
.desktop-menu-cont .lnk-level-1 {
    align-items: center;
    color: var(--bs-gray-700);
    display: flex;
    font-size: var(--fs-13);
    gap: 8px;
    padding: 10px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
.desktop-menu-cont .lnk-level-1:hover {
    color: var(--fifth);
}
.desktop-menu-cont .lnk-level-1 i {
    font-size: var(--fs-18);
}
.desktop-menu-cont .ul-level-2 {
    background-color: var(--bs-gray-200);
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
}
.desktop-menu-cont .ul-level-2.open {
    display: block;
}
.desktop-menu-cont .li-level-2 {
    max-width: 20%;
}
.desktop-menu-cont .li-level-2.has-child .lnk-level-2:after {
    content: "\f104";
    font-family: "Font Awesome 6 Pro";
    margin-right: auto;
}
.desktop-menu-cont .lnk-level-2 {
    align-items: center;
    color: #555555;
    display: flex;
    gap: 5px;
    padding: 10px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
.desktop-menu-cont .lnk-level-2:hover {
    color: var(--fifth);
}
.desktop-menu-cont .lnk-level-2 i {
    min-width: 22px;
    text-align: center;
}
.desktop-menu-cont .lnk-level-2 .lnk-text {
    font-size: var(--fs-13);
}
.desktop-menu-cont .ul-level-3-cont {
    background-color: var(--white);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 80%;
}
.desktop-menu-cont .ul-level-3-cont.open {
    display: flex;
}
.desktop-menu-cont .ul-level-3 {
    list-style: none;
    margin: 0;
    padding: 0;
}
.desktop-menu-cont .li-level-3 {}
.desktop-menu-cont .lnk-level-3 {
    color: var(--gray);
    display: block;
    font-size: var(--fs-12);
    padding: 3px 10px;
    text-decoration: none;
}
.desktop-menu-cont .lnk-level-3:before {
    content: "\f104";
    font-family: "Font Awesome 6 Pro";
    font-size: 0.625rem;
    float: right;
    margin-left: 4px;
    margin-top: 3px;
}
.desktop-menu-cont .li-level-3-parent .lnk-level-3 {
    color: var(--fifth);
    font-size: var(--fs-14);
    margin-right: 0;
}
.desktop-menu-cont .li-level-3-parent .lnk-level-3:before {
    background-color: var(--fifth);
    content: "";
    height: 16px;
    margin-left: 8px;
    width: 2px;
}
/****************************************
 ***** .mobile-menu-cont
 ****************************************/
.btn-open-mobile-menu {
    background-color: transparent;
    border: medium none;
    display: none;
    font-size: 1.375rem;
    padding: 0;
}
.mobile-menu-cont {
    background-color: #f9f9f9;
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    width: 301px;
    transition: all 0.5s ease 0s;
    z-index: 9;
}
.mobile-menu-cont.open {
    right: 0;
}
.mobile-menu-cont .menu-header {
    border-bottom: 1px solid #ededed;
    padding: 10px;
}
.mobile-menu-cont .menu-logo-cont {}
.mobile-menu-cont .menu-logo {}
.mobile-menu-cont .btn-close-mobile-menu {
    align-items: center;
    background-color: transparent;
    border: medium none;
    color: var(--gray);
    display: flex;
    height: 30px;
    justify-content: center;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.mobile-menu-cont .ul-level-1 {
    list-style: none;
    margin: 0;
    height: calc(100% - 79px);
    overflow: scroll;
    padding: 0;
}
.mobile-menu-cont .li-level-1 {
    position: relative;
}
.mobile-menu-cont .lnk-level-1 {
    align-items: center;
    color: #444444;
    display: flex;
    gap: 10px;
    padding: 10px;
    text-decoration: none;
}
.mobile-menu-cont .lnk-level-1 i {
    font-size: var(--fs-20);
    min-width: 26px;
    text-align: center;
}
.mobile-menu-cont .btn-level-1 {
    background-color: transparent;
    border: medium none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
.mobile-menu-cont .btn-level-1:before {
    content: "\f107";
    display: block;
    height: 36px;
    font-family: "Font Awesome 6 Pro";
    font-size: var(--fs-18);
    padding-right: 10px;
    padding-top: 8px;
    width: 50px;
}
.mobile-menu-cont .btn-level-1.open:before {
    content: "\f106";
}
.mobile-menu-cont .ul-level-2 {
    background-color: #f5f5f5;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
.mobile-menu-cont .li-level-2 {
    position: relative;
}
.mobile-menu-cont .lnk-level-2 {
    color: #555555;
    display: block;
    font-size: 0.875rem;
    padding: 8px 20px 8px 10px;
    text-decoration: none;
}
.mobile-menu-cont .btn-level-2 {
    background-color: transparent;
    border: medium none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
.mobile-menu-cont .btn-level-2:before {
    content: "\f107";
    display: block;
    height: 36px;
    font-family: "Font Awesome 6 Pro";
    font-size: var(--fs-18);
    padding-right: 10px;
    padding-top: 8px;
    width: 50px;
}
.mobile-menu-cont .btn-level-2.open:before {
    content: "\f106";
}
.mobile-menu-cont .ul-level-3 {
    background-color: #ededed;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
.mobile-menu-cont .li-level-3 {}
.mobile-menu-cont .lnk-level-3 {
    color: #666666;
    display: block;
    font-size: 0.875rem;
    padding: 8px 30px 8px 10px;
    text-decoration: none;
}