/* ============================================================
   Section Numbers — Soft Sage + Outlined Frosted Cards
   ============================================================ */

/* === Section Numbers: Option 3 — Soft Sage + Outlined Frosted Cards === */#section-numbers { background: linear-gradient(180deg, #f0f4f1 0%, #e6ebe7 100%) !important; position: relative !important; overflow: hidden !important; } #section-numbers::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 3px !important; width: 100% !important; background: linear-gradient(90deg, #00853e, #fbbb10, #00853e) !important; border-radius: 0 !important; pointer-events: none; } #section-numbers::after { display: none !important; } .numbers-bg-lines { display: none !important; } #section-numbers h2.text-center { color: #1a1a1a !important; text-shadow: none !important; } #section-numbers hr { background: #00853e !important; } #section-numbers p.h4.fw-l { color: #5a6b5e !important; } /* Card overrides */#section-numbers .stat-card { background: rgba(255,255,255,0.7) !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 2px solid rgba(0,133,62,0.15) !important; border-radius: 14px !important; } #section-numbers .stat-card::before { display: none !important; } #section-numbers .stat-card:hover { border-color: #00853e !important; box-shadow: 0 10px 30px rgba(0,133,62,0.1) !important; } #section-numbers .stat-card-glow { display: none !important; } /* Green circle icon */#section-numbers .stat-icon { width: 40px !important; height: 40px !important; border-radius: 50% !important; background: #00853e !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto 12px !important; color: #fff !important; font-size: 16px !important; opacity: 1 !important; } #section-numbers .stat-card:hover .stat-icon { transform: scale(1.1) !important; } /* Green numbers */#section-numbers .couter { color: #00853e !important; } #section-numbers .stat-card:hover .couter { text-shadow: none !important; } /* Dark label text */#section-numbers .h5.fw-l { color: #3a4a3e !important; } /* Progress bar on light bg */#section-numbers .stat-bar { background: rgba(0,133,62,0.1) !important; } #section-numbers .stat-bar-fill { background: linear-gradient(90deg, #00853e, #fbbb10) !important; } /* Gold hover badge */#section-numbers .stat-badge { position: absolute; top: -1px; right: 16px; background: #fbbb10; color: #000; font-size: 9px; font-weight: 800; padding: 3px 10px; border-radius: 0 0 6px 6px; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0; transition: opacity 0.3s; z-index: 5; } #section-numbers .stat-card:hover .stat-badge { opacity: 1; }