<?php if (get_theme_mod('peccular_aboutus_enable', true) == true) { ?>
	<!-- aboutus Area Start -->
		
<section class="aboutus-area" id="aboutus">
		<div class="aboutus-bg"></div>
			<div class="<?php if(get_theme_mod('peccular_aboutus_section_width','Box Width') == 'Box Width'){ ?>container <?php } elseif(get_theme_mod('peccular_aboutus_section_width','Box Width') == 'Full Width'){ ?> container-fluid <?php }?>">

				<?php
			$showStatic = true;
			for( $i = 1; $i < 7; $i++ ){
				$url = get_theme_mod('peccular_aboutus_section_url_'.$i, '#');
				$link = get_theme_mod('peccular_aboutus_section_link'.$i);
				$peccular_aboutus_section_id = get_theme_mod('peccular_aboutus_section_icon'); 
				if(!empty($peccular_aboutus_section_id)){
					$showStatic = true;
					break;
				}
			}


			$peccular_aboutus_section_id = get_theme_mod('peccular_aboutus_section');
			$peccular_aboutus_section_fnum = get_theme_mod('peccular_aboutus_section_fnum','11000+');
			$peccular_aboutus_section_firstpara = get_theme_mod('peccular_aboutus_section_firstpara','Wtgs Installed');
			$peccular_aboutus_section_snum = get_theme_mod('peccular_aboutus_section_snum','16000+');
			$peccular_aboutus_section_secondpara = get_theme_mod('peccular_aboutus_section_secondpara','Installed Capacity');
			$peccular_aboutus_section_callt = get_theme_mod('peccular_aboutus_section_callt','Call for help');
			$peccular_aboutus_section_callnum = get_theme_mod('peccular_aboutus_section_callnum','111-222-333');
			$peccular_aboutustitle = get_theme_mod('peccular_aboutus_section_title1', 'About Our Company ~');	
			$peccular_aboutustitle2 = get_theme_mod('peccular_aboutus_section_title2', 'Ready To <span>Foster Growth</span> Of Solar Energy');		
			$peccular_aboutustext = get_theme_mod('peccular_aboutus_text', 'There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which dont look even slightly');
			$peccular_aboutus_section_icon = get_theme_mod('peccular_aboutus_section_icon','fa fa-th');			
			$peccular_aboutus_solar_icon = get_theme_mod('peccular_aboutus_solar_icon','fa fa-home');			
			?>
			<div class="aboutus-body">
			<div class="row row-eq-height">

			<div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-xs-12  padding-0 circlehov <?php echo esc_attr(get_theme_mod('peccular_aboutus_box_onload_effects','wow zoomIn')); ?>" data-wow-duration="2s">
				 <?php if( get_theme_mod('aboutanimations_icon_display','show' ) == 'show') :
                            ?>
				<?php  
               echo '<img alt="about us" src="'.get_template_directory_uri().'/images/twosqu.png" class="twosqu" />';
              ?>	
						<?php  
               		echo '<img alt="about us" src="'.get_template_directory_uri().'/images/rightsnake.png" class="rightsnake" />';
               	?>	
                 <?php endif ?>   
               	<div class="peccular-aboutus-imgbox"></div>	
						<?php 
						$peccular_aboutus_image = get_theme_mod('peccular_aboutus_image');
						if(!empty($peccular_aboutus_image)){
							echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($peccular_aboutus_image).'" class="aboutimg" />';
						}else{
							echo '<img alt="our story" src="'.get_template_directory_uri().'/images/aboutimg.png" class="aboutimg" />';
						}
						?>		
						<?php if( get_theme_mod('aboutanimations_icon_display','show' ) == 'show') :
                            ?>
						<?php  
               		echo '<img alt="about us" src="'.get_template_directory_uri().'/images/leftsnake.png" class="leftsnake" />';
               	?>		
					<?php  
               echo '<img alt="about us" src="'.get_template_directory_uri().'/images/twosqu.png" class="twosqu2" />';
              ?>	
                
               	<div class="img-border"></div>	
               	 <?php endif ?>  						
			</div><!--col 6-->	

			<div class="col-1 solar-iconbox">
				<i class="<?php echo ($peccular_aboutus_solar_icon);  ?>"></i>
			</div>

			<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12  padding-0 space-abtblock <?php echo esc_attr(get_theme_mod('peccular_aboutus_box_onload_effects','wow zoomIn')); ?>" data-wow-duration="2s">


				<?php if($peccular_aboutustitle || $peccular_aboutustitle2){ ?>
					<div class="peccular-section-head" style="text-align: <?php if(get_theme_mod('peccular_aboutus_head_align','Left') == 'Left'){ ?> left <?php } elseif(get_theme_mod('peccular_aboutus_head_align','Center') == 'Center'){ ?> center <?php } elseif(get_theme_mod('peccular_aboutus_head_align','Right') == 'Right'){ ?> right <?php } ?> " style="text-transform : <?php if(get_theme_mod('peccular_features_title_case','Capitalize') == 'Capitalize'){ ?> Capitalize <?php } elseif(get_theme_mod('peccular_features_title_case','Lowercase') == 'Lowercase'){ ?> lowercase <?php } elseif(get_theme_mod('peccular_features_title_case','Uppercase') == 'Uppercase'){ ?> Uppercase <?php } ?>">
						
						<?php if($peccular_aboutustitle || $peccular_aboutustitle2 ){ ?>
							<?php if($peccular_aboutustitle ){ ?>
		                        <h2><?php echo ($peccular_aboutustitle);  ?></h2> 
		                <?php }?>	
		                        <h3><?php echo ($peccular_aboutustitle2);  ?></h3>  	 		                        
		                  <?php }?>						  				
					</div>
					<?php }?>
					<div class="clearfix"></div>
					<div class="peccular-section-subtext">
						<p><?php echo ($peccular_aboutustext); ?></p>
					</div>
					<div class="row installed-box">
						<div class="col-md-6">
						<i class="<?php echo ($peccular_aboutus_section_icon);  ?>"></i>							
							<!-- <span><?php echo $peccular_aboutus_section_icon; ?></span>		 -->
							<h3 class="num"><?php echo $peccular_aboutus_section_fnum; ?></h3>	
							<p class="para"><?php echo $peccular_aboutus_section_firstpara; ?></p>				
						</div>
						<div class="col-md-6">							
								<i class="<?php echo ($peccular_aboutus_section_icon);  ?>"></i>
							<h3 class="num"><?php echo $peccular_aboutus_section_snum; ?></h3>	
							<p class="para"><?php echo $peccular_aboutus_section_secondpara; ?></p>				
						</div>						
					</div>					
				<div class="contact-box row">
					<div class="col-sm-5 pt-sm-4">
					 <?php
	                  $peccular_about_acbutton_text = get_theme_mod('peccular_about_acbutton_text', 'contact us'); 
	                  $peccular_aboutmyaccounturl = get_theme_mod('peccular_aboutmyaccounturl', 'Add "about Button" link here');
               		?>
               <?php if( get_theme_mod('peccular_about_sbutton_enable',true) == true){ ?>
               	<?php if($peccular_about_acbutton_text){ ?>
                  <a href="<?php echo $peccular_aboutmyaccounturl; ?>" class="about-shopbtn btn-hover color-11" title="aboutread"><?php echo ($peccular_about_acbutton_text );  ?><i class="fa fa-long-arrow-right ps-3" ></i></a>
                   <?php }?>
               <?php }?> 	
               </div>
               <div class="col-sm-7 row sec-btn">
               	<?php if($peccular_aboutus_section_callt || $peccular_aboutus_section_callnum ){ ?>
               	<div class="col-2">
               		<i class="fa fa-phone" aria-hidden="true"></i>
               	</div>
               	<div class="col-10 ps-md-5 pt-2">

               		<h3 class=""><?php echo $peccular_aboutus_section_callt; ?></h3>
               		<p class=""><?php echo $peccular_aboutus_section_callnum; ?></p>
               	</div>
                <?php }?>	
               </div> 
            </div>	
								
			</div><!--col 6-->
			
			
			</div>
			
			</div>
			</div>
			<div class="clearfix"></div>
	</section>
		
	
	<!-- aboutus Area End -->
<?php }  