.nav-link:focus, 
.nav-link:focus-visible {
    outline: none; /* remove default browser outline */
    border: 2px solid #007BFF;   /* blue border */
    border-radius: 6px;          /* smooth edges */
    background-color: #e6f2ff;   /* light blue highlight */
    box-shadow: 0 0 8px #66b2ff; /* glowing highlight */
}





/* Style the h6 inside the link */
.highlight-link h6 {
    color: #b81614;
    font-size: 20px;
    padding: 10px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

/* Highlight on hover or tab-focus */
.highlight-link:focus h6,
.highlight-link:hover h6 {
    border: 2px solid #007BFF;
    background-color: #e6f2ff;
    outline: none;
}


    .nav-link:focus, 
    .nav-link:focus-visible {
        outline: none; /* remove default browser outline */
        border: 2px solid #007BFF;   /* blue border */
        border-radius: 6px;          /* smooth edges */
        background-color: #e6f2ff;   /* light blue highlight */
        box-shadow: 0 0 8px #66b2ff; /* glowing highlight */
    }