/* ===== FAQs - Rebrand 2026 typography ===== */

.faqs-page-title {
  font-family: 'Gantari', sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 45px;
  color: #666666;
  letter-spacing: 0;
}

faq h6.faq-title-general,
faq h6.faq-title-business {
  font-family: 'Gantari', sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 28px;
  color: #666666;
  letter-spacing: 0;
}

@media all and (max-width: 900px) {
  .faqs-page-title {
    font-size: 32px;
    line-height: 38px;
  }
  faq h6.faq-title-general,
  faq h6.faq-title-business {
    font-size: 20px;
    line-height: 26px;
  }
}

@media all and (max-width: 760px) {
  .faqs-page-title {
    font-size: 26px;
    line-height: 32px;
  }
  faq h6.faq-title-general,
  faq h6.faq-title-business {
    font-size: 18px;
    line-height: 24px;
  }
  faq .faq-description {
    font-size: 16px;
    line-height: 24px;
  }
}

.violet-choice.active {
  background: #9E7EB9 !important;
  border-color: #9E7EB9 !important;
}

.yellow-choice.active {
  background: #fdb933 !important;
  border-color: #fdb933 !important;
}

.oh-choice.active {
  background: #4E1297 !important;
  border-color: #4E1297 !important;
}

.be-choice.active {
  background: #4FBFA5 !important;
  border-color: #4FBFA5 !important;
}

faq:first-child {
  border-top: 1px solid #E3E3E3;
}

faq {
  position: relative;
  display: block;
  padding: 30px 0px;
  border-bottom: 1px solid #E3E3E3;
}

faq .faq-header:hover,
faq .faq-header *:hover {
  cursor: pointer;
}

faq .faq-description {
  display: none;
  margin-top: 15px;
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #444444 !important;
}

faq.active .oh.faq-title-general,
faq.active .be.faq-title-general {
  color: #4E1297 !important;
}

faq.active .faq-title-business {
  color: #4E1297 !important;
}

faq.active .faq-title-brands {
  color: #fdb933 !important;
}

faq .side-arrow {
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: ease-in-out 0.2s;
  -moz-transition: ease-in-out 0.2s;
  -ms-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
  -webkit-transition: ease-in-out 0.2s;
}

faq .side-arrow.active {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

faq .side-arrow.active .faq-general-arrow-stroke-oh,
faq .side-arrow.active .faq-general-arrow-stroke-be {
  stroke: #4E1297;
}

faq .side-arrow.active .faq-business-arrow-stroke {
  stroke: #4E1297;
}

faq .side-arrow.active .faq-brands-arrow-stroke {
  stroke: #fdb933;
}
/*# sourceMappingURL=faqs.css.map */