body {
    padding-top: 56px;
}

.navbar-brand {
    font-weight: bold;
}

.container {
    margin-top: 20px;
}

@media (max-width: 768px) {
    .col-md-3 {
        width: 100%;
        position: relative;
    }
}

/* Ensure dropdown appears on hover */
.navbar .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0; /* Remove the margin so it aligns properly */
}

.navbar .dropdown-menu {
    display: none;
}