/** Shopify CDN: Minification failed

Line 31:0 Unexpected "}"

**/
.faq-section {
  display: none
}

#FAQContentContainer,
.faq-nav-btn-content__wrapper,
.faq-nav-buttons__container {
  display: flex
}

#FAQContentContainer,
.faq-nav-buttons__container {
  flex-direction: column
}

#FAQContentContainer {
  overflow: hidden;
  justify-content: center
}

@media screen and (min-width: 990px) {
  #FAQContentContainer {
    flex-direction: row;
    max-height: 85vh
  }a
}

.faq-nav-btn-content__wrapper {
  transition: transform .25s ease-in-out
}

.faq-nav-btn-content__wrapper.show-content {
  transform: translateX(-100vw)
}

@media screen and (min-width: 990px) {
  .faq-nav-btn-content__wrapper.show-content {
    transform: none
  }
}

.faq-nav-buttons__container {
  flex: 1 0 100%
}

.faq-nav-buttons__container, 
.faq-contact-us__container {
  background-color: #ffffff59
}

.faq-nav-btn {
  transition: all .15s ease-in-out;
  font-size: 2rem;
  padding: 1em
}

.faq-contact-us__container {
  padding: 1em 2em
}

.faq-nav-btn:not(:first-of-type) {
  border-top: 1px solid #0028ff42
}

.faq-nav-btn,
.nav-btn__return {
  cursor: pointer;
  border: none
}

.nav-btn__return {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 1em;
  border-radius: 4px;
  margin-bottom: 1em;
  width: 100%;
  border: 1px solid #0028ff42
}

.icon-arrow {
  width: 2rem;
  height: 2rem;
  transform: rotateY(180deg)
}


.faq-collapsible-content__container {
  flex: 1 0 100%;
  overflow-y: auto;
  height: 100vh;
  padding: 1em 2em;
  scrollbar-width: none
}

@media screen and (min-width: 990px) {
  .faq-nav-buttons__container {
    flex-basis: 30%
  }

  .faq-collapsible-content__container {
    flex-basis: 70%;
    height: 100%
  }

  .faq-nav-btn.active {
    background: #009fffde;
    color: white
  }
  .nav-btn__return {
    display: none
  }
}

.faq-collapsible-content {
  display: none;
  padding-bottom: 3em
}

.faq-collapsible-content.active {
  display: block
}

.faq-collapsible-content__media-contaniner > * + * {
  margin-top: 1em
}

.faq-collapsible-content__image-wrapper,
.faq-collapsible-content__video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: var(--media-ratio)
}

.faq-collapsible-content__image-wrapper > img, 
.faq-collapsible-content__video-wrapper > video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover
}

@media screen and (min-width: 990px) {
  .faq-nav-buttons__container {
    height: 100%;
    overflow-y: auto
  }
  
  .faq-collapsible-content.active {
    animation: showContent .7s
  }
}

.faq-collapsible-content > * + * {
  margin-top: 1em
}

.faq-title {
  margin: 0;
  max-width: 90%
}

.icon.icon-caret {
  transition: transform .2s ease-in-out;
  width: 2rem;
  height: 2rem;
  right: 3rem
}

.faq-collapsible-content > details {
  background: white;
  padding: 1em 1.5em;
  border-radius: 4px
}

.faq-collapsible-content > details[open] .icon.icon-caret {
  transform: rotate(180deg)
}

.faq-contact-us__container {
  z-index: 1;
  order: -1;
  padding-bottom: 3em;
  border-bottom: 1px solid #0028ff42
}

@media screen and (min-width: 990px) {
  .faq-nav-btn-content__wrapper {
    flex-basis: 65%  
  }
  
  .faq-contact-us__container {
    order: 0;
    flex-basis: 35%
  }
}

@keyframes showContent {
  from {
    opacity: 0;
    translate: 25vw 0
  }

  to {
    opacity: 1;
    translate : 0 0
  }
}