body {
    overflow-y: scroll;
}

/* Custom styles to center the navbar items and spread them out */
.navbar-nav {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    gap: 20px; /* Adjust the value to control the space between items */
}

/* Adjust the value for horizontal padding */
.nav-item {
    padding: 0 10px; 
}


/* .navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
} */


/* Targeting the nav-link class to remove the rectangular boxes */
.navbar-nav .nav-link {
    background-color: transparent !important; /* Remove background */
    padding: 0 !important; /* Remove padding */
    border: none !important; /* Remove borders */
    box-shadow: none !important; /* Remove any shadow */
    color: #fff; /* Adjust text color if needed */
    text-decoration: none !important; /* Remove default underline */
}

/* Remove background-image and border on hover */
.navbar.bg-dark .nav-link:hover {
    background-image: none !important; /* Remove hover gradient background */
    border-left: none !important; /* Remove hover left border */
    color: #ddd !important; /* Adjust hover text color */
}

/* Simulate underline with border-bottom for active/selected links */
.navbar.bg-dark .nav-link.active, .navbar.bg-dark .nav-link:active {
    background-image: none !important; /* Remove active gradient background */
    border-left: none !important; /* Remove active left border */
    border-bottom: 1px solid #fff !important; /* Create underline effect with space, pixels here is sickness of the line */
    padding-bottom: 3px; /* Add space between text and underline */
    color: #fff !important; /* Keep active text color */
}


.external-link-icon {
    vertical-align: top;
    margin-left: 1px;
}