.details-accordion {
  .accordion-item {
    margin: 12px 0;
    .item-heading {
      color: #363434;
      font-family: Gotham;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%;
      text-transform: uppercase;
      cursor: pointer;
      display: flex;
      justify-content: space-between;

      .icon:after {
        content: "+";
        display: block;
        width: 11px;
        height: 11px;
      }
    }

    .metafield-rich_text_field {
      max-height: 0;
      visibility: none;
      opacity: 0;
      transition: all 0.3s ease-in-out;

      ul,
      p {
        display: none;
      }

      ul {
        padding-left: 25px;
      }
      p,
      li {
        color: #363434;
        font-family: Gotham;
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 150%;
      }
    }
    &.active {
      .item-heading {
        .icon:after {
          content: "-";
        }
      }
      .metafield-rich_text_field {
        max-height: 1000px;
        visibility: visible;
        opacity: 1;

        ul,
        p {
          display: block;
        }
      }
    }
  }
}