One Hat Cyber Team

Edit File: footer.php

.hs_footer_main_wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Black overlay with 60% opacity */
    z-index: 1;
}

.hs_footer_main_wrapper * {
    position: relative;
    z-index: 2; /* Ensures text and content appear above the overlay */
}

@media (max-width: 767px) {
    .hs_footer_top_wrapper {
        position: relative;
        top: 0px !important; 
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
	.hs_footer_main_wrapper {
    float: left;
    width: 100%;
    position: relative;
    background: #151515;
     padding-top: 0px !important;
    padding-bottom: 20px !important;
}
}
	</style>
	
	
    <div class="hs_footer_main_wrapper">
		
		
		<div class="hs_footer_top_wrapper">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
						<div class="hs_footer_logo_wrapper">
						<h1 style="color: white;">ASTRO KALYAN</h1>
							<h3 style="color: white;">7021022020</h3>
                            <h3 style="color: white;">9821748414</h3>
							<p style="color: white;"> Balajiangan D-201 Belpada Bus Stop<br>
                        Sector-03 Kharghar Navi Mumbai
                        </p>
							
							<ul>
								<li style="color: white;"><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li style="color: white;"><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li style="color: white;"><a href="https://www.youtube.com/@astrokalyan"><i class="fa fa-youtube-play"></i></a></li>
								<li style="color: white;"><a href="#"><i class="fa fa-linkedin"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
						<div class="hs_footer_list_wrapper">
							<h2>Our <span>Services</span></h2>
							<ul class="hs_footer_list">
								<li ><a href="vedic.php" style="color: white;"><i class="fa fa-caret-right" aria-hidden="true"></i>Vedic Astrology </a>
								</li>
								<li><a href="vastu.php" style="color: white;"><i class="fa fa-caret-right" aria-hidden="true"></i>Vastu Consultation </a>
								</li>
								<li><a href="kundli_dosh.php" style="color: white;"><i class="fa fa-caret-right" aria-hidden="true"></i>Bhoomi Poojan</a>
								</li>
								<li><a href="remedial.php" style="color: white;"><i class="fa fa-caret-right" aria-hidden="true"></i>Kalsarp Poojan</a>
								</li>
								
							</ul>
						</div>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
						<div class="hs_footer_list_wrapper">
							<h2>Quick<span>Links</span></h2>
							<ul class="hs_footer_list">
						
								<li><a href="#services" style="color: white;"><i class="fa fa-caret-right" aria-hidden="true"></i> Services</a>
								</li>
								<li><a href="#aboutus" style="color: white;" ><i class="fa fa-caret-right" aria-hidden="true"></i>About Us</a>
								</li>
								<li><a href="apointment.php" style="color: white;"><i class="fa fa-caret-right" aria-hidden="true"></i>Appointment </a>
								</li>
								<li><a href="index.php#faq" style="color: white;"><i class="fa fa-caret-right" aria-hidden="true"></i>Frequently Asked Question</a>
								</li>
								
							</ul>
						</div>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
						<div class="hs_download_wrapper">
							<h2>Visit<span> our location</span></h2>
                        
        <div class="hs_map_embed">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3771.786049298475!2d73.05782637515385!3d19.029147153441826!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c3005ad4404f%3A0xcf70caf1b531706!2sBalaji%20Aangan!5e0!3m2!1sen!2sin!4v1742980054103!5m2!1sen!2sin" 
                width="100%" 
                height="250" 
                style="border:0;" 
                allowfullscreen="" 
                loading="lazy">
            </iframe>
        </div>
						</div>
					</div>
				</div>
			</div>
		</div>
    </div>
    
    
    <style>
        .whatsapp-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.whatsapp-icon img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease-in-out;
}

.whatsapp-icon img:hover {
    transform: scale(1.1);
}

</style>
    
    <div class="hs_bottom_footer_main_wrapper">
        <div class="whatsapp-icon">
    <a href="https://wa.me/+917021022020" target="_blank">
        <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp">
    </a>
</div>

<a href="javascript:" id="return-to-top"><i class="fa fa-angle-up"></i></a>
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
                    <div class="footer_bottom_cont_wrapper">
                        <p>© Copyright 2025 by Astro Kalyan. All right Reserved - Developed By <a target="_blank" href="https://hsdigitalmedia.com/">H S Digital Media &reg;</a></p>
                    </div>
                </div>
				
            </div>
        </div>
    </div>