<div class="html-overlay"></div>
<!----------site-footer------------>
<footer class="footer bg-style" style="background-image: url('<?php echo get_stylesheet_directory_uri();?>/images/footer-bg.png'); border-top: 15px solid #a37e2c;">
    <div class="footer-header">
        <div class="header-top" style="height: auto !important; padding: 20px 0px !important">
            <div class="header-top-inner">
                <div class="container">
                    <div class="header-topbar">
                        <p><?php the_field('footer_description','option');?></p>
                        <a href="tel:<?php the_field('footer_phone_no','option');?>" class="phone-number"><i class="fa fa-phone" style="padding-right:10px;" aria-hidden="true"></i><?php the_field('footer_phone_no','option');?></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-top">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-3 col-sm-6 col-12">
                    <div class="footer-item">
                        <div class="footer-contact">
                            <div class="contant-info">
                                <h2><img src="<?php echo get_stylesheet_directory_uri();?>/images/footer-icon-img1.png"> <?php the_field('footer_section_1','option');?></h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 col-12">
                    <div class="footer-item">
                        <div class="footer-contact">
                            <div class="contant-info">
                                <h2><img src="<?php echo get_stylesheet_directory_uri();?>/images/footer-icon-img2.png"> <?php the_field('footer_section_2','option');?></h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-5 col-sm-6 col-12">
                    <div class="footer-item">
                        <div class="footer-contact">
                            <div class="contant-info">
                                <h2><img src="<?php echo get_stylesheet_directory_uri();?>/images/footer-icon-img3.png"> <?php the_field('footer_section_3','option');?></h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>    
    </div>
    <div class="footer-bottom">
        <div class="container">
           <div class="footer-discretion">
                 <p class="copy"><?php the_field('copywriter_text','option');?><br> </p>
            </div> 
        </div>    
    </div>
</footer>
<?php wp_footer(); ?>


<script>
    jQuery("#nav-toggle").click(function(event){
        event.stopPropagation();
        jQuery(this).toggleClass("open");
        jQuery(".main-navigation-outer").toggleClass("open-menu");
        jQuery(".html-overlay").toggleClass("active");
        jQuery("body").toggleClass("overflow-hidden");
    });

    //toogle-menu
        //toogle-menu
        jQuery('.toogle-menu').click(function() {

  jQuery('.main-nav').toggleClass('opening');
  

});
</script>

</body>
</html>