:root{
  --pf-primary: #EC1D39;   /* Deep Industrial Green */
  --pf-accent:  #005890;   /* Premium Fresh Green */
  --pf-muted:   #005690;   /* Soft Industrial Grey */
  --pf-bg:      #FFFFFF;   /* Clean White */
}

.hero{
    background: var(--pf-primary)
        url('images/hero-pattern.jpg') center/cover no-repeat;
    padding: 7rem 0;
}
.hero .lead{color:rgba(255,255,255,0.92)}

body{font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background:var(--pf-bg); color:#1b2b3a; line-height:1.6;}
h2, h3 {color: var(--pf-primary); }
	

.navbar-brand{font-weight:700}
.nav-link {font-weight:500; color:var(--pf-bg); }

.bg-primary{background:var(--pf-primary) !important}
.btn-primary{background:var(--pf-accent); border-color:var(--pf-accent)}
.page-hero{background:linear-gradient(180deg, rgba(11,61,145,0.06), rgba(30,115,190,0.02)); padding:2.5rem 0; border-bottom:1px solid rgba(11,61,145,0.06); margin-bottom:2rem;}
.page-hero h1{font-size:2.25rem; color:var(--pf-primary); margin:0; font-weight:700;}
.page-hero p{color:var(--pf-muted); margin-top:8px;}
.process-list{list-style:none; padding-left:0}
.process-list li{padding:12px 0; border-left:4px solid var(--pf-accent); margin-bottom:12px; padding-left:16px}
.product-card .card{transition:transform .18s ease, box-shadow .18s ease}
.product-card .card:hover{transform:translateY(-6px); box-shadow:0 10px 30px rgba(16,40,80,0.12)}
.card-img-top{height:220px; object-fit:cover}

/* =========================
   Stats section styles
   Keep these with your main stylesheet
========================= */

#stats { 
  /* light subtle background to match screenshot - change variable if needed */
  background: #f4f7f9; 
}

/* Card styles — clean, minimal, slightly elevated */
.stat-card {
  border: 1px solid rgba(27,43,58,0.06);
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: transform .18s ease, box-shadow .18s ease;
 
}

/* Hover effect for desktop */
.stat-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(16,40,80,0.06);
}

/* Large numerals: keep tight line-height and bold weight */
.stat-number {
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 3.2rem; /* adjust for desktop */
  color: var(--pf-primary);
}

/* Label under the number */
.stat-label {
  font-size: 0.95rem;
  font-weight: 600;
   
}



footer{font-size:.95rem; color:#fff;}
.footer-grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; align-items:start;}
.footer-grid h5{color:#fff; margin-bottom:10px;}
.footer-brief{opacity:0.95;}
.footer-quick a{display:block; color:rgba(255,255,255,0.92); text-decoration:none; margin-bottom:6px;}
.footer-contact p, .footer-contact a{color:rgba(255,255,255,0.95); margin:0 0 6px 0;}
@media (max-width:767px){
  .hero{padding:3rem 0}
  .card-img-top{height:160px}
  .footer-grid{grid-template-columns:1fr; text-align:left;}
  .page-hero h1{font-size:1.6rem;}
    .stat-number { font-size: 2.4rem; }
  #stats { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}