/* Animation for filtering */
.faq-item {
    transition: all 0.3s ease;
}
.hidden-faq {
    display: none;
}

/* Scrollbar */
/* 1. Define the width of the scrollbar */
.scrollbar-thin::-webkit-scrollbar {
    width: 4px; /* Thin width */
}

/* 2. Track (The background area) */
.scrollbar-thin::-webkit-scrollbar-track {
    background: transparent;
}

/* 3. Handle/Thumb (The part that moves) */
.scrollbar-thin::-webkit-scrollbar-thumb {
    background: transparent; /* Hidden by default */
    border-radius: 20px;
}

/* 4. Show on Hover */
.scrollbar-thin:hover::-webkit-scrollbar-thumb {
    background: #e2e8f0; /* slate-200 - matches your high-intellect palette */
}

/* Optional: Darken slightly when dragging */
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background: #cbd5e1; /* slate-300 */
}

/* Firefox Support */
.scrollbar-thin {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.scrollbar-thin:hover {
    scrollbar-color: #e2e8f0 transparent;
}
  

@media only screen and (max-width:576px) {
    
}

@media only screen and (max-width:576px) {
    
}