.custom-collapsible {
  background-color: #f5f5f5;
  cursor: pointer;
  padding: 10px 15px;
  width: 100%;
  border: 1px solid #ddd;
  text-align: left;
  font-weight: bold;
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}

.custom-panel-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out, padding 0.2s ease-out;
  border: 1px solid #ddd;
  border-top: none;
  padding: 0 15px; /* Keep horizontal padding, set vertical to 0 */
}

.custom-panel-content.open {
  max-height: 2000px;
  padding: 15px;
}

.custom-arrow {
  display: inline-block;
  font-style: normal;
  font-size: 16px;
}

.custom-down:after {
  content: "▼";
}

.custom-up:after {
  content: "▲";
}