:root {
         --faq-chevron-filter: none;
         --faq-pagination-number-color: var(--color-nio-green-darkest);
         --faq-pagination-number-button: var(--color-nio-green-dark);
         --faq-pagination-number-button-label: var(--color-neutral-sand-light);
         --faq-badge-active-color: var(--color-nio-green-darkest);
         --faq-badge-active-color-label: var(--Marca-Primrias-Neutro-Areia-Lightest);
         --faq-badge-color: var(--color-neutral-sand-light);
         --faq-badge-label-color: var(--functional-neutral-dark);
         --faq-help-button-color: var(--color-nio-green-dark);
         --faq-help-button-label: var(--color-neutral-lightest-green);
         }
         .dark {
         --faq-chevron-filter: brightness(0) saturate(100%) invert(100%) sepia(0%)
         saturate(1%) hue-rotate(80deg) brightness(111%) contrast(101%);
         --faq-pagination-number-color: var(--color-neutral-sand-light);
         --faq-pagination-number-button: var(--color-neutral-sand-light);
         --faq-pagination-number-button-label: var(--color-neutral-sand-darkest);
         --faq-badge-active-color: var(--color-green-lightest);
         --faq-badge-active-color-label: var(--color-nio-green-darkest);
         --faq-badge-color: var(--color-nio-green-darkest);
         --faq-badge-label-color: var(--Marca-Primrias-Neutro-Areia-Lightest);
         --faq-help-button-color: var(--faq-floating-help-button-color);
         --faq-help-button-label: var(--color-nio-green-dark);
         }
         .faq__container {
         font-family: "BwGradual", sans-serif;
         display: flex;
         flex-direction: column;
         gap: 64px;
         }
         .faq__base-section {
         background-color: var(--faq-base-section-color);
         }
         .faq__section {
         padding: 74px 0px;
         max-width: 100%;
         height: 100%;
         }
         .faq__pages {
         width: 100%;
         display: flex;
         flex-direction: column;
         gap: 36px;
         }
         .faq__header {
         display: flex;
         flex-direction: column;
         gap: 40px;
         width: 254px;
         min-width: 254px;
         max-width: 254px;
         }
         .faq__title {
         font-family: "BwGradual";
         }
         .faq__badges-container {
         display: flex;
         flex-wrap: wrap;
         gap: 16px 12px;
         }
         .faq__badge {
         background-color: var(--faq-badge-color);
         display: inline-flex;
         align-items: center;
         justify-content: center;
         border-radius: 999px;
         padding: 10px 14px;
         cursor: pointer;
         transition: background 0.2s;
         text-decoration: none;
         }
         .faq__badge-label {
         font-weight: 500;
         font-size: 12px;
         line-height: 135%;
         text-align: center;
         vertical-align: middle;
         display: inline-block;
         width: 100%;
         color: var(--faq-badge-label-color);
         transition: color 0.2s;
         justify-content: center;
         align-items: center;
         text-decoration: none;
         pointer-events: none;
         }
         .faq__badge--active {
         background-color: var(--faq-badge-active-color);
         }
         .faq__badge--active .faq__badge-label {
         color: var(--faq-badge-active-color-label);
         }
         .faq__title {
         font-size: 3rem;
         color: var(--faq-title-color);
         font-weight: 700;
         max-width: 210px;
         }
         .faq__content {
         width: 100%;
         display: flex;
         flex-direction: column;
         gap: 16px;
         }
         .faq__item {
         width: 100%;
         min-height: 80px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         border-bottom: 1px solid var(--faq-article-border-color);
         overflow: hidden;
         gap: 16px;
         }
         .faq__question {
         width: 100%;
         min-height: 55px;
         display: flex;
         align-items: center;
         justify-content: space-between;
         cursor: pointer;
         }
         .faq__question h3 {
         font-size: 1.125rem;
         font-weight: 700;
         line-height: 1.15;
         color: var(--faq-question-h3-color);
         flex-grow: 1;
         }
         .faq__question-toggle {
         width: 55px;
         height: 55px;
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 4px;
         gap: 4px;
         margin-left: 20px;
         flex-shrink: 0;
         }
         .faq__question-circle {
         width: 100%;
         height: 100%;
         border-radius: 999px;
         position: relative;
         transition: all 0.3s ease;
         background-color: var(--faq-question-circle-bg);
         }
         .faq__question-circle::before,
         .faq__question-circle::after {
         content: "";
         position: absolute;
         background-color: var(--faq-question-circle-line);
         transition: all 0.3s ease;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         }
         .faq__question-circle::before {
         width: 20px;
         height: 2px;
         }
         .faq__question-circle::after {
         width: 2px;
         height: 20px;
         }
         .faq__item:not([open]) .faq__question-circle::after {
         transform: translate(-50%, -50%);
         }
         .faq__item[open] .faq__question-circle::after {
         transform: translate(-50%, -50%) scaleY(0);
         }
         .faq__answer {
         width: 90%;
         transform: translateY(-10px);
         transition: opacity 0.3s ease, transform 0.3s ease, height 0.3s ease,
         padding 0.3s ease;
         font-size: 1rem;
         line-height: 150%;
         color: var(--faq-answer-color);
         a {
         color: var(--color-nio-green-mid);
         }
         p {
         line-height: 150%;
         }
         h4{
         font-weight: 400;
         }
         }
         .faq__footer {
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 64px;
         }
         .faq__pagination-container {
         text-align: right;
         justify-items: center;
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 12px;
         }
         .faq__pagination-chevron {
         padding: 0;
         width: 32px;
         height: 32px;
         cursor: pointer;
         transition: background 0.2s;
         display: flex;
         align-items: center;
         justify-content: center;
         }
         .faq__pagination-chevron img {
         filter: var(--faq-chevron-filter);
         display: block;
         margin: 0 auto;
         width: 20px;
         height: 20px;
         object-fit: contain;
         }
         .faq__pagination-chevron:disabled {
         opacity: 0.5;
         cursor: not-allowed;
         }
         .faq__pagination-list {
         display: flex;
         align-items: center;
         gap: 8px;
         list-style: none;
         padding: 0;
         margin: 0;
         }
         .faq__pagination-page-li {
         width: 32px;
         height: 32px;
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 0;
         }
         .faq__pagination-number {
         width: 32px;
         height: 32px;
         display: flex;
         align-items: center;
         justify-content: center;
         background: transparent;
         border: none;
         color: var(--faq-pagination-number-color);
         cursor: pointer;
         transition: background 0.2s, color 0.2s;
         padding: 0;
         font-weight: 700;
         font-size: 14px;
         line-height: 20px;
         letter-spacing: 0%;
         text-align: center;
         }
         .faq__pagination-number--active,
         .faq__pagination-number:focus {
         border-radius: 999px;
         background: var(--faq-pagination-number-button);
         color: var(--faq-pagination-number-button-label);
         outline: none;
         }
         .faq__pagination-number:disabled {
         opacity: 0.7;
         cursor: not-allowed;
         }
         .faq__button {
         display: grid;
         grid-template-columns: 1fr auto;
         align-items: center;
         justify-content: center;
         grid-gap: 10px;
         width: 206px;
         height: 48px;
         border-radius: 9999px;
         padding: 8px;
         background-color: var(--faq-help-button-color);
         color: var(--faq-help-button-label);
         cursor: pointer;
         align-items: center;
         font-size: 1rem;
         font-weight: 700;
         line-height: 150%;
         letter-spacing: 0%;
         text-align: center;
         vertical-align: middle;
         justify-content: center;
         }
         .faq__button:hover {
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
         }
         .faq__button_icon {
         border-radius: 9999px;
         background-color: var(--faq-help-button-label);
         display: flex;
         justify-content: center;
         align-items: center;
         }
         @media screen and (min-width: 620px) {
         .faq__question h3 {
         font-size: 1.375rem;
         }
         .faq__floating-help-button {
         width: 265px;
         font-size: 1rem;
         padding: 12px 24px;
         left: auto;
         transform: none;
         }
         .faq__button-container {
         justify-items: right;
         }
         }
         @media screen and (min-width: 1024px) {
         .faq__container {
         display: flex;
         flex-direction: row;
         gap: 64px;
         }
         .faq__content {
         flex: 1;
         }
         .faq__floating-help-button {
         bottom: 30px;
         right: 30px;
         width: auto;
         }
         .faq__footer {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         }
         }