:root{
  --frx-blue:#0b2f6b;
  --frx-blue-dark:#081f49;
  --frx-red:#e30613;
  --frx-red-dark:#b8050f;
  --frx-light:#f4f7fb;
}
body{ font-family:'Poppins', sans-serif; color:#1c2b3a; background:#fff; }

.about-hero{
  background:
    linear-gradient(100deg, #f1f4fb 0%, #e8eef8 50%, rgba(241,244,251,.65) 100%),
    url("../images/hero.png") right center / cover no-repeat;
  border-bottom:1px solid #e8eef5;
  padding:2.2rem 0 1.8rem;
}
.about-breadcrumb{ font-size:.78rem; color:#8492a3; margin-bottom:.75rem; }
.about-breadcrumb a{ color:var(--frx-blue); text-decoration:none; font-weight:600; }
.about-hero h1{ font-weight:800; font-size:1.85rem; color:var(--frx-blue); margin:0 0 .4rem; }
.about-hero h1 span{ color:var(--frx-red); }
.about-hero p{ margin:0; color:#4c5a6e; font-size:.92rem; max-width:560px; }

.about-page{ padding:2.25rem 0 3rem; background:#fafbfd; }
.about-story{
  background:#fff; border:1px solid #e8eef5; border-radius:10px;
  overflow:hidden; margin-bottom:1.75rem;
}
.about-story .media{
  min-height:280px; height:100%;
  background:url("../images/hero.png") center/cover no-repeat;
}
.about-story .content{ padding:2rem 1.75rem; }
.about-story .eyebrow{
  font-size:.72rem; font-weight:800; letter-spacing:1px;
  text-transform:uppercase; color:var(--frx-red); margin-bottom:.5rem;
}
.about-story h2{
  font-size:1.35rem; font-weight:800; color:var(--frx-blue);
  margin:0 0 .85rem; line-height:1.3;
}
.about-story p{
  font-size:.9rem; color:#4c5a6e; line-height:1.65; margin:0 0 .85rem;
}
.about-story p:last-child{ margin-bottom:0; }

.about-values{ margin-bottom:1.75rem; }
.value-card{
  background:#fff; border:1px solid #e8eef5; border-radius:10px;
  padding:1.35rem 1.2rem; height:100%;
  transition:transform .18s ease, box-shadow .18s ease;
}
.value-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(11,47,107,.1);
}
.value-card i{
  font-size:1.7rem; color:var(--frx-blue); display:block; margin-bottom:.75rem;
}
.value-card h3{
  font-size:.9rem; font-weight:800; color:#16233a;
  margin:0 0 .45rem; text-transform:uppercase;
}
.value-card p{ font-size:.8rem; color:#6b7a8d; line-height:1.5; margin:0; }

.about-team-band{
  background:var(--frx-blue); color:#fff; border-radius:10px;
  padding:1.75rem 1.75rem; margin-bottom:1.75rem;
}
.about-team-band h2{ font-size:1.2rem; font-weight:800; margin:0 0 .4rem; }
.about-team-band p{
  margin:0; font-size:.88rem; color:rgba(255,255,255,.82); max-width:640px;
}

.about-facts{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-bottom:1.75rem;
}
.about-fact{
  background:#fff; border:1px solid #e8eef5; border-radius:8px;
  padding:1.1rem 1rem; text-align:center;
}
.about-fact .num{
  font-size:1.45rem; font-weight:800; color:var(--frx-blue); line-height:1;
}
.about-fact .lbl{
  font-size:.72rem; color:#8492a3; font-weight:600; margin-top:.35rem;
}

.about-info-grid .info-box{
  background:#fff; border:1px solid #e8eef5; border-radius:10px;
  padding:1.35rem 1.25rem; height:100%;
}
.about-info-grid h3{
  font-size:.88rem; font-weight:800; color:var(--frx-blue);
  text-transform:uppercase; margin:0 0 .85rem;
}
.about-info-grid ul{ list-style:none; padding:0; margin:0; }
.about-info-grid li{
  display:flex; align-items:flex-start; gap:.5rem;
  font-size:.82rem; color:#4c5a6e; padding:.35rem 0;
}
.about-info-grid li i{
  color:var(--frx-red); font-size:1rem; flex-shrink:0; margin-top:.1rem;
}

.about-cta{
  margin-top:1.75rem; background:#fff; border:1px solid #e8eef5; border-radius:10px;
  padding:1.5rem 1.5rem;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem;
}
.about-cta h2{
  font-size:1.15rem; font-weight:800; color:var(--frx-blue); margin:0 0 .3rem;
}
.about-cta p{ margin:0; font-size:.85rem; color:#6b7a8d; }

@media (max-width:991.98px){
  .about-facts{ grid-template-columns:repeat(2,1fr); }
  .about-story .media{ min-height:220px; }
}