@for($i = 1; $i <= $total; ++$i)
    <div class="mb-4 col-xs-12 col-sm-6 col-md-12 col-lg-6 col-xl-4 col-xxl-4">
        <div class="cr-card-skeleton">
            <div class="cr-image-wrapper-skeleton">
            </div>
            <div class="cr-course-card">
                <div class="cr-course-header">
                    <div class="cr-instructor-info">
                        <div class="cr-instructor-details">
                            <div class="cr-instructor-avatar-skeleton"></div>
                            <span class="cr-instructor-name-skeleton"></span>
                        </div>
                        <span class="cr-bookmark-button-skeleton"></span>
                    </div>
                    <h2 class="cr-course-title-skeleton"></h2>
                    <div class="cr-course-category-skeleton"></div>
                </div>
                <div class="cr-course-features">
                    <div class="cr-filter-option">
                        <span class="cr-stars-skeleton">
                        </span>
                        <span class="cr-rating-score-skeleton"></span>
                        <span class="cr-review-count-skeleton"></span>
                    </div>
                    <div class="cr-course-info">
                        <div class="cr-info-item">
                            <span class="cr-info-item-skeleton"></span>
                        </div>
                        <div class="cr-info-item">
                            <span class="cr-info-item-skeleton"></span>
                        </div>
                    </div>
                    <div class="cr-lesson-count">
                        <span class="cr-lesson-count-skeleton"></span>
                    </div>
                </div>
                <div class="cr-price-container">
                    <div class="cr-price-info">
                        <span class="cr-price-info-skeleton"></span>
                    </div>
                    <div class="cr-duration-info">
                        <span class="cr-duration-info-skeleton"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endfor