@charset "UTF-8";
/* ==========================================================================
   19. FAQ
   ========================================================================== */
.elementor-widget-nexdata-faq,
.elementor-widget-nexdata-faq > .elementor-widget-container,
.nexdata-widget.nex-faq,
.nexdata-widget.nex-faq > .nex-container {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}
.nexdata-widget .nex-faq__wrap {
  display: grid;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.4fr);
  gap: clamp(2rem, 1.2rem + 3vw, 4rem);
  align-items: start;
}
.nexdata-widget .nex-faq__aside { position: sticky; top: calc(var(--nex-header-h) + 24px); }
.nexdata-widget .nex-faq__head { margin-bottom: var(--nex-sp-6); }
.nexdata-widget .nex-faq__contact {
  max-width: 36ch;
  margin-top: var(--nex-sp-4);
  color: var(--nex-ink-3);
  font-size: var(--nex-fs-sm);
}
.nexdata-widget .nex-faq__contact .nex-link-arrow { display: flex; width: fit-content; margin-top: 6px; }
.nexdata-widget .nex-faq__aside,
.nexdata-widget .nex-faq__list,
.nexdata-widget .nex-faq__item,
.nexdata-widget .nex-faq__item > h3,
.nexdata-widget .nex-faq__q,
.nexdata-widget .nex-faq__a,
.nexdata-widget .nex-faq__a-inner {
  min-width: 0;
  max-width: 100%;
}
.nexdata-widget .nex-faq__list {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--nex-sp-3);
}
.nexdata-widget .nex-faq__item {
  width: 100%;
  background: #fff; border: 1px solid var(--nex-line);
  border-radius: var(--nex-r-md);
  transition: border-color var(--nex-dur) var(--nex-ease), box-shadow var(--nex-dur) var(--nex-ease);
}
.nexdata-widget .nex-faq__item.is-open { border-color: var(--nex-blue-200); box-shadow: var(--nex-sh-sm); }
.nexdata-widget .nex-faq__q {
  width: 100%; display: flex; align-items: center; justify-content: space-between;
  gap: var(--nex-sp-4);
  padding: var(--nex-sp-5) var(--nex-sp-6);
  background: transparent; border: 0; cursor: pointer; text-align: left;
  font-size: var(--nex-fs-h4); font-weight: 700; color: var(--nex-ink);
  line-height: 1.45;
  border-radius: var(--nex-r-md);
  min-height: 56px;
  white-space: normal;
}
.nexdata-widget .nex-faq__q > span:first-child {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}
.nexdata-widget .nex-faq__q:hover { color: var(--nex-blue); }
.nexdata-widget .nex-faq__chev {
  width: 30px; height: 30px; border-radius: 50%; flex: 0 0 30px;
  display: grid; place-items: center;
  background: var(--nex-surface-2); color: var(--nex-blue);
  transition: transform var(--nex-dur) var(--nex-ease), background-color var(--nex-dur) var(--nex-ease);
}
.nexdata-widget .nex-faq__chev .nex-icon { width: 16px; height: 16px; stroke-width: 2.2; }
.nexdata-widget .nex-faq__icon-open,
.nexdata-widget .nex-faq__icon-close { display: grid; place-items: center; }
.nexdata-widget .nex-faq__icon-close { display: none; }
.nexdata-widget .nex-faq__q[aria-expanded="true"] .nex-faq__icon-open { display: none; }
.nexdata-widget .nex-faq__q[aria-expanded="true"] .nex-faq__icon-close { display: grid; }
.nexdata-widget .nex-faq__q[aria-expanded="true"] .nex-faq__chev { transform: rotate(180deg); background: var(--nex-grad-brand); color: #fff; }
.nexdata-widget .nex-faq__a {
  display: grid; grid-template-rows: 1fr;
  transition: none;
}
.nexdata-widget.nex-faq.is-initialized .nex-faq__a,
.nexdata-widget .nex-faq.is-initialized .nex-faq__a { grid-template-rows: 0fr; }
.nexdata-faq-accordion-animation-yes .nexdata-widget.nex-faq.is-initialized .nex-faq__a,
.nexdata-faq-accordion-animation-yes .nexdata-widget .nex-faq.is-initialized .nex-faq__a,
.nexdata-faq-animation-yes .nexdata-widget.nex-faq.is-initialized .nex-faq__a,
.nexdata-faq-animation-yes .nexdata-widget .nex-faq.is-initialized .nex-faq__a { transition: grid-template-rows var(--nex-dur-slow) var(--nex-ease); }

/*
 * Version 1.0.0 used the reserved Elementor setting key `animation` for the
 * accordion switch. Elementor treated its `yes` value as an entrance effect
 * and left the widget wrapper hidden. Keep cached and previously saved markup
 * visible while the renamed control/data are refreshed.
 */
.elementor-widget-nexdata-faq.elementor-invisible.nexdata-faq-animation-yes:not([data-settings*='"_animation']),
.elementor-widget-nexdata-faq.elementor-invisible[data-settings*='"animation":"yes"']:not([data-settings*='"_animation']) {
  visibility: visible;
}
.nexdata-widget.nex-faq.is-initialized .nex-faq__item.is-open .nex-faq__a,
.nexdata-widget .nex-faq.is-initialized .nex-faq__item.is-open .nex-faq__a { grid-template-rows: 1fr; }
.nexdata-widget .nex-faq__a-inner {
  overflow: hidden;
  overflow-wrap: anywhere;
  color: var(--nex-ink-3);
  font-size: var(--nex-fs-sm);
  line-height: 1.72;
}
.nexdata-widget .nex-faq__a p {
  padding: 0 var(--nex-sp-6) var(--nex-sp-6);
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  max-width: 72ch;
}
.nexdata-widget .nex-faq__a-inner ul,
.nexdata-widget .nex-faq__a-inner ol {
  margin: 0 var(--nex-sp-6) var(--nex-sp-6);
  padding-left: 1.25em;
  color: inherit;
  font-size: inherit;
}
.nexdata-widget .nex-faq__a-inner ul { list-style: disc; }
.nexdata-widget .nex-faq__a-inner ol { list-style: decimal; }
.nexdata-widget .nex-faq__a-inner a { color: var(--nex-blue-700); text-decoration: underline; }
.nexdata-widget .nex-faq__a-inner pre,
.nexdata-widget .nex-faq__a-inner table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.nexdata-widget .nex-faq__a-inner iframe { max-width: 100%; }

@media (max-width: 1024px) {
  .nexdata-widget .nex-faq__wrap { grid-template-columns: minmax(0, 1fr); }
  .nexdata-widget .nex-faq__aside { position: static; }
}

@media (max-width: 480px) {
  .nexdata-widget .nex-faq__q { padding: var(--nex-sp-4) var(--nex-sp-5); font-size: var(--nex-fs-sm); }
  .nexdata-widget .nex-faq__a p { padding: 0 var(--nex-sp-5) var(--nex-sp-5); }
  .nexdata-widget .nex-faq__a-inner ul,
  .nexdata-widget .nex-faq__a-inner ol { margin-inline: var(--nex-sp-5); margin-bottom: var(--nex-sp-5); }
}

[dir="rtl"] .nexdata-widget .nex-faq__q { text-align: right; }
[dir="rtl"] .nexdata-widget .nex-faq__a-inner ul,
[dir="rtl"] .nexdata-widget .nex-faq__a-inner ol { padding-left: 0; padding-right: 1.25em; }
