.transition, .qa-section .sections .section .section-trigger:after, .qa-section .sections .section .section-trigger {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

@media (min-width: 45em) {
  .qa-section {
    position: relative;
    min-height: 856px;
  }
  .qa-section:before {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    width: calc(41.667vw);
    display: block;
    background: #EFEFEF;
    content: "";
    z-index: -1;
  }
}
.qa-section .intro {
  margin-bottom: 3rem;
  padding-top: 3rem;
}
@media (min-width: 45em) {
  .qa-section .intro {
    padding-top: 8rem;
  }
}
.qa-section .section-nav {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.qa-section .section-nav li {
  margin-bottom: 0.75rem;
}
.qa-section .section-nav li a {
  display: inline-block;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.75px;
  color: #9B9B9B;
}
.qa-section .section-nav li a:hover {
  color: #00BAE0;
}
.qa-section .section-nav li a.active {
  color: #00BAE0;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 45em) {
  .qa-section .section-nav {
    display: block;
  }
}
@media (min-width: 45em) {
  .qa-section .intro-filler {
    height: 8rem;
  }
}
@media (min-width: 45em) {
  .qa-section .sections {
    margin-bottom: 8rem;
  }
}
@media (min-width: 45em) {
  .qa-section .sections .section {
    max-height: 600px;
    overflow-y: scroll;
  }
  .qa-section .sections .section::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .qa-section .sections .section::-webkit-scrollbar:vertical {
    width: 11px;
  }
  .qa-section .sections .section::-webkit-scrollbar:horizontal {
    height: 11px;
  }
  .qa-section .sections .section::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.qa-section .sections .section .section-trigger {
  background-color: #EFEFEF;
  font-weight: bold;
  font-size: 14px;
  display: block;
  text-transform: uppercase;
  cursor: pointer;
  color: #585858;
  margin-left: -2rem;
  margin-right: -2rem;
  padding: 1rem 4rem 1rem 2rem;
  letter-spacing: 1.4px;
  position: relative;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@media (min-width: 45em) {
  .qa-section .sections .section .section-trigger {
    display: none;
  }
}
.qa-section .sections .section .section-trigger:after {
  position: absolute;
  top: 1.5rem;
  right: 2rem;
  width: 9px;
  height: 4px;
  content: "";
  display: block;
  background-image: url("../img/down-carrot.svg");
  background-size: 9px 4px;
}
.qa-section .sections .section .section-trigger:hover {
  color: #00BAE0;
}
.qa-section .sections .section .section-content {
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: none;
}
@media (min-width: 45em) {
  .qa-section .sections .section .section-content {
    padding: 0 1rem 0 0;
  }
}
.qa-section .sections .section.open .section-trigger {
  color: #00BAE0;
}
.qa-section .sections .section.open .section-trigger:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.qa-section .sections .section.open .section-content {
  display: block;
}
/*# sourceMappingURL=maps/qa_section.css.map */