.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none;
}

.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 3px 3px 0 0;
}

.accordion-item:last-child > :last-child {
  border-radius: 0 0 3px 3px;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1rem 2.5rem 1rem 1rem;
  border: 0;
  border-bottom: 0;
  font-size: 1.125rem;
  line-height: 1;
  color: #0a0a0a;
}

:last-child:not(.is-active) > .accordion-title {
  border-bottom: 0;
  border-radius: 0 0 3px 3px;
}

.accordion-title:hover, .accordion-title:focus {
  background-color: #102e52;
}

.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: '+';
}

.is-active > .accordion-title::before {
  content: '\2013';
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 0;
  border-bottom: 0;
  background-color: #eaf3fc;
  color: #0a0a0a;
}

:last-child > .accordion-content:last-child {
  border-bottom: 0;
}

.accordion-item:not(:last-child) {
  margin-bottom: .1875rem;
}

.accordion-title, .accordion-title[aria-expanded="false"] {
  background: #efece2;
}

.accordion-title:hover, .accordion-title[aria-expanded="true"] {
  background-color: #102e51;
  color: #fefefe;
}

.accordion-title::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #314763 transparent transparent;
}

.accordion-title:hover::before, .accordion-title:focus::before,
.is-active > .accordion-title::before {
  border-color: currentColor transparent transparent;
}

.is-active > .accordion-title::before {
  content: "";
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}