/* -------------------------------- 

File#: _3_faq-v3
Title: FAQ v3
Descr: Q&A template based on the table of contents and accordion components
Usage: codyhouse.co/license

-------------------------------- */
/* reset */
/* *, *::after, *::before {
    box-sizing: border-box;
  } */
  
  /* * {
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
  } */
  
  body {
    background-color: hsl(0, 0%, 100%);
    font-family: system-ui, sans-serif;
    color: hsl(230, 7%, 23%);
    font-size: 1rem;
  }
  
  /* h1, h2, h3, h4 {
    line-height: 1.2;
    color: hsl(230, 13%, 9%);
    font-weight: 700;
  } */
  
  h1 {
    font-size: 2.0736rem;
  }
  
  h2 {
    font-size: 1.728rem;
  }
  
  h3 {
    font-size: 1.25rem;
  }
  
  h4 {
    font-size: 1.2rem;
  }
  
  ol, ul, menu {
    list-style: none;
  }
  
  button, input, textarea, select {
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    appearance: none;
  }
  
  textarea {
    resize: vertical;
    overflow: auto;
    vertical-align: top;
  }
  
 
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  /* img, video, svg {
    display: block;
    max-width: 100%;
  } */
  
  @media (min-width: 64rem) {
    body {
      font-size: 1.25rem;
    }
  
    h1 {
      font-size: 3.051rem;
    }
  
      h2 {
      font-size: 2.44rem;
    }
  
      h3 {
      font-size: 1.75rem;
    }
  
      h4 {
      font-size: 1.5625rem;
    }
  }
  
  /* variables */
  :root {
    /* colors */
    --fk1-color-primary-hsl: 250, 84%, 54%;
    --fk1-color-bg-hsl: 0, 0%, 100%;
    --fk1-color-contrast-high-hsl: 230, 7%, 23%;
    --fk1-color-contrast-higher-hsl: 230, 13%, 9%;
    --fk1-color-accent-hsl: 342, 89%, 48%;
    --fk1-color-contrast-lower-hsl: 240, 4%, 85%;
  
    /* spacing */
    --fk1-space-3xs: 0.25rem;
    --fk1-space-xs: 0.5rem;
    --fk1-space-sm: 0.75rem;
    --fk1-space-md: 1.25rem;
    --fk1-space-lg: 2rem;
    --fk1-space-xl: 3.25rem;
  
    /* typography */
    --fk1-text-md: 1.2rem;
    --fk1-text-sm: 0.833rem;
  }
  
  @media(min-width: 64rem){
    :root {
      /* spacing */
      --fk1-space-3xs: 0.375rem;
      --fk1-space-xs: 0.75rem;
      --fk1-space-sm: 0.825rem;
      --fk1-space-md: 2rem;
      --fk1-space-lg: 3.125rem;
      --fk1-space-xl: 5.125rem;
  
      /* typography */
      --fk1-text-md: 1.0625rem;
      --fk1-text-sm: 1rem;
    }
  }
  
  /* icons */
  .fk1-icon {
    height: var(--fk1-size, 1em);
    width: var(--fk1-size, 1em);
    display: inline-block;
    color: inherit;
    fill: currentColor;
    line-height: 1;
    flex-shrink: 0;
    max-width: initial;
  }
  
  .fk1-icon--xs {
    --fk1-size: 16px;
  }
  
  /* component */
  
  
  /* utility classes */
  .fk1-line-height-lg {
    line-height: 1.58;
  }
  
  .fk1-text-component :where(h1, h2, h3, h4) {
    line-height: var(--fk1-heading-line-height, 1.2);
    margin-top: calc(var(--fk1-space-md) * var(--fk1-space-multiplier, 1));
    margin-bottom: calc(var(--fk1-space-sm) * var(--fk1-space-multiplier, 1));
  }
  
  .fk1-text-component :where(p, blockquote, ul li, ol li) {
    line-height: var(--fk1-body-line-height, 1.4);
  }
  
  .fk1-text-component :where(ul, ol, p, blockquote, .fk1-text-component__block) {
    margin-bottom: calc(var(--fk1-space-sm) * var(--fk1-space-multiplier, 1));
  }
  
  .fk1-text-component :where(ul, ol) {
    padding-left: 1.25em;
  }
  
  .fk1-text-component ul :where(ul, ol), .fk1-text-component ol :where(ul, ol) {
    padding-left: 1em;
    margin-bottom: 0;
  }
  
  .fk1-text-component ul {
    list-style-type: disc;
  }
  
  .fk1-text-component ol {
    list-style-type: decimal;
  }
  
  .fk1-text-component img {
    display: block;
    margin: 0 auto;
  }
  
  .fk1-text-component figcaption {
    margin-top: calc(var(--fk1-space-xs) * var(--fk1-space-multiplier, 1));
    font-size: var(--fk1-text-sm);
    text-align: center;}
  
  .fk1-text-component em {
    font-style: italic;
  }
  
  .fk1-text-component strong {
    font-weight: bold;
  }
  
  .fk1-text-component s {
    text-decoration: line-through;
  }
  
  .fk1-text-component u {
    text-decoration: underline;
  }
  
  .fk1-text-component mark {
    background-color: hsla(var(--fk1-color-accent-hsl), 0.2);
    color: inherit;
  }
  
  .fk1-text-component blockquote {
    padding-left: 1em;
    border-left: 4px solid hsl(var(--fk1-color-contrast-lower-hsl));
    font-style: italic;
  }
  
  .fk1-text-component hr {
    margin: calc(var(--fk1-space-md) * var(--fk1-space-multiplier, 1)) auto;
    background: hsl(var(--fk1-color-contrast-lower-hsl));
    height: 1px;
  }
  
  .fk1-text-component > *:first-child {
    margin-top: 0;
  }
  
  .fk1-text-component > *:last-child {
    margin-bottom: 0;
  }
  
  .fk1-text-component.fk1-line-height-xs {
    --fk1-heading-line-height: 1;
    --fk1-body-line-height: 1.1;
  }
  
  .fk1-text-component.fk1-line-height-sm {
    --fk1-heading-line-height: 1.1;
    --fk1-body-line-height: 1.2;
  }
  
  .fk1-text-component.fk1-line-height-md {
    --fk1-heading-line-height: 1.15;
    --fk1-body-line-height: 1.4;
  }
  
  .fk1-text-component.fk1-line-height-lg {
    --fk1-heading-line-height: 1.22;
    --fk1-body-line-height: 1.58;
  }
  
  .fk1-text-component.fk1-line-height-xl {
    --fk1-heading-line-height: 1.3;
    --fk1-body-line-height: 1.72;
  }
  
  .fk1-padding-bottom-md {
    padding-bottom: var(--fk1-space-md);
  }
  
  .fk1-padding-x-md {
    padding-left: var(--fk1-space-md);
    padding-right: var(--fk1-space-md);
  }
  
  .fk1-padding-top-3xs {
    padding-top: var(--fk1-space-3xs);
  }
  
  .fk1-text-md {
    font-size: 1rem;
    font-weight: 500;
  }
  
  .fk1-padding-y-sm {
    padding-top: var(--fk1-space-sm);
    padding-bottom: var(--fk1-space-sm);
  }
  
  .fk1-gap-3xs {
    gap: var(--fk1-space-3xs);
  }
  
  .fk1-flex-column {
    flex-direction: column;
  }
  
  .fk1-flex {
    display: flex;
  }
  
  .fk1-margin-bottom-xs {
    margin-bottom: var(--fk1-space-xs);
  }
  
  .fk1-gap-y-lg {
    row-gap: var(--fk1-space-lg);
  }
  
  .fk1-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    max-width: 1000px;
  }
  
  .fk1-grid > * {
    min-width: 0;
    grid-column-end: span 12;
  }
  
  .fk1-margin-left-3xs {
    margin-left: var(--fk1-space-3xs);
  }
  
  .fk1-sr-only {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    border: 0;
    white-space: nowrap;
  }
  
  .fk1-padding-sm {
    padding: var(--fk1-space-sm);
  }
  
  .fk1-text-center {
    text-align: center;
  }
  
  .fk1-margin-bottom-xl {
    margin-bottom: var(--fk1-space-xl);
  }
  
  .fk1-max-width-adaptive-md {
    max-width: 32rem;
  }
  
  @media(min-width: 48rem) {
    .fk1-max-width-adaptive-md {
      max-width: 48rem;
    }
  }
  
  @media(min-width: 64rem) {
    .fk1-max-width-adaptive-md {
      max-width: 64rem;
    }
  }
  
  .fk1-container {
    width: calc(100% - 2*var(--fk1-space-md));
    margin-left: auto;
    margin-right: auto;
  }
  
  .fk1-padding-y-xl {
    padding-top: var(--fk1-space-xl);
    padding-bottom: var(--fk1-space-xl);
  }
  
  .fk1-z-index-1 {
    z-index: 1;
  }
  
  .fk1-position-relative {
    position: relative;

  }
  
  @media(min-width: 64rem){
    .fk1-position-sticky\@md {
      position: sticky;
    }
  
    .fk1-gap-lg\@md {
      gap: var(--fk1-space-lg);
    }
  
    .fk1-col-3\@md {
      grid-column-end: span 3;
    }
  
    .fk1-col-9\@md {
      grid-column-end: span 9;
    }
  }

  .fk1-text-center.fix-faq-h1 {
    /* margin-top: 21px; */
    margin-top: 100px;
    margin-bottom: 117px;
  }

  
  .fix-faq-h1.new-h1-faq-stile {
    font-size: 1.42rem;
    font-weight: 500;
  }
  /* font-size: 3.02rem; */
  
  .add-size-h2-faq {
    font-size: 1.2rem !important;
  }

/* Style for the h4 element */
.tabnav-bubble {
  margin: 0 auto;
  font-size: 0.855rem;
  color: #8c59d9;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  border: 1px solid #8c59d9;
  background-color: #8e56dc0d;
  padding: 5px 20px;
  border-radius: 8px;
  text-align: center;
  margin-top: 50px;
  height: 40px;
  max-width: 101px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bubble-compliance {
  color: white;
  font-weight: 500;
  background-color: #8E56DC !important;
  border: 1px solid white !important;
  font-size: 0.7rem !important;
  border-radius: 20px;
  padding: 16px 74px;
}





.new-h1-faq-stile {
  margin: 0;
  font-size: 1.1rem; /* Default font size */
  color: #3B3F44; /* Default color */
  font-family: 'Roboto', sans-serif;
  font-weight: 700; /* Default font weight */

  /* Media query for screens below 600 pixels width */
  @media (max-width: 600px) {
    font-size: 0.889rem; /* Adjust the font size for smaller screens */
  }
}

.more-questions.pad-contact-link-faq {
  margin-top: 40px;

}

.body-faq p {
  font-size: 0.9rem; /* Change font size */
  line-height: 1.6; /* Change line height */
  color: #525252;
}

.sec-main-partner-invite {
  padding-top: 0px !important;
  min-height: 0px !important;
}

.aff-mid-bag-sec {
  margin-top: 50px;
}

.h1-partners {
  font-size: 2.2rem !important;
}