/* General styles */
body {
margin: 0;
padding: 0;
}

/* Responsive menu styles */
.responsive-menu {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #333;
text-align: center;
z-index: 999;
}

.menu-wrapper {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 998;
overflow: hidden;
}

.responsive-menu ul.menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: space-between; /* Justify menu items */
}

.responsive-menu ul.menu li {
margin: 0;
padding: 0;
}

.responsive-menu ul.menu li a {
display: flex; /* Make content flexible */
flex-direction: column; /* Align content vertically */
align-items: center; /* Align content to center */
justify-content: center; /* Align content to center */
padding: 10px;
color: #fff;
text-decoration: none;
font-size: 16px;
line-height: 1.5;
text-align: center;
}

.responsive-menu ul.menu li a .dashicons {
display: block;
font-size: 24px;
margin-bottom: 5px;
}

.responsive-menu ul.menu li a .menu-item-name {
display: block;
}