.collapsible {
  background-color: #e5e7dc;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
}

.active, .collapsible:hover {
  background-color: #b1b894;
}

.clpsbl {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
  flex-wrap: wrap;
  align-items: end;
  justify-content: start;
}

.myarrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 6px;
}

.myright {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.mydown {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}