<?php /* ============================================================
	   FOOTER.PHP — Footer content, bottom scripts, closes HTML
	   ============================================================
	   Optional variable set by page before including:
	   $page_scripts  — extra bottom scripts (HTML string)
	   $page_type     — already set before header include
	   ============================================================ */ ?>
	<?php if (!isset($page_scripts)) $page_scripts = ''; ?>

	<div class='footer-width-fixer'>
		<div data-elementor-type="wp-post" data-elementor-id="597" class="elementor elementor-597"
			data-elementor-post-type="elementor-hf">
			<section
				class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-bb7308e elementor-section-full_width elementor-section-height-default elementor-section-height-default"
				data-eae-slider="63070" data-id="bb7308e" data-element_type="section">
				<div class="elementor-container elementor-column-gap-no">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-97d2bcc"
						data-eae-slider="28257" data-id="97d2bcc" data-element_type="column">
						<div class="elementor-widget-wrap elementor-element-populated">
							<div class="elementor-element elementor-element-d5bce60 elementor-widget elementor-widget-shortcode"
								data-id="d5bce60" data-element_type="widget" data-widget_type="shortcode.default">
								<div class="elementor-widget-container">
									<div class="elementor-shortcode">
										<div class="loader-wrap">
											<div class="preloader">
												<div id="handle-preloader" class="handle-preloader">
													<div class="animation-preloader">
														<span class="loader-text">Loading..</span>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
	</div>

	<footer itemtype="https://schema.org/WPFooter" itemscope="itemscope" id="colophon" role="contentinfo">
		<!-- Custom CSS to keep five columns in one row on desktop -->
		<style>
			/* Ensure the five-column section stays in a single row on large screens */
			.footer-five-columns .elementor-container {
				display: flex;
				flex-wrap: nowrap;
			}
			.footer-five-columns .elementor-column {
				flex: 1;                /* equal width distribution */
				min-width: 0;            /* allow content to shrink if needed */
			}
			/* Gap between column 2 and 3 on desktop */
			.footer-five-columns .elementor-column.elementor-element-648fc8c {
				margin-left: 60px;
			}
			/* On tablets and smaller, revert to wrapping (default behaviour) */
			@media (max-width: 1024px) {
				.footer-five-columns .elementor-container {
					flex-wrap: wrap;
				}
				.footer-five-columns .elementor-column {
					flex: 0 1 auto;      /* restore original flex behaviour */
				}
				/* Remove margin-left gap on tablets and smaller screens */
				.footer-five-columns .elementor-column.elementor-element-648fc8c {
					margin-left: 0 !important;
				}
			}
			/* On mobile screens (extra small), remove margin */
			@media (max-width: 768px) {
				.footer-five-columns .elementor-column.elementor-element-648fc8c {
					margin-left: 0 !important;
				}
			}
		</style>

		<div class='footer-width-fixer'>
			<div data-elementor-type="wp-post" data-elementor-id="30" class="elementor elementor-30"
				data-elementor-post-type="elementor-hf">
				<!-- Added class "footer-five-columns" to the main section containing the five columns -->
				<section
					class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-0b89c55 footer-five-columns elementor-section-full_width elementor-section-height-default elementor-section-height-default"
					data-eae-slider="58469" data-id="0b89c55" data-element_type="section"
					data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" style="padding: 20px 40px;">
					<div class="elementor-container elementor-column-gap-narrow">
						<!-- Column 1: Logo & Mission -->
						<div class="has_eae_slider elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-aa97b30"
							data-eae-slider="73883" data-id="aa97b30" data-element_type="column">
							<div class="elementor-widget-wrap elementor-element-populated">
								<section
									class="has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-b7f7508 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
									data-eae-slider="10983" data-id="b7f7508" data-element_type="section">
									<div class="elementor-container elementor-column-gap-default">
										<div class="has_eae_slider elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-367fc80"
											data-eae-slider="26727" data-id="367fc80" data-element_type="column">
											<div class="elementor-widget-wrap elementor-element-populated">
												<div class="elementor-element elementor-element-8366000 elementor-widget elementor-widget-image"
													data-id="8366000" data-element_type="widget"
													data-widget_type="image.default">
													<div class="elementor-widget-container">
														<img src="wp-content/uploads/2023/12/kalaimagal_logo_footer.jpeg"
															title="f-logo" alt="f-logo" loading="lazy"
															style="width: auto; height: 150px; border-radius: 40px;">
													</div>
												</div>
												<div class="elementor-element elementor-element-6cd5add elementor-widget elementor-widget-heading"
													data-id="6cd5add" data-element_type="widget"
													data-widget_type="heading.default">
													<div class="elementor-widget-container">
														<h2 class="elementor-heading-title elementor-size-default"></h2>
													</div>
												</div>
												<div class="elementor-element elementor-element-94d1467 elementor-widget elementor-widget-text-editor"
													data-id="94d1467" data-element_type="widget"
													data-widget_type="text-editor.default">
													<div class="elementor-widget-container">
														<p style="color: #ffffff;">"We aim to cultivate excellence in music
															by developing skilled students, accomplished performers, and
															visionary music directors."</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</section>
							</div>
						</div>
						<!-- Column 2: Contact Me -->
						<div class="has_eae_slider elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-53ed2a3"
							data-eae-slider="89566" data-id="53ed2a3" data-element_type="column">
							<div class="elementor-widget-wrap elementor-element-populated">
								<section
									class="has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-66a3334 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
									data-eae-slider="73275" data-id="66a3334" data-element_type="section">
									<div class="elementor-container elementor-column-gap-default">
										<div class="has_eae_slider elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-d2cce42"
											data-eae-slider="56440" data-id="d2cce42" data-element_type="column">
											<div class="elementor-widget-wrap elementor-element-populated">
												<div class="elementor-element elementor-element-3659eb4 elementor-widget elementor-widget-heading"
													data-id="3659eb4" data-element_type="widget"
													data-widget_type="heading.default">
													<div class="elementor-widget-container">
														<h2 class="elementor-heading-title elementor-size-default">Contact
															Me</h2>
													</div>
												</div>
												<div class="elementor-element elementor-element-d43a359 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list"
													data-id="d43a359" data-element_type="widget"
													data-widget_type="icon-list.default">
													<div class="elementor-widget-container">
														<ul class="elementor-icon-list-items">
															<li class="elementor-icon-list-item">
																<span class="elementor-icon-list-text">32, shanmugapuram,
																	O' Rajapalayam post,
																	Tiruchengode Tk,
																	Namakkal Dt,
																	pin code.637209</span>
															</li>
														</ul>
													</div>
												</div>
												<div class="elementor-element elementor-element-b73ecb9 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list"
													data-id="b73ecb9" data-element_type="widget"
													data-widget_type="icon-list.default">
													<div class="elementor-widget-container">
														<ul class="elementor-icon-list-items">
															<li class="elementor-icon-list-item">
																<span class="elementor-icon-list-text">Kalaimagalma2015@gmail.com</span>
															</li>
															<li class="elementor-icon-list-item">
																<span class="elementor-icon-list-text">9080134797</span>
															</li>
														</ul>
													</div>
												</div>
												<div class="elementor-element elementor-element-7e4c880 elementor-widget elementor-widget-elementskit-social-media"
													data-id="7e4c880" data-element_type="widget"
													data-widget_type="elementskit-social-media.default">
													<div class="elementor-widget-container">
														<div class="ekit-wid-con">
															<ul class="ekit_social_media">
																<li class="elementor-repeater-item-5eb0945">
																	<a href="#" aria-label="Facebook" class="facebook">
																		<i aria-hidden="true" class="icon icon-facebook"></i>
																	</a>
																</li>
																<li class="elementor-repeater-item-404d637">
																	<a href="#" aria-label="Twitter" class="twitter">
																		<svg aria-hidden="true" class="e-font-icon-svg e-fab-x-twitter" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
																			<path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
																		</svg>
																	</a>
																</li>
																<li class="elementor-repeater-item-98fdd10">
																	<a href="#" aria-label="LinkedIn" class="linkedin">
																		<i aria-hidden="true" class="icon icon-linkedin"></i>
																	</a>
																</li>
																<li class="elementor-repeater-item-e2aa959">
																	<a href="#" aria-label="Instagram" class="1">
																		<i aria-hidden="true" class="icon icon-instagram-1"></i>
																	</a>
																</li>
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</section>
							</div>
						</div>
						<!-- Column 3: More Classes -->
						<div class="has_eae_slider elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-648fc8c"
							data-eae-slider="41911" data-id="648fc8c" data-element_type="column">
							<div class="elementor-widget-wrap elementor-element-populated">
								<section
									class="has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-8dea7bc elementor-section-boxed elementor-section-height-default elementor-section-height-default"
									data-eae-slider="74436" data-id="8dea7bc" data-element_type="section">
									<div class="elementor-container elementor-column-gap-default">
										<div class="has_eae_slider elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-d55581a"
											data-eae-slider="10778" data-id="d55581a" data-element_type="column">
											<div class="elementor-widget-wrap elementor-element-populated">
												<div class="elementor-element elementor-element-9ce2758 elementor-widget elementor-widget-heading"
													data-id="9ce2758" data-element_type="widget"
													data-widget_type="heading.default">
													<div class="elementor-widget-container">
														<h2 class="elementor-heading-title elementor-size-default">More
															Classes</h2>
													</div>
												</div>
												<div class="elementor-element elementor-element-a25c8da elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list"
													data-id="a25c8da" data-element_type="widget"
													data-widget_type="icon-list.default">
													<div class="elementor-widget-container">
														<ul class="elementor-icon-list-items">
														    	<li class="elementor-icon-list-item">
																<a href="piano">
																	<span class="elementor-icon-list-text">Piano Classes</span>
																</a>
															</li>
															<li class="elementor-icon-list-item">
																<a href="key">
																	<span class="elementor-icon-list-text">Key Board Classes</span>
																</a>
															</li>
															<li class="elementor-icon-list-item">
																<a href="guitar">
																	<span class="elementor-icon-list-text">Guitar Classes</span>
																</a>
															</li>
															<li class="elementor-icon-list-item">
																<a href="violin">
																	<span class="elementor-icon-list-text">Violin Classes</span>
																</a>
															</li>	<li class="elementor-icon-list-item">
																<a href="veena">
																	<span class="elementor-icon-list-text">veena Class</span>
																</a>
															</li>
															
															<li class="elementor-icon-list-item">
																<a href="composing">
																	<span class="elementor-icon-list-text">Composing</span>
																</a>
															</li>
															<li class="elementor-icon-list-item">
																<a href="mouth">
																	<span class="elementor-icon-list-text">Mouth Organ Classes</span>
																</a>
															</li>
															
														</ul>
													</div>
												</div>
											</div>
										</div>
									</div>
								</section>
							</div>
						</div>
						<!-- Column 4: Advance Classes -->
						<div class="has_eae_slider elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-advclass"
							data-eae-slider="41911" data-id="advclass" data-element_type="column">
							<div class="elementor-widget-wrap elementor-element-populated">
								<section
									class="has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-8dea7bc elementor-section-boxed elementor-section-height-default elementor-section-height-default"
									data-eae-slider="74436" data-id="8dea7bc" data-element_type="section">
									<div class="elementor-container elementor-column-gap-default">
										<div class="has_eae_slider elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-d55581a"
											data-eae-slider="10778" data-id="d55581a" data-element_type="column">
											<div class="elementor-widget-wrap elementor-element-populated">
												<div class="elementor-element elementor-element-9ce2758 elementor-widget elementor-widget-heading"
													data-id="9ce2758" data-element_type="widget"
													data-widget_type="heading.default">
													<div class="elementor-widget-container">
														<h2 class="elementor-heading-title elementor-size-default">Advance
															Classes</h2>
													</div>
												</div>
												<div class="elementor-element elementor-element-a25c8da elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list"
													data-id="a25c8da" data-element_type="widget"
													data-widget_type="icon-list.default">
													<div class="elementor-widget-container">
														<ul class="elementor-icon-list-items">
														    	<li class="elementor-icon-list-item">
																<a href="song">
																	<span class="elementor-icon-list-text">Song Composing</span>
																</a>
															</li>
															<li class="elementor-icon-list-item">
																<a href="score">
																	<span class="elementor-icon-list-text">Score Writing</span>
																</a>
															</li>
															<li class="elementor-icon-list-item">
																<a href="music">
																	<span class="elementor-icon-list-text">Music Production</span>
																</a>
															</li>
															<li class="elementor-icon-list-item">
																<a href="soft">
																	<span class="elementor-icon-list-text">Music Software Training</span>
																</a>
															</li>	<li class="elementor-icon-list-item">
																<a href="mixing">
																	<span class="elementor-icon-list-text">Mixing & Mastering</span>
																</a>
															</li>										
														</ul>
													</div>
												</div>
											</div>
										</div>
									</div>
								</section>
							</div>
						</div>
						<!-- Column 5: Quick Links -->
						<div class="has_eae_slider elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-7fca49f"
							data-eae-slider="44627" data-id="7fca49f" data-element_type="column">
							<div class="elementor-widget-wrap elementor-element-populated">
								<section
									class="has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-fb5bce5 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
									data-eae-slider="70383" data-id="fb5bce5" data-element_type="section">
									<div class="elementor-container elementor-column-gap-default">
										<div class="has_eae_slider elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-75e5d79"
											data-eae-slider="31220" data-id="75e5d79" data-element_type="column">
											<div class="elementor-widget-wrap elementor-element-populated">
												<div class="elementor-element elementor-element-b7bb227 elementor-widget elementor-widget-heading"
													data-id="b7bb227" data-element_type="widget"
													data-widget_type="heading.default">
													<div class="elementor-widget-container">
														<h2 class="elementor-heading-title elementor-size-default">Quick
															Links</h2>
													</div>
												</div>
												<div class="elementor-element elementor-element-5b4ef13 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list"
													data-id="5b4ef13" data-element_type="widget"
													data-widget_type="icon-list.default">
													<div class="elementor-widget-container">
														<ul class="elementor-icon-list-items">
															<li class="elementor-icon-list-item">
																<a href="home">
																	<span class="elementor-icon-list-text">Home</span>
																</a>
															</li>
															<li class="elementor-icon-list-item">
																<a href="aboutus">
																	<span class="elementor-icon-list-text">About Us</span>
																</a>
															</li>
															<li class="elementor-icon-list-item">
																<a href="class">
																	<span class="elementor-icon-list-text">Classes</span>
																</a>
															</li>
															<li class="elementor-icon-list-item">
																<a href="#">
																	<span class="elementor-icon-list-text">Services</span>
																</a>
															</li>
															<li class="elementor-icon-list-item">
																<a href="contact">
																	<span class="elementor-icon-list-text">Contact Us</span>
																</a>
															</li>
														</ul>
													</div>
												</div>
											</div>
										</div>
									</div>
								</section>
							</div>
						</div>
					</div>
				</section>
				<!-- Copyright Section -->
				<section
					class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-2583b46 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
					data-eae-slider="21739" data-id="2583b46" data-element_type="section"
					data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="elementor-container elementor-column-gap-default">
						<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-63f84a6"
							data-eae-slider="27787" data-id="63f84a6" data-element_type="column">
							<div class="elementor-widget-wrap elementor-element-populated">
								<section
									class="has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-e9b3315 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
									data-eae-slider="49472" data-id="e9b3315" data-element_type="section">
									<div class="elementor-container elementor-column-gap-default">
										<div class="has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-1b3a9d2"
											data-eae-slider="65152" data-id="1b3a9d2" data-element_type="column">
											<div class="elementor-widget-wrap elementor-element-populated">
												<div class="elementor-element elementor-element-ec7b463 elementor-widget elementor-widget-copyright"
													data-id="ec7b463" data-element_type="widget"
													data-settings="{&quot;align_mobile&quot;:&quot;center&quot;}"
													data-widget_type="copyright.default">
													<div class="hfe-copyright-wrapper">
														<span>
															&copy; Copyright <span id="year"></span> All Rights Reserved |
															Designed with &#10084;&#65039; by Wspl Hosting Solution (OPC) Private Limited
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
								</section>
							</div>
						</div>
					</div>
				</section>
			</div>
		</div>
	</footer>

	<script>
		document.getElementById("year").textContent = new Date().getFullYear();
	</script>

	<!-- Common Bottom Scripts -->
	<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
	<script>AOS.init();</script>
<?php if ($page_type === 'custom'): ?>
	<script src="wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<?php endif; ?>
	<script src="wp-content/themes/maintheme/js/owl.carousel.min.js"></script>
	<script src="wp-content/themes/maintheme/js/main.js"></script>

	<!-- Page-specific scripts -->
	<?php echo $page_scripts; ?>

	</div><!-- #page -->
</body>
</html>