h2.accordion-title,
h3.accordion-title,
h4.accordion-title,
.accordion-item .accordion-title {
  margin:0;
}
button.accordion-button,
button.accordion-button:focus:not(:focus-visible) {
  -webkit-appearance: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: left;
  margin:0;
  padding:0;
  width: 100%;
  background-color: transparent;
  box-shadow: none;
  border:none;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1em;
  cursor: pointer;
}


.accordion-icon {
  position: relative;
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  cursor: pointer;
}

.accordion-icon:before, .accordion-icon:after {
  content: "";
  display: block;
  background-color: #333;
  position: absolute;
  top: 50%;
  left: 0;
  transition: 0.35s;
  width: 100%;
  height: 3px;
}
.accordion-icon:before {
  transform: translatey(-50%) rotate(-90deg);
  opacity: 0;
}
.accordion-icon:after {
  transform: translatey(-50%) rotate(0);
}

button[aria-expanded=false] .accordion-icon:before {
  transform: translatey(-50%);
  opacity:1;
}
button[aria-expanded=false] .accordion-icon:after {
  transform: translatey(-50%) rotate(90deg);
}

