/* -------------------------------------------
about.css
Supplementary, page-scoped styles for /about only.
Reuses existing tokens (Outfit font, rgb(255,152,0) accent,
rgba(0,0,0,.5) muted copy, 0.4s cubic-bezier easing) already
defined in style.css. Only adds what has no existing equivalent:
stat numbers, feature/industry icon treatment, card icon accents.
------------------------------------------- */

/* stats */
.mil-stat-item {
  padding: 60px 30px;
  text-align: center;
}
.mil-stat-number {
  font-size: 3.5rem;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .mil-stat-item {
    padding: 40px 20px;
  }
  .mil-stat-number {
    font-size: 2.75rem;
  }
}

/* card icon accent — used inside mil-service-card-lg.mil-other-card
   for divisions / vision & mission / values */
.mil-card-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(255, 152, 0, 0.1);
  color: rgb(255, 152, 0);
  font-size: 22px;
  margin-bottom: 30px;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-service-card-lg.mil-other-card:hover .mil-card-icon {
  background-color: rgba(0, 0, 0, 0.15);
  color: rgb(0, 0, 0);
}

/* why choose us — icon list rows */
.mil-feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.mil-feature-item .mil-feature-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 152, 0, 0.1);
  color: rgb(255, 152, 0);
  font-size: 16px;
  margin-right: 20px;
}

/* industries grid — icon above label, on dark grid card */
.mil-industry-icon {
  font-size: 26px;
  color: rgb(255, 152, 0);
  margin-bottom: 20px;
  display: block;
}