/* Section background (you can change the URL inline on the <section>) */
.stats-section{
  padding-top: 6rem !important;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  background-color:#f8f6f2; /* fallback tint */
    padding-bottom: 6rem !important;

}

/* Title (right side with accent underline) */
.stats-title{
  color:rgb(7,28,74);
  font-weight:700;
  display:inline-block;
  border-bottom:2px solid #f4b748;
  padding-bottom:12px;
  margin-inline-start:0;  /* RTL: start = right */
  margin-bottom:4rem !important ;
  margin-right: 2.5rem !important;
}

/* Cards row: right-aligned, exact 24px gap */
.stats-cards{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end; /* right side in RTL context */
  gap:37px;
  
}

/* Single card: EXACT sizing + paddings + border */
.stats-card{
  width:400px;
  height:370px;
  padding-top:73px;
  padding-right:90px;  /* RTL: right */
  padding-bottom:73px;
  padding-left:99px;   /* RTL: left */
  border:2px solid #eee6db;
  border-radius:8px;
  background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  text-align:center;
  opacity:1;
}

/* Icon, number, label styles (match screenshot vibe) */
.stats-icon{ font-size:56px; line-height:1; color:#f4b748; }
.stats-number{
  font-size:64px; font-weight:800; color:rgb(7,28,74);
  font-variant-numeric: tabular-nums;
}
.stats-label{ font-size:20px; color:rgb(7,28,74); }

/* Responsive tweak: let them stack on small screens */
@media (max-width: 992px){
  .stats-card{ width:100%; max-width:360px; margin-inline: auto; }
}