.accordion {
  position: relative;
  padding: 2rem 0;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 0.2rem solid #cccccc;
  margin: 0;
}
.accordion__container {
  counter-reset: css-counter;
}
.accordion.accordion_numbered {
  counter-increment: css-counter 1;
  padding-left: 5rem;
}
@media screen and (max-width: 768px) {
  .accordion.accordion_numbered {
    padding-left: 6rem;
  }
}
.accordion.accordion_numbered::before {
  content: counter(css-counter);
  font-size: 2.2rem;
  height: 3.6rem;
  width: 3.6rem;
  box-shadow: 0 0 0 0.2rem #217abf;
  background-color: #ffffff;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  left: 1rem;
  top: 1.5rem;
  padding: 0 1rem;
}
.accordion.accordion_numbered.open::before {
  background-color: #217abf;
  box-shadow: 0 0 0 0.2rem #217abf;
  color: #ffffff;
}
.accordion.open .accordion__content {
  width: 100%;
}
.accordion.open .fa-chevron-down,
.accordion.open .fa-plus {
  display: none;
}
.accordion.open .fa-chevron-up,
.accordion.open .fa-minus {
  display: inline-block;
}
.accordion__question {
  position: relative;
  font-weight: bold;
  color: #01579b;
  max-width: 85%;
}
@media screen and (max-width: 768px) {
  .accordion__question {
    max-width: 75%;
  }
}
@media screen and (min-width: 769px) {
  .accordion__question {
    margin-left: 1rem;
  }
}
.accordion__content {
  display: none;
  margin-left: 1rem;
}
.accordion__answer {
  line-height: 2;
  margin: 2rem 0 0;
  max-width: 75%;
}
.accordion__answer a {
  text-decoration: underline;
}
.accordion__opener {
  width: 100%;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.accordion .fas,
.accordion .fa-regular {
  color: #01579b;
  margin-right: 1.5rem;
  margin-left: auto;
  transform: scale(1.5);
}
.accordion .fa-chevron-up,
.accordion .fa-minus {
  display: none;
}
.accordion:hover .accordion__question, .accordion:focus .accordion__question {
  text-decoration: underline;
  -webkit-text-decoration-color: #01579b;
  text-decoration-color: #01579b;
}
@media screen and (max-width: 480px) {
  .accordion .mss-icon {
    display: none;
  }
}
.accordion.long-list:nth-of-type(even) {
  background-color: #f6f6f6;
}
.accordion__ta-link {
  margin-bottom: 2rem;
}

.flex-views--item .accordion__answer {
  max-width: 100%;
}

.faq h3 {
  font-size: 2rem;
}