<?php
$class = isset($args['class']) ? $args['class'] : '';

?>

<section class="section banner no-lazy <?php echo $class?>">
    <div class="container">
        <div class="row align-items-lg-center">
            <div class="col-lg-6">
                <div class="text-cont slide-right">
                    <h1 class="banner-heading"><?php echo get_field('banner_title'); ?></h1>
                   <p class="banner-content"><?php echo get_field('banner_description'); ?></p>
                    <div class="banner-btns">
                        <a href="<?php echo get_field('banner_left_button_link'); ?>" class="animated-cta-btn primary px-5">
                        <?php echo get_field('banner_left_button_text'); ?>
                            <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.598 0.299999H8.19L13.59 5.7L8.19 11.1H5.598L10.062 6.636H0.9V4.764H10.062L5.598 0.299999Z" fill="white"/>
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="img-cont slide-left h-100">
                    <img src="<?php echo get_field('columns_right_image'); ?>" alt="<?php echo strip_tags( get_field('banner_title') ); ?>" class="img-fluid" loading="lazy">
                </div>
            </div>
        </div>
    </div>
</section>