<section class="sptb video-section bg-white" id="what_you_lern">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <div class="card ">
                    <div class="card-body" style="padding: 0;">
                        <div class="product-slider">
                            <ul class="list-unstyled video-list-thumbs">
                                <?php
                                $link = $course->course_how_it_work;
                                $video_id = explode("?v=", $link);
                                $video_id = $video_id[1];
                                $thumbnail = "https://img.youtube.com/vi/" . $video_id . "/maxresdefault.jpg";
                                ?>
                                <li class="mb-0">
                                    <a data-bs-toggle="modal" data-bs-target="#videoModelHowitWork" class="class-video p-0">
                                        <img loading="lazy" src="<?php echo $thumbnail; ?>" alt="<?php echo $course->course_heading; ?>" class="img-responsive  border br-7">
                                        <span class="video-icon" href="javascript:void(0)"><i class="fe fe-play"></i></span>
                                    </a>

                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <span class="badge badge-success">How it Works</span>
                <div class="row">
                    <div class="section-title">
                        <p class="fs-22 lead  mb-3 mt-3"><?php echo $heading['sub_title']; ?></p>
                        <h2><?php echo $heading['title']; ?></h2>
                    </div>
                </div>
                <p class="lead "> <?php echo $heading['paragraph']; ?></p>
                <?php include 'button.php'; ?>
            </div>
        </div>
    </div>
</section>
<div class="modal fade" id="videoModelHowitWork" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <button type="button" class="btn btn-default videoModelCloseButton" data-bs-dismiss="modal"><i class="fa fa-times"></i></button>
            <?php echo preg_replace("/\s*[a-zA-Z\/\/:\.]*youtube.com\/watch\?v=([a-zA-Z0-9\-_]+)([a-zA-Z0-9\/\*\-\_\?\&\;\%\=\.]*)/i", "<iframe width=\"100%\" height=\"415\" src=\"//www.youtube.com/embed/$1\" frameborder=\"0\" allowfullscreen></iframe>", $course->course_how_it_work); ?>
        </div>
    </div>
</div>