.fa-stack[data-count]:after{
  position:absolute;
  right:0%;
  top:1%;
  content: attr(data-count);
  font-size:30%;
  padding:.6em;
  border-radius:999px;
  line-height:.75em;
  color: white;
  background:rgba(255,0,0,.85);
  text-align:center;
  min-width:2em;
  font-weight:bold;
}
.carrot {
	border-radius: 50%;
	color: #fff;
	background: #e67e22;
	box-shadow: 0 0 10px #fff;
}
.cyan {
	border-radius: 50%;
	color: #fff;
	background: #1ba1e2;
	box-shadow: 0 0 10px #fff;
}

.indigo {
	border-radius: 50%;
	color: #fff;
	background: #6a00ff;
	box-shadow: 0 0 10px #fff;
}

.emerald {
	border-radius: 50%;
	color: #fff;
	background: #2ecc71;
	box-shadow: 0 0 10px #fff;
}

.alizarin {
	border-radius: 50%;
	color: #fff;
	background: #e74c3c;
	box-shadow: 0 0 10px #fff;
}


.turqoise {
	border-radius: 50%;
	color: #fff;
	background: #1abc9c;
	box-shadow: 0 0 10px #fff;
}

.belize {
	border-radius: 50%;
	color: #fff;
	background: #2980b9;
	box-shadow: 0 0 10px #fff;
}

.wizteria {
	border-radius: 50%;
	color: #fff;
	background: #8e44ad;
	box-shadow: 0 0 10px #fff;
}

.yellow {
	border-radius: 50%;
	color: #fff;
	background: #f1c40f;
	box-shadow: 0 0 10px #fff;
}

.carrot {
	border-radius: 50%;
	color: #fff;
	background: #e67e22;
	box-shadow: 0 0 10px #fff;
}

.pomeg {
	border-radius: 50%;
	color: #fff;
	background: #c0392b;
	box-shadow: 0 0 10px #fff;
}
.orang {
	border-radius: 50%;
	color: #fff;
	background: #FFA500;
	box-shadow: 0 0 10px #fff;
}

.red1 {
	border-radius: 50%;
	color: #fff;
	background: #c8362e;
	box-shadow: 0 0 10px #fff;
}