<!----------------------------------------صفحة الفوتر------------------------------------------------->

    <footer style='background:#f7fafc;padding-top: 50px;'>
	
			<?php include('subscribe.php'); ?>
			
			
			<div class='backcolor_1 footer_map'>
		  
			<?php 
			
				include('generate_map.php');
				// توليد كود التضمين
				if ($coords) {
					echo generateEmbedCode($coords['lat'], $coords['lng']);
				}
			
			?>
		  
		  
		  </div>
	

		<div class="footer-area">

        <div class="container" style='position: relative;z-index: 5;padding-top: 120px;'>

            <div class="row justify-content-between">
				
				<div class='col-12' style='text-align:center;margin-bottom:25px;'>
				
					<div class="section-header" style="text-align:center;">
						<h2 class="section-title slide" style="padding:0px;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;'  >
							    <img class= "logo_footer wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.1s" style='width:200px;' loading='lazy'  src='<?php echo $img_path; ?>logo.webp' alt='<?php echo $_SESSION['comp_title'];?> Logo'/>
						  </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>
				
				
				</div>

				<div class='col-lg-4 col-12'><img class= "logo_footer wow flipInY" data-wow-duration="1s" data-wow-delay="0.2s" style='xanimation-iteration-count: 3;height: 70px;filter: brightness(5000);margin-bottom:20px;' src='<?php echo $img_path; ?>svgs/center.svg'/></div>
                <div class="col-lg-8 col-12 " >

                    <div class="single-footer-widget footer_1">

					


						<div class="contact_info row">


							<?php if($_SESSION['comp_address1'] !=''){ ?>   <p class="col-lg-4 col-md-6 col-12 wow flipInY" data-wow-duration="1s" data-wow-delay="0.4s" ><span class='las la-map-marker' ></span> <?php echo $_SESSION['comp_address1']?> </p>   <?php }?>
			
							<?php if($_SESSION['comp_mobile1'] !='' && $_SESSION['comp_mobile1'] !='0'){ ?>   <p class="col-lg-4 col-md-6 col-12 wow flipInY" data-wow-duration="1s" data-wow-delay="0.4s"><span class='las la-phone' ></span><a  rel='nofollow'  class='inactive' href='tel:<?php echo $_SESSION['comp_mobile1']?>'> <?php echo $_SESSION['comp_mobile1']?></a> </p>   <?php }?>

							<?php if($_SESSION['comp_mobile2'] !='' && $_SESSION['comp_mobile2'] !='0'){ ?>   <p class="col-lg-4 col-md-6 col-12 wow flipInY" data-wow-duration="1s" data-wow-delay="0.4s" ><span class='las la-phone' ></span><a  rel='nofollow'  class='inactive' href='tel:<?php echo $_SESSION['comp_mobile2']?>'> <?php echo $_SESSION['comp_mobile2']?></a> </p>   <?php }?>

							<?php if($_SESSION['comp_email1'] !=''){ ?>   <p class="col-lg-4 col-md-6 col-12 wow flipInY" data-wow-duration="1s" data-wow-delay="0.4s"><span class='las la-envelope' ></span><a  rel='nofollow'  class="footer_link_none inactive" href="mailto:<?php echo $_SESSION['comp_email1']?>"> <?php echo $_SESSION['comp_email1']?></a> </p>  <?php }?>

							<?php if($_SESSION['comp_email2'] !=''){ ?>   <p class="col-lg-4 col-md-6 col-12 wow flipInY" data-wow-duration="1s" data-wow-delay="0.4s"><span class='las la-envelope' ></span><a  rel='nofollow'  class="footer_link_none inactive" href="mailto:<?php echo $_SESSION['comp_email2']?>"> <?php echo $_SESSION['comp_email2']?></a> </p>  <?php }?>

							
							
							<div class="social_icon col-lg-4 col-md-6 col-12 logo_footer wow flipInY" data-wow-duration="1s" data-wow-delay="0.4s">

                         

							<?php if($_SESSION['comp_face']!=''){ ?>

							<a style='border:0'  rel='nofollow'  class="bottom_social  inactive   lab la-facebook-f" target="_blank"  href="<?php echo $_SESSION['comp_face']?>" title='<?php echo $_SESSION['comp_title'];?> على الفيسبوك '></a>	

							<?php } if($_SESSION['comp_google']!=''){?>

							<a style='border:0'  rel='nofollow'  class="bottom_social  inactive  lab la-google-plus" target="_blank"  href="<?php echo $_SESSION['comp_google']?>" title='<?php echo $_SESSION['comp_title'];?> على جوجل بلاس'></a>

							<?php } if($_SESSION['comp_twitter']!=''){?>

							<a style='border:0'  rel='nofollow'  class="bottom_social  inactive  lab la-twitter" target="_blank"  href="<?php echo $_SESSION['comp_twitter']?>" title='<?php echo $_SESSION['comp_title'];?> على تويتر '></a>	

							<?php } if($_SESSION['comp_youtube']!=''){?>

							<a style='border:0'  rel='nofollow'  class="bottom_social  inactive  lab la-youtube" target="_blank"  href="<?php echo $_SESSION['comp_youtube'];?>" title='<?php echo $_SESSION['comp_title'];?> على يوتيوب'></a>	

							<?php } if($_SESSION['comp_instagram']!=''){?>

							<a style='border:0'  rel='nofollow'  class="bottom_social  inactive  lab la-instagram" target="_blank"  href="<?php echo $_SESSION['comp_instagram']?>" title='<?php echo $_SESSION['comp_title'];?> على انستجرام'></a>	

							<?php }  if($_SESSION['comp_pinterest']!=''){?>

							<a style='border:0'  rel='nofollow'  class="bottom_social  inactive  lab la-pinterest-p" target="_blank"  href="<?php echo $_SESSION['comp_pinterest']?>" title='<?php echo $_SESSION['comp_title'];?> على بينتريست'></a>	

							<?php } if($_SESSION['comp_linkedin']!=''){?>

							<a style='border:0'  rel='nofollow'  class="bottom_social  inactive  lab la-facebook-f" target="_blank"  href="<?php echo $_SESSION['comp_linkedin']?>" title='<?php echo $_SESSION['comp_title'];?> على لينكيد ان'></a>	

							<?php } ?>
	
                        </div>
						
						
						</div>


                        

                      
                    </div>

                </div>

      
			</div>

				



               

				</div>

			</div>

			

			

			  <div class="copyright_part">

            <div class="container">

                <div class="row">

                    <div class="col-lg-6 col-md-6 text-center text-lg-right" style='margin-top:11px;line-height:26px;'>

					 جميع الحقوق محفوظة ل<?php echo $_SESSION['comp_title']; ?>  &copy;<script>document.write(new Date().getFullYear());</script> 

					</div>

					<div class="col-lg-6 col-md-6 text-left" style='margin-top:10px;' >

					<div style='text-align:center;margin:0 auto;width:180px;'> <a rel='nofollow'   rel='nofollow'  class='inactive' target='_blank' href='https://radtech.sa'><span style='height: 30px;line-height: 30px;'>  بدعم من : </span> <img loading='lazy' alt='مؤسسة الاشعاع الرقمى' style="filter: brightness(11111);margin-top: 8px;height: 30px;" src="<?php echo $img_path; ?>radtech.webp" height="30"> </a> </div>

					</div>

                </div>

            </div>

        </div>

    </footer>




	<?php //استدعاء بوتستراب ?>
    <script   src="js/bootstrap.min.js"></script>
	<?php //استدعاء واو ?>
	<script  src="js/wow.min.js"></script>
	<?php //تشغيل واو ?>
	
<script>
  var wow = new WOW({
    // إذا كنت تستخدم Animate.css v4 فعّل هذا السطر:
    // animateClass: 'animate__animated'
  });
  wow.init();

  // دالة لإعادة تشغيل الأنيميشن لعنصر محدد
  function replayWow(el) {
    var animateClass = wow.config && wow.config.animateClass ? wow.config.animateClass : 'animated';

    // إزالة الأنيميشن السابق
    el.classList.remove(animateClass);
    el.style.removeProperty('animation-name');
    el.style.removeProperty('animation-duration');
    el.style.removeProperty('animation-delay');
    el.style.removeProperty('animation-iteration-count');

    // إعادة تطبيق ستايل WOW
    if (typeof wow.applyStyle === 'function') {
      wow.applyStyle(el, true);
    }

    // تأخير بسيط ثم تشغيل الحركة من جديد
    setTimeout(function() {
      if (typeof wow.show === 'function') {
        wow.show(el);
      }
    }, 50);
  }

  // ✅ استخدام IntersectionObserver مع تحكم ذكي في حالة العنصر
  if ('IntersectionObserver' in window) {
    var io = new IntersectionObserver(function(entries) {
      entries.forEach(function(entry) {
        var el = entry.target;

        // ندخل العنصر في الشاشة
        if (entry.isIntersecting && !el.classList.contains('is-animating')) {
          el.classList.add('is-animating'); // 🔒 قفل المراقبة مؤقتًا
          replayWow(el);

          // ننتظر نهاية الأنيميشن، ثم نسمح له بالتكرار لاحقًا
          el.addEventListener('animationend', function handler() {
            el.classList.remove('is-animating'); // 🔓 فتح القفل
            el.removeEventListener('animationend', handler);
          });
        }
      });
    }, { threshold: 0.5 }); // نصف العنصر يجب أن يظهر لتفعيل الأنيميشن

    // مراقبة جميع العناصر
    document.querySelectorAll('.wow').forEach(function(el) {
      io.observe(el);
    });
  }
</script>



	<script>
		
		
		
	</script>
	<?php //استدعاء السيرش بار ?>
	<script   src="js/search_bar.js"></script>
	<?php //استدعاء ملف الاسكربت الاساسى للموقع ?>
	<script   src="js/home.js"></script>
	<?php //استدعاء ملف الاسكربت الثانوى للموقع ?>
	<script   src="js/custom.js"></script>
	<?php //استدعاء ملف سكريت ارقام الصفحات ?>
	<script   src="js/con_num.js"></script>				
	<?php //استدعاء ملف عد الارقام?>
	<script   src="js/number_count.js"></script>		
	<script >
		$(function(){

			website_url='<?php  echo $website_url ; ?>';
		});

	</script>



	<script >

	

		$('.owl2').owlCarousel({

				

				loop:true,

				margin:10,

				nav:true,

				autoplay:false,

				slideSpeed: 300,

				paginationSpeed: 400,

				slideBy: 4,

				items:4,

				stagePadding:20,

				

				responsive:{

					0:{

						items:2

					},

					600:{

						items:3

					},

					780:{

						items:4

					},

					1200:{

						items:5

					}

				}

			});

			


				$('.owl3').owlCarousel({

				
				autoplayTimeout:2000,
				ltr:true,
				
				loop:true,

				margin:20,
				
				autoplay:true,
				
				nav:false,

				

				//autoplayTimeout:2000,

				//autoplayHoverPause:true,
				
				

				responsive:{

					0:{

						items:2,
						stagePadding: 0

					},

					600:{

						items:3,
						stagePadding: 0

					},

					780:{

						items:4,
						stagePadding: 0

					},

					1200:{

						items:5,
						stagePadding: 0

					}

				}

			});

		

		

			$('.owl4').owlCarousel({

				

				loop:true,

				margin:10,

				nav:true,

				autoplay:true,

				stagePadding:20,

				autoplayTimeout:1500,

				autoplayHoverPause:true,

				responsive:{

					0:{

						items:2

					},

					600:{

						items:3

					},

					780:{

						items:4

					},

					1200:{

						items:5

					}

				}

			});
			
	//سلايد الأخبار
				$('.owl5').owlCarousel({

				autoplayTimeout:2000,
				
				ltr:true,
				
				loop:true,

				margin:20,
				
				autoplay:true,
				
				nav:true,

				

				//autoplayTimeout:2000,

				//autoplayHoverPause:true,
				
				

				responsive:{

					0:{

						items:2,
						padding:0
						

					},

					600:{

						items:2,
						padding:0

					},

					780:{

						items:4,
						padding:0

					},

					1200:{

						items:4,
						padding:0

					}

				}

			});			



//سلايد المشارع
				$('.owl6').owlCarousel({

				autoplayTimeout:2000,
				
				ltr:true,
				
				loop:true,

				margin:20,
				
				autoplay:false,
				
				nav:true,

				

				//autoplayTimeout:2000,

				//autoplayHoverPause:true,
				
				

				responsive:{

					0:{

						items:1,
						padding:0
						

					},

					600:{

						items:2,
						padding:0

					},

					780:{

						items:3,
						padding:0

					},

					1200:{

						items:4,
						padding:0

					}

				}

			});			

			
			$(".slide_side_title").css("width",$(".owl3").find('.owl-item').css('width'));
			
			$(".slide_side_title").css("width",$(".owl5").find('.owl-item').css('width'))
			

	
//سلايد قصص النجاح
				$('.owl7').owlCarousel({

				autoplayTimeout:2000,
				
				ltr:true,
				
				loop:true,

				margin:20,
				
				autoplay:false,
				
				nav:true,

				

				//autoplayTimeout:2000,

				//autoplayHoverPause:true,
				
				

				responsive:{

					0:{

						items:1,
						padding:0
						

					},

					600:{

						items:1,
						padding:0

					},

					780:{

						items:1,
						padding:0

					},

					1200:{

						items:1,
						padding:0

					}

				}

			});			

			
		

	</script>

	

	<style>

	.owl2 .owl-stage  ,.owl4 .owl-stage  {

		right: 20px;

	}	

	

	</style>

	


	


	




		

	</main>

	

	


<?php include("whatsapp.php");?>
	
<?php include("cookies.php");?>

<?php include("loading_bar.php");?>

	



	



</body>



</html>





<?php $_SESSION['first_time_en']=1; ?>

<?php if($page_name='gallery') { ?>
		<link href="css/lightgallery.css" rel="stylesheet">	
        <script async src="js/lightgallery-all.min.js"></script>
		<script async type="text/javascript">
			$(document).ready(function(){
				
				$('.lightgallery').lightGallery();
				$('.lightgallery1').lightGallery();
			});
        </script>
<?php }?>


<script>
window.addEventListener('scroll', function() {
  const scrollTop = window.scrollY;
  const bg = document.querySelector('.page_title_background');


  // هنا نضرب التمرير بمعامل أكبر من 1 لتسريع الحركة
  const speed = 0.5; // جرّب 1.2 إلى 2.0 حسب رغبتك
  const offset = -(scrollTop * speed);
  
  bg.style.setProperty('background-position-y', offset + 'px', 'important');
});
</script>