.mobileMenu {
        align-items: center;
        justify-content: center;
        display: none;
        position: fixed;
        bottom: 0px;
        width: 100%;
        height: auto;
        padding: 8px 0px;
        background: var(--gold);
        z-index: 999999;
    }

    .mobileMenu ul {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
    }

    .mobileMenu ul li a {
        font-size: 14px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0px;
        color: #fff;
    }

    .mobileMenu ul li .footerIconsWrap img {
        width: 24px;
    }

    .mobileMenu ul li .footerIconsWrap img.iconFill {
        display: none;
    }

    .overlay-page {
        position: fixed;
        height: 100%;
        width: 100%;
        background: rgba(255, 255, 255, .5);
        top: 0px;
        backdrop-filter: blur(5px);
        display: block;
        opacity: 0;
        transform: translateY(100%);
        transition: all 0.3s ease-in-out;
        z-index: 9;
        visibility: hidden;
    }

    .submenu-footer {
        bottom: 60px;
        left: 0px;
        width: 100%;
        background: #fff;
        z-index: 99;
        position: fixed;
        left: 0;
        visibility: hidden;
        opacity: 0;
        transform: translateY(100%);
        transition: all 0.5s ease-in-out;
    }

    .submenu-footer ul {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px;
    }

    .submenu-footer ul li a {
        color: #000;
        padding: 10px;
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

    .submenu-footer ul li a img {
        width: 24px;
    }


    .overlay-page.active {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

    .submenu-footer.active {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);

    }

    .submenu-footer {
        position: fixed;
        bottom: 60px;
        left: 0;
        width: 100%;
        z-index: 10;
        background: #fff;
    }

    .mobileMenu ul li.active-item a img.iconBorder {
        display: none;
    }

    .mobileMenu ul li.active-item a img.iconFill {
        display: block;
    }

    /* Responsive */

    @media (max-width: 567px) {
        .mobileMenu {
            display: flex;
        }

        #footer {
            display: none;
        }
    }