<?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-5">
                <div class="about-style1-content-box style1instyle2">
                    <div class="sec-title">
                        <h5>//<span><?php the_field('first_section_first_title'); ?></span>//</h5>
                        <h2><?php the_field('first_section_second_title'); ?><span class="round-box zoominout"></span></h2>
                    </div> 
                    <div class="inner-content">
                        <div class="text">
							<?php the_field('first_section_content'); ?>
                        </div>
                        <div class="button-box">
                            <a class="btn-one" href="#"><span class="txt">Make Appointment</span></a> 
                            <a class="btn-one style2 marleft" href="tel:<?=html_entity_decode( get_option( 'option_9' ) )?>">
                                <i class="fa fa-phone" aria-hidden="true"></i><span class="txt"><?=html_entity_decode( get_option( 'option_9' ) )?></span>
                            </a>
                        </div>
                    </div>   
                </div> 
            </div>
            
            <div class="col-xl-7">
                <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-->


	
<!--Start TAKE A TOUR Area-->
<!-- <section class="about-style2-area p-0 bg-light">
    <div class="container">
        <div class="row justify-content-center">
		<div class="col-xl-12 text-center">	
         <div class="about-style1-content-box style1instyle2">
	     <div class="sec-title">
		  <h2>TAKE A TOUR</h2>
	    </div> 	
		<div class="rotatingglobe"><p><iframe loading="lazy" style="border: 0;" src="https://www.google.com/maps/embed?pb=!4v1643121990399!6m8!1m7!1sCAoSLEFGMVFpcE5NTW5haDJOb1Nnb3RGQy1xWkJQOW5DN1Zmb2ZETnVlR2RJX01a!2m2!1d43.55132339728095!2d-79.68802316724646!3f310.9!4f-5.950000000000003!5f0.4000000000000002" width="100%" height="600px" allowfullscreen="allowfullscreen"></iframe></p></div>	 
	   </div>
	  </div>
	 </div>      
    </div>
</section> -->
<!--END TAKE A TOUR Area-->	
	
	
	
<div class="about-area" style="background: url(<?php echo get_stylesheet_directory_uri();?>/assets/images/breadcrumb/aboutcontbg.jpg) fixed;">
         <div class="container">
            <div class="row justify-content-end">
               <div class="col-lg-12 col-md-12 col-12">
                  <div class="about_text">
                      <h3><?php the_field('second_section_first_title'); ?></h3>   
					  <h4><?php the_field('second_section_second_title'); ?></h4>
					  <?php the_field('second_section_content'); ?>
					  </div>
               </div>
            </div>
         </div>
      </div>	
	
	
	
	
<!--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="video-holder-box style2 text-center" style="background-image: url(<?php the_field('third_section_image'); ?>)">
                </div>
            </div>
            <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
                <div class="about-style1-content-box style1instyle2">
                    <div class="sec-title">
                      <h5>//<span><?php the_field('third_section_first_title'); ?></span>//</h5>
                        <h2><?php the_field('third_section_second_title'); ?></h2>
                    </div> 
                    <div class="inner-content">
                        <div class="text">
							<?php the_field('third_section_content'); ?>
							</div>
                        <div class="button-box">
                            <a class="btn-one" href="#"><span class="txt">Make Appointment</span></a> 
                            <a class="btn-one style2 marleft" href="tel:<?=html_entity_decode( get_option( 'option_9' ) )?>">
                                <i class="fa fa-phone" aria-hidden="true"></i><span class="txt"><?=html_entity_decode( get_option( 'option_9' ) )?></span>
                            </a>
                        </div>
                    </div>   
                </div> 
            </div>
        </div>
    </div>
</section>
<!--End About Style2 Area-->	
	
	
	
	
	
<!--Start Testimonial style1 Area-->
<section class="testimonial-style1-area">
    <div class="container">
        <div class="sec-title text-center">
            <h2><?php the_field('forth_section_title'); ?><span class="round-box zoominout"></span></h2>
        </div>
        <div class="row"> 
            <div class="col-xl-12 col-lg-12">
                <div class="testimonial-carousel owl-carousel owl-theme">
                    <?php if(have_rows('forth_section_points')): ?>
        <?php $i=0; while(have_rows('forth_section_points')): ?>
         <?php the_row(); ?>
                    <!--Start Single Testimonial Style1-->
                    <div class="single-testimonial-style1  wow fadeInUp" data-wow-delay="100ms" data-wow-duration="1500ms">
                        <div class="img-holder">
                            <img src="<?php the_sub_field('image'); ?>" alt="Awesome Image">
                        </div>
                        <div class="text-holder">
                            <h2><?php the_sub_field('name'); ?></h2>
                            <span></span>     
                            <div class="text-box">
                                <p><?php the_sub_field('content'); ?></p>
                            </div>
                        </div>
                    </div>
                    <?php $i++; endwhile; ?>
      <?php endif; ?>
                    <!--End Single Testimonial Style1-->
                    
                    
                </div>
            </div>
        </div>
    </div>
</section>
<!--End Testimonial Style1 Area-->	
	
		
	
	
	
	

<!--Start Faq Style1 Area-->
<section class="faq-style1-area">
    <div class="container">
        <div class="row">
           
            <div class="col-lg-6">
                <div class="faq-style1-image-box">
                    <div class="faq-top">
                        <img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/resources/faq-top-image.jpg" alt="">
                    </div>
                    <div class="faq-main-image">
                        <img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/resources/faq-main-image.jpg" alt="">
                        <div class="box zoominout"></div>
                    </div>
                    <div class="faq-bottom">
                        <img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/resources/faq-bottom-image.jpg" alt="">
                    </div>    
                </div>    
            </div>
            
            <div class="col-lg-6">
                <div class="faq-left-content style2">
                    <div class="sec-title">
                        <h5>//<span><?php the_field('fifth_section_first_title'); ?></span>//</h5>
                        <h2><?php the_field('fifth_section_second_title'); ?></h2>
                    </div>
                    <div class="accordion-box style2">
                         <?php if(have_rows('fifth_section_points')): ?>
        <?php $i=0; while(have_rows('fifth_section_points')): ?>
         <?php the_row(); ?>
                        <!--Start single accordion box-->
                        <div class="accordion accordion-block">
                            <div class="accord-btn"><h4><?php the_sub_field('question'); ?></h4></div>
                            <div class="accord-content">
                                <p><?php the_sub_field('answer'); ?>/p>
                            </div>
                        </div>
                        <!--End single accordion box-->
                        <?php $i++; endwhile; ?>
      <?php endif; ?>
                    </div> 
            
                </div>
            </div>
            
            
           
        </div>
    </div>
</section>
<!--End Faq Style1 Area-->
<?php get_footer(); ?>