<div>
    <div class="category-card">

        <div class="category-icon uk-text-primary">
            <img src="assets/svg/category/technical-interviews.svg" alt="General Interviews" uk-svg>
        </div>

        <h3 class="uk-card-title category-title">General Interviews</h3>

        <p class="category-description">Behavioral questions, soft skills, and universal interview techniques.</p>

        <div class="category-trainers uk-flex uk-flex-middle gap-8">
            <span uk-icon="icon: users; ratio: .7" class="uk-icon uk-text-primary" aria-hidden="true"></span>
            <span class="uk-text-secondary">85 Trainers</span>
        </div>

        <div class="category-specializations uk-flex uk-flex-between expanded">
            <span class="cs-text">Specializations</span>
            <span class="cs-icon">
                <span class="cs-icon-inner">
                    <span uk-icon="icon: chevron-down; ratio: .7" class="uk-icon" aria-hidden="true"></span>
                </span>
            </span>
        </div>

        <div class="specializations-list f600 uk-margin-small-bottom">

            <a href="trainers.php" class="specialization-item f500">
                <span class="specialization-name">Behavioral Questions</span>
                <span class="specialization-count">8</span>
            </a>

            <a href="trainers.php" class="specialization-item f500">
                <span class="specialization-name">Situational Interviews</span>
                <span class="specialization-count">20</span>
            </a>

            <a href="trainers.php" class="specialization-item f500 hidden">
                <span class="specialization-name">Graduate Interviews</span>
                <span class="specialization-count">54</span>
            </a>

            <a href="trainers.php" class="specialization-item f500 hidden">
                <span class="specialization-name">Remote Work Interviews</span>
                <span class="specialization-count">60</span>
            </a>

            <a href="trainers.php" class="specialization-item f500 hidden">
                <span class="specialization-name">Competency-Based</span>
                <span class="specialization-count">9</span>
            </a>

            <button class="more-button uk-text-primary" aria-label="more categories">+ 3 more</button>

        </div><!-- .specializations-list -->

        <a href="trainers.php" class="uk-button uk-button-primary btn-explore-category uk-width-1-1 uk-flex-inline uk-flex-middle uk-flex-center gap-8">
            <span>Explore General Skills</span>
            <span uk-icon="icon: arrow-up-right; ratio: .7" class="uk-icon" aria-hidden="true"></span>
        </a>

    </div><!-- .category-card -->
</div>