/** Shopify CDN: Minification failed

Line 200:10 Unexpected "{"
Line 200:19 Expected ":"
Line 201:14 Expected identifier but found whitespace
Line 201:16 Unexpected "{"
Line 201:25 Expected ":"
Line 201:51 Expected ":"
Line 202:17 Expected identifier but found whitespace
Line 202:19 Unexpected "{"
Line 202:28 Expected ":"
Line 202:57 Expected ":"

**/
/* =========================
   FAQ SECTION
========================= */

.faq-section {
  width: 100%;
  background: transparent;
  margin-top: 60px;
  margin-bottom: 60px;
}

.faq-section__container {
  width: 80%;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 40px;
  padding-bottom: 40px;
  box-sizing: border-box;
}

.faq-section__header {
  width: 100%;
  margin-bottom: 35px;
}

.faq-section__heading {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: var(--font-heading-large);
  line-height: 100%;
  letter-spacing: -4%;
  text-transform: uppercase;
}

.faq-section__heading-bold {
  font-family: var(--gotham-black);
}

.faq-section__heading-light {
  font-family: var(--gotham-light);
}

.faq-section__description {
  margin-top: 15px;
  color: #fff;
  font-family: var(--gotham-light);
  font-size: var(--font-text-lg);
  line-height: 28px;
}

.faq-section__description p {
  margin: 0;
}


/* =========================
   FAQ LIST
========================= */

.faq-section__items {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}


/* =========================
   FAQ ITEM
========================= */

.faq-item {
  width: 100%;
  margin: 0;
  padding: 0;
}


/* =========================
   QUESTION
========================= */

.faq-item__question {
  width: 100%;
  min-height: 60px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  border: 0;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-family: var(--gotham-medium);
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.3s ease, padding 0.3s ease;
}

.faq-item__question:hover {
  background: rgba(255, 255, 255, 0.12);
}

.faq-item__question-text {
  display: block;
  flex: 1;
}


/* =========================
   PLUS / MINUS ICON
========================= */

.faq-item__icon {
  position: relative;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  display: block;
}

.faq-item__icon-horizontal,
.faq-item__icon-vertical {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 1px;
  background: #fff;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.faq-item__icon-vertical {
  transform: translate(-50%, -50%) rotate(90deg);
}


/* =========================
   OPEN STATE
========================= */

.faq-item.is-open .faq-item__icon-vertical {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}

.faq-item.is-open .faq-item__question {
  background: rgba(255, 255, 255, 0.12);
}


/* =========================
   ANSWER
========================= */

.faq-item__answer {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px 20px;
  background: rgba(255, 255, 255, 0.05);
}

.faq-item__answer-content {
  max-width: 900px;
  color: rgba(255, 255, 255, 0.75);
  font-family: var(--gotham-light);
  font-size: var(--font-text-medium);
  line-height: 24px;
}

.faq-item__answer-content p {
  margin: 0;
}


/* =========================
   SECTION PADDING
========================= */

.section-{{ section.id }}-padding {
  padding-top: {{ section.settings.padding_top }}px;
  padding-bottom: {{ section.settings.padding_bottom }}px;
}


/* =========================
   TABLET
========================= */

@media screen and (max-width: 1100px) {

  .faq-section__container {
    max-width: 100%;
    padding-left: 4%;
    padding-right: 4%;
  }
}


/* =========================
   MOBILE
========================= */

@media screen and (max-width: 749px) {

  .faq-section {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .faq-section__container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .faq-section__heading {
    font-size: 40px;
    line-height: 100%;
  }

  .faq-section__description {
    font-size: 16px;
    line-height: 24px;
  }

  .faq-section__header {
    margin-bottom: 25px;
  }

  .faq-section__items {
    gap: 5px;
  }

  .faq-item__question {
    min-height: 55px;
    padding: 16px 15px;
    font-size: 14px;
    line-height: 20px;
  }

  .faq-item__answer {
    padding: 0 15px 18px;
  }

  .faq-item__answer-content {
    font-size: 13px;
    line-height: 21px;
  }

  .faq-item__icon {
    flex-basis: 18px;
    width: 18px;
    height: 18px;
  }

  .faq-item__icon-horizontal,
  .faq-item__icon-vertical {
    width: 14px;
  }
}