nav a.nav-link {
  padding: 10px 15px;
  border-radius: 5px;
  transition: background-color 0.2s ease;
}

nav a.nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}
.bi-caret-down-fill {
  transition: transform 0.3s ease;
}

.nav-link[aria-expanded="true"] .bi-caret-down-fill {
  transform: rotate(-180deg);
}
/* Target all collapsed submenu links */
#detail{

  justify-content: center; 
}

.sub-category .nav-link {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 0.875rem; 
}
@media screen and (orientation: portrait) {
  /* styles for portrait */
  body::before {
    content: "Please rotate your device for best experience";
    display: block;
    text-align: center;
    padding: 1rem;
    background: #ffc;
  }
}