/* About page / panel specific styles */
.about-panel { border-radius: 12px; overflow: hidden; }
.about-panel .lead { color: #495057; }

.about-badges .badge {
  background: rgba(11,78,161,0.08);
  color: #0b4ea1;
  font-weight: 600;
  border-radius: 999px;
  padding: 0.45rem 0.9rem;
}

.about-stats .stat {
  background: #ffffff;
  border-radius: 10px;
  padding: 1rem 0.75rem;
  box-shadow: 0 6px 18px rgba(11,78,161,0.04);
  transition: transform 180ms ease, box-shadow 180ms ease;
}
.about-stats .stat:hover { transform: translateY(-6px); box-shadow: 0 14px 32px rgba(11,78,161,0.08); }
.about-stats .stat .num { font-size: 1.6rem; font-weight: 700; color: #0b4ea1; }
.about-stats .stat .label { font-size: 0.85rem; color: #6c757d; }

/* Add internal spacing below the stats/cards container so there's space
   between the cards and the footer without using margins on the cards. */
.about-stats {
  padding-bottom: 2rem;
}

/* Make the final radial-statistics full-bleed testimonial area include internal
   padding so any spacing between it and the footer is inside this section. */
.stats-section {
  padding-bottom: 3.5rem;
}

.btn-cta {
  padding: 0.8rem 1.2rem;
  border-radius: 10px;
  font-weight: 700;
}

/* Reduce heavy shadows on very small devices for performance */
@media (max-width: 576px) {
  .about-stats .stat { box-shadow: 0 6px 14px rgba(11,78,161,0.04); }
}