/* Secondary Sidebar Styles */
.bd-sidebar-secondary {
    position: fixed; /* Fix the sidebar to the screen */
    top: 50; /* Align it to the top of the screen */
    right: 0; /* Align it to the right edge of the screen */
    width: 350px; /* Set a fixed width */
    height: 100%; /* Set height relative to the browser screen */
    overflow-y: auto; /* Enable scrolling if content overflows */
    background-color: #12343b; /* Background color */
    box-shadow: -4px 0 6px rgba(0, 0, 0, 0.1); /* Add a subtle shadow on the left */
    padding: 10px; /* Add padding for spacing */
    box-sizing: border-box; /* Include padding in width calculation */
    z-index: 1000; /* Ensure it stays on top of other elements */
}

/* Style links inside the secondary sidebar */
.bd-sidebar-secondary a {
    color: #07eaf1; /* Ensure text is visible */
    text-decoration: none;
    transition: color 0.3s ease; /* Smooth color transition */
}

.bd-sidebar-secondary a:hover {
    color: black; /* Highlight links on hover */
}