ul#filterList {
  padding: 0;
  list-style-type: none;
  display: flex;
  overflow: auto;
  gap: 16px;
}

ul#filterList li {
  white-space: nowrap;
  border: 1px solid #eee;
  padding: 19px;
  text-align: center;
  font-weight: 600;
  border-radius: 10px;
  cursor: pointer;
}

ul#filterList li.active {
  border-color: green
}

ul#filterList li svg {
  background: green;
  border-radius: 50px;
  height: 48px;
  width: 48px;
  margin-inline: auto;
  margin-bottom: 10px;
  color: #FFF;
  padding: 11px;
}


ul#filterList li img.categoryIcon {
  max-width: 50px;
  margin-bottom: 10px;
}

.grid-container {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.card-container .card {
  padding: 23px;
  text-align: start !important;
  min-height: 200px;
}

.card-container .card .image {
  display: none;
}

h6.card-title {
  color: #1b8354;
  font-size: 17px;
}

@media(min-width:992px) {
  ul#filterList {
    margin-inline: 5px
  }

  ul#filterList li {
    flex: 1
  }
}