 <?php /****************************************** استدعاء الخدمات فى الصفحة الرئيسية ***************************************/ ?>
 <section  class="header_back"  >
    	<div class="container" style='max-width:1200px;'>

			 <div class="row" style='padding-top:50px;padding-bottom:50px;'>
				 
	
				<div class="section-header" style="text-align:center;">
					<h2 class="section-title slide" style="visibility: visible; animation-duration: 1000ms; animation-delay: 0.3s; animation-name: fadeIn;">
					  <span class='title_icon_right_cont'>
						<i class="las la-braille title_icon blue" >	</i>
						<i class="las la-braille title_icon blue" ></i>	
						<i class="las la-braille title_icon blue" ></i>	
						<i class="las la-braille title_icon blue" ></i>					
					  </span>			  
					  <span style='margin: 0 auto;display: inline-block;font-size: 26px;line-height: 30px;'>خدماتنا 
							<br> 
							<span style='color:#1890ff;font-weight:200;font-size: 14px'>نوفر لكم العديد من الخدمات</span>
					  </span>
					  <span class='title_icon_left_cont'>
						<i class="las la-braille title_icon blue" ></i>	
						<i class="las la-braille title_icon blue" ></i>	
						<i class="las la-braille title_icon blue" ></i>	
						<i class="las la-braille title_icon blue" ></i>					
					  </span>
					</h2>
				</div>

						<?php
								//اعادة استخدام الاستعلام السابق الخاص بالخدمات
								mysqli_data_seek($services_cat_result,0);
								$i=0;
								// ايكونات الخدمات فى مصفوفة
								$icons=['las la-truck-pickup','las la-hand-holding-heart','las la-hands-helping','las la-globe','las la-seedling','las la-users-cog',];
								//بداية التكرار وطباعة الخدمات
								while($services_cat_fetch = mysqli_fetch_array($services_cat_result)) {
   		 $services_cat_fetch = clean_array($services_cat_fetch);	
	
									   /*استخراج جميع الصور*/  
									  $current_image=explode(",",$services_cat_fetch['images']);
									  $current_image=explode('.',$current_image[1]);
																		
									   /*الصورة الاساسية*/  
									  $first_image= $current_image[0].'_480'.'.webp';
									  $page_title=$services_cat_fetch['title'];

						?>

						
							<div class='col-lg-3 col-md-4 col-sm-6 col-12 ' style='padding-right:10px;padding-left:10px;'>
								<div class='div_hover'>   
									
									<a   style='height:100px;margin-bottom:20px;background:url(<?php echo $img_path; ?>departs_services/<?php echo $first_image; ?> ) center center ' rel='nofollow' href="<?php echo $website_url ;?>/service/<?php echo $services_cat_fetch['id']; ?>/<?php echo  url_dash($services_cat_fetch['title']); ?>"
										class='depart_img' 
									>
											<div class='depart_table' style='z-index:2'>
												<div class="depart_cell" style=''>
												<div style='margin-top:0px;'>
													<?php echo $services_cat_fetch['title']; ?>
												</div>
												</div>
											</div>
											<div style='background:rgba(0,0,0,0.5);height:100%;width:100%;position:absolute;top:0px;z-index:1;'></div>


									
									</a>
									

			
								</div>
	 
							</div>

							
						<?php $i++; } ?>
						
						
					
										
				
			
			</div>

                
				
			
 
			
        </div>
    </section>
