/** Shopify CDN: Minification failed

Line 9:11 Unexpected "{"
Line 9:20 Expected ":"

**/


.faq-tabs-{{ section.id }} .faq-wrapper {
  display: flex;
  gap: 1.5rem;
}

.faq-question {
    width: 100%;
    padding: 2rem 3rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background: var(--color-secondary-background);
    color: var(--color-secondary-heading);
    font-weight: 500;
    border-radius: var(--border-radius);
    border: unset;
    font-size: 1.6rem;
    transition: 0.6s ease;
}
.faq_q_item {
    padding-right: 2.5rem;
}
.faq-question span {
  font-size: 2.5rem;
  display: inline-flex;
}

.faq-answer {
  transition: padding-bottom .3s ease;
  color: var(--color-secondary-button-text);
}
details[open="true"] .faq-question {
    background: var(--color-primary-button-background);
    color: var(--color-primary-button-text);
} 
details[open="true"] .faq-question .minus_text {
    opacity: 1;
    color: var(--color-primary-button-text);
    transition: 0.1s linear;
}
.faq-item.active .faq-question {
    background: var(--color-primary-button-background);
    color: var(--color-primary-button-text);
} 
 .faq-item.active .faq-question {
    background: var(--color-primary-button-background);
    color: var(--color-primary-button-text);
} 
.faq-item.active .faq-answer { 
  opacity: 1;
  height: auto;  
  visibility: visible; 
  transition: 0.2s linear;
}
.active .faq-answer {
    padding-bottom: 1.5rem;
}
.faq_answer {
    padding: 2rem 3rem;
    background: var(--color-secondary-background);
    border-radius: var(--border-radius);
}
.faq_content_tab .accordion_header {
  width: 100%;
}
.faq-item .minus_text,
.faq-item .plus_text {
    position: absolute;
    right: 4rem;
    color: var(--color-secondary-heading);
    line-height: 1;
}

.faq-left {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    width: 75%;
}
details[open="true"] .faq-question .plus_text {
    opacity: 0;
    transition: 0.1s linear;
}
.faq-item.active .faq-question .plus_text {
    opacity: 0;
    transition: 0.1s linear;
}
.details[open="true"] .faq-question .minus_text {
    opacity: 1;
    color: var(--color-primary-button-text);
    transition: 0.1s linear;
}
.faq-item.active .faq-question .minus_text {
    opacity: 1;
    color: var(--color-primary-button-text);
    transition: 0.1s linear;
}

.faq-item .faq-question .minus_text {
    opacity: 0;
    transition: 0.1s linear;
}

.faq-right {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: calc(25% - 1.5rem);
}

.faq-right-item {
  display: flex;
  gap: 1rem;
  align-items: center;
  background: var(--color-secondary-background);
  padding: 16px;
  border-radius: var(--border-radius);
}

.faq-right-item img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.title {
    color: var(--color-secondary-heading);
}

.faq-right-item svg {
    width: 3.5rem;
    height: 3.5rem;
}

/*-- FAQ PAGE SECTION CSS --*/

.faq_toggle_wrap .faq_content_tab.full_width_tab {
  width: 100%;
}

.faq_toggle_wrap .faq_contact_form {
    background: var(--color-background);
}

.faq_toggle_wrap .faq_content_wrapper {
    display: flex;
    align-items: flex-start;
    gap: var(--column-spacing);
    width: 100%;
}
.faq_content_tab {
    width: 100%;
}
.faq_contact .faq_content_tab {
    width: 70%;
    padding: 0rem;
}

.faq_contact .faq_contact_form {
    width: calc(30% - var(--column-spacing));
    padding: 3.5rem;
    border-radius: var(--border-radius);
}

.faq_toggle_wrap .faq-left {
  width: 100%;
}

.faq_toggle_wrap input.form_input, 
.faq_toggle_wrap textarea.form_input.textarea  {
    padding: 1.7rem 2.4rem;
    width: 100%;
    border: unset;
}

.faq_toggle_wrap form#ContactForm {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}
.input_wrapper button {
  border: unset;
  width: 100%;
}
p.form_success_msg svg path {
    fill: var(--color-text);
}
.contact_header {
  margin-bottom: 2rem;
}
.faq_contact_form  .form_success_msg svg {
  margin-right: 1rem;
}
.faq-right .title {
    font-size: 1.6rem;
}
@media screen and (max-width: 1100px) {
  .faq_contact .faq_contact_form {
    padding: 2rem 1.5rem;
  }
}

@media screen and (max-width: 1024px) {
  .faq-wrapper {
      flex-wrap: wrap;
  }
  .faq-left,
  .faq-right {
      width: 100%;
      flex-direction:
  }
  .faq_content_wrapper {
    flex-direction: column;
}
.faq_contact .faq_content_tab {
    width: 100%;
}
.faq_contact .faq_contact_form {
    margin: 0 auto;
    width: 100%;
    max-width: 50rem;
}
}

@media screen and (max-width: 767px) {
  .faq-question {
    padding: 2rem 2rem;
  }
  .faq-item .minus_text, .faq-item .plus_text {
    right: 1rem;
    font-size: 2rem;
  }
  .faq-right-item,
  .faq_answer {
    padding: 1rem;
  }
  .faq-question {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 640px) {
  .faq-question, .faq_answer {
    border-radius: var(--image-border-radius-mob);
  }
}