.new-section.faq-section .faq-search-bar {
    margin-bottom: 44px;
}

.new-section.faq-section .faq-categories {
  margin-bottom: 44px;
}

.new-section.faq-section .faq-categories .faq-categories-wrapper{
  gap: 10px;
}

.new-section.faq-section .faq-categories button {
  border: 2px solid #ebebeb;
  padding: 16px 28px;
  min-width: 215px;
  border-radius: 30px;
  font-weight: 400;
  font-size: 1rem;
  cursor: pointer;
}

.new-section.faq-section .faq-question {
  padding: 23px 20px;
  border: 1px solid #49494966;
  border-radius: 4px;
  font-size: 1.25rem;
  font-weight: 400;
  background-color: transparent;
  position: relative;
}

.faq-question::before {
  content: "";
  position: absolute;
  width: 100%;
  left: -8px; 
  top: -8px;
  height: 100%;
  background: color-mix(in srgb, var(--base-color) 10%, white 90%);
  border-radius: 6px;
  z-index: -1;
  display: block;
}

.new-section.faq-section .faq-item {
  margin-bottom: 20px;
  position: relative;
  overflow: visible; 
}

.new-section.faq-section .faq-answer {
  padding: 12px 16px;
  font-size: 1rem;
  border-radius: 0 0 6px 6px;
  font-weight: 400;
}

.new-section.faq-section .faq-page {
  color: #bababa;
  padding: 8px;
  cursor: pointer;
  user-select: none;
  font-size: .778rem;
}

.new-section.faq-section .faq-page.current {
  font-weight: 700;
  color: #111111;
  border-bottom: 1px solid #000;
}
.all-page-faq-heading .intro-heading{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .new-section.faq-section .faq-search-bar {
    margin-bottom: 34px !important;
  }
}