.faq-block {
  border-bottom-width: 1px;
  margin: 3em 0;
  overflow: hidden;

  .faq-title {
    color: #464646;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 15px;
  }

  .fading-box {
    max-height: 300px;
    position: relative;
    overflow: hidden;

    &.collapsed { max-height: 0; }
  }

  .accordion-item {
    .question {
      cursor: pointer;
      position: relative;
      padding: 18px 18px 18px 0;
      margin: 0;
      font-weight: 400;
      color: #464646;
      font-size: 15px;
      line-height: 1.2;
      font-weight: 700;
      border-bottom: 1px solid #e9e9e9;

      &::after {
        display: block;
        content: '';
        position: absolute;
        right: 2px;
        top: 22px;
        width: 7px;
        height: 7px;
        transform: rotate(45deg);
        border-right: 2px solid #464646;
        border-bottom: 2px solid #464646;
        transition: transform 0.3s ease;
      }

      &.btn-fd-on {
        &::after {
          transform: rotate(-135deg);
        }

        img {
          transform: rotateX(180deg);
        }
      }

      img {
        height: 18px;
        margin: auto 0;
      }
    }

    .collapsed {
      &.active {
        border-bottom: 1px solid #e9e9e9;
      }
    }

    .description p {
      margin: 1em 0;
      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  .btn-fd-strip > .lazyload, .caret {
    transition: all 0.2s;
  }

  .btn-fd-strip {
    .info-arrow {
      transition: transform 0.2s;
    }

    &.btn-fd-off {
      .show-more { display: inline; }
      .show-less { display: none; }
    }
    &.btn-fd-on {
      .show-more { display: none; }
      .show-less { display: inline; }
      .css-chevron,
      .info-arrow { // must be obliterated and switched entirely to css-chevron
        transform: rotateX(180deg);
      }
    }
  }
}