/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.4/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.19_typescript@5.9.3_webpack@5.108.4/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@17.0.0_sass@1.101.0_webpack@5.108.4/node_modules/sass-loader/dist/cjs/index.js??ruleSet[1].rules[1].use[3]!./components/blocks/faq-sectie/styles/src/faq-sectie.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.faq-sectie{
  display:flex;
  flex-direction:column;
  gap:1rem;
  margin-block:2rem;
  max-width:50rem;
}

.faq-item{
  background-color:var(--color-orange-100);
  border-radius:var(--border-radius-s);
  width:100%;
}
.faq-item__header{
  align-items:center;
  cursor:pointer;
  display:flex;
  flex-flow:row nowrap;
  gap:2rem;
  justify-content:space-between;
  padding:1.5rem 2rem;
}
.faq-item__header h3{
  color:inherit;
  font-size:1.5rem;
  line-height:1.2;
  margin:0;
}
.faq-item__arrow{
  flex:0 0 auto;
  transform:rotate(0deg);
  transition:transform .25s var(--ease-main);
}
.faq-item__body{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .25s var(--ease-main);
}
.faq-item__body-overflow{
  overflow:hidden;
}
.faq-item__body-padding{
  padding-bottom:1rem;
  padding-inline:2rem;
}
.faq-item__body-padding :first-child{
  margin-top:0;
}
.faq-item__body-padding :last-child{
  margin-bottom:0;
}
.faq-item.active .faq-item__arrow{
  transform:rotate(-90deg);
}
.faq-item.active .faq-item__body{
  grid-template-rows:1fr;
}

/*! Add Soul */
/*# sourceMappingURL=faq-sectie.css.map*/