.stats-section {
  background: #173b5a;
  padding: 60px 20px;
  text-align: center;
  color: white;
}

/* Layout helpers */
.stats-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}

/* Base stat-box (used by several variants) */
.stat-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #1e4d6b;
  color: #fff;
  border-radius: 6px;
}

.stat-box.small { padding: 8px 18px; min-height: 36px; font-weight: 700; font-size: 20px; }
.stat-box.large { padding: 22px 18px; min-height: 64px; flex: 1 1 50%; flex-direction: column; }

.stat-box .icon { font-size: 48px; margin-bottom: 12px; display: block; color: #FFD700; }
.stat-box h1 { font-size: 42px; margin: 0; font-weight: bold; }
.stat-box p { margin-top: 10px; font-size: 17px; }

/* Small number styling */
.stat-box.small .counter { margin-left: 12px; font-weight: 900; font-size: 22px; }
.stat-box.large .counter { font-size: 36px; font-weight: 800; line-height: 1; }

/* Table-like styles — kept for older layout compatibility */
.stats-table { width: 100%; border-collapse: collapse; margin-bottom: 30px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden; }
.stats-table thead { background-color: #f8f9fa; }
.stats-table thead th { padding: 15px; text-align: center; font-weight: 600; color: #333; border-bottom: 2px solid #dee2e6; }
.stats-table thead tr:first-child th { background-color: #e9ecef; font-size: 16px; font-weight: bold; }
.stats-table tbody tr { border-bottom: 1px solid #dee2e6; }
.category-label { background-color: #f0f0f0; text-align: left; padding: 12px 15px !important; font-weight: 600; color: #555; }
.stat-cell { padding: 15px; text-align: center; }

/* Two-column paired layout */
.two-col-section { display:flex; flex-direction:column; gap:18px; margin:20px 0 40px 0; }
.two-col-section .pair { display:flex; gap:24px; align-items:center; justify-content:center; }
.two-col-section.compact .pair { gap:30px; }
.stat-box.large h3 { margin:0 0 6px 0; font-size:26px; font-weight:700; }
.stat-box.large .count { margin:0; }
.stat-box.large.left { text-align:left; padding-left:32px; }
.stat-box.large.right { text-align:right; padding-right:32px; }
.stat-box.small { flex:1; }
.stat-box.small.left { text-align:left; }
.stat-box.small.right { text-align:right; }

@media (max-width:720px){ .two-col-section .pair{ flex-direction:column } .stat-box.large.left, .stat-box.large.right{ text-align:center; padding:20px } .stat-box.small{ width:100% } }

/* Section badge */
.section-badge { display:flex; justify-content:center; align-items:center; margin:18px 0; }
.section-badge span { background:#1e4d6b; color:#fff; padding:8px 22px; border-radius:4px; font-weight:900; font-size:28px; font-family:'Playfair Display', serif; }

/* compact variant for hoverable boxed stats */
.stat-box.compact { background: linear-gradient(135deg,#667eea 0%,#764ba2 100%); color:white; padding:20px; border-radius:8px; text-align:center; transition: transform .3s ease, box-shadow .3s ease }
.stat-box.compact:hover{ transform:translateY(-5px); box-shadow:0 8px 16px rgba(102,126,234,.4) }
.stat-box.compact h4{ margin:0; font-size:28px; font-weight:bold; color:#fff }
.stat-box.compact p{ margin:5px 0 0 0; font-size:12px; color:rgba(255,255,255,.9) }

/* Body font fallback */
body{ font-family: 'Montserrat', sans-serif }

/* Horizontal sections container */
.sections-container{ display:flex; gap:40px; align-items:flex-start; justify-content:center; flex-wrap:wrap; margin:20px 0 }
.section-block{ flex:1; min-width:300px; max-width:500px }

/* Section separator */
.section-separator { width:2px; background:#FFD700; height:300px; margin:0 20px; }

/* Icon styling */
.icon-stat { margin-right:8px; font-size:18px; color:#FFD700; vertical-align:middle; }
.icon-badge { margin-right:6px; font-size:22px; color:#FFD700; vertical-align:middle; }

@media (max-width:1024px){ .sections-container{ flex-direction:column; gap:30px } .section-block{ max-width:100% } .section-separator{ width:100%; height:2px; margin:20px 0 } }

/* Enforce FA6 fonts when multiple FA versions are present */
.fa, .fa-solid, .fa-regular { font-family: "Font Awesome 6 Free" !important; }
.fa-solid { font-weight: 900 !important; }
.stats-section {
  background: #173b5a;
  padding: 60px 20px;
  text-align: center;
  color: white;
}

/* Layout helpers */
.stats-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}

/* Base stat-box (used by several variants) */
.stat-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #1e4d6b;
  color: #fff;
  border-radius: 6px;
}

.stat-box.small { padding: 8px 18px; min-height: 36px; font-weight: 700; font-size: 20px; }
.stat-box.large { padding: 22px 18px; min-height: 64px; flex: 1 1 50%; flex-direction: column; }

.stat-box .icon { font-size: 48px; margin-bottom: 12px; display: block; color: #FFD700; }
.stat-box h1 { font-size: 42px; margin: 0; font-weight: bold; }
.stat-box p { margin-top: 10px; font-size: 17px; }

/* Small number styling */
.stat-box.small .counter { margin-left: 12px; font-weight: 900; font-size: 22px; }
.stat-box.large .counter { font-size: 36px; font-weight: 800; line-height: 1; }

/* Table-like styles — kept for older layout compatibility */
.stats-table { width: 100%; border-collapse: collapse; margin-bottom: 30px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden; }
.stats-table thead { background-color: #f8f9fa; }
.stats-table thead th { padding: 15px; text-align: center; font-weight: 600; color: #333; border-bottom: 2px solid #dee2e6; }
.stats-table thead tr:first-child th { background-color: #e9ecef; font-size: 16px; font-weight: bold; }
.stats-table tbody tr { border-bottom: 1px solid #dee2e6; }
.category-label { background-color: #f0f0f0; text-align: left; padding: 12px 15px !important; font-weight: 600; color: #555; }
.stat-cell { padding: 15px; text-align: center; }

/* Two-column paired layout */
.two-col-section { display:flex; flex-direction:column; gap:18px; margin:20px 0 40px 0; }
.two-col-section .pair { display:flex; gap:24px; align-items:center; justify-content:center; }
.two-col-section.compact .pair { gap:30px; }
.stat-box.large h3 { margin:0 0 6px 0; font-size:26px; font-weight:700; }
.stat-box.large .count { margin:0; }
.stat-box.large.left { text-align:left; padding-left:32px; }
.stat-box.large.right { text-align:right; padding-right:32px; }
.stat-box.small { flex:1; }
.stat-box.small.left { text-align:left; }
.stat-box.small.right { text-align:right; }

@media (max-width:720px){ .two-col-section .pair{ flex-direction:column } .stat-box.large.left, .stat-box.large.right{ text-align:center; padding:20px } .stat-box.small{ width:100% } }

/* Section badge */
.section-badge { display:flex; justify-content:center; align-items:center; margin:18px 0; }
.section-badge span { background:#1e4d6b; color:#fff; padding:8px 22px; border-radius:4px; font-weight:900; font-size:28px; font-family:'Playfair Display', serif; }

/* compact variant for hoverable boxed stats */
.stat-box.compact { background: linear-gradient(135deg,#667eea 0%,#764ba2 100%); color:white; padding:20px; border-radius:8px; text-align:center; transition: transform .3s ease, box-shadow .3s ease }
.stat-box.compact:hover{ transform:translateY(-5px); box-shadow:0 8px 16px rgba(102,126,234,.4) }
.stat-box.compact h4{ margin:0; font-size:28px; font-weight:bold; color:#fff }
.stat-box.compact p{ margin:5px 0 0 0; font-size:12px; color:rgba(255,255,255,.9) }

/* Body font fallback */
body{ font-family: 'Montserrat', sans-serif }

/* Horizontal sections container */
.sections-container{ display:flex; gap:40px; align-items:flex-start; justify-content:center; flex-wrap:wrap; margin:20px 0 }
.section-block{ flex:1; min-width:300px; max-width:500px }

/* Section separator */
.section-separator { width:2px; background:#FFD700; height:300px; margin:0 20px; }

/* Icon styling */
.icon-stat { margin-right:8px; font-size:18px; color:#FFD700; vertical-align:middle; }
.icon-badge { margin-right:6px; font-size:22px; color:#FFD700; vertical-align:middle; }

@media (max-width:1024px){ .sections-container{ flex-direction:column; gap:30px } .section-block{ max-width:100% } .section-separator{ width:100%; height:2px; margin:20px 0 } }

/* Enforce FA6 fonts when multiple FA versions are present */
.fa, .fa-solid, .fa-regular { font-family: "Font Awesome 6 Free" !important; }
.fa-solid { font-weight: 900 !important; }
.fa-regular { font-weight: 400 !important; }
.fa-brands { font-family: "Font Awesome 6 Brands" !important; }