/* IMPORT THE FRAMEWORK */
.faq > h4, .faq, .faq-wrapper {
  position: relative;
}

.faq > h4:after {
  position: absolute;
}

.faq > h4:after {
  display: inline-block;
  zoom: 1;
}

.faq .faq-body {
  font-size: 1em;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .faq .faq-body {
    font-size: 1em;
  }
}
@media screen and (min-width: 451px) and (max-width: 1199px) {
  .faq .faq-body {
    font-size: 1em;
  }
}
@media screen and (max-width: 450px) {
  .faq .faq-body {
    font-size: 1em;
  }
}

.faq .faq-body {
  font-weight: normal;
  line-height: 1.8em;
  margin-bottom: 1.8em;
}

.intro {
  padding-bottom: 0;
}

.faq-wrapper {
  margin-bottom: 3em;
}

.faq:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.faq:last-child:after {
  display: none;
}
.faq.open h4:after {
  transform: rotate(0);
}
.faq > h4 {
  font-size: 1em;
  font-weight: normal;
  margin-bottom: 0 !important;
  cursor: pointer;
  border-top: solid 1px #dbdbdb;
  padding: 15px 50px 20px 15px;
  transition: 0.1s ease-in-out;
}
.faq > h4:hover {
  color: #f581c5;
  background-color: #ddd;
}
.faq > h4:after {
  top: 22px;
  right: 15px;
  content: "";
  width: 15px;
  height: 15px;
  background: url("/app/images/global/chevron.png") no-repeat center center;
  background-size: 100%;
  transform: rotate(-90deg);
  transition: 0.1s ease-in-out;
}
.faq > h4:last-of-type {
  border-bottom: solid 1px #dbdbdb;
}
.faq .faq-body {
  padding: 15px;
}