/* COLORS */
:root {
  --accordion-body-bg: #9bb168;
  --section-bg: #4f3423;
  --text-primary: #0a0a0a;
  --accordion-header-bg: #65422e;
  --accordion-expanded-bg: #65422e;
}

.custom-accordion .accordion-wrapper {
  width: 100%;
  margin: 0 auto;
}

.custom-accordion .accordion {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* HEADER */

.custom-accordion .accordion__header > h4 {
  font-weight: normal;
}

.custom-accordion .accordion__header .bx {
  transition: 400ms all ease-in-out;
}

/* EXPANDED STATE */

.custom-accordion .accordion--expand .accordion__header .bx {
  transform: rotate(180deg);
}

/* BODY */
.custom-accordion .accordion__body {
  overflow: hidden;
  padding: 0;
  max-height: 0px;
  opacity: 0;
  transition: 400ms all ease-in-out;
}

.custom-accordion .accordion--expand .accordion__body {
  opacity: 1;
  max-height: 500px;
  padding: 1.5rem;
}