.navbar {
  color: #152c1a;
}

.navbar .navbar-nav .nav-link {
  color: #152c1a;
  display: block;
}

.navbar-left {
  position: fixed;
  top: 0;
  left: 0;
  width: 17%;
  height: 100vh;
  /* background-color: #fff9d4; */
  border-right: 1px solid #293a1d;
  z-index: 1030;
  display: flex;
  flex-direction: column;
}

.navbar-brand {
  margin: 0;
}

.navbar-brand img {
  width: 65%; /* 65% of navbar width on large screens */
  margin: 15px auto; /* Center the image */
  display: block;
  /* box-shadow: 7px 7px 11px -2px rgba(0, 0, 0, 0.4); */
}

.nav-item {
  text-align: center;
}

/* Responsive adjustments: below 768px */
@media (max-width: 767.98px) {
  .navbar-left {
    position: static; /* Move navbar back to normal flow */
    top: 0;
    width: 100%; /* Full width at the top */
    height: auto; /* Remove full height */
    border-right: none; /* Remove the border */
    border-bottom: 1px solid #2a381f; /* Add border at the bottom instead */
    padding: 10px;
    /* display: inline-block; */
  }
  .navbar-brand img {
    width: 50px; /* Fixed size on small screens */
    margin: 0; /* Align to the left */
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    flex-grow: 1; /* Allow nav to grow and fill the available space */
  }
  .last-nav-item {
    margin-top: auto; /* Push the last nav-item to the bottom */
  }
}

.nav-icon {
  font-size: 1.5rem; 
  color: #152c1a;
}