/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/blocks/faq/_faq-styles.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Grid Breakpoints
 */
/*
 * Global mixins
 */
/*
 * Header mixins
 */
/*
 * Blocks mixins
 */
.b-faq {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (min-width: md) {
  .b-faq {
    gap: 2rem;
  }
}
.b-faq__title {
  margin: 0;
  color: var(--color-white);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.b-faq__list {
  display: flex;
  width: 100%;
  flex-direction: column;
  counter-reset: item-counter;
  gap: 1.5rem;
}
.b-faq__item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--color-gray-60);
  counter-increment: item-counter;
  gap: 1.5rem;
}
.b-faq__item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.b-faq__item-header-title {
  display: flex;
  width: 100%;
  margin-bottom: 0;
  color: var(--color-white);
  cursor: pointer;
  font-size: 1.5rem !important;
  font-weight: 600;
  line-height: 1.33;
  margin-block: 0;
}
.b-faq__item-header-title::before {
  display: flex;
  margin-right: 0.5rem;
  content: counter(item-counter) ".";
  white-space: nowrap;
}
.b-faq__item-header-toggle {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0;
  border: none;
  margin-bottom: auto;
  background-color: transparent;
  box-shadow: none;
  color: var(--color-white);
  cursor: pointer;
}
.b-faq__item-header-toggle-icon {
  transition: rotate 0.3s ease-in-out;
}
.b-faq__item-content {
  overflow: hidden;
  max-height: 0;
  padding-right: 3rem;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.b-faq__item-content p {
  color: var(--color-white);
  margin-block-start: 0;
}
.b-faq__item-content p:last-child {
  margin-bottom: 0;
}
.b-faq__item--open .b-faq__item-header-toggle-icon {
  rotate: 180deg;
}
.b-faq__item--open .b-faq__item-content {
  max-height: 1000px;
}

[data-animate=false] .b-faq__item {
  padding-bottom: 1.5rem;
}
[data-animate=false] .b-faq__item-content {
  display: none;
}
[data-animate=false] .b-faq__item--open .b-faq__item-content {
  display: block;
}

[data-animate=true] .b-faq__item-content {
  max-height: 0;
}
[data-animate=true] .b-faq__item p {
  padding-bottom: 1.5rem;
}
[data-animate=true] .b-faq__item--open .b-faq__item-content {
  max-height: 1000px;
}

/*# sourceMappingURL=block_faq.css.map*/