/* Target the active nav-link and its h5 content */
.nav-pills .nav-link.active h5 {
    display: flex; /* Enable flexbox for vertical centering */
    align-items: center; /* Vertically center the content */
    justify-content: center; /* Horizontally center the content if you want as well*/
    height: 100%; /* Make the h5 take up the full height of the link */
    margin: 0; /* Remove default h5 margins that might interfere */
}

/* Optional: Adjust padding on the nav-link if needed */
.nav-pills .nav-link {
    padding: 10px 15px; /* Adjust as per your design */
}

/* Optional: Style the inactive links to align with the active one */
.nav-pills .nav-link h5 {
  display: flex;
  align-items: center;
  margin: 0;
  height: 100%;
}