.accordion-button {
  
  box-shadow: none;      /* Remove any box shadow */
  background-color: #ffffff;
  color: #000000;
  font-weight: 500;
}

/* Optional: Remove border from expanded state */
.accordion-button:focus,
.accordion-button:not(.collapsed) {
  
  box-shadow: none;      /* Remove box-shadow */
  background-color: #ffffff;
  color: #000000;
  font-weight: 500;
}

.accordion-button::after {
  filter: invert(0%) brightness(0); /* Change arrow color to black */
}

/* Ensure arrow stays black in the expanded (active) state */
.accordion-button:not(.collapsed)::after {
  filter: invert(0%) brightness(0); /* Keep arrow black when expanded */
}