.FAQ--page {
  .hero {
    .bg {
      background-image: url('/assets/img/FAQ/hero.jpg');
    }

    .btn {
      margin-top: 20px;
    }
  }

  .s1 {
    .q-a {
      background: #fff;
      padding: 25px 80px 25px 25px;
      @include borderRadius(5px);
      @extend %defaultBoxShadow;
      overflow: hidden;
      position: relative;
      cursor: pointer;

      @media (max-width: 575px) {
        padding-right: 45px;
      }

      &.collapsed {
        h3 {
          height: 27px;
          margin-bottom: 0;
        }

        i {
          @include transform(rotate(90deg));
        }
      }

      i {
        display: inline-block;
        font-size: 30px;
        color: $theme;
        position: absolute;
        top: 25px;
        right: 25px;
        @extend %defaultTransition;

        @media (max-width: 575px) {
          right: 10px;
        }
      }

      h3 {
        margin-bottom: 40px;
        line-height: 1.6em;
        overflow: hidden;
        @extend %defaultTransition;
      }

      .answer {
        b {
          display: inline-block;
          color: $theme;
          margin-bottom: 10px;
        }
      }
    }
  }

  .submit {
    span {
      color: #fff;
    }
  }
}
