<!--Who We Are Section-->
<section class="who-we-are-section">
	<div class="auto-container">
		<div class="row clearfix">

			<!--Content Column-->
			<div class="content-column col-md-8 col-sm-12 col-xs-12">
				
				<?php if ( $whoare ) :  ?>
				
					<?php $count = 0; foreach ( $whoare as $who ) :
						  if ( $count % 2 === 0 ) {
							  $ex_class = '';
						  }	else {
							  $ex_class = 'pull-right';
						  }
					 ?>

						<!--We Are Section-->
						<div class="we-are-section">
							<div class="row clearfix">
								<div class="column <?php echo esc_attr( $ex_class );  ?> col-md-6 col-sm-6 col-xs-12">
									<!--Sec Title-->
									<div class="sec-title small">
										<h2><?php echo wp_kses_post( $who->title );  ?></h2>
									</div>
									<div class="text"><?php echo wp_kses_post( $who->text );  ?></div>
									<a class="read-more" href="<?php echo esc_url( $who->who_link ); ?>"><?php esc_html_e( 'Read More', 'buildark' );  ?> <span class="arrow fa fa-angle-right"></span></a>
								</div>
								<div class="column pull-left col-md-6 col-sm-6 col-xs-12">
									<div class="image">
										<img src="<?php echo esc_url( $who->who_img ); ?>" alt="<?php esc_attr_e('image', 'buildark');?>" />
									</div>
								</div>
							</div>
						</div>

					<?php $count++; endforeach; ?>
					
				<?php endif; ?>

			</div>
			<!--Image Column-->
			<div class="image-column col-md-4 col-sm-12 col-xs-12">
				<div class="image">
					<img src="<?php echo esc_url( $sec_img );  ?>" alt="<?php esc_attr_e('image', 'buildark');?>" />
				</div>
			</div>

		</div>
	</div>
</section>
<!--End Who We Are Section-->