.faq-main {
  backdrop-filter: blur(20px);
  border: 1px solid;

  border-image-source: linear-gradient(
    133.25deg,
    rgba(252, 248, 230, 0.3) 13.62%,
    rgba(150, 148, 137, 0.2) 74.24%
  );
}

/* Custom CSS for FAQ animation and sticky behavior */
.faq-answer-content {
  max-height: 0; 
  overflow: hidden;
  transition: max-height 0.3s ease-out; 
}

.faq-item.expanded .faq-answer-content {
  max-height: 500px;
}

.faq-toggle-arrow {
  transition: transform 0.3s ease-out; /
}

.faq-item.expanded .faq-toggle-arrow {
  transform: rotate(-90deg); /* Rotate arrow when expanded */
}


.sticky-column {
  position: sticky;
  top: 56px;
  align-self: start;
}

@media (max-width: 768px) {
  .sticky-column {
    position: static; /* Disable sticky on small screens */
    top: auto;
  }
}