.mobile-mts {
    background-color: #232e42;
    display: flex;
    justify-content: center;
    padding: 15px 0;
    width: 100%;
}

#mobileMenuWrapper {
    display: none;
    position: absolute;
    top: 134px;
    left: 0;
    z-index: 1000;
    width: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#menuToggle {
    color: #1f4d6e;
}

.mobile-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    background-color: #efefef;
    padding-top: 20px;
    padding-bottom: 40px;
}

.additional-content {
    background-color: #fff;
    padding: 20px;
    width: 100%;
    border-top: 1px solid #ddd;
}


.mobile-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

    .mobile-menu ul li {
        position: relative;
        display: flex;
        flex-direction: column;
        margin: 0 15px;
    }

        .mobile-menu ul li > .menu-item-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            padding: 0 0 0 5px;
            height: 60px;
            border-bottom: 1px solid #554f4f;
        }

        .mobile-menu ul li a {
            color: #554f4f;
            text-decoration: none;
            font-size: 1.2em;
            flex-grow: 1;
        }

        .mobile-menu ul li .icon-box {
            background-color: #f7f7f7;
            padding: 27px;
            margin-left: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .mobile-menu ul li .icon-box i {
                color: #005072;
            }

        .mobile-menu ul li .submenu-wrapper {
            display: flex;
            flex-direction: column;
            width: 100%;
        }

        .mobile-menu ul li .submenu {
            display: none;
            flex-direction: column;
            width: 100%;
            padding-left: 40px;
            background-color: #e8eaef;
        }

            .mobile-menu ul li .submenu a {
                padding: 15px 0;
                border-bottom: 1px solid white;
            }

        .mobile-menu ul li.open .submenu {
            display: flex;
        }

        .mobile-menu ul li.open .icon-box i {
            transform: rotate(90deg);
        }

        .mobile-menu ul li:hover > .menu-item-wrapper {
            background-color: #e8eaef;
        }