.accordion {
  cursor: pointer;
  position: relative;
  display: inline;
  text-align: left;
  transition: 0.4s;
}

.active,
.accordion:hover {}

.accordion:after {
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  content: url('/assets/Reddown.png');
  top: 2px;
  left: 0;
}

.active:after {
  content: url(/assets/Blackdown.png);
}

.panel {
  padding: 20px 0 0 32px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.hide {
  display: none;
}

.show {
  display: block;
}