<?php 
/*
Template Name: Case Study
*/ 

get_header('new');
?>

<section class="section banner case-study-banner">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="text-cont">
                    <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"><?php echo get_field('banner_left_button_text'); ?></a>
                        <a href="<?php echo get_field('banner_right_button_link_'); ?>" class="border-gradient-btn animated-btn"><?php echo get_field('banner_right_button_text'); ?></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="img-cont d-block text-center">
					<?php
	$desktop_img_url = get_field('columns_right_image');
	$mobile_img_url  = get_field('columns_right_image_mobile');
?>
    <picture>
        <source class="no-lazy" media="(max-width: 767px)" srcset="<?php echo $mobile_img_url ? $mobile_img_url : $desktop_img_url ?>">
        <img src="<?php echo $desktop_img_url;?>" loading="eager" fetchpriority="high" decoding="async" width="490" height="503" class="img-fluid no-lazy" alt="<?php echo strip_tags( get_field('banner_title') ); ?>">
    </picture>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- case studies start -->
<?php 
$portfolio = ['slider' => false];
get_template_part('templates-parts/pages/case-studies',null,$portfolio);?>
<!-- case studies end -->



<!-- contact form -->
<?php
      
        get_template_part('templates-parts/pages/contact-form');
    ?>
<!-- contact form -->

<?php get_footer();?>