.box {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  padding-top: 0;
}

.cat .cat-box {
  position: sticky;
  top: 70px;
  height: calc(100vh - 780px);
}

.cat .nav.flex-column {
  min-width: 200px;
}

.cat .nav-link {
  font-weight: 500;
  color: #333;
  cursor: pointer;
}

.cat .nav-link.active,
.cat a.nav-link:hover {
  color: #2aae99;
}

.faq {
  width: 80%;
}

.faq .q-box {
  margin-top: 25px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  color: #333;
}

.faq .q-box .question {
  padding: 1rem 2rem;
  border-bottom: 1px solid #d9d9d9;
  cursor: pointer;
}

.faq .q-box .question .desc {
  padding-left: 17px;
}

.faq .q-box .card-body {
  padding: 20px 30px 20px 60px;
  border: none;
  border-bottom: 1px solid #d9d9d9;
}

.faq .iconfont {
  float: left;
  font-weight: bold;
}

.faq .mt {
  margin-top: 60px;
}

/* Large devices (desktops, less than 1450px) */
@media (max-width: 1449.98px) {
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .box {
    flex-direction: column;
  }

  .faq {
    width: 100%;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .click-box {
    text-align: center;
  }
}

/* Extra small devices (portrait phones, less than 376px) */
@media (max-width: 375.98px) {
  .skip-box .skip-link {
    padding-left: 5px;
  }

  .faq {
    text-align: left;
    font-size: 15px;
  }

  .faq .q-box {
    margin-top: 6px;
  }

  .faq .q-box .question {
    padding: 15px 14px;
    border-bottom: 1px solid #d9d9d9;
    cursor: pointer;
  }

  .faq .q-box .card-body {
    padding: 15px 14px 15px 35px;
  }

  .faq .iconfont {
    font-weight: normal;
  }

  .faq .mt {
    margin-top: 40px;
  }
}