.faq {
  position: relative;
  background-color: #EFF1F4;
}
.faq .content-wrapper {
  margin: 100px auto !important;
}
.faq::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/pattern.svg);
  background-attachment: fixed;
  opacity: 0.5;
  z-index: 0;
}
.faq__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.faq__item {
  padding: 24px 30px;
  border-radius: 30px;
  background: #FCFCFC;
  cursor: pointer;
  transition: all 0.3s ease;
}
.faq__item .faq__title,
.faq__item .faq__question.h3 {
  cursor: pointer;
}
.faq__item .faq__title:hover,
.faq__item .faq__question.h3:hover {
  color: #1E338D;
}
.faq__item.active .faq__title {
  color: #1E338D;
}
.faq__item.active .faq__answer {
  max-height: 100%;
  opacity: 1;
}
.faq__item.active .faq__icon {
  transform: rotate(45deg);
}
.faq__item.active .faq__icon circle {
  fill: #1E338D;
}
.faq__item.active .faq__icon path {
  stroke: #EFF1F4;
}
.faq__item:hover {
  box-shadow: 0 10px 14px 0 rgba(74, 58, 255, 0.01), 0 8px 16px 0 rgba(23, 15, 73, 0.03);
}
.faq__title {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  cursor: pointer;
}
.faq__title .h3 {
  line-height: 30px;
}
.faq__icon {
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.faq__icon circle {
  fill: #EFF1F4;
}
.faq__icon path {
  stroke: #1E338D;
}
.faq__answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  will-change: max-height, opacity;
}
.faq__answer p {
  padding-top: 12px;
  font-size: 14px;
  line-height: 20px;
}
.faq__answer p:first-of-type {
  padding-top: 16px;
}

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