<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<?php error_reporting(0); ?>

<section class="sptb position-relative bg-light pt-0">
    <div class="container-fluid">
        <swiper-container class="mySwiper w-full h-auto" loop="true" pagination="true" pagination-clickable="true" slides-per-view="auto" centered-slides="true" space-between="30">
            <?php foreach ($all_slider as $key => $slider) : ?>
                <swiper-slide class="d-flex flex-shrink-0 w-full md:w-240">
                    <img class="object-center rounded-2xl" src="<?php echo base_url(); ?><?php echo $slider->mc_slider_image; ?>">
                </swiper-slide>
            <?php endforeach; ?>
        </swiper-container>
    </div>
</section>
<section class="sptb bg-light pt-0">
    <div class="container">
        <div class="section-title d-md-flex">
            <div>
                <h2><?php echo $mainData->class_heading_1; ?></h2>
            </div>
        </div>
        <div class="row">
            <?php foreach ($all_course as $key => $course) : ?>
                <div class="col-sm-4">
                    <div class="card overflow-hidden">
                        <div class="item-card7-img pt-5 px-5">
                            <div class="item-card7-imgs">
                                <a href="<?php echo base_url() ?>mcd/<?php echo $course->mc_course_slug; ?>"></a>
                                <img src="<?php echo base_url() ?><?php echo $course->mc_course_video_banner ?>" alt="<?php echo $course->mc_course_title ?>" class="cover-image br-7 border">
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="item-card7-desc">
                                <div class="item-card7-text">
                                    <a href="<?php echo base_url() ?>mcd/<?php echo $course->mc_course_slug; ?>" class="text-dark">
                                        <h4 class="font-weight-semibold mb-1"><?php echo mb_strimwidth($course->mc_course_title, 0, 50, "...") ?></h4>
                                    </a>
                                </div>
                                <div class="d-flex mb-0">
                                </div>
                                <?php $courseTiming = json_decode($course->mc_course_timing_details, true); ?>
                                <div class="pt-2 mb-3">
                                    <a class="me-4"><span class="font-weight-bold"><i class="fa fa-clock-o"></i> </span> <span class="text-muted"><?php echo $courseTiming['course_timing'] ?> Mins.</span></a>
                                    <a class="me-4 float-end"><span class="font-weight-bold"><i class="fa fa-users"></i> </span><span class="text-muted"> <?php echo $courseTiming['course_enrolled'] ?> Enrolled</span></a>
                                </div>
                                <p class="mb-0"><?php echo mb_strimwidth($course->mc_course_short_description, 0, 100, "...") ?></p>
                                <div class="mt-3">
                                    <a href="<?php echo base_url() ?>mcd/<?php echo $course->mc_course_slug; ?>" class="btn w-full ft-15"><i class="fa fa-play"></i> View Masterclass</a>
                                    <button disabled class="btn w-full ft-15 mt-4 btn-black"><i class="fa fa-download"></i> Get Certificate</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            <?php endforeach ?>
        </div>
    </div>
</section>
<!-- <section class="sptb bg-light big-padding-in-mobile pt-0">
    <div class="container">
        <div class="section-title d-md-flex">
            <div>
                <h2><?php //echo $mainData->class_heading_2; 
                    ?></h2>
                <p class="fs-18 lead"><?php echo $mainData->class_sub_heading_2; ?></p>
            </div>
            <div class="ms-auto d-inline-flex">
                <div class="w-150 mt-3 me-4">
                </div>
            </div>
        </div>
        <div class="row row-flex">
            <div class="col-sm-4">
                <div class="card overflow-hidden">
                    <div class="ribbon ribbon-top-left text-white"><span class="bg-success">PREFERRED</span></div>
                    <div class="item-card7-img pt-5 px-5">
                        <div class="item-card7-imgs">
                            <a href="<?php //echo base_url() 
                                        ?>course-details/<?php //echo $course->slug; 
                                                                                ?>/<?php //echo $course->rand_id; 
                                                                                                                ?>"></a>
                            <img src="https://assets.iide.co/our-programs/Post-Graduation-Program-Karan-Shah.jpg" alt="<?php //echo $course->title 
                                                                                                                        ?>" class="cover-image br-7 border">
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="item-card7-desc">
                            <div class="item-card7-text">
                                <a href="<?php //echo base_url() 
                                            ?>course-details/<?php //echo $course->slug; 
                                                                                    ?>/<?php //echo $course->rand_id; 
                                                                                                                    ?>" class="text-dark">
                                    <h3 class="font-weight-semibold mb-1">Post Graduation in Digital Marketing</h3>
                                </a>
                            </div>
                            <div class="d-flex mb-0">
                                <span class="badge badge-warning">MBA Level</span>
                            </div>
                            <div class="pt-2 mb-3">
                                <ul class="cp-description pl-3">
                                    <li>11 Months</li>
                                    <li>Placement Assurance</li>
                                    <li>Batch Type: Weekday & Weekend</li>
                                </ul>
                            </div>
                            <div class="text-main-center">
                                <div class="arrow-right">
                                    <a href=""><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card overflow-hidden">
                    <div class="item-card7-img pt-5 px-5">
                        <div class="item-card7-imgs">
                            <a href="<?php //echo base_url() 
                                        ?>course-details/<?php //echo $course->slug; 
                                                                                ?>/<?php //echo $course->rand_id; 
                                                                                                                ?>"></a>
                            <img src="https://assets.iide.co/our-programs/Post-Graduation-Program-Karan-Shah.jpg" alt="<?php //echo $course->title 
                                                                                                                        ?>" class="cover-image br-7 border">
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="item-card7-desc">
                            <div class="item-card7-text">
                                <a href="<?php //echo base_url() 
                                            ?>course-details/<?php //echo $course->slug; 
                                                                                    ?>/<?php //echo $course->rand_id; 
                                                                                                                    ?>" class="text-dark">
                                    <h3 class="font-weight-semibold mb-1">Post Graduation in Digital Marketing</h3>
                                </a>
                            </div>
                            <div class="d-flex mb-0">
                                <span class="badge badge-warning">MBA Level</span>
                            </div>
                            <div class="pt-2 mb-3">
                                <ul class="cp-description pl-3">
                                    <li>11 Months</li>
                                    <li>Placement Assurance</li>
                                    <li>Batch Type: Weekday & Weekend</li>
                                </ul>
                            </div>
                            <div class="text-main-center">
                                <div class="arrow-right">
                                    <a href=""><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card overflow-hidden text-center p-3 border-red-1">
                    <div class="d-flex flex-grow-1 justify-content-center align-items-center">
                        <div class="">
                            <h3>Confused about which course is right for you?</h3>
                            <p class="pt-3">Talk to our senior counsellors to find the course that's perfect for you</p>
                        </div>
                    </div>
                    <div class="text-main-right">
                        <div class="arrow-right">
                            <a href=""><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> -->

<section class="sptb bg-light pt-0">
    <div class="container">
        <div class="section-title d-md-flex">
            <div>
                <h2><?php echo $mainData->class_heading_3; ?></h2>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div id="myCarousel" class="owl-carousel testimonial-owl-carousel">
                    <?php foreach ($all_review as $key => $review) : ?>
                        <div class="item text-center">
                            <div class="card">
                                <div class="card-status bg-success br-te-7 br-ts-7"></div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-xl-12 col-md-12 d-block mx-auto">
                                            <div class="testimonia1">
                                                <p class="fs-16"> <i class="fa fa-quote-left fa-3x d-block opacity-2"></i><?php echo $review->review_description; ?> </p><img src="<?php echo base_url(); ?><?php echo $review->review_photo; ?>" class="mx-auto d-block brround mb-3 mt-6 w-9 h-9" alt="img">
                                                <h3 class="title fs-18 font-weight-semibold"><?php echo $review->review_name; ?></h3> <span class="post"><?php echo $review->review_position; ?></span>
                                                <div class="star-ratings start-ratings-main clearfix mt-2">
                                                    <div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
                                                        <div class="br-wrapper br-theme-fontawesome-stars"><select class="example-fontawesome" name="rating" autocomplete="off" style="display: none;">
                                                                <option value="1">1</option>
                                                                <option value="2">2</option>
                                                                <option value="3">3</option>
                                                                <option value="4">4</option>
                                                                <option value="5" selected="">5</option>
                                                            </select>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>

        </div>
    </div>
</section>
<section class="sptb text-center pt-1 pb-1">
    <p>© Copyright 2024 Dotcomvidya.</p>
</section>

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js"></script>

<style>
    .bg-success {
        background-color: var(--theme-color-1) !important;
    }

    .text-main-right .arrow-right {
        background-color: #be1502;
        color: #fff;
    }

    .text-main-right .arrow-right a {
        color: #fff;
    }

    .border-red-1 {
        border: 2px solid #be1502;
    }

    .row-flex .card {
        height: 400px;
    }

    .text-main-right {
        text-align: center !important;
        display: flex;
        justify-content: END;
    }

    .text-main-center {
        text-align: center !important;
        display: flex;
        justify-content: center;
    }

    .arrow-right {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #f2f2f2;
        text-align: center;
        line-height: 40px;
    }

    .arrow-right a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: #333;
    }

    ul.cp-description li {
        font-size: 16px;
    }

    ul.cp-description {
        list-style: inherit;
        margin-left: 20px;
    }

    .btn-black {
        background: none;
        border: 2px solid #be1502;
        color: #be1502 !important;
    }

    .ft-15 {
        font-size: 15px;
        color: #fff;
        font-weight: 700;
    }

    .ft-15:hover {
        color: #fff;
    }

    @media (min-width: 960px) {
        .md\:w-240 {
            width: 60rem !important;
        }
    }

    .flex-shrink-0 {
        flex-shrink: 0 !important;
    }

    .w-full {
        width: 100% !important;
    }

    .h-auto {
        height: auto !important;
    }

    .swiper-container {
        width: 100%;
        height: 100%;
    }

    swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    swiper-slide {
        width: 60%;
    }

    swiper-slide:nth-child(2n) {
        width: 40%;
    }

    swiper-slide:nth-child(3n) {
        width: 20%;
    }

    .object-center {
        object-position: center !important;
    }

    .rounded-2xl {
        border-radius: 1rem !important;
    }

    .banner-1,
    .newsletter-new,
    footer {
        display: none;
    }

    @media (max-width: 576px) {
        .section-title h2 {
            font-size: 1.5rem;
        }
    }
</style>