<section class="sptb bg-white">
    <div class="container bg-style pb-0 pt-0">
        <div class="row">
            <div class="col-sm-8 pt-5">
                <div class="col-lg-12 col-md-12 text-center">
                    <div class="section-title">
                        <p class="fs-22 lead"><?php echo $heading['sub_title'] ?></p>
                        <h2 class="mt-4"> <?php echo $heading['title'] ?></h2>
                    </div>
                    <div class="line-with-circle">
                        <div class="line"></div>
                        <div class="circle"></div>
                    </div>
                </div>
                <div class="col-xl-12 col-lg-12 col-md-12 mt-4">
                    <div class="border-0 mb-5 br-7 course-details ">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="panel-group1" id="accordion2">
                                    <?php
                                    $all_benifit_content =  json_decode($data->bundile_benifit_content, true);
                                    $b = 1;
                                    foreach ($all_benifit_content as $key => $benifit): ?>
                                        <div class="panel panel-default mb-4 border p-0 whybuy-item">
                                            <div class="panel-heading1">
                                                <h4 class="panel-title1"> <a class="accordion-toggle collapsed" data-bs-toggle="collapse" data-parent="#accordion2" href="#benifit_<?php echo $key; ?>" aria-expanded="false"><?php echo $b; ?>. <?php echo $benifit['benifit_qns'] ?></a> </h4>
                                            </div>
                                            <div id="benifit_<?php echo $key; ?>" class="panel-collapse active collapse" role="tabpanel" aria-expanded="false" style="">
                                                <div class="panel-body bg-white">
                                                    <p><?php echo $benifit['benifit_ans'] ?></p>
                                                </div>
                                            </div>
                                        </div>
                                    <?php $b++;
                                    endforeach; ?>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 bg-benifit-image">
                <img src="<?php echo base_url(); ?><?php echo $data->bundile_benifit_image; ?>">
            </div>
        </div>
    </div>
</section>
<?php include VIEWPATH . 'front/bundle_course_components/cta.php';?>
<style>
    .bg-benifit-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .bg-benifit-image {
        padding-right: 0;
    }

    /* .bg-benifit-image {
        background: url("");
        background-repeat: no-repeat;
        background-size: cover;
    } */

    /* .whybuy-item:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .whybuy-item:last-child {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    } */
    .border {
        border: 1px solid #828286 !important;
    }
</style>