/**************************/
/* faq items */
/**************************/
.g--faqs {
  padding: 0 calc(var(--padding-section-base) * 8);
}
.g--faqs .heading--right {
  margin-bottom: 2rem;
}
.section--faq {
}

.faqs-item {
  position: relative;
}

.faqs-item:not(:last-child) {
  border-bottom: 1px solid var(--c-primary-150);
  /* margin-bottom: 2rem; */
}
.faqs-question {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 2.8rem 0;
  cursor: pointer;
  font-size: var(--fs-18);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  --c: var(--c-white);
  position: relative;
  font-variation-settings: var(--fw-500);
}

.faqs-content .faqs-question > i {
  margin-right: auto;
  background: var(--c-primary-150);
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.faqs-content .faqs-question > i::before,
.faqs-content .faqs-question > i::after {
  transition: var(--t-ease) var(--ease2);
}
/* .faqs-content .faqs-question > i::after {
  content: "\e902";
  font-family: var(--ff-icon);
  position: absolute;
  transform: translateY(-10rem) rotateX(180deg);
} */
/* .faqs-item.open .faqs-question > i::after {
  transform: translateY(0rem) rotateX(180deg);
} */
.faqs-item.open .faqs-question > i::before {
  transform: rotate(180deg);
}
/* .faqs-item.active .faq-num {
  background-color: var(--c-primary);
  color: var(--c-neutral-000);
} */

.faqs-answer {
}
.faqs-answer .editor-content {
  padding: 0 0 2rem 4rem;
  font-size: var(--fs-16);
  line-height: 2;
  text-align: justify;
  /* transform: scale(0.96); */
  transform-origin: right top;
  transition: var(--t-ease) var(--ease2);
}
.faqs-item .editor-content.main-content > * + * {
  margin-top: 1rem;
}

/* .open .faqs-answer .editor-content {
  transform: scale(1);
} */
/**************************/
/* faq expert 1*/
/**************************/

.faq-expert {
  position: relative;
  /* padding: 0 2.4rem; */
}
.col--faq-expert {
  position: -webkit-sticky;
  position: sticky;

  top: 1rem;
}
.faq-expert-img {
  max-width: 32rem;
  margin: auto;
}
.faq-expert__img img {
  width: 100%;
}
.mobile .col--faq-expert {
  margin-top: 3rem;
}
.faq-expert--btns {
  background: var(--c-primary-700);
  border-radius: 3rem;
  padding: 0.5rem;
  display: flex;
  line-height: 1;
  margin-top: 1rem;
  box-shadow: 0 4px 6px #00000021;
  min-height: 4rem;
}
.faq-expert__btn.btn--ws-request {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: var(--fs-12);
  padding: 0.5rem 1.5rem;
}
.faq-expert__btn.call {
  font-size: var(--fs-22);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: var(--c-white);
  white-space: nowrap;
}
.faq-expert__desc {
  text-align: center;
  font-size: var(--fs-14);
  margin-top: 1.5rem;
}
/**************************/
/* ABOVE 800px */
/**************************/
@media (min-width: 50em) {
  .g--faqs {
    display: grid;
    grid-template-columns: 37.5rem minmax(0, 1fr);
    gap: 6rem;
  }
}

/**************************/
/* BELOW 768px */
/**************************/
@media (max-width: 48em) {
}
/**************************/
/* BELOW 576px */
/**************************/
@media (max-width: 36em) {
}