<div class="container">
                <div class="row">
                    <div class="col-md-8 text-center col-md-offset-2 pv-20">
                        <h1 class="title object-non-visible" data-animation-effect="fadeIn" data-effect-delay="100"><?php the_title(); ?></h1>
                        <div class="separator object-non-visible mt-10" data-animation-effect="fadeIn" data-effect-delay="100"></div>
                        <h4 class="text-center object-non-visible" data-animation-effect="fadeIn" data-effect-delay="100"><?php the_excerpt(); ?></h4>
                    </div>
                </div>
            </div>

<!-- Blog Area -->
        <div class="<?php appointment_post_layout_class(); ?>" >
            <?php
                if ( have_posts() ) :
                // Start the Loop.
                    while ( have_posts() ) : the_post();
                        get_template_part('content','');
                    endwhile;
                 endif;



                // Previous/next page navigation.
                the_posts_pagination( array(
                'prev_text'          => '<i id="pagination" class="fa fa-angle-double-left"></i>',
                'next_text'          => '<i id="pagination" class="fa fa-angle-double-right"></i>',
                ) );
                ?>
        </div>
        <!-- /Blog Area -->