div.grant-list {
  counter-reset: list-number;
}

div.grant-list h3:before {
  counter-increment: list-number;
  content: counter(list-number);
  margin-right: 10px;
  margin-bottom:10px;
  width:35px;
  height:35px;
  display:inline-flex;
  align-items:center;
  justify-content: center;
  font-size:16px;
  background-color:#AA1F2E;
  border-radius:50%;
  color:#fff;
}

/*Blue List Circles*/
div.list-blue-circle {
  counter-reset: list-number;
}

div.list-blue-circle h3:before {
  counter-increment: list-number;
  content: counter(list-number);
  margin-right: 10px;
  margin-bottom:10px;
  width:35px;
  height:35px;
  display:inline-flex;
  align-items:center;
  justify-content: center;
  font-size:16px;
  background-color:#063c84;
  border-radius:50%;
  color:#fff;
}

/*Orange Circle List*/

div.list-orange-circle {
  counter-reset: list-number;
}

div.list-orange-circle h3:before {
  counter-increment: list-number;
  content: counter(list-number);
  margin-right: 10px;
  margin-bottom:10px;
  width:35px;
  height:35px;
  display:inline-flex;
  align-items:center;
  justify-content: center;
  font-size:16px;
  background-color:#DE4712;
  border-radius:50%;
  color:#fff;
}

/*Green Circle List*/

div.list-green-circle {
  counter-reset: list-number;
}

div.list-green-circle h4:before {
  counter-increment: list-number;
  content: counter(list-number);
  margin-right: 10px;
  margin-bottom:10px;
  width:35px;
  height:35px;
  display:inline-flex;
  align-items:center;
  justify-content: center;
  font-size:16px;
  background-color:#1FAB3E;
  border-radius:50%;
  color:#fff;
}

/*.white-bg {
background-color: #fff;
}*/