<div class="content-section">

    <div class="reviews-section-grid uk-flex-bottom uk-grid" uk-grid>

        <div class="uk-width-expand@s">
            <h2 class="content-title uk-margin-remove">
                <span uk-icon="icon: star; ratio: 1" class="uk-icon"></span>
                <span>Student Reviews <small class="uk-text-muted f400">(127)</small></span>
            </h2>
        </div>
        
        <div class="uk-width-auto@s">
            <div class="sort-options uk-width-auto">
                <label for="sortBy" class="uk-hidden">Sort by:</label>
                <select class="sort-select uk-select" id="sortBy" aria-label="Sort by">
                    <option value="relevance">Most Relevant</option>
                    <option value="rating">Highest Rated</option>
                    <option value="price-low">Price: Low to High</option>
                    <option value="price-high">Price: High to Low</option>
                    <option value="experience">Most Experience</option>
                    <option value="newest">Newest First</option>
                </select>
            </div>
        </div>

    </div>

    <div class="content-description">

        <div class="reviews-container single-reviews" id="reviewsContainer">

            <!-- Review 1 -->
            <div class="review-card">
                <div class="review-header">
                    <h4 class="reviewer-name">Sarah M.</h4>
                    <div class="review-stars star-rate">
                        <span uk-icon="icon: star-bold; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                        <span uk-icon="icon: star-bold; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                        <span uk-icon="icon: star-bold; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                        <span uk-icon="icon: star-bold; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                        <span uk-icon="icon: star-bold; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                    </div>
                </div>
                <div class="review-content">
                    <p>"Excellent trainer! Noor Abdullah provided very specific feedback on my technical interview skills. His mock interview was realistic and helped me identify areas for improvement. Highly recommended!"</p>
                </div>
            </div>

            <!-- Review 2 -->
            <div class="review-card">
                <div class="review-header">
                    <h4 class="reviewer-name">Fatima A.</h4>
                    <div class="review-stars star-rate">
                        <span uk-icon="icon: star-bold; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                        <span uk-icon="icon: star-bold; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                        <span uk-icon="icon: star-bold; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                        <span uk-icon="icon: star-bold; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                        <span uk-icon="icon: star; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                    </div>
                </div>
                <div class="review-content">
                    <p>"Very professional and helpful. Noor Abdullah understood my background and tailored the questions accordingly. Good insights on what companies are looking for."</p>
                </div>
            </div>

            <!-- Review 3 -->
            <div class="review-card">
                <div class="review-header">
                    <h4 class="reviewer-name">Sarah M.</h4>
                    <div class="review-stars star-rate">
                        <span uk-icon="icon: star-bold; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                        <span uk-icon="icon: star-bold; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                        <span uk-icon="icon: star-bold; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                        <span uk-icon="icon: star; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                        <span uk-icon="icon: star; ratio: .6" class="uk-icon" aria-hidden="true"></span>
                    </div>
                </div>
                <div class="review-content">
                    <p>"Great experience! The session was well-structured and Noor Abdullah gave practical tips that I could apply immediately. The feedback report was detailed and actionable."</p>
                </div>
            </div>

        </div>

    </div>
</div>