/* ==========================================================================
   Raiganj University - Animated achievement counters
   File: assets/css/08-counters.css
   ======================================================================= */

/* ===== Counter section ===== */
.counter-section{
  background:var(--maroon-dark);
  background-image:
    radial-gradient(rgba(200,155,60,0.10) 1px, transparent 1px),
    radial-gradient(rgba(200,155,60,0.07) 1px, transparent 1px);
  background-size:22px 22px, 22px 22px;
  background-position:0 0, 11px 11px;
  padding:56px 24px;
}
.counter-grid{
  max-width:1280px; margin:0 auto;
  display:grid; grid-template-columns:repeat(6,1fr);
  gap:0;
}
.counter-item{
  text-align:center; color:#fff; padding:12px 10px;
  border-right:1px solid rgba(255,255,255,0.14);
}
.counter-item:last-child{ border-right:none; }
.counter-item .count-icon{
  width:52px; height:52px; margin:0 auto 14px;
  display:flex; align-items:center; justify-content:center;
  color:var(--gold-soft);
}
.counter-item .count-icon svg{ width:40px; height:40px; display:block; }
.counter-item .count-num{
  font-family:'Fraunces', serif; font-weight:700; font-size:38px; color:var(--gold-soft);
  line-height:1;
}
.counter-item .count-label{
  margin-top:10px; font-size:13px; color:#E7DFD2; letter-spacing:.02em;
}
@media (max-width:900px){
  .counter-grid{ grid-template-columns:repeat(3,1fr); row-gap:28px; }
  .counter-item:nth-child(3n){ border-right:none; }
}
@media (max-width:520px){
  .counter-grid{ grid-template-columns:repeat(2,1fr); }
  .counter-item:nth-child(2n){ border-right:none; }
  .counter-item:nth-child(3n){ border-right:1px solid rgba(255,255,255,0.14); }
}