.price {
  line-height: 1.5; /* Match the button's height */
}
.scrollable-states {
  max-height: 300px; /* adjust height */
  overflow-y: auto;
  padding-right: 5px;
}

/* WebKit browsers (Chrome, Edge, Safari) */
.scrollable-states::-webkit-scrollbar {
  width: 6px; /* scrollbar width */
}

.scrollable-states::-webkit-scrollbar-track {
  background: #f1f1f1; /* track color */
  border-radius: 3px;
}

.scrollable-states::-webkit-scrollbar-thumb {
  background-color: #0d6efd; /* thumb color */
  border-radius: 3px;
  border: 1px solid #f1f1f1; /* optional border */
}

.scrollable-states::-webkit-scrollbar-thumb:hover {
  background-color: #0a58ca; /* thumb hover color */
}

/* Firefox */
.scrollable-states {
  scrollbar-width: thin;
  scrollbar-color: #0d6efd #f1f1f1;
}

.remote-highlight {
  background-color: #e8f0fe; /* light blue background */
  color: #0d6efd; /* primary blue text */
  font-weight: 600;
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  transition: all 0.2s ease;
}

.remote-highlight:hover {
  background-color: #d0e2ff;
  color: #0a58ca;
  text-decoration: none;
}

.remote-highlight .badge {
  font-size: 0.75rem;
  padding: 0.25em 0.5em;
}
.card-img-top {
  height: 200px;        /* adjust to your preference */
  width: 100%;
  object-fit: cover;    /* center crop */
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.navbar-brand-item {
  height: 42px; /* Adjust the height as needed */
  width: auto;  /* Maintain aspect ratio */

img.dashboard-icon {
  display: block;
  margin: 0 auto;   /* keeps it centered */
  height: 150px;    /* fixes the height */
  width: auto;      /* keeps aspect ratio */
}