<style>
    .footer-banner-<?php echo e($component->id); ?> {
        --text-color-light: <?php echo e($component->text_color_light); ?>;
        --text-color-dark: <?php echo e($component->text_color_dark); ?>;
        --btn-color-light-1: <?php echo e($component->btn_color_light1); ?>;
        --btn-color-dark-1: <?php echo e($component->btn_color_dark1); ?>;
        --btn-text-color-light-1: <?php echo e($component->btn_text_color_light1); ?>;
        --btn-text-color-dark-1: <?php echo e($component->btn_text_color_dark1); ?>;
        --btn-color-light-2: <?php echo e($component->btn_color_light2); ?>;
        --btn-color-dark-2: <?php echo e($component->btn_color_dark2); ?>;
        --btn-text-color-light-2: <?php echo e($component->btn_text_color_light2); ?>;
        --btn-text-color-dark-2: <?php echo e($component->btn_text_color_dark2); ?>;
        --bg-color-light: <?php echo e($component->main_bg_color_light); ?>;
        --bg-color-dark: <?php echo e($component->main_bg_color_dark); ?>;
    }
</style>

<?php
    $textColor = empty($component->text_color_light) && empty($component->text_color_dark) ? 'text-color-14' : 'text-[var(--text-color-light)] dark:text-[var(--text-color-dark)]';

    $firstBtn = empty($component->btn_color_light1) && empty($component->btn_color_dark1) && empty($component->btn_text_color_light1) && empty($component->btn_text_color_dark1) ? 'text-color-14 bg-white' : 'text-[var(--btn-text-color-light-1)] dark:text-[var(--btn-text-color-dark-1)] bg-[var(--btn-color-light-1)] dark:bg-[var(--btn-color-dark-1)]';

    $secondBtn = empty($component->btn_color_light2) && empty($component->btn_color_dark2) && empty($component->btn_text_color_light2) && empty($component->btn_text_color_dark2) ? 'text-white bg-color-14' : 'text-[var(--btn-text-color-light-2)] dark:text-[var(--btn-text-color-dark-2)] bg-[var(--btn-color-light-2)] dark:bg-[var(--btn-color-dark-2)]';
    $bgColor = empty($component->main_bg_color_light) && empty($component->main_bg_color_dark) ? '' : 'bg-[var(--bg-color-light)] dark:bg-[var(--bg-color-dark)]';

?>

<?php echo do_action('handle_adsense_output_top',  $component); ?>

<div class="footer-banner-<?php echo e($component->id); ?>">
    <div class="relative 9xl:mx-[310px] 8xl:mx-40 lg:mx-16 md:mx-10 mx-5 sm:top-[111px] top-[72px] rounded-[40px] flex justify-center  
    <?php if($component->background_type == 'backgroundColor'): ?> <?php echo e($bgColor); ?> <?php endif; ?>" style="margin-top:<?php echo e($component->mt); ?>;margin-bottom:<?php echo e($component->mb); ?>;">
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($component->background_type == 'backgroundImage'): ?>
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(isset($component->main_bg_image_light) && !empty($component->main_bg_image_light)): ?> 
                <img class="absolute h-full rounded-[54px] md:rounded-0 w-full neg-transition-scale dark:hidden"
                    src="<?php echo e(pathToUrl($component->main_bg_image_light)); ?>" alt="">
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(isset($component->main_bg_image_dark) && !empty($component->main_bg_image_dark)): ?> 
                <img class="absolute h-full rounded-[54px] md:rounded-0 w-full neg-transition-scale hidden dark:block"
                    src="<?php echo e(pathToUrl($component->main_bg_image_dark)); ?>" alt="">
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        <div
            class="relative grid md:grid-cols-2 grid-cols-1 gap-5 6xl:gap-0">
            <div class="lg:pl-[72px] px-[26px] xl:mb-[86px] md:mb-10 mb-0 footer-banner">
                <p class="3xl:text-48 text-36 font-RedHat font-bold lg:pt-[68px] pt-[26px] <?php echo e($textColor); ?>">
                    <?php echo $component->heading; ?>

                </p>
                <p class="mt-4 3xl:text-18 text-16 font-normal font-Figtree <?php echo e($textColor); ?>">  <?php echo $component->body; ?> </p>
               
                <div class="flex mt-8 items-center gap-4 flex-wrap">
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($component->first_button == 1): ?>
                        <a href="<?php echo e(!empty($component->btn_link1) ? $component->btn_link1 : 'javascript:void(0);'); ?>" 
                            class="py-[13px] xs:px-7 px-3 rounded-lg text-16 font-semibold font-Figtree <?php echo e($firstBtn); ?>">
                            <?php echo $component->btn_name1; ?>

                        </a>
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($component->second_button == 1): ?>
                        <a href="<?php echo !empty($component->btn_link2) ? $component->btn_link2 : 'javascript:void(0);'; ?>"
                            class="text-16 font-semibold font-Figtree  py-[13px] xs:px-7 px-3 rounded-lg <?php echo e($secondBtn); ?>">
                            <?php echo $component->btn_name2; ?>

                        </a>
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                </div>
            </div>
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(isset($component->image) && !empty($component->image)): ?> 
                <img class="lg:-mt-[52px] lg:mb-10 -mb-[33px] lg:ml-0 sm:ml-7 xs:ml-[65px] m-auto lg:w-[479px] lg:h-[452px] md:w-[395px] md:h-[360px] w-[295px] h-[278px] holding-butterfly neg-transition-scale"
                    src="<?php echo e(pathToUrl($component->image)); ?>" alt="">
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        </div>
    </div>
</div>

<?php echo do_action('handle_adsense_output_bottom',  $component); ?>
<?php /**PATH /home/consuadmin/public_html/Modules/CMS/Resources/views/templates/blocks/footer-banner-template-v1.blade.php ENDPATH**/ ?>