#participation-counter {
  padding: 70px 0;
  background: var(--color-bg-counter);
}

#participation-counter span {
  font-size: 70px;
  font-weight: 500;
  color: #fff;
  padding-right: 16px;
}

#participation-counter h3 {
  font-size: 35px;
  font-weight: 700;
  color: #fff;
}

#participation-counter h4 {
  font-weight: 500;
  font-size: 25px;
  color: #f2f2f2;
}

#participation-counter .item-box {
  margin-top: 60px;
}

#participation-counter .item-box p:hover img {
  animation: shake 1s;
  animation-iteration-count: infinite;
}

@keyframes shake {
	10%, 90% {
	  transform: translate3d(-1px, 0, 0);
	}
	
	20%, 80% {
	  transform: translate3d(2px, 0, 0);
	}
  
	30%, 50%, 70% {
	  transform: translate3d(-4px, 0, 0);
	}
  
	40%, 60% {
	  transform: translate3d(4px, 0, 0);
	}
  }

@media (max-width: 575.98px) {
  #participation-counter h3 {
    font-size: 30px;
  }

  #participation-counter span {
    font-size: 50px;
  }

  #participation-counter img {
    width: 60px;
  }

  #participation-counter h4 {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
}
@media (min-width: 768px) and (max-width: 991.98px) {
}
@media (min-width: 992px) and (max-width: 1199.98px) {
}
