<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <!-- Meta Tags -->
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="author" content="Thememarch" />
    <!-- Favicon Icon -->
    <link rel="icon" href="assets/img/favicon.svg" />
    <!-- Site Title -->
    <title>Car Repair & Auto Services</title>
    <?php include 'includes/sections/variables-file.php'?>
    <link rel="stylesheet" href="assets/css/plugins/lightgallery.min.css" />
    <link rel="stylesheet" href="assets/css/plugins/swiper.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.css">
    <link rel="stylesheet" href="assets/css/plugins/aos.css" />
    <link rel="stylesheet" href="assets/css/plugins/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/style.css" />
</head>

<body>
    <!-- Preloader -->
    <!--<div id="preloader" class="preloader-content">-->
    <!--    <div class="loading-window">-->
    <!--        <div class="car">-->
    <!--            <div class="strike"></div>-->
    <!--            <div class="strike strike2"></div>-->
    <!--            <div class="strike strike3"></div>-->
    <!--            <div class="strike strike4"></div>-->
    <!--            <div class="strike strike5"></div>-->
    <!--            <div class="car-detail spoiler"></div>-->
    <!--            <div class="car-detail back"></div>-->
    <!--            <div class="car-detail center"></div>-->
    <!--            <div class="car-detail center1"></div>-->
    <!--            <div class="car-detail front"></div>-->
    <!--            <div class="car-detail wheel"></div>-->
    <!--            <div class="car-detail wheel wheel2"></div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</div>-->

    <!-- Start Header Section -->
    <header class="ak-site_header ak-style1 ak-sticky_header">
        <div class="ak-main_header">
            <div class="container">
                <div class="ak-main_header_in">
                    <div class="ak-main-header-left">
                        <a class="ak-site_branding" href="index.php">
                            <img src="assets/img/logo.svg" alt="..." />
                        </a>
                    </div>
                    <div class="ak-main-header-center">
                        <div class="ak-nav ak-medium">
                            <ul class="ak-nav_list">
                                <li>
                                    <a href="index.php" class="text-hover-animaiton">Home</a>
                                </li>
                                <li>
                                    <a href="about.php" class="text-hover-animaiton">About</a>
                                </li>
                                <li>
                                    <a href="services.php" class="text-hover-animaiton">Service</a>
                                </li>
                                <li>
                                    <a href="process.php" class="text-hover-animaiton">Process</a>
                                </li>
                                <li>
                                    <a href="faq.php" class="text-hover-animaiton">FAQ's</a>
                                </li>
                                <!--<li>-->
                                <!--    <a href="void:;" class="text-hover-animaiton">Blog</a>-->
                                <!--</li>-->
                                <!-- <li class="menu-item-has-children">
                                    <a href="index.html" class="text-hover-animaiton">Home</a>
                                    <ul>
                                        <li>
                                            <a href="index.html" class="text-hover-animaiton">Main Home</a>
                                        </li>
                                        <li>
                                            <a href="index-two.html" class="text-hover-animaiton">Car Workshop</a>
                                        </li>
                                        <li>
                                            <a href="index-three.html" class="text-hover-animaiton">Auto Repair</a>
                                        </li>
                                    </ul>
                                </li> -->
                                <!-- <li class="menu-item-has-children">
                                    <a href="services.html" class="text-hover-animaiton">Services</a>
                                    <ul>
                                        <li>
                                            <a href="services.html" class="text-hover-animaiton">Services</a>
                                        </li>
                                        <li>
                                            <a href="services-two.html" class="text-hover-animaiton">Services Two</a>
                                        </li>
                                        <li>
                                            <a href="services-single.html" class="text-hover-animaiton">Services
                                                Single</a>
                                        </li>
                                    </ul>
                                </li> -->
                                <!-- <li class="menu-item-has-children">
                                    <a href="blog.html" class="text-hover-animaiton">Blog</a>
                                    <ul>
                                        <li>
                                            <a href="blog.html" class="text-hover-animaiton">Blog</a>
                                        </li>
                                        <li>
                                            <a href="blog-single.html" class="text-hover-animaiton">Blog Single</a>
                                        </li>
                                    </ul>
                                </li> -->
                                <!-- <li class="menu-item-has-children">
                                    <a href="#" class="text-hover-animaiton nav-pages-item">Pages</a>
                                    <ul>
                                        <li>
                                            <a href="team.html" class="text-hover-animaiton">Team</a>
                                        </li>
                                        <li>
                                            <a href="team-single.html" class="text-hover-animaiton">Team Single</a>
                                        </li>
                                        <li>
                                            <a href="appointment.html" class="text-hover-animaiton">Appointment</a>
                                        </li>
                                        <li>
                                            <a href="pricing.html" class="text-hover-animaiton">pricing</a>
                                        </li>
                                        <li>
                                            <a href="testimonial.html" class="text-hover-animaiton">Testimonial</a>
                                        </li>
                                        <li>
                                            <a href="gallery.html" class="text-hover-animaiton">Gallery</a>
                                        </li>
                                        <li>
                                            <a href="video-gallery.html" class="text-hover-animaiton">Video Gallery</a>
                                        </li>
                                        <li>
                                            <a href="faq.html" class="text-hover-animaiton">Faq</a>
                                        </li>
                                        <li>
                                            <a href="comming.html" class="text-hover-animaiton">Comming Soon</a>
                                        </li>
                                        <li>
                                            <a href="404.html" class="text-hover-animaiton">404 Page</a>
                                        </li>
                                    </ul>
                                </li> -->
                                <li>
                                    <a href="contact-us.php" class="text-hover-animaiton">Contact</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="ak-main-header-right">
                        <a href="tel:<?php echo $locNumber; ?>">
                            <div class="d-flex align-items-center gap-3">
                                <div class="heartbeat-icon">
                                    <span class="ak-heartbeat-btn"><img src="assets/img/phone.svg" alt="..." /></span>
                                </div>
                                <h6><?php echo $locNumber; ?></h6>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="nav-bar-border"></div>
    </header>
    <!-- End Header Section -->