ul.list-terms {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
ul.list-terms li {
  position: relative;
  font-size: 15px;
  cursor: pointer;
  background: #f3f1ed;
  margin-bottom: 1px;
  padding: 0 10px;
}
ul.list-terms li.has-children::before {
  content: "◂";
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  transition: transform 0.25s ease;
}
ul.list-terms li.open::before {
  transform: rotate(90deg);
}
ul.list-terms li ul {
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding-left: 20px;
  transition: max-height 0.35s ease;
}