<?php $this->layout("_theme");
$this->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>
<section id="content">
    <div class="content-wrap py-0">


        <div class="section parallax bg-secondary bg-opacity-20 dark my-0 mb-0 px-lg-0">

            <div class="overlay-black-light"></div>

            <div class="container">
                <div class="row g-0 align-items-md-stretch align-items-lg-center justify-content-end">

                    <div class="col-xl-6 col-md-6 primary-blur dark center bg-dark bg-opacity-25 p-5 p-lg-5 rounded-6" data-animate="fadeInRight">

                        <img src="<?= url("images/logo-parallax.png") ?>" style="max-width: 100px">

                        <p class="fw-lighter mt-3 lh-base fs-5">
                           <?= str_replace('<p>', '<p class="fw-lighter mt-3 lh-sm fs-5 iande-light-text">', $service->content)?>
                        </p>
                        <p class="font-secondary iande-light-text fs-4 lh-sm bg-dark bg-opacity-40 rounded-6 py-3 px-2"><?= $service->subtitle?></p>

                    </div>
                </div>

            </div>
            <?php if(isset($service->words) AND $service->words != ""): ?>
                <div class="section primary-blur-medium  m-0 bg-transparent mt-6 py-4" style=" background: url('<?= url("images/coral.svg") ?>') center center; background-size: cover;">
                    <div class="overlay-black-light"></div>
                    <div class="ticker-wrap pause-on-hover" style="--cnvs-ticker-gap: 1rem; --cnvs-ticker-duration: 18s;" >
                        <div class="ticker">
                            <?php $words = explode(";", $service->words);
                            foreach ($words AS $w): ?>
                                <div class="ticker-item">
                                    <span class="d-block primary-blur bg-dark bg-opacity-10 rounded-pill iande-light-text px-4 py-2 fs-4 font-secondary text-uppercase"><i class="bi-bullseye me-2 iande-light-text"></i><?= $w ?></span>
                                </div>
                            <?php endforeach;?>

                        </div>
                    </div>
                </div>
            <?php endif; ?>

            <div class="swiper-slide-bg"
                 style="background-image: url('<?= url("storage/{$service->cover}") ?>'); background-position: center center;"></div>
        </div>



        <?php $this->insert("views/newsletter-widget2"); ?>
    </div>
</section><!-- #content end -->