.accordion ul.accordion li {
  background-color: var(--sage);
}
.accordion ul.accordion li.active .content {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}
.accordion ul.accordion li.active button {
  font-family: var(--font-family-medium);
}
.accordion ul.accordion li.active button::before {
  rotate: 90deg;
  left: 0;
  top: 18px;
}
.accordion ul.accordion li button {
  text-align: left;
  font: var(--h4-font);
  padding: 15px 0 15px 30px;
  line-height: 30px;
  color: var(--body-font-color);
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
}
.accordion ul.accordion li button::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13.3 23.5' style='enable-background:new 0 0 13.3 23.5;' xml:space='preserve'%3E%3Crect x='5.6' y='-1.7' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -2.742 6.6198)' width='2.1' height='16.6'/%3E%3Crect x='-1.7' y='15.9' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -10.0227 9.6422)' width='16.7' height='2.1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 13px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 18px;
  rotate: 0;
  -webkit-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
}
.accordion ul.accordion .content {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
}
.accordion ul.accordion .content .wrapper .content-block {
  padding: 15px 0;
}
.accordion ul.accordion .content .wrapper .content-block h1, .accordion ul.accordion .content .wrapper .content-block h2, .accordion ul.accordion .content .wrapper .content-block h3, .accordion ul.accordion .content .wrapper .content-block h4, .accordion ul.accordion .content .wrapper .content-block h5, .accordion ul.accordion .content .wrapper .content-block h6 {
  margin-top: 15px;
}
.accordion ul.accordion .content .wrapper .content-block p {
  margin-bottom: 15px;
}
.accordion ul.accordion .content .wrapper .content-block ul, .accordion ul.accordion .content .wrapper .content-block ol {
  margin-left: 20px;
}
.accordion ul.accordion .content .wrapper .content-block ul li {
  list-style-type: disc;
  padding-left: 5px;
}
.accordion ul.accordion .wrapper {
  overflow: hidden;
}