body {
}

.custom-navbar {
    height: 20px; /* Adjust the height as per your preference */
}

#menu-list li {
    background-color: #f8f9fa; /* Light background color */
}


    /* Custom CSS for the anchor text */
    #menu-list li a {
        color: #000; /* Black text color */
    }
/* Custom CSS for the anchor text */
.site-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.arrow-icon i {
    margin-left: 10px;
}

#sidebar-menu li a {
    color: black;
}


.site-menu-toggle .icon-menu {
    font-size: 1.5rem;
    margin-right: 5px;
}

/* Style for the hamburger icon when the menu is open */
.site-menu-toggle.open .icon-menu {
    transform: rotate(90deg);
}

.footer-dark {
    color: white;
    padding-top: 50px;
}

    .footer-dark h3 {
        color: white;
    }

.footer-list {
    list-style-type: none;
    padding-left: 0;
}

    .footer-list li {
        margin-bottom: 10px;
    }

        .footer-list li a {
            color: white;
            text-decoration: none;
        }

.item.text {
    max-width: 500px;
}

.copyright {
    margin-top: 20px;
    font-size: 14px;
}
.site-menu {
    list-style: none; /* Remove bullet points */
    padding-left: 0; /* Reset padding */
}

.nav-link {
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Align items vertically */
}

    .nav-link i {
        margin-right: 8px; /* Add some space between the icon and the text */
    }
@media (min-width: 769px) {
    #sidebar-menu {
        display: none !important; /* Use !important to override any inline styles */
    }
}