s in mobile view */
  .navbar ul.navbar-list {
    flex-direction: column;
    text-align: center;
  }

  /* Adjusted theme switcher styling for mobile */
  .switch-container {
    margin: 0 auto;
    padding-top: 1rem;
  }


}


  /* Container for the switch */
  .switch-container {
    display: flex;
    align-items: center;
    position: relative;
  }

  /* Hide default checkbox */
  .switch-checkbox {
    display: none;
  }

  /* Style the label */
  .switch-label {
    cursor: pointer;
    display: fle