.stats{
  background:#fff;
  color: rgba(26, 42, 108, 1);

  padding: clamp(24px, 4vw, 56px) 0;
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.stat-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: 10px;
}

.stat-value{
  color:#1A2A6C; /* آبی تیره */
  font-weight:600;
  letter-spacing: -0.02em;
  line-height:1;
  font-size: clamp(52px, 7vw, 88px);  /* موبایل بزرگ، دسکتاپ مناسب */
}

.stat-label{
  color: rgba(154, 160, 166, 1);

   
  font-weight:400;
  line-height:1.2;
  font-size: clamp(18px, 2.2vw, 34px); /* مثل طرح (موبایل بزرگ‌تر) */
  
}

     
  /* ====================================
    RESPONSIVE MOBILE & TABLET
  ==================================== */
    
  /* Mobile Small فقط تا 575 */
  /*iPhone 16 Pro - 2*/
  @media (max-width: 575.98px)  
 
    {
.stat-value{
 font-family: "Avenir";
font-weight: 500;
font-style: Medium;
font-size: 40px !important;
line-height: 150%;
letter-spacing: 0%;
text-align: center;

}
.stat-label{
  font-family: "Avenir";
font-weight: 400;
font-style: Roman;
font-size: 16px !important;
line-height: 150%;
letter-spacing: 0%;
text-align: center;

}
      .stats{
 
 
 
opacity: 1;


}
/*
.stat-item{
width: 128;
height: 98;
opacity: 1;
padding: Numbers/Gap/Gap - 0;
gap: 8;
border-radius: Numbers/Radius/BR - 0;


}

*/


    }
  /*iPad mini 8.3 - 3*/
  /* Mobile Large */
   
 @media (min-width: 576px) and (max-width: 767.98px)
 
    {
 .stat-value{
font-family: "Avenir";
font-weight: 500;
font-style: Medium;
font-size: 40px !important;
line-height: 150%;
letter-spacing: 0%;
text-align: center;

}
.stat-label{
font-family: "Avenir";
font-weight: 400;
font-style: Roman;
font-size: 20px;
line-height: 150%;
letter-spacing: 0%;
text-align: center;


}
      .stats{
 
top: 1802px;
opacity: 1;

 
 background: rgba(255, 255, 255, 1);

 


}
/*
.stat-item{
 
opacity: 1;
padding: Numbers/Gap/Gap - 0;
gap: 8;
border-radius: Numbers/Radius/BR - 0;


}*/
    }
   /* Desktop */
  /*MacBook Air - 7*/
     @media (min-width: 1200px) and (max-width: 1399.98px) {
      
     }
 
 .stat-value{
 font-family: "Avenir";
font-weight: 500;
font-style: Medium;
font-size: 52px;
line-height: 150%;
letter-spacing: 0%;
text-align: center;


}
.stat-label{
 
font-family: "Avenir";
font-weight: 400;
font-style: Roman;
font-size: 24px;
line-height: 150%;
letter-spacing: 0%;
text-align: center;


}
      .stats{
 
 
opacity: 1;
padding: Numbers/Gap/Gap - 0;
gap: 20;
border-radius: Radius;



}

























































































  /* Mobile/Tablet از 576 تا 767 */
  @media (min-width: 576px) and (max-width: 767.98px) {
   
   
  }



  /* Tablet */
  @media (min-width: 768px) and (max-width: 991.98px) {
 
  }

  /* Laptop Small */
  @media (min-width: 992px) and (max-width: 1199.98px) {
   

  }



  /* Large Desktop */
  @media (min-width: 1400px) and (max-width: 1599.98px) {
 
  }

  /* Ultra Large */
  @media (min-width: 1600px) { 
 

  }