/* only class-based styling, no element selectors */
        .faq-card-compact{
            overflow:hidden;
        }
        .faq-scroll-area {
            max-height: 550px;
            overflow-y: auto;
            padding-right: 8px;
            scrollbar-width: thin;
            scrollbar-color: var(--primary) #e9ecef;
        }
        .faq-scroll-area::-webkit-scrollbar {
            width: 6px;
        }
        .faq-scroll-area::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px;
        }
        .faq-scroll-area::-webkit-scrollbar-thumb {
            background: var(--primary, #faa51a);
            border-radius: 10px;
        }
        .faq-card-compact {
            background-color: #fff;
            border: 1px solid rgba(250,165,26,0.15);
            border-radius: 16px;
            margin-bottom: 12px;
            transition: all 0.2s ease;
        }
        .faq-card-compact:hover {
            border-color: var(--primary);
            box-shadow: 0 6px 15px rgba(250,165,26,0.08);
        }
        .faq-answer{
            cursor: pointer;
            text-align:justify;
            transition: all 0.2s ease;
        }
        .faq-answer{
            display:none;
            animation: fadeFaq .3s ease;
        }

        @keyframes fadeFaq{
            from{opacity:0;}
            to{opacity:1;}
        }
        .faq-answer:hover{
            background-color:#cfd6e6!important;
        }
        .faq-question {
            padding: 1rem 1.2rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between !important;
            font-weight: 600;
            color: #fa9805 ;
            background-color:#1E3A8A ;
            border-radius:10px;
        }
        .faq-question i {
            color: #fa9805 ;
            background-color:#1E3A8A ;
            font-size: 1.1rem;
            transition: transform 0.2s;
        }
        .faq-question[aria-expanded="true"] i {
            transform: rotate(90deg);
        }
        .faq-answer {
            padding: 1.2rem 1.2rem 1.2rem 1.2rem;
            background-color: #dbdfe8!important;
            color: #000;
            border: 1px solid #1E3A8A !important;
            margin-top: -5px;
            font-size: 0.95rem;
        }
        .compact-tab-btn {
            background: #fa9805;
            border: 1px solid rgba(250,165,26,0.3);
            border-radius: 30px;
            padding: 0.5rem 1.2rem;
            margin: 0 5px 10px 0;
            font-weight: 600;
            color: #fff;
            transition: all 0.2s;
            white-space: nowrap;
        }
        .compact-tab-btn.active {
            background: var(--primary);
            border-color: #fa9805;
            color: #fa9805;
        }
        /* Search Box */
.faq-search-box{
    position:relative;
}

/* Search icon */
.faq-search-icon{
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    color:#fa9805;
    font-size:16px;
}

/* Search input */
.faq-search-input{
    padding-left:40px;
    border-radius:30px;
    border:2px solid #e9ecef;
    height:48px;
}

/* Focus border color */
.faq-search-input:focus{
    border-color:#fa9805;
    color:#000;
    box-shadow:none;
}
        .compact-header-icon {
            color: var(--primary);
            opacity: 0.7;
            margin-right: 8px;
        }
        
        /* Mobile slider styles - for horizontal scrolling tabs */
        .faq-tabs-container {
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: thin;
            padding-bottom: 10px;
            margin-bottom: 15px;
            display: flex;
            flex-wrap: nowrap;
            justify-content: flex-start;
        }
        
        .faq-tabs-container::-webkit-scrollbar {
            height: 4px;
        }
        
        .faq-tabs-container::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px;
        }
        
        .faq-tabs-container::-webkit-scrollbar-thumb {
            background: var(--primary, #faa51a);
            border-radius: 10px;
        }
        
        .faq-tabs-wrapper {
            position: relative;
        }
        
        .faq-tabs-wrapper::after {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 40px;
            background: linear-gradient(to right, transparent, #f8f9fa);
            pointer-events: none;
            opacity: 0.8;
            z-index: 2;
        }
        
        .compact-tab-btn {
            display: inline-flex;
            flex-shrink: 0;
        }
        /* Mobile only tab scroll */
        @media (max-width: 768px) {
            .faq-tabs-container{
                overflow-x: auto;
                overflow-y: hidden;
                flex-wrap: nowrap;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
            }
            .faq-tabs-container::-webkit-scrollbar{
                display: none; /* Chrome, Safari */
            }
        }

        /* Desktop view normal */
        @media (min-width: 769px) {
            .faq-tabs-container{
                overflow: visible;
                justify-content: center;
                flex-wrap: wrap;
            }
        }
        /* FORCE SAME SIZE BUTTONS */
.faq-tabs-container {
    display: flex !important;
    gap: 10px;
}

/* Equal width */
.compact-tab-btn {
    flex: 0 0 140px !important;  /* same width */
    text-align: center;
    justify-content: center;
}