.collapsible-menu {
    width: 100%;
}

.collapsible-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.collapsible-menu-list li {
    border-bottom: 1px solid #eee;
}

.collapsible-menu-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    text-decoration: none;
    color: #333;
}

.collapsible-menu-list a:hover {
    background-color: #f5f5f5;
}

.toggle-arrow {
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.menu-item-has-children.active > a .toggle-arrow {
    transform: rotate(180deg);
}

.sub-menu,
.sub-sub-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #f9f9f9;
}

.sub-menu li a {
    padding-left: 30px;
}

.sub-sub-menu {
    background-color: #f0f0f0;
}

.sub-sub-menu li a {
    padding-left: 45px;
}

.sub-menu .menu-item-has-children.active > a .toggle-arrow {
    transform: rotate(180deg);
}