#accordion {
  margin: auto;
  max-width: 500px;
}

.panel-heading a {
  display: block;
  position: relative;
  font-weight: bold;
  font-size: 22px;

  &::after {
    content: "";
    border: solid #7e8299;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg);
  }

  &[aria-expanded="true"]::after {
    transform: rotate(-135deg);
    top: 5px;
  }
}
.panel-default > .panel-heading {
  background-color: #fafafa;
}
.panel-title a:hover {
  color: #181c32;
}
.panel-default > .panel-heading {
  color: #181c32;
  border-color: none;
}
.panel-title {
  color: #181c32;
}
.panel-title a {
  color: #181c32;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  background-color: #fafafa;
}
.panel-heading {
  padding: 15px 15px;
}