.accordion {
  background-color: #FFFFFF;
  color: #000000 ;
  cursor: pointer;
  padding: 7px;
  width: 100%;
  border-color: #B5B5B5;
  border-radius: 4px;
  text-align: left;
  outline: none;
  font-size: 14px;
  transition: 1.5s;
  margin: 2px;
}

.active, .accordion:hover {
  background-color: #50AC2D; 
}

.panel {
  padding: 5px 20px;
  display: none;
  background-color: #F4FFF1;
  border-radius: 5px;
  overflow: show;
}

.accordion:after {
  content: '\02B9D'; /* Unicode character for "plus" sign (+) */
  font-size: 14px;
  color: #515151;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2B9F"; /* Unicode character for "minus" sign (-) */
}