<section>
    <div class="container mt-5">
        <div class="row g-md-5 mb-5">

            <div class="col-xs-12 col-sm-12 col-md-6 col-xl-6 col-xxl-6 mb-3 bg-light">
                <!-- Content Image -->
                <div class="aspect-div">
                    <div class="">
                        <img src="<?= $this->Url->image(!empty($viewDetails->content_images) > 0 ? $viewDetails->content_images[0]->image_path : 'noimage.png') ?>"
                            class="img-fluid" alt="<?= $viewDetails->title ?>">
                    </div>
                </div>
                <!-- Content Image Ends Here -->
            </div>

            <!-- Start Right Side -->
            <div class="col-xs-12 col-sm-12 col-md-6 col-xl-6 col-xxl-6 mb-3">

                <!-- Content Title -->
                <div class="pt-1">
                    <h1 class="fw-bold lh-sm">
                        <?= $viewDetails->name ?>
                    </h1>
                </div>
                <!-- Content Title Ends Here -->

                <!-- Contents -->
                <div class="">
                    <p class="lh-base fs-6">
                        <?= $viewDetails->content ?>
                    </p>
                </div>
                <!-- Contents Ends Here -->
            </div>

        </div>
    </div>
</section>