@charset "UTF-8";
/*
*
* LOCATION: [core]
* FOLDER: [scss/pages]
* FILE NAME: [faq.scss]
* DESCRIPTION: FAQ page scss file
*
* NOTE: This file is loaded ALONGSIDE global.css.
*       Only @use basics/tools + modules/font-tools for
*       variables/mixins access (no CSS output).
*       Do NOT @use basics/index, fonts, layout, header,
*       footer, or modules — they produce CSS output that
*       is already compiled in global.css.
*
*/
/*
*
* LOCATION: [core]
* FOLDER: [scss]
* FILE NAME: [variables.scss]
*
*/
/*******************************************************
VARIABLES
*******************************************************/
/*******************************************************
COLORS
*******************************************************/
/* BASICS */
/* SPECIFIC BRAND */
/****** TITLES & TEXTS ******/
/****** MESSAGES & ALERTS ******/
/****** HEADER & FOOTER ******/
/****** POPUP ******/
/*******************************************************
ADMIN
*******************************************************/
/*******************************************************
Z-INDEX
*******************************************************/
/*
*
* LOCATION: [core]
* FOLDER: [scss]
* FILE NAME: [mixins.scss]
* DESCRIPTION: css properties reused
*
*/
/*******************************************************
MIXINS -
*******************************************************/
/* DARK AND DEFAULT MODE */
/*
*
* LOCATION: [core]
* FOLDER: [scss]
* FILE NAME: [media-queries.scss]
* DESCRIPTION: media queries
*
*/
/************************************************************
MEDIA QUERIES
************************************************************/
/** Target points **/
/* MOBILE - Targeting iPhone 5s only */
/* TABLET - mobile & up */
/* TABLET - 480px & up */
/* TABLET - 520px & up */
/* MOBILE - Up to 520px */
/* TABLET - 620px & up */
/* MOBILE - Only Mobile */
/* TABLET - Tablet & up */
/* TABLET - Targeting only tablet */
/* TABLET - Targeting Mobile & Tablet */
/* DESKTOP - Desktop & Up */
/* DESKTOP - Custom targeting point */
/* DESKTOP -  13 inch Macbook Pro screen */
/*
*
* LOCATION: [modules]
* FOLDER: [assets/scss]
* FILE NAME: [_font-tools.scss]
* DESCRIPTION: Font mixins ONLY — no CSS output.
*              Use this in page-level SCSS files to access
*              font-family and font-style mixins without
*              duplicating the global font/heading/paragraph rules.
*
*/
/*******************************************************
Mixins - Font Families
*******************************************************/
/*******************************************************
FAQ — HEADER
*******************************************************/
/*******************************************************
FAQ — CATEGORY NAV (tag filters)
*******************************************************/
.faq-nav__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

/*******************************************************
FAQ — CONTENT (accordion)
*******************************************************/
.faq-content {
  padding-top: 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.faq-category.is-hidden {
  display: none;
}
.faq-category__title {
  color: #00A98F;
}

.faq-item {
  border-bottom: 1px solid #d3d3d3;
}
.faq-item:last-child {
  border-bottom: none;
}
.faq-item__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 1.25rem 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
}
.faq-item__question span {
  font-family: "Inter", sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.4em;
  color: #181818;
}
.faq-item__question i {
  flex-shrink: 0;
  font-size: 0.875rem;
  color: #777777;
  transition: transform 0.3s ease;
}
.faq-item__question:hover span {
  color: #00A98F;
}
.faq-item__question[aria-expanded=true] i {
  transform: rotate(45deg);
  color: #00A98F;
}
.faq-item__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, padding 0.35s ease;
}
.faq-item__answer > div {
  padding-bottom: 1.25rem;
}
.faq-item__answer p {
  font-family: "Inter", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.7em;
  color: #777777;
  margin-bottom: 0;
}
.faq-item__answer strong {
  color: #181818;
}
.faq-item__answer .inline-link {
  color: #00A98F;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.faq-item__answer .inline-link:hover {
  color: #005038;
}
.faq-item.is-open .faq-item__answer {
  max-height: 600px;
}

/*******************************************************
FAQ — BOTTOM CTA
*******************************************************/
.faq-cta {
  background-color: #181818;
}

/*# sourceMappingURL=faq.css.map */