.TabFaqs {
  background-color: var(--c-white);
  padding: 0;
  border-radius: 10rem;
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  white-space: nowrap;
  padding: 0 2rem;
  /* -webkit-mask-image: linear-gradient(to right,
      #ff00 0%,
      #fff 9rem,
      #fff calc(100% - 2rem),
      #ff00);
  mask-image: linear-gradient(to right,
      #ff00 0%,
      #fff 9rem,
      #fff calc(100% - 2rem),
      #ff00); */
}


/**************************/
/* faq-request-wrapper */
/**************************/
.section-faq .heading--left {
  margin-bottom: min(3rem, 5vw);
}

.faq-request-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.faq-request-wrapper .request-form-wrapper {
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.faq-tour-items {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/**************************/
/* faq items */
/**************************/

.faq-num {
  color: var(--c-secondary);
  font-size: 2.8rem;
  line-height: 1;
  transition: var(--anim);
}

.faqs-item.active .faq-num {
  color: var(--c-primary);
}

/* .faqs-item {
  border-radius: 3.2rem;
  transition: 0.3s;
  background: var(--bg-white);
} */
.faqs-item {
  -webkit-transition: 0.3s var(--ease2);
  transition: 0.3s var(--ease2);

  background-color: #fff;
  border-radius: 2.5rem;
  border: 1px solid #cc967b29;
  position: relative;
}

.faqs-item.active {
  border-color: #0e1d7d14;
}

.faqs-item .box {}

.faqs-item .bg2,
.faqs-item .bg {
  position: absolute;
  inset: 0;
  border-radius: 2.5rem;
  overflow: hidden;
  transition: var(--anim);
}

.faqs-item .bg2 {
  opacity: 0;
}

.faqs-item .bg2::after,
.faqs-item .bg2::before,
.faqs-item .bg::after,
.faqs-item .bg::before {
  content: '';
  position: absolute;
  inset: 0 auto auto 0;
  filter: blur(20px);
  z-index: 0;
  isolation: isolate;
  pointer-events: none;
  width: 4.4rem;
  height: 100%;
  background-image: linear-gradient(156deg, #cc967b6b 1rem, transparent 12rem);

}

.faqs-item .bg2::after,
.faqs-item .bg::after {
  inset: 0 0 auto auto;
}

.faqs-item .bg2::after,
.faqs-item .bg2::before {
  background-image: linear-gradient(156deg, #0e1d7d4a 1rem, transparent 12rem);
}

.faqs-item .faqs-question::after,
.faqs-item .faqs-question::before {
  content: "";
  position: absolute;
  inset: 50% auto auto -.6rem;
  transform: translateY(-50%);
  background: #cc967b91;
  width: 2.6rem;
  height: 4.3rem;
  border-radius: 4px;
  z-index: -1;
  pointer-events: none;
  -webkit-transition: 0.3s var(--ease2);
  transition: 0.3s var(--ease2);
}

.faqs-item .faqs-question::after {
  inset: 50% -.6rem auto auto;
}

.faqs-item.active .faqs-question::after,
.faqs-item.active .faqs-question::before {
  background: #0e1d7dab;
}

.faqs-item.active .bg2 {
  opacity: 1;
}

.faqs-item.active .bg {
  opacity: 0;
}

/* .faqs-item.active {
  color: var(--c-white);
  background: var(--c-primary);
} */

/* .faqs-item.active::before {
  opacity: 0.2;
} */

.faqs-item:not(:last-child) {
  margin-bottom: 2rem;
}

.faqs-content .faqs-question {
  display: flex;
  align-items: center;
  gap: 2rem;
  cursor: pointer;
  font-size: var(--fs-18);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.6;
  padding: 2.2rem 2rem 2.2rem 1.6rem;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  position: relative;
}

/* .active.faqs-item .faqs-question {
  padding: 2rem;
} */
.faqs-content .faqs-question>i {
  color: var(--c-secondary);
  font-size: 3.5rem;
  margin-right: auto;
  transition: var(--anim);
}

.faqs-item.active .faqs-question>i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: var(--c-primary);
}

.faqs-item .faqs-answer {
  padding: 0 2rem 3rem;
  font-size: var(--fs-16);
  color: var(--c-blue-150);
}

.faqs-item .editor-content>*+* {
  margin-top: 1rem;
}

.faqs-item .editor-content {
  line-height: 2.2;
}

/**************************/
/* faq page */
/**************************/
.page-template-template-faq .cta-img-wrapper {
  margin-top: 0;
}

.sw--faq .swiper-slide {
  width: auto;
}

.faq--header {
  text-align: center;
}

.subtitle--faq {
  font-size: var(--fs-15);
  margin-top: 1rem;
  color: var(--c-neutral-700);
  font-variation-settings: var(--fw-250);
}

.title--faq {
  font-size: var(--fs-42);
}



.tab-content.active {
  display: block;
}

.tab-content {
  display: none;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}


@-webkit-keyframes fadeEffect {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeEffect {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.faq-cat {
  position: relative;
  height: 100%;
}

.faq-cat>a {
  font-weight: bold;
  font-size: var(--fs-18);
  display: flex;
  padding: 1.3rem 2rem;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
}

.faq-cat>a::after {
  content: "";
  position: absolute;
  top: 100%;
  background-color: var(--c-secondary);
  width: calc(100% - 4rem);
  height: 0.4rem;
  border-radius: 0 0 2rem 2rem;
  transition: var(--anim);
  opacity: 0;
}

.TabFaqs .faq-cat:not(:first-child)>a::before {
  content: '';
  position: absolute;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background-color: var(--c-neutral-150);
  right: 0;
  pointer-events: none;
}

/* .faq-cat>a i {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq-cat>a i img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
} */

.faq-cat:hover a,
.faq-cat.active a {
  color: var(--c-secondary);
}

.faq-cat.active a::after {
  opacity: 1;
}

/**************************/
/* ABOVE 800px */
/**************************/


@media (width>=1024px) {
  .TabFaqs {
    max-width: 63%;
    margin: 0 auto;
    justify-content: center;
  }
}

@media (width<1024px) {
  .TabFaqs {
    overflow: hidden;
    overflow-x: auto;
  }

  .faq-num {
    display: none;
  }

}

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

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