.paragraph--faq {
  --c--text: var(--c--white);
  --c--bg: var(--c--black);
  --c--hover--text: var(--c--white);
  --c--hover--bg: var(--c--primary);
  --c--active--text: var(--c--primary);
  --c--active--bg: var(--background--background-light);
}
.paragraph--faq .paragraph-content {
  padding-block: var(--spacing--3);
}
.paragraph--faq .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-inline: var(--radius--3);
  width: calc(100% + var(--radius--3) * 2);
  margin-inline: calc(var(--radius--3) * -1);
  margin-bottom: 0;
  list-style: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none;
}
.paragraph--faq .nav::-webkit-scrollbar {
  display: none; /* Older Safari and Chromium */
}
.paragraph--faq .nav .nav-item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paragraph--faq .nav .nav-item i {
  font-size: 1.8rem;
}
.paragraph--faq .nav .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing--1);
  width: 100%;
  padding-block: var(--spacing--1);
  padding-inline: var(--spacing--3);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 700;
  font-size: var(--typography--font-size--md);
  color: var(--c--text);
  background-color: var(--c--bg);
  border-radius: var(--radius--4);
}
@media (min-width: 992px) {
  .paragraph--faq .nav .nav-link {
    padding-inline: var(--spacing--4);
  }
}
.paragraph--faq .nav .nav-link:hover, .paragraph--faq .nav .nav-link:focus, .paragraph--faq .nav .nav-link:active {
  text-decoration: none;
  color: var(--c--hover--text);
  background-color: var(--c--hover--bg);
}
.paragraph--faq .nav .nav-link.disabled {
  color: var(--c--white);
  background-color: var(--c--gray--medium);
  pointer-events: none;
  cursor: default;
}
.paragraph--faq .nav .nav-link.active, .nav-item.show .paragraph--faq .nav .nav-link {
  padding-block: var(--spacing--2);
  margin-inline: calc(var(--radius--3) * -1);
  width: calc(100% + var(--radius--3) * 2);
  color: var(--c--active--text);
  background-color: var(--c--active--bg);
  border-inline: var(--radius--3) solid transparent;
  border-radius: calc(2 * var(--radius--3)) calc(2 * var(--radius--3)) 0 0/var(--radius--3);
  mask: radial-gradient(var(--radius--3) at var(--radius--3) 0, transparent 98%, black 101%) calc(-1 * var(--radius--3)) 100%/100% var(--radius--3) repeat-x, conic-gradient(black 0 0) padding-box;
}
.paragraph--faq .nav .nav-link:not(.active) {
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  padding-block: 1rem;
}
.paragraph--faq .nav .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.paragraph--faq .tab-content {
  padding-block: var(--spacing--6);
  background-color: var(--background--background-light);
}
.paragraph--faq .tab-content .tab-pane {
  display: none;
}
.paragraph--faq .tab-content .active {
  display: block;
}
/*# sourceMappingURL=paragraph--faq.css.map */