<?php
    $cta = getContent('cta.content', true);
?>

<style>
/* =====================
   GLOBAL
===================== */
body{
    /*margin:0;*/
    /*font-family: Arial, sans-serif;*/
}

/* =====================
   TOP CTA / HERO SLIDER
===================== */
.cta_section h2{
    /*color:#fff;*/
    text-align:center;
    text-shadow:2px 3px 5px #1e1B49;
}

.swiper{
    width:100%;
    height:500px;
}

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

/* =====================
   BOTTOM BRAND MARQUEE
===================== */
.brand-marquee{
    width:100%;
    overflow:hidden;
    /*background:#fff;*/
    padding:30px 0;
    /*border-top:1px solid #eee;*/
}

.brand-track{
    display:flex;
    width:max-content;
    animation: marquee 35s linear infinite;
}

.brand-item{
    flex:0 0 auto;
    padding:0 70px;
}

.brand-item img{
    height:90px;
    width:auto;
    object-fit:contain;
    /*filter: grayscale(100%);*/
    /*opacity:.85;*/
    transition:.3s;
}

.brand-item img:hover{
    filter: grayscale(0);
    opacity:1;
}

/* smooth infinite move */
@keyframes marquee{
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(-50%);
    }
}
</style>


<!-- =====================
     BRAND CONTINUOUS SLIDER
===================== -->
<div class="brand-marquee">
    <div class="brand-track">

        <!-- SET 1 -->
        <div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/21.png')); ?>"></div>
        <div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/123.png')); ?>"></div>
        <div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/e.png')); ?>"></div>
        <div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/tether-usdt-logo.png')); ?>"></div>
        <div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/1.jpg')); ?>"></div>
        <div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/1222230_9520.jpg')); ?>"></div>
        <div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/2393296_13709.jpg')); ?>"></div>
        <div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/36440957_35.jpg')); ?>"></div>

        <!-- SET 2 (EXACT DUPLICATE – MUST) -->
        <div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/pp.png')); ?>"></div>
        <div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/ssjfif.jfif')); ?>"></div>
        <div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/mm.png')); ?>"></div>
        <!--<div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/4.png')); ?>"></div>-->
        <!--<div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/5.png')); ?>"></div>-->
        <!--<div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/6.png')); ?>"></div>-->
        <!--<div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/7.png')); ?>"></div>-->
        <!--<div class="brand-item"><img src="<?php echo e(asset('assets/images/brands/8.png')); ?>"></div>-->

    </div>
</div>





<?php $__env->startPush('script'); ?>
<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>

<script>
document.addEventListener('DOMContentLoaded', function () {
    new Swiper('.mySwiper', {
        loop:true,
        autoplay:{
            delay:6000,
            disableOnInteraction:false,
        },
        
        speed:1200,
        effect:'slide',
        pagination:{
            el:'.swiper-pagination',
            clickable:true,
        },
        navigation:{
            nextEl:'.swiper-button-next',
            prevEl:'.swiper-button-prev',
        },
    });
});
</script>
<?php $__env->stopPush(); ?>



<?php /**PATH /home/wwwlifelinehealt/public_html/lotto-fiesta.lifelinehealthcare.com.pk/core/resources/views/templates/basic/sections/cta.blade.php ENDPATH**/ ?>