#faq{
  position:relative; z-index:3;
  background:#F5F5F5;
  color:#000;
  height:auto;
  padding-bottom:calc(106 * var(--vhu));
}
.faq__title{
  position:absolute; left:calc(327 * var(--u)); top:calc(103 * var(--vhu));
  font-size:calc(53 * var(--u)); line-height:1;
}
.faq__help{
  position:absolute; left:calc(703.5 * var(--u)); top:calc(114 * var(--vhu));
  font-size:calc(12.5 * var(--u)); line-height:calc(13 * var(--vhu));
  color:#333;
}
.faq__help a{color:inherit}
.faq__heading{
  position:absolute; left:calc(325 * var(--u)); top:calc(181 * var(--vhu));
  font-size:calc(17 * var(--u)); line-height:1; letter-spacing:.02em;
}
/* lista esquerda */
.faq__list{
  position:absolute; left:calc(27 * var(--u)); top:calc(181 * var(--vhu));
  width:calc(205.5 * var(--u));
}
.faq__cat{
  transition:background-color .2s ease, color .2s ease;
  display:flex; align-items:center; justify-content:space-between;
  height:calc(22 * var(--vhu));
  padding:0 calc(9 * var(--u));
  border-bottom:1px solid #E8E8E8;
  font-size:calc(8.5 * var(--u)); letter-spacing:.08em;
  color:#666;
  cursor:none;
}
.faq__cat .lbl{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:calc(161 * var(--u))}
.faq__cat .num{color:#B0B0B0}
.faq__cat.is-active{background:#0C0C0C; color:#fff; height:calc(23 * var(--vhu)); border-bottom-color:#0C0C0C}
.faq__cat.is-active .num{color:#C7C7C7}
/* accordion */
.faq__acc{
  position:relative;
  margin-left:calc(324 * var(--u));
  width:calc(582 * var(--u));
  padding-top:calc(225 * var(--vhu));
}
.faq__item{border-bottom:1px solid #E8E8E8; transition:border-color .28s cubic-bezier(.45,0,.2,1)}
.faq__item.is-open{border-bottom-color:#1A1A1A}
.faq__q{
  position:relative;
  display:block; width:100%; text-align:left;
  height:calc(41.33 * var(--vhu));
  padding-top:calc(13 * var(--vhu));
  font-size:calc(13 * var(--u)); font-weight:500; line-height:calc(13 * var(--vhu));
  color:#4F4F4F;
  transition:color .15s ease;
  cursor:none;
}
.faq__q::after{
  content:''; position:absolute; right:0; top:calc(19 * var(--vhu));
  width:calc(6 * var(--u)); height:calc(5 * var(--vhu)); border-radius:50%;
  background:#D2D2D2; transition:background-color .22s ease;
}
.faq__q:hover, .faq__item.is-open .faq__q{color:#000}
.faq__q:hover::after, .faq__item.is-open .faq__q::after{background:#000}
.faq__panel{
  height:0; overflow:hidden;
  transition:height .28s cubic-bezier(.45,0,.2,1);
}
.faq__a{
  padding-top:calc(6 * var(--vhu)); padding-bottom:calc(4 * var(--vhu));
  font-size:calc(12.5 * var(--u)); line-height:calc(13 * var(--vhu));
  color:#333;
  width:calc(566 * var(--u));
}