header {
    background-color: #ece8ec; /* Background color */
  }
  
  /* Style the navbar */
  .nav-pills .nav-link {
    color: #333; /* Text color */
    font-weight: bold; /* Font weight */
  }
  
  /* Style the active link */
  .nav-pills .nav-link.active {
    background-color: #f7f5f6; /* Active link background color */
    color: #fff; /* Active link text color */
  }
  
  /* Add spacing between navbar items */
  .nav-item {
    margin-right: 20px; /* Adjust spacing between items */
  }
  
  /* Add hover effect to navbar items */
  .nav-pills .nav-link:hover {
    text-decoration: none; /* Remove default underline */
    color: #0056b3; /* Change text color on hover */
  }

 

