/**
 * --------------------------------------------------------------------------------------------
 * FONT
 *
 * Apply font-size, line-height, and letter-spacing in one go.
 *
 * @usage
 *    @include font($font-size $line-height $letter-spacing);
 *    // All arguments are optional
 * --------------------------------------------------------------------------------------------
 */

@media (min-width: 750px) {
  html[dir="rtl"] .faq {
    margin-left: 0;
    margin-right: 25%;
  }
}

html[dir="rtl"] .faq__heading {
  font-size: 1.5rem;
  line-height: 2rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .faq__heading {
    font-size: 2.1875rem;
    line-height: 2.6875rem;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .faq__heading {
    font-size: 3.125rem;
    line-height: 3.625rem;
  }
}

@media (max-width: 749px) {
  html[dir="rtl"] .faq__item {
    padding-left: 10%;
    padding-right: 10%;
  }
}

.faq__item.is-active .faq__content {
  -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
  transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}

.faq__item.is-active .faq__title .icon-add {
  display: none;
}

.faq__item.is-active .faq__title .icon-remove {
  display: block;
}

html[dir="rtl"] .faq__title {
  font-family: "Helvetica Neue LT Arabic Roman", helvetica;
  letter-spacing: 0;
  font-size: .9375rem;
  line-height: 1.4375rem;
  height: auto;
}

@media (max-width: 749px) {
  html[dir="rtl"] .faq__title {
    padding-right: 0;
    padding-left: 25%;
    text-align: right;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .faq__title {
    height: 4.625rem;
    text-align: right;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .faq__title {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
}

@media (min-width: 750px) {
  .faq__title {
    padding-right: 7.14286%;
  }

  html[dir="rtl"] .faq__title {
    padding-left: 7.14286%;
    padding-right: 0;
  }
}

.faq__title:focus {
  outline: none;
}

.faq__title .icon {
  width: .75rem;
  height: .75rem;
  line-height: 0;
}

@media (min-width: 750px) {
  .faq__title .icon {
    width: .875rem;
    height: .875rem;
  }
}

@media (min-width: 1200px) {
  .faq__title .icon {
    width: 1rem;
    height: 1rem;
  }
}

html[dir="rtl"] .faq__title .faq__header__icon {
  right: auto;
  left: 0;
}

.faq__content {
  overflow: hidden;
  height: 0;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
  font-family: "Open Sans";
  font-size: .75rem;
  line-height: 1.125rem;
}

html[dir="rtl"] .faq__content {
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 750px) {
  .faq__content {
    padding-left: 10.71429%;
    padding-right: 17.85714%;
  }

  html[dir="rtl"] .faq__content {
    padding-right: 7.14286%;
    padding-left: 14.28571%;
  }
}

@media (min-width: 1200px) {
  .faq__content {
    padding-left: 7.14286%;
    padding-right: 21.42857%;
  }

  html[dir="rtl"] .faq__content {
    padding-right: 7.14286%;
    padding-left: 21.42857%;
  }
}

@media (min-width: 1200px) {
  .faq__content {
    font-size: 1rem;
    line-height: 1.4375rem;
  }
}

.faq__content + p {
  margin-top: 1.7em;
}

.faq__content p,
.faq__content ol,
.faq__content ul {
  margin-bottom: .9375rem;
}

.faq__content ul {
  list-style-type: none;
  margin-bottom: 1.25rem;
  padding-left: 12.5%;
}

@media (min-width: 750px) {
  .faq__content ul {
    padding-left: 0;
  }
}

html[dir="rtl"] .faq__content ul {
  padding-left: 0;
  padding-right: 12.5%;
}

@media (min-width: 750px) {
  html[dir="rtl"] .faq__content ul {
    padding-right: 0;
  }
}

.faq__content ul li {
  position: relative;
  margin-bottom: .4375rem;
}

.faq__content ul li::before {
  content: '\2022';
  position: absolute;
  font-size: 1rem;
  left: -1.1875rem;
}

@media (min-width: 1200px) {
  .faq__content ul li::before {
    font-size: 1.375rem;
  }
}

html[dir="rtl"] .faq__content ul li::before {
  left: auto;
  right: -1.375rem;
  top: .125rem;
  font-size: 1rem;
}

@media (min-width: 1200px) {
  html[dir="rtl"] .faq__content ul li::before {
    font-size: 1.375rem;
    right: -2rem;
  }
}

.faq__content ul li ul {
  margin-top: .4375rem;
  margin-bottom: 0;
  padding-left: 14.28571%;
}

@media (min-width: 750px) {
  .faq__content ul li ul {
    padding-left: 5.45455%;
  }
}

@media (min-width: 1200px) {
  .faq__content ul li ul {
    padding-left: 3.33333%;
  }
}

html[dir="rtl"] .faq__content ul li ul {
  padding-left: 0;
  padding-right: 14.28571%;
}

@media (min-width: 750px) {
  html[dir="rtl"] .faq__content ul li ul {
    padding-right: 6%;
  }
}

.faq__content ul li ul li::before {
  content: '\2013';
  left: -1.375rem;
}

.faq__content ol {
  counter-reset: li;
  list-style-type: none;
  margin-bottom: 1.25rem;
  padding-left: 12.5%;
}

@media (min-width: 750px) {
  .faq__content ol {
    padding-left: 0;
  }
}

html[dir="rtl"] .faq__content ol {
  padding-left: 0;
  padding-right: 12.5%;
}

@media (min-width: 750px) {
  html[dir="rtl"] .faq__content ol {
    padding-right: 0;
  }
}

.faq__content ol li {
  position: relative;
  margin-bottom: .4375rem;
}

.faq__content ol li::before {
  counter-increment: li;
  content: counter(li) ".";
  font-size: .75rem;
  font-family: sans-serif;
  font-weight: bold;
  position: absolute;
  right: calc(100% + .6875rem);
  top: .0625rem;
}

@media (min-width: 1200px) {
  .faq__content ol li::before {
    font-size: .875rem;
  }
}

html[dir="rtl"] .faq__content ol li::before {
  right: auto;
  left: calc(100% + 1.0625rem);
}

.faq__content ol li ol {
  margin-top: .4375rem;
  margin-bottom: 0;
  padding-left: 14.28571%;
}

@media (min-width: 750px) {
  .faq__content ol li ol {
    padding-left: 8%;
  }
}

@media (min-width: 1200px) {
  .faq__content ol li ol {
    padding-left: 6%;
  }
}

html[dir="rtl"] .faq__content ol li ol {
  padding-left: 0;
  padding-right: 14.28571%;
}

@media (min-width: 750px) {
  html[dir="rtl"] .faq__content ol li ol {
    padding-right: 9.09091%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .faq__content ol li ol {
    padding-right: 7%;
  }
}

.faq__content ol li ol li::before {
  counter-increment: li;
  content: counters(li, ".") ".";
}

.faq__content ul li::before {
  top: -0.125rem;
}

.faq__content a {
  color: #d1d1d1;
}

.faq__content a:hover,
.faq__content a:visited {
  color: #e31c3d;
}

html[dir="rtl"] .faq__body p {
  line-height: 1.4375rem;
}

@media (min-width: 1200px) {
  html[dir="rtl"] .faq__body p {
    line-height: 1.6875rem;
  }
}

/*# sourceMappingURL=faq.css.map */