<?php 
$backgroundcolor = $instance['backgroundcolor'];

$bigtitle = $instance['bigtitle'];
$button_text = $instance['button_text'];

 $image_url1 = "";
                if ( $instance['image1'] != '' ){
                    $image_url1 = wp_get_attachment_image_src( $instance['image1'], "swap-small-about", true );
                }
				$image_url2 = "";
                if ( $instance['image2'] != '' ){
                    $image_url2 = wp_get_attachment_image_src( $instance['image2'], "swap-small-about", true );
                }
				$image_url3 = "";
                if ( $instance['image3'] != '' ){
                    $image_url3 = wp_get_attachment_image_src( $instance['image3'], "swap-small-about", true );
                }
				$image_url4 = "";
                if ( $instance['image4'] != '' ){
                    $image_url4 = wp_get_attachment_image_src( $instance['image4'], "swap-small-about", true );
				}
				$image_url5 = "";
				if ( $instance['image5'] != '' ){
                    $image_url5 = wp_get_attachment_image_src( $instance['image5'], "swap-small-about", true );
                }
				$image_url6 = "";
                if ( $instance['image6'] != '' ){
                    $image_url6 = wp_get_attachment_image_src( $instance['image6'], "swap-small-about", true );
                }
				$image_url7 = "";
                if ( $instance['image7'] != '' ){
                    $image_url7 = wp_get_attachment_image_src( $instance['image7'], "swap-small-about", true );
                }
				$image_url8 = "";
                if ( $instance['image8'] != '' ){
                    $image_url8 = wp_get_attachment_image_src( $instance['image8'], "swap-small-about", true );
				}
				$image_url9 = "";
				if ( $instance['image9'] != '' ){
                    $image_url9 = wp_get_attachment_image_src( $instance['image9'], "swap-small-about", true );
                }
				$image_url10 = "";
                if ( $instance['image10'] != '' ){
                    $image_url10 = wp_get_attachment_image_src( $instance['image10'], "swap-small-about", true );
                }
				$image_url11 = "";
                if ( $instance['image11'] != '' ){
                    $image_url11 = wp_get_attachment_image_src( $instance['image11'], "swap-small-about", true );
                }
				$image_url12 = "";
                if ( $instance['image12'] != '' ){
                    $image_url12 = wp_get_attachment_image_src( $instance['image12'], "swap-small-about", true );
                }


?>	




<section class="about px-50 gradient-bg-4 pt-120 pb-120 mt-30 mmt-25 ">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="about-content mb-35">
                            <div class="sec-title">
                                <span class="xb-item--subtitle"><?php echo esc_attr( $instance['tagline'] ); ?></span>
                                <h2 class="xb-item--title" data-cursor="-opaque"><?php echo esc_attr( $instance['title'] ); ?></h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6 mt-30">
                        <div class="counceling-about-image ul_li">
                            <div class="xb-item--image wow fadeIn" data-wow-delay="0ms" data-wow-duration="400ms" data-cursor="-opaque">
                                <img src="<?php echo esc_url( $image_url1[0] ); ?>" alt="<?php echo get_bloginfo('name'); ?>">
                            </div>
                            <div class="xb-item--image wow fadeIn" data-wow-delay="150ms" data-wow-duration="400ms" data-cursor="-opaque">
                                <img src="<?php echo esc_url( $image_url2[0] ); ?>" alt="<?php echo get_bloginfo('name'); ?>">
                            </div>
                            <div class="xb-item--image wow fadeIn" data-wow-delay="300ms" data-wow-duration="400ms" data-cursor="-opaque">
                                <img src="<?php echo esc_url( $image_url3[0] ); ?>" alt="<?php echo get_bloginfo('name'); ?>">
                            </div>
                            <div class="xb-item--image wow fadeIn" data-wow-delay="350ms" data-wow-duration="400ms" data-cursor="-opaque">
                                <img src="<?php echo esc_url( $image_url4[0] ); ?>" alt="<?php echo get_bloginfo('name'); ?>">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 mt-30">
                        <div class="counceling-about-content">
                            <h3 class="xb-item--title"><?php echo esc_attr( $instance['title1'] ); ?></h3>
                            <div class="xb-item--content"><?php echo wp_kses_post( $instance['content'] ); ?></div>
                            <div class="counceling-about-btn mt-50">
                               <a href="<?php echo sow_esc_url_raw( $instance['button_url2'] ); ?>" class="thm-btn thm-btn--sm thm-btn--primary mw-238">
                                        <span><?php echo esc_attr( $instance['button_text2'] ); ?></span>
                                    </a>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
		
		
		
		 <!-- about start -->
        <section class="about pt-120 pb-120 px-50">
            <div class="container-fluid">
                <div class="row mt-none-30">
                    <div class="col-xl-6 mt-30">
                        <div class="about-inner text-center">
						<div class="mh-about-content">
                                <div class="sec-title sec-title--two">
                                    <h2 class="xb-item--title mb-25" data-cursor="-opaque"><?php echo esc_attr( $instance['title2'] ); ?></h2>
                                    <div class="xb-item--content"><?php echo wp_kses_post( $instance['content1'] ); ?></div>
                                </div>
                                <div class="mh-about-btn mt-45">
                                    <a href="<?php echo sow_esc_url_raw( $instance['button_url1'] ); ?>" class="thm-btn thm-btn--sm thm-btn--primary mw-238">
                                        <span><?php echo esc_attr( $instance['button_text1'] ); ?></span>
                                    </a>
                                </div>
                            </div>
                             <div class="mh-about-image ul_li mb-90">
                                <div class="xb-item--image wow fadeIn" data-wow-delay="0ms" data-wow-duration="500ms">
                                    <img src="<?php echo esc_url( $image_url5[0] ); ?>" alt="<?php echo get_bloginfo('name'); ?>">
                                </div>
                                <div class="xb-item--image wow fadeIn" data-wow-delay="100ms" data-wow-duration="500ms">
                                    <img src="<?php echo esc_url( $image_url6[0] ); ?>" alt="<?php echo get_bloginfo('name'); ?>">
                                </div>
                                <div class="xb-item--image wow fadeIn" data-wow-delay="200ms" data-wow-duration="500ms">
                                    <img src="<?php echo esc_url( $image_url7[0] ); ?>" alt="<?php echo get_bloginfo('name'); ?>">
                                </div>
                                <div class="xb-item--image wow fadeIn" data-wow-delay="300ms" data-wow-duration="500ms">
                                    <img src="<?php echo esc_url( $image_url8[0] ); ?>" alt="<?php echo get_bloginfo('name'); ?>">
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    <div class="col-xl-6 mt-30">
                        <div class="about-funfact">
						<div class="mh-about-content">
                                <div class="sec-title sec-title--two">
                                    <h2 class="xb-item--title mb-25" data-cursor="-opaque"><?php echo esc_attr( $instance['title3'] ); ?></h2>
                                    <div class="xb-item--content"><?php echo wp_kses_post( $instance['content2'] ); ?></div>
                                     
								</div>
                                <div class="mh-about-btn mt-45">
                                    <a href="<?php echo sow_esc_url_raw( $instance['button_url2'] ); ?>" class="thm-btn thm-btn--sm thm-btn--primary mw-238">
                                        <span><?php echo esc_attr( $instance['button_text2'] ); ?></span>
                                    </a>
                                </div>
                            </div>
                            <div class="mh-about-image ul_li mb-90">
                                <div class="xb-item--image wow fadeIn" data-wow-delay="0ms" data-wow-duration="500ms">
                                    <img src="<?php echo esc_url( $image_url9[0] ); ?>" alt="<?php echo get_bloginfo('name'); ?>">
                                </div>
                                <div class="xb-item--image wow fadeIn" data-wow-delay="100ms" data-wow-duration="500ms">
                                    <img src="<?php echo esc_url( $image_url10[0] ); ?>" alt="<?php echo get_bloginfo('name'); ?>">
                                </div>
                                <div class="xb-item--image wow fadeIn" data-wow-delay="200ms" data-wow-duration="500ms">
                                    <img src="<?php echo esc_url( $image_url11[0] ); ?>" alt="<?php echo get_bloginfo('name'); ?>">
                                </div>
                                <div class="xb-item--image wow fadeIn" data-wow-delay="300ms" data-wow-duration="500ms">
                                    <img src="<?php echo esc_url( $image_url12[0] ); ?>" alt="<?php echo get_bloginfo('name'); ?>">
                                </div>
                            </div>
                           
                        </div>
                    </div>
                </div>
            </div>
        </section>