<?php if (get_theme_mod('dinero_about_enable', true) == true) { ?>
	<!-- About Area Start -->
		
<div class="about-area" id="about">
		<div class="about-bg"></div>
		<div class="dinero-about-overlay-dark"></div>
			<div class="<?php if(get_theme_mod('dinero_about_section_width','Box Width') == 'Box Width'){ ?>container <?php } elseif(get_theme_mod('dinero_about_section_width','Box Width') == 'Full Width'){ ?> container-fluid <?php }?>">

			<?php
			$dinero_about_page_id = get_theme_mod('dinero_about_page');
			$dinero_abouttitle = get_theme_mod('dinero_about_section_title1', 'ABOUT US');
			$dinero_aboutsubtitle = get_theme_mod('dinero_about_subtitle', 'We Offer Best Creatives IT Solutions & Consulting Firm');
			$dinero_abouttext = get_theme_mod('dinero_about_text', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna .');
			$dinero_about_pagelist = get_theme_mod('dinero_about_page_list', '<ul>
			<li>Corporate Cash Management</li>
			<li>Cost According Fundamental</li>
			<li>According Procedures Guidebook</li>
			<li>Creative Websites Design</li>
			</ul>');
			?>
			<div class="row row-eq-height">
			<div class="col-md-6 col-sm-12 col-xs-12 <?php echo esc_attr(get_theme_mod('dinero_about_box_onload_effects','wow zoomIn')); ?>" data-wow-duration="2s">	
				<div class="inside-full-height">
					<div class="dinero-about-img">
						<?php 
						$dinero_about_image = get_theme_mod('dinero_about_image');
						if(!empty($dinero_about_image)){
							echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($dinero_about_image).'" class="img-responsive secondry-bg-img" />';
						}else{
							echo '<img alt="About us" src="'.get_template_directory_uri().'/images/about1.jpg" class="img-responsive" />';
						}

						?>
						
					</div>
				</div>
			</div>

			<div class="col-md-6 col-sm-12 col-xs-12 <?php echo esc_attr(get_theme_mod('dinero_about_box_onload_effects','wow zoomIn')); ?>" data-wow-duration="2s">
				<div class="inside-full-height">
				<?php if($dinero_abouttitle || $dinero_aboutsubtitle){ ?>
					<div class="dinero-section-head" style="text-align: <?php if(get_theme_mod('dinero_about_head_align','Left') == 'Left'){ ?> left <?php } elseif(get_theme_mod('dinero_about_head_align','Center') == 'Center'){ ?> center <?php } elseif(get_theme_mod('dinero_about_head_align','Right') == 'Right'){ ?> right <?php } ?> ">
						
						<?php if($dinero_abouttitle){ ?>
		                        <h2><?php echo ($dinero_abouttitle);  ?></h2>
		                        <?php }?>
						   <?php if( get_theme_mod('dinero_about_head_icon_enable','No') == 'Yes'){ ?>
      						<div class="dinero-section-head-icon">
  								<i class="<?php echo esc_attr(get_theme_mod('dinero_about_head_icon', 'fa fa-bell')); ?>"></i>
  							</div>
  							<?php }?>
						<h3><?php echo ($dinero_aboutsubtitle);  ?></h3>					
					</div>
				<?php }?>
				<div class="clearfix"></div>
				<div class="dinero-section-area-text">
					<?php echo ($dinero_abouttext);  ?>
				</div>
				<div class="dinero-section-area-textlist">
					<?php echo ($dinero_about_pagelist);  ?>
				</div>
				
				<div class="clearfix"></div>

					<?php
				      $dinero_aboutbutton = get_theme_mod('dinero_about_btn_txt', 'Read More'); 
				      $dinero_aboutbtnlink = get_theme_mod('dinero_about_btnlink', '#');
				    ?>

				      <?php if( get_theme_mod('dinero_about_button_display','show' ) == 'show') :
				        ?>  
				        <div class="dinero-about-btn">
				          <a href="<?php echo $dinero_aboutbtnlink ?>" target="_blank">      
				            <?php echo ($dinero_aboutbutton );  ?>
				          </a>
				       </div>
				        <?php endif ?>
				<div class="clearfix"></div>
			</div>
			</div>
			<div class="clearfix"></div>
			</div>
			</div>
			<div class="clearfix"></div>
	</div>
			<div class="clearfix"></div>
	</div>
	<!-- About Area End -->
<?php }  