body {
  /* Use a subtle light-blue background for the About Us page rather than the bright yellow
     which can clash with white sidebars and headings. */
  background: #eef6ff;
}

.name {
  color: blue;
}

.work {
  font-weight: bold;
  font-size: 15px;
}

.about span {
  font-size: 13px;
}

.v-profile {
  color: blue;
  cursor: pointer;
}

.box {
  -webkit-box-shadow: 13px 12px 5px -10px rgba(196,194,196,0.72);
  -moz-box-shadow: 13px 12px 5px -10px rgba(196,194,196,0.72);
  box-shadow: 13px 12px 5px -10px rgba(196,194,196,0.72);
}

.col-md-3 {
  margin-top: 10px;
}

/* Narrow card image sizing for tighter layout */
.box img.rounded-circle {
  width: 140px;
  height: 140px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

.box {
  padding: 0.75rem;
}

/* Typography adjustments for About Us */
/* Reduce group heading size and contributor name size for tighter layout */
.container h2 {
  font-size: 1.5rem; /* ~24px */
}

.name {
  color: blue;
  font-size: 1rem; /* ~16px */
  margin: 0;
}

.about span {
  font-size: 12px; /* slightly smaller contact/location text */
}

/* Reduce the secondary line (location/contact) inside cards */
.box .about {
  font-size: 0.85rem; /* ~13.5px */
  color: #555;
}

/* Force smaller location text and ensure contact link matches size */
.box .about {
  font-size: 12px !important;
  line-height: 1.15 !important;
  color: #333 !important;
}

.box .about a {
  color: #0d6efd !important; /* bootstrap primary blue */
  text-decoration: underline !important;
}

.box .about a:hover {
  color: #0b5ed7 !important; /* slightly darker on hover */
}