.navbar-brand {
  display: flex;
  align-items: center; /* Vertically center the items */
  text-decoration: none; /* Remove underline from link */
  color: #000; /* Set your preferred text color */
  
}

.brand-text {
  margin-left: 10px; /* Space between logo and text */
  font-size: 1em; /* Adjust font size as needed */
}
.full-banner {
    position: relative; /* If you want to add overlays or additional content later */
    overflow: hidden;  /* To prevent overflow */
}
.orange-bg{
	 background-color: #e7c100; /* Light blue with transparency */
    border-radius: 20px; /* Adjust the roundness as needed */
    padding: 5px 5px 5px; /* Adjust padding as necessary */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Optional shadow for depth */
    margin-left: auto;
    display: flex; /* To arrange items in a row */
    
    align-items: left !important; /* Center items vertically */
    font-size: 14px; /* Optional: Reduce font size */

}

.navbar-collapse{
	max-width:60%;
	margin-right: 50px;
	}
.login-item1  {
    margin-right: 45px; /* Space between nav items */
    color: black; /* Default text color */
    transition: color 0.3s; /* Smooth transition for color change */
	display: flex;
}

.login-item1 .active {
    color: white !important; /* Color for active nav item */
}

.login-item1 :hover {
    color: white !important; /* Color on hover */
}

.toggle-button {
    background: none; /* No background */
    border: none; /* No border */
    cursor: pointer; /* Change cursor to pointer */
    color: white; /* Color of toggle icon */
}

@media (max-width: 767px) {
    .nav-items {
        flex-direction: column; /* Stack items vertically on mobile */
        display: none; /* Hidden by default */
    }

    .collapse.show {
        display: flex; /* Show flex on toggle */
    }
}
.nav-link.active {
 
  color: white;
 
}