.intro-page.faq-intro {
  min-height: 294px;
}
.tab-wrapper--faq {
  position: relative;
  position: relative;
  z-index: 3;
  overflow-x: clip;
  -webkit-overflow-x: clip;
  margin-top: 48px;
}

.subtitle__faq.editor-content {
  margin-top: 1rem;
}
/**************************/
/* 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 {
  position: absolute;
  background-color: var(--c-primary);
  color: var(--c-secondary);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: -78px;
  line-height: 1;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  font-size: 28px;
  border-radius: 100%;
  transition: 0.4s ease;
 
}
.faqs-item.active .faq-num {
  color: var(--c-primary);
  background: var(--c-secondary);

}
/* .faqs-item {
  border-radius: 3.2rem;
  transition: 0.3s;
  background: var(--bg-white);
} */
.faqs-item {
  background-color: #fff;
  border: 1px solid #E0DFE3;
  border-radius: 100px;
  -webkit-transition: 0.3s var(--ease2);
  transition: 0.3s var(--ease2);
  position: relative;
  margin-right: 78px;
}
.faqs-item.active {
  border-radius: 20px;
}
.faqs-item.active::before {
  opacity: 0.2;
}

.faqs-item:not(:last-child) {
  margin-bottom: 2rem;
}
.faqs-content .faqs-question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
  cursor: pointer;
  font-size: var(--fs-16);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.6;
  padding: 21px 24px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;

}
/* .active.faqs-item .faqs-question {
  padding: 2rem;
} */
.faqs-content .faqs-question > i {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  color: #008B9E;
  font-size: 20px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-right: auto;
}

.faqs-item.active .faqs-question > i {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.faqs-item .faqs-answer {
  padding: 0 24px 32px;
  font-size: var(--fs-14);
}

.faqs-item .editor-content > * + * {
  margin-top: 1rem;
}
.faqs-item .editor-content {
  line-height: 2.2;
  color: var(--c-neutral-700);
}

/**************************/
/* 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);
}

.sw--faq {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}

.tab-wrapper--faq .btn-sw {
  --swiper-navigation-sides-offset: 1.5%;
}

.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 {
  color: var(--c-blue-200);
  font-weight: bold;
  font-size: var(--fs-16);
  display: flex;
  padding: 1rem 1.5rem;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  border: 1px solid #EAE9ED;
  height: 56px;
  border-radius: 8px;
}
.faq-cat:hover a,
.faq-cat.active > a {
  color: var(--c-white);
  background-color: var(--c-primary);
  border-color: var(--c-primary);
}
.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.active img {
  -webkit-filter: brightness(0) saturate(100%) invert(53%) sepia(9%)
    saturate(2123%) hue-rotate(339deg) brightness(88%) contrast(87%);
  filter: brightness(0) saturate(100%) invert(53%) sepia(9%) saturate(2123%)
    hue-rotate(339deg) brightness(88%) contrast(87%);
}
.sw--faq .swiper-wrapper {
  grid-auto-columns: auto;
}

/**************************/
/* ABOVE 800px */
/**************************/
@media (min-width: 50em) {
  .faq-cat > a {
    min-width: 20rem;
  }

}
@media (min-width: 1200px) {
  
}

@media (max-width: 49.99em) {
  .faq-num {
    display: none;
  }
  .faqs-item .faqs-answer {
    padding: 0 2rem 3rem 2rem;
  }
  .faqs-content .faqs-question {
    padding: 2.5rem 2rem 2.5rem 2rem;
  }
  .faqs-item {
    margin-right: 0;
    border-radius: 20px;
  }

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