<?php
   if ( ! defined( 'ABSPATH' ) ) {
     exit; // Exit if accessed directly
   }
   ?>
<?php get_header(); ?>
<?php $template_url = get_bloginfo ( 'template_url' ) . '/'; ?>
<?php 
   //to check if there is a post regarding the url access the page
   if (have_posts ()) :
     the_post(); 
   endif;
   $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'thumbnail' );
   if($url != "")
   {
   $img = $url; 
   }else{
   $img = $template_url."assets/images/breadcrumb/breadcrumb-1.png"; 
   }
?>
<!-- Breadcrumbs -->
<section class="breadcrumb-area" style="background-image: url(<?=$img?>);">
    <div class="banner-curve"></div>
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="inner-content clearfix text-center">
                    <div class="title wow slideInUp animated" data-wow-delay="0.3s" data-wow-duration="1500ms">
                       <h2><?php the_title();?><span class="dotted"></span></h2>
                    </div>
                    <div class="breadcrumb-menu wow slideInDown animated" data-wow-delay="0.3s" data-wow-duration="1500ms">
                        <ul class="clearfix">
                            <li><a href="<?php echo esc_url( home_url( '/' ) ); ?>">Home</a></li>
                            <li class="active"><?php the_title();?></li>
                        </ul>    
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--End breadcrumb area-->

<!--Start About Style2 Area-->
<section class="about-style2-area">
    <div class="container">
        <div class="row">
             <div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
                <div class="about-style1-content-box style1instyle2">
                    <div class="sec-title">
                        <h2> <?php the_field('first_section_title'); ?> <span class="round-box zoominout"></span></h2>
                    </div> 
                    <div class="inner-content">
                        <div class="text">
							<?php the_field('first_section_content'); ?>
							</div>
                       
                    </div>   
                </div> 
            </div>
			  <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
                <div class="video-holder-box style2 text-center" style="background-image: url(<?php the_field('first_section_image'); ?>)"></div>
            </div>
        </div>
    </div>
</section>
<!--End About Style2 Area-->
<div class="about-area mb-5" style="background: url(<?php echo get_stylesheet_directory_uri();?>/assets/images/breadcrumb/aboutcontbg.jpg) fixed;">
 <div class="container">
	<div class="row justify-content-center">
	   <div class="col-lg-12 col-md-12 col-12 text-center">
		  <div class="about_text">
			  <h4 class="text-white"><?php the_field('second_section_title'); ?></h4>
			 <?php the_field('second_section_content'); ?>
		  </div>
	   </div>
	</div>
 </div>
</div>	
<?php get_footer(); ?>