/* About Us Page Specific Styling */
.about-hero-title {
  color: var(--text-primary);
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

.about-card {
  background-color: var(--bg-card);
  border: 1px solid var(--border-subtle);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.about-card:hover {
  border-color: var(--border-strong);
}

.benefit-badge {
  background-color: rgba(10, 108, 56, 0.1);
  color: #0a6c38;
}