/** Shopify CDN: Minification failed

Line 165:16 Unexpected "{"

**/

  .faq-tabs-wrapper {
    display: grid;
    grid-template-columns: 3fr 7fr;  
    gap: 3rem;
    align-items: flex-start;
  }  

  .faq-item:not(.open) .faq-answer * {
    /* color: var(--text-color); */
  }
  @media (max-width: 767px) {
    .faq-tabs-wrapper {
      grid-template-columns: 1fr;
    }
  }

  .faq-tab-buttons {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
      background: var(--tab-bg);
      padding: 3rem;
      border-radius: 1.5rem;
  }
  .faq-tab-button {
    cursor: pointer;
    padding: 12px;
    font-size: 2rem;
    text-align: left;
    background: transparent;
    transition: all 0.3s ease;
    border: unset;
    border-radius: 0.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.6s ease, color 0.6s ease;
    color: var(--tab-text);
  }
  .faq-tab-button.active {
    background: var(--tab-active-btn-bg);
    color: var(--tab-active-btn-text);
  }
 
  .faq-tab-button span {
      width: 4rem;
      height: 4rem;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .faq-tab-button.active span {
    background: var(--tab-active-btn-text);
  }
  .faq-tab-button.active .fq_icon {
    transform: rotate(39deg);
}
.faq-tab-button .fq_icon path {
  fill: var(--tab-text);
}
.faq-tab-button.active .fq_icon path {
  fill: var(--tab-text);
}
  .fq_icon {
    transition: transform 0.3s ease;
  }
  .faq-tab-button[active] span {
      background: var(--highlight-color-secondary);
  }
  .faq-tab-button[active] .fq_icon {
      transform: rotate(40deg);
  }


.faq-tab-content[active] {
  display: block;   
}
.faq_inner_content {
  transform: translateY(10px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}
.faq-tab-content[active] .faq_inner_content  { 
   opacity: 1;
  transform: translateY(0);
}
  .faq_inner_q {
    display: grid;
    grid-template-columns: 5rem 1fr 4rem;
    grid-gap: 3rem;
    cursor: pointer;
    padding: 1rem;
    width: 100%;
}
.faq-item {
    border-radius: 0.6rem;
} 
.faq_drop_icon {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
}
.faq_drop_icon svg path {
    fill: var(--text-color);
}
.faq-question {
    padding-top: 1rem;
}
.faq-answer {
    padding-left: 9rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 4rem;
}
.faq_ans_icon {
    background: var(--accordion-icon-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 0.5rem;
}
.faq_inner_content {
    display: grid;
    grid-gap: 1.5rem;
}
.faq_ans_icon svg path {
  fill: var(--accordion-icon-text);
}

.accordion__details[open="true"] .faq_ans_icon { 
  background: var(--accordion-active-icon-bg);
}
.accordion__details[open="true"] .faq_ans_icon path { 
  fill: var(--accordion-active-icon-text);
}
.faq-item {
    transition: 0.6s ease;
}
.faq-item.open .faq-answer.rte {
    color: var(--primary-button-hover-text);
    border-top: 1px solid var(--primary-button-hover-text);
}
.faq-item.open .faq_item_content {
  opacity: 1;
}
.faq-item .faq_drop_icon svg {
  transition: transform 0.6s ease;
}
.accordion__details[open="true"] .faq_drop_icon svg {
 transform: scale(-1);
}


.faq-item.open .faq_drop_icon svg {
  transform: rotate(180deg);
}
.faq-item.open, { 
    background: var(--primary-button-hover-bg);
}

.faq-answer.rte a {
  color: var(--primary-button-hover-text);
}
.faq-question {
    background: transparent;
    border: unset;
    text-align: left;
    padding: 0;
    font-size: 1.8rem;
    cursor: pointer;
}
.faq_inner_q.accordion_header {
    border-bottom: 1px solid var(--accordion-bg);
}
.accordion__details[open="true"] .faq_inner_q.accordion_header {
    border-bottom: 1px solid var(--accordion-active-text);
}
 
.faq-question {
  color: var(--accordion-text);
} 
.faq-answer * {
  color:  var(--accordion-text); 
}
details.accordion__details { 
    background: var(--accordion-bg);
    border-radius: 0.6rem; 
    transition: all .4s; 
} 
.accordion__details[open="true"] .faq_drop_icon svg path { 
  fill: var(--accordion-active-text);
}
details.accordion__details[open="true"] {
  background: var(--accordion-active-bg);
}
.accordion__details[open="true"] .faq-answer * {
  color:  var(--accordion-active-text);
}
.accordion__details[open="true"] .faq-question {
  color: var(--accordion-active-text);
}
.faq-answer.rte p, .faq-answer.rte ul, .faq-answer.rte ol, .faq-answer.rte li {
    color: var(--primary-button-hover-text);
}
 html:not(.js) .faq_inner_content {
    opacity: 1;
  }
  html:not(.js) .faq-tab-content {
    display: block;
  }

accordion-component.accordion.accordion_wrap summary {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: center;
}
@media screen and (max-width: 990px) {
  .faq-tabs-wrapper {
    grid-template-columns: 1fr;
  }
   .faq-tab-buttons {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 1rem;
    padding: 1.5rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    flex-direction: unset;
  }

  .faq-tab-buttons::-webkit-scrollbar {
    display: none; /* Hide scrollbar for mobile */
  }

  .faq-tab-button {
    flex: 0 0 auto;
    white-space: nowrap;
    scroll-snap-align: start;
    min-width: max-content;
    grid-gap: 2rem;
  }
}


@media screen and (max-width: 640px) {
  .faq_inner_q {
    grid-gap: 1rem;
  }
  .faq-answer {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}