/* THIRDEYE SOLUTIONZ — separated stylesheet */

/* =========================================================
   FAQ
========================================================= */

.faq-section {
  background: #fff;
}

.faq-grid {
  max-width: 900px;

  margin: 0 auto;

  border-top:
    1px solid var(--line);
}

.faq-item {
  border-bottom:
    1px solid var(--line);
}

.faq-question {
  width: 100%;

  display: grid;

  grid-template-columns:
    50px 1fr 25px;

  align-items: center;

  gap: 18px;

  text-align: left;

  background: transparent;

  border: 0;

  padding: 24px 0;

  color: var(--ink);
}

.faq-question > span {
  color: #a98231;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .1em;
}

.faq-question strong {
  font-size: 15px;
}

.faq-icon {
  transition:
    transform .25s ease;
}

.faq-item.open .faq-icon {
  transform:
    rotate(180deg);
}

.faq-answer {
  display: grid;

  grid-template-rows: 0fr;

  transition:
    grid-template-rows .3s ease;
}

.faq-answer p {
  overflow: hidden;

  margin: 0;

  color: var(--muted);

  line-height: 1.7;

  font-size: 14px;
}

.faq-item.open .faq-answer {
  grid-template-rows: 1fr;
}

.faq-item.open .faq-answer p {
  padding:
    0 60px
    24px 68px;
}