/* Custom shadow for the navbar */
.navbar-shadow {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /*height: 80px;*/
}

.nav-item {
    margin: 0 15px; /* Space between items */
    color: red
    
}

 .navbar-custom {
    background: #fff;
    border-bottom: 2px solid #28A745;
}

.navbar-brand {
    font-size: 1.5rem;
    font-weight: bold;
}
.navbar-nav {
    margin-left: -20px; /* Adjust to shift links slightly left */
}
.nav-link {
    font-size: 15px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-custom .navbar-nav .nav-link {
     color: #01FFFF; /* Blueish link color */
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}


.custom-nav-spacing {
    margin-left: 10px; /* Adjust this value for spacing between logo and links */
}

.navbar-nav .dropdown-menu a {
  background: #003F3E;
    /*background-color: #fff;*/ /* Background color of the dropdown */
    /*border: 1px solid #ccc;  Optional: Add a border */
    color: #fff;
    border:none;
}

.navbar-nav .dropdown-item:hover {
    background-color: #f8f9fa; /* Optional: Hover effect for dropdown items */
    color: #E0047C;
}
.nav-resp{
  width: 100%;
  height: auto;
  text-align: center;
}


/* Custom CSS for positioning "Register Free" and "Login" buttons */
@media (min-width: 992px) { /* Apply to desktop view */
  .auth-buttons-container {
    position: absolute;
    right: 20px; /* Adjust for desired spacing */
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 10px; /* Space between buttons */
  }
}