<?php
    $appointment_form =  kuza_medical_get_option('appointment_form');
    $appointment_background_img = kuza_medical_get_option( 'appointment_background_img');
    $home_layout = kuza_medical_get_option( 'homepage_design_layout_options');
    $appointment_title = kuza_medical_get_option( 'appointment_title');
    $appointment_subtitle = kuza_medical_get_option( 'appointment_subtitle');
    $section_title_font = kuza_medical_get_option( 'appointment_section_header_font_size');
    $section_subtitle_font = kuza_medical_get_option( 'appointment_subtitle_font_size');
?>
<style> 
    <?php if ($section_subtitle_font != 0): ?>
        #appointment .section-subtitle{
            font-size:<?php echo esc_html($section_subtitle_font); ?>px;
        }
    <?php endif ?>
    <?php if ($section_title_font != 0): ?> 
        #appointment .section-title{
            font-size:<?php echo esc_html($section_title_font); ?>px;
        }
    <?php endif ?>
</style>
<div class="appointment-section-wrapper ">
    <?php if ((!empty($appointment_background_img) && $home_layout=='home-fitness') ) {  ?>
        <div class="featured-image" style="background-image:url('<?php echo esc_url($appointment_background_img); ?>');">
        </div><!-- .author-thumbnail -->
    <?php } ?> 
    <div class="appointment-form-wrapper">
        <?php if ((!empty($appointment_title) && $home_layout=='home-fitness') ) {  ?>
            <div class="section-header">
                <?php if( !empty($appointment_title)):?>
                    <h2 class="section-title"><?php echo esc_html($appointment_title);?></h2>
                <?php endif;?>
                <?php if (!empty($appointment_subtitle)): ?>
                    <h3 class="section-subtitle"><?php echo esc_html($appointment_subtitle);?></h3>
                <?php endif; ?>
            </div>
        <?php } ?>
        <?php if ( ! empty( $appointment_form ) ) : 
            echo do_shortcode( wp_kses_post( $appointment_form ) ); 
        endif; ?>
    </div><!-- .appointment-form-wrapper -->
</div><!-- .appointment-section-wrapper -->