@property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}
.ezc-year,.ezc-dealer,.ezc-wealth,.ezc-claims,.ezc-dealer,.ezc-driver,.ezc-employee,.ezc-train-hours,.ezc-courses,.ezc-afip,.ezc-year-static{
  font-weight: 600;
  font-size:2.75rem;
  color:#00539b;
  margin-bottom:1rem;
}
.count-title{
  font-weight:700;
  letter-spacing:1px;
}
/* .ezc-year {
  animation: yearcounter 750ms forwards;
  counter-reset: num var(--num);
} */
/* .ezc-year::after {
  content: "40";
} */

/* @keyframes yearcounter {
  from {
    --num: 0;
  }
  to {
    --num: 40;
  }
} */
.ezc-dealer {
  /*animation: dealercounter 1s forwards;
  counter-reset: num var(--num);*/
}
.ezc-dealer::after {
/*   content: "8K+"; */
}

@keyframes dealercounter {
  from {
    --num: 0;
  }
  to {
    --num: 8;
  }
}
.ezc-wealth{
  /*animation: wealthcounter 7s forwards;*/
  counter-reset: num var(--num);
}
.ezc-wealth::after {
/*  content: "$1B+"; */
}

@keyframes wealthcounter {
  from {
    --num: 0;
  }
  to {
    --num: 1;
  }
}

.ezc-claims{
  /*animation: claimscounter 5s forwards;
  counter-reset: num var(--num);*/
}
.ezc-claims::after {
/*  content: "$3.7B"; */
}

@keyframes claimscounter {
  from {
    --num: 0;
  }
  to {
    --num: 3;
  }
}

.ezc-driver{
  /*animation: drivercounter 5s forwards;
  counter-reset: num var(--num);*/
}
.ezc-driver::after {
/*  content: "23M"; */
}

@keyframes drivercounter {
  from {
    --num: 0;
  }
  to {
    --num: 23;
  }
}

.ezc-employee{
  /*animation: employeecounter 900ms forwards;
  counter-reset: num var(--num);*/
}
.ezc-employee::after {
/*  content: "750+"; */
}

@keyframes employeecounter {
  from {
    --num: 0;
  }
  to {
    --num: 750;
  }
}

.ezc-train-hours{
  /*animation: traininghours 900ms forwards;
  counter-reset: num var(--num);*/
}
.ezc-train-hours::after {
 content: "1000+";
}

@keyframes traininghours {
  from {
    --num: 0;
  }
  to {
    --num: 1000;
  }
}
.ezc-courses{
  /*animation: coursehours 1s forwards;
  counter-reset: num var(--num);*/
}
.ezc-courses::after {
 content: "50+";
}

@keyframes coursehours {
  from {
    --num: 0;
  }
  to {
    --num: 50;
  }
}

.ezc-afip{
  /*animation: afipnum 1s forwards;
  counter-reset: num var(--num);*/
}
.ezc-afip::after {
 content: "700+";
}

@keyframes afipnum {
  from {
    --num: 0;
  }
  to {
    --num: 700;
  }
}
.ezc-year-static::after {
  content: "40";
}