/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
.accordion .container {
  background-color: #F4FFF8;
  padding: 2.4rem;
}
.accordion .heading {
  margin: 0 0 1.6rem;
}
.accordion .accordion-item.active svg {
  transform: rotate(180deg);
}
.accordion .accordion-header {
  padding: 1.6rem 0.8rem;
  text-align: left;
  display: flex;
  justify-content: space-between;
  gap: 2.4rem;
  width: 100%;
}
.accordion .accordion-header span {
  color: #484948;
}
.accordion .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}
.accordion .accordion-content .accordion-content-inner {
  padding: 0.8rem 0.8rem 4rem;
  width: calc(100% - 4.8rem);
}

@media (max-width: 768px) {
  .accordion {
    margin: 0 -2.4rem;
    width: calc(100% + 4.8rem);
  }
  .accordion .container {
    padding: 4rem 2.4rem;
  }
  .accordion .accordion-content .accordion-content-inner {
    width: 100%;
  }
}