.netsolution-com-bd-menu {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding: 0;
    z-index: 10;
}

.netsolution-com-bd-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.netsolution-com-bd-menu ul li {
    width: 50px; /* Initial folded width */
    transition: width 0.3s ease;
    overflow: hidden;
}

.netsolution-com-bd-menu ul li a {
    display: flex; /* Use flex to align items */
    align-items: center; /* Center items vertically */
    color: #0000ff; /* Default text color */
    padding: 10px;
    text-decoration: none;
    transition: color 0.3s ease, background-color 0.3s ease; /* Smooth transition */
}

.netsolution-com-bd-menu ul li .text {
    display: none; /* Hide text by default */
    white-space: nowrap; /* Prevent wrapping */
}

.netsolution-com-bd-menu ul li:hover {
    width: 100%; /* Expanded width on hover */
}

.netsolution-com-bd-menu ul li:hover .text {
    display: inline; /* Show text on hover */
}

.netsolution-com-bd-menu-symbol {
    display: inline-block; /* Ensure the symbol is displayed */
    margin-right: 5px; /* Add space between the icon and text */
}

/* Change color of text on hover */
.netsolution-com-bd-menu ul li a:hover {
    color: #ff0000; /* Change to the desired hover color (e.g., red) */
    background-color: #ffff00; /* Optional: add a background color on hover */
}