/* Style for bootstrap 5 buttons */
	.mbtn
		{
			margin-left:15px;
		}
/* Custom styles for the navigation bar */
#topheader {
    background-color: #17a2b8;
}

.navbar-nav .nav-item .btn {
    margin: 0 5px; /* Add some space between buttons */
    white-space: nowrap; /* Prevent text from wrapping */
    flex-shrink: 0; /* Prevent buttons from shrinking */
}

/* Ensure buttons are responsive */
@media (max-width: 992px) {
    .navbar-nav .nav-item {
        margin-bottom: 10px;
    }
    .navbar-nav .nav-item .btn {
        width: 100%; /* Make buttons take full width on smaller screens */
    }
}

/* Ensure proper alignment and spacing */
.navbar-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px; /* Adjust spacing between nav items */
}

.navbar-toggler {
    border-color: rgba(0,0,0,0);
}

/* Adjust button sizes for different screen sizes */
@media (min-width: 992px) {
    .navbar-nav .nav-item .btn {
        padding: 0.375rem 1rem;
    }
}