.section-faq {
  display: flex;
  justify-content: space-between; }
  .section-faq .section-content {
    flex: 1; }
    .section-faq .section-content .category-title {
      color: #353535;
      font-size: 34px;
      font-weight: bold;
      margin-top: 88px;
      position: relative; }
      .section-faq .section-content .category-title span {
        position: relative;
        z-index: 2; }
        .section-faq .section-content .category-title span.text-bg {
          position: absolute;
          display: block;
          top: 5px;
          width: 44px;
          height: 30px;
          border-radius: 20px; }
      .section-faq .section-content .category-title:first-child {
        margin-top: 0; }
    .section-faq .section-content .category-content ul {
      margin-top: 16px; }
      .section-faq .section-content .category-content ul li {
        margin: 5px 0; }
        .section-faq .section-content .category-content ul li .title {
          line-height: 32px;
          position: relative;
          padding-left: 50px;
          font-weight: bold;
          cursor: pointer; }
          .section-faq .section-content .category-content ul li .title::before {
            display: block;
            content: " ";
            width: 32px;
            height: 32px;
            background: url(../images/icon-arrow-down.png) center no-repeat;
            background-size: contain;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto 0;
            transition: all .5s; }
        .section-faq .section-content .category-content ul li .content {
          margin: 8px 0;
          margin-left: 50px;
          padding: 16px;
          border-radius: 6px;
          font-size: var(--desc-font-size);
          line-height: var(--desc-line-height);
          display: none;
          transition: max-height .5s;
          background-color: #fff; }
        .section-faq .section-content .category-content ul li.active .title::before {
          transform: rotate(180deg); }

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