/* =====================
  Tokens in Design System
  (following https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421)
===================== */
/* ==========[ TOKENS ]========== */
/* 1. Texts */
/* 2. Button */
/* 3. Brand */
/* 4. Background */
/* 5. Font */
/* 6. Border */
/* ==========[ DECISION ]========== */
/** VAR OLDS **/
/*-- Colors --*/
/*-- Text & Font --*/
/*-- Border, Shadow --*/
/*-- Main colors --*/
.faqs ul li, .faqs ol li {
  line-height: 1.7; }

.faqs__description {
  font-size: 12px; }

.faqs__sidebar {
  margin-top: 32px; }

.faqs__content .section {
  border-radius: 8px;
  padding: 12px 40px;
  margin: 32px 0;
  background-color: #FFFFFF;
  border-color: #FFFFFF !important; }

.faqs__content .anchor {
  top: -60px;
  visibility: hidden; }

.faqs__question {
  font-size: 24px;
  line-height: 1.4; }
  .faqs__question:hover .fal {
    opacity: 0.7; }
  .faqs__question .fal {
    opacity: 0;
    font-size: 20px;
    left: -30px;
    top: 32px; }

.faqs__question-body {
  padding-bottom: 32px; }
  .faqs__question-body a {
    color: #009f6f; }
    .faqs__question-body a:hover {
      text-decoration: underline; }

.faqs__anchor {
  top: -45px; }

.faqs__sidebar-item {
  position: relative;
  display: block;
  text-transform: capitalize; }
  .faqs__sidebar-item:before {
    display: block;
    content: "";
    width: 14px;
    height: 100%;
    position: absolute;
    left: -10px;
    top: 0;
    background: #efefef; }
  .faqs__sidebar-item.active {
    font-weight: 700;
    color: #24292e;
    border-left: #009f6f; }
    .faqs__sidebar-item.active:before {
      background: #009f6f; }