.faq-page {
  font-family: 'DM Sans', sans-serif;
  letter-spacing: -1px;
  margin-top:80px
}
.faq-page .hero-section {
  background-image: url('https://dn5z2jafg7hv0.cloudfront.net/blog/wp-content/uploads/2025/10/08131522/faq-bg-scaled.png');
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: bottom right;
  overflow: hidden;
  padding:40px 0 80px 0;
}
.breadcrumb {
  margin-bottom:105px
}
.breadcrumb, .breadcrumb a {
    color: #5D627C;
    text-decoration: none;
    font-size: 14px;
    margin-right: 5px;
}

#faqSearch {
  padding-right: 40px;
  /* space for the clear button */
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.faq-section.common-faq{
  margin:0
}
/* Clear (X) button styling */
#faqSearchClear {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 30px;
  color: #9aa0a6;
  cursor: pointer;
  display: none;
  transition: color 0.2s;
}

#faqSearchClear:hover {
  color: #555;
}

#faqSearch {
  padding-left: 45px;
  /* space for search icon */
  padding-right: 45px;
  /* space for clear icon */
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  height: 56px;
  font-size: 16px;
}

/* Search icon (left) */
.search-icon {
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  color: #9aa0a6;
  font-size: 18px;
  pointer-events: none;
  /* don't block clicks */
}

.faq-card {
  cursor: pointer;
  background-color: #fff;
  /* width: 245px; */
  text-wrap: auto;
  box-shadow: 0px 16px 32px 6px rgba(0, 0, 0, 0.04);

}

.faq-card img {
  width: 48px;
  height: 48px;
  background-color: #F8F9FD;
  border-radius: 50%;
  padding: 12px;
}

.faq-card h3 {
  font-size: 24px;
  font-weight: 600;
}

.faq-card p {
  font-size: 16px;
}

.faq-categories {
  padding: 2rem 1rem 4rem 1rem;
  display: flex;
  gap: 24px;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.faq-card-wrapper {
  flex: 0 0 245px;
  display: inline-block;
}

.faq-section.common-faq .faq_btn {
  display: none;
}

.view-all-faq-btn-wrapper {
  width: 84px;
  border: 1px solid #D9E4F8;
  background-color: #ECF1FB;
  border-radius: 8px;
  display: flex;
}

.view-all-faq-btn {
  background-color: transparent;
  border: none;
  font-size: 18px;
  font-weight: 600;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
#faqAccordionInnerWrapper p{
      display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 500;
    color: #5D627C;
}
.accordion-button:focus{
    z-index: 1;
}
@media (max-width: 768px) {
  .faq-categories {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-left:0
  }

  .faq-card-wrapper {
    display: inline-block;
    max-width: 17.5rem;
    margin: 0 .5rem;
  }
 .breadcrumb {
    margin-bottom: 60px;
  } 
  .faq-page .hero-section{
        padding: 40px 0 0px 0;
  }
}