

<!doctype html>
<html  lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" >
        
        
        <title>Maintenance Menu | Ajax Hyundai</title>
<meta name="description" content="Please review the Service Frequently Asked Questions to determine if your particular question has been answered. If not, contact us today!">


<meta property="og:type" content="website"/>
<meta property="og:title" content="Maintenance Menu | Ajax Hyundai"/>
<meta property="og:description" content="Please review the Service Frequently Asked Questions to determine if your particular question has been answered. If not, contact us today!"/>
<meta property="og:site_name" content="Ajax Hyundai"/>
<meta property="og:url" content="/en/services/maintenance-menu"/>
<meta property="og:image" content="https://img.sm360.ca/images/web/driveautogroup-769/4258/2025-ah-logo-horizontal-blue1732565197970.png"/>
<meta property="og:locale" content="en"/>


<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Maintenance Menu | Ajax Hyundai">
<meta name="twitter:description" content="Please review the Service Frequently Asked Questions to determine if your particular question has been answered. If not, contact us today!">


    <meta name="twitter:image" content="https://img.sm360.ca/images/web/driveautogroup-769/4258/2025-ah-logo-horizontal-blue1732565197970.png">


<meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        
    <!-- Google Site -->
    <meta name="google-site-verification" content="6uRq0DwCx0iamPTg3kUgYV_Wr-2GAkSsqOFd1PQ9qHo" />


<link type="text/css" rel="stylesheet" href="/css/phoenix-jsp/phoenix-jsp.min.css">


<link href="/css/theme/drive-auto-2023/main.css?v=034354874" type="text/css" rel="stylesheet"/>


<link rel="stylesheet" href="https://d1azc1qln24ryf.cloudfront.net/78355/manufacturer-hyundai/style-svg.css?5v124w">


    <link rel="stylesheet" href="https://d1azc1qln24ryf.cloudfront.net/78355/manufacturer-hyundai/style-cf.css?gjxi18">


<link type="text/css" rel="stylesheet" href="/css/manufacturers/hyundai/hyundai.min.css">


<link href="/css/theme/drive-auto-2023/compliance/hyundai.css?v=034354874" type="text/css" rel="stylesheet"/>
<style>
        :root {
        
            --secondary5: #808080;
        
            --secondary4: #002c5f;
        
            --secondary6: #cccccc;
        
            --primary1: #292929;
        
            --semantic4-warning: #e10600;
        
            --semantic3-focus: #007fa5;
        
            --transparent: transparent;
        
            --secondary1: #767676;
        
            --primary2: #ffffff;
        
            --primary3: #e4dcd3;
        
            --secondary3: #f6f3f2;
        
            --primary4: #007fa5;
        
            --semantic2-completed: #008000;
        
            --secondary2: #999999;
        
            --semantic1-error: #e10600;
        
            --neutral2: #000;
        
            --neutral1: #ffffff;
        
        }
    </style>


<link href="/css/theme/drive-auto-2023/website/ajaxhyundai1/website.css?v=034354874" type="text/css" rel="stylesheet"/>
<link rel="stylesheet" href="https://unpkg.com/swiper@6.8.4/swiper-bundle.min.css">
        

        <link rel="icon" href="https://img.sm360.ca/images/web/driveautogroup-769/4258/favicon162065696551616397497940611652298862364166031234465616982505262621710529008699.png">
        <link rel="apple-touch-icon-precomposed" href="https://img.sm360.ca/images/web/driveautogroup-769/4258/icon-ah-logo1710358190363.png">
        

        <!--[if lt IE 9]>
        <script src="//cdn.sm360.ca/varia/js/src/min/html5.js"></script>
        <![endif]-->

        <script type="text/javascript">
            if (typeof console === "undefined") {
                var console = {
                    log: function(value) {
                        return;
                    }
                };
            }
        </script>

        <link rel="dns-prefetch" href="//cdn.sm360.ca">
        <link rel="preconnect" href="//cdn.sm360.ca">

        
            <link rel="dns-prefetch" href="https://img0.sm360.ca">
            <link rel="preconnect" href="https://img0.sm360.ca">
        
            <link rel="dns-prefetch" href="https://img1.sm360.ca">
            <link rel="preconnect" href="https://img1.sm360.ca">
        
            <link rel="dns-prefetch" href="https://img2.sm360.ca">
            <link rel="preconnect" href="https://img2.sm360.ca">
        

            <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>

            
                        <script defer src="https://code.jquery.com/jquery-migrate-1.2.1.min.js" integrity="sha256-HmfY28yh9v2U4HfIXC+0D6HCdWyZI42qjaiCFEJgpo0=" crossorigin="anonymous"></script>
                    
                
            <script defer src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" integrity="sha256-xNjb53/rY+WmG+4L6tTl9m6PpqknWZvRt0rO1SRnJzw=" crossorigin="anonymous"></script>
        
    
    <script defer src="//cdn.sm360.ca/varia/js/src/min/jquery.cookie.js"></script>
    <script defer src="//cdn.sm360.ca/varia/js/src/min/jquery.sm360.cookieArray.js"></script>
    <script defer src="//cdn.sm360.ca/varia/js/src/min/compareTool.js"></script>


        <script type="text/javascript" src="/js/phoenix/phoenix.min.js?v=015134068" defer="defer"/></script>

        
                <!-- Datalayer-->
                

<script>
    function clickToCall(){
        var dataLayer = window.dataLayer = window.dataLayer || [];

        dataLayer.push({
            "event": "clickToCall",
            "eventCategory": "profitCenter",
            "eventAction": "click-to-call",
            "mediaConversionType": "soft conversion", // Hardcoded
            "dealership": "Ajax Hyundai",
            
        });
    }
</script>

<script type="text/javascript">
    function clickToDirections(){
        var dataLayer = window.dataLayer = window.dataLayer || [];
        dataLayer.push({
            "event": "clickToCall",
            "eventCategory": "profitCenter",
            "eventAction": "click-to-directions",
            "mediaConversionType": "soft conversion", // Hardcoded
            "dealership": "Ajax Hyundai",
            
        });
    }
</script>

<script>
    function formSubmitted(formName){
        var dataLayer = window.dataLayer = window.dataLayer || [];
        dataLayer.push({
            "event": "formSubmitted",
            "eventCategory": "profitCenter",
            "eventAction": "form submitted",
            "mediaConversionType": "hard conversion", // Hardcoded
            "dealership": "Ajax Hyundai",
            
        });
    }
</script>


        <script type="text/javascript">
        dataLayer = [{
            "isLoggedIn": "false",
            "hasVehicleInGarage": "false",
            "page404": "no",
            "dealership": "Ajax Hyundai",
            "language": "en",
            "device": "desktop",
            pageType:'services' ,profitCenter:'service' ,department:'Other' ,pageName:'Other'
        }];

        // Data Layer builder for gaTriggerEvent
        dataLayerGaTrigger = [{
            pageType:'services' ,profitCenter:'service' ,department:'Other' ,pageName:'Other'
        }];
</script>

    
<script type="text/javascript">
    function setCookie(cname, cvalue, exdays) {
        var expires = "";
        if(exdays) {
            var d = new Date();
            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
            expires = "; expires=" + d.toUTCString();
        }
        document.cookie = cname + "=" + cvalue + expires + "; path=/;";
    }

    function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i <ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

    function initVdpVisitedEvent() {
        var vdpVisited_cookie = getCookie('vdpVisited');
        var lastVdpVisited_cookie = getCookie('lastVisitedVdp');
        var currentUrl = window.location.href;
        if(vdpVisited_cookie){
            var vdpVisited = parseInt(vdpVisited_cookie);
            if(lastVdpVisited_cookie != currentUrl) {
                vdpVisited++;
                setCookie('vdpVisited', vdpVisited);
                if (vdpVisited == 3) {
                    var eventLabel = '3 VDP Hits';
                    if (typeof (dataLayer) !== 'undefined') {
                        dataLayer.push({
                            'event': 'gaTriggerEvent',
                            'gaEventCategory': 'vdp',
                            'gaEventAction': 'vdpHit',
                            'gaEventLabel': eventLabel
                        });
                    } else if (typeof (ga) !== 'undefined') {
                        //Sending event to analytics
                        ga('send', 'event', 'vdp', 'vdpHit', eventLabel);
                    }
                }
            }
        } else {
            setCookie('vdpVisited', 1);
        }
        setCookie('lastVisitedVdp', currentUrl);
    }

</script>

                
                <!-- Datalayer-->
                

<!-- Google Tag Manager -->
    
        
            <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-NVV79TRB');</script>
        
    
<!-- End Google Tag Manager -->


                <!-- Google Tag Manager -->
                <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push(
                    {'gtm.start': new Date().getTime(),event:'gtm.js'}
                );var f=d.getElementsByTagName(s)[0],
                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.src=
                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                })(window,document,'script','dataLayer','GTM-546VTJ');</script>
                <!-- End Google Tag Manager -->
            
                <!-- Google Tag Manager -->
                <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push(
                    {'gtm.start': new Date().getTime(),event:'gtm.js'}
                );var f=d.getElementsByTagName(s)[0],
                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.src=
                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                })(window,document,'script','dataLayer','GTM-MZBSKHW6');</script>
                <!-- End Google Tag Manager -->
            
        
        <script>
    /**
     * Add a hidden input if reCaptcha is enabled
     * @form : form element
     */
    async function handleRecaptcha(form) {
        if(typeof hasRecaptchaEnabled !== "undefined") {
            try{
                const token = await getRecaptchaToken();
                addHiddenInput(token, form);
            }
            catch(e) {
                console.error('An error Recaptcha occurred');
            }
        }
    }

    window.handleRecaptcha = handleRecaptcha;
</script>

<script src="https://www.google.com/recaptcha/enterprise.js?render=6LfmnWQpAAAAAHfaZvmZmQhZoxYt6kLenTGvmPPA"></script>

    <script type="text/javascript">
        window.hasRecaptchaEnabled = true;
        /**
         * Add Hidden Input tag.
         * @param { String } token - Recaptcha token
         * @param { HTMLCollection } form - Form.
         */
        function addHiddenInput(token, form){
            const hiddenRecaptchaInput = form[0].querySelector('[data-recaptcha-response]');
            if(!hiddenRecaptchaInput) {
                var hiddenInput = document.createElement('input');
                hiddenInput.type = 'hidden';
                hiddenInput.name = 'recaptchaResponse';
                hiddenInput.dataset.recaptchaResponse = '';
                hiddenInput.value = token;
                form[0].appendChild(hiddenInput);
            } else {
                hiddenRecaptchaInput.value = token;
            }
        }

        /**
         * Call grecaptcha.enterprise.execute to get the token.
         */
        function getRecaptchaToken() {
            return new Promise((resolve, reject) => {
                grecaptcha.enterprise.ready(() => {
                    grecaptcha.enterprise
                        .execute('6LfmnWQpAAAAAHfaZvmZmQhZoxYt6kLenTGvmPPA', { action: 'homepage' })
                        .then((token) => {
                            resolve(token);
                        })
                        .catch((error) => {
                            reject(error);
                        });
                });
            });
        }
    </script>


<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "url": "www.ajaxhyundai.com"
    }
</script>


<script type='application/ld+json'>
{
    "@context": "http://www.schema.org",
    "@type": "AutoDealer",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "170 Westney Road South",
        "addressLocality": "Ajax",
        "addressRegion": "ON",
        "postalCode": "L1S 2C8",
        "addressCountry": "CA"
    },
    "brand": "hyundai",
    "description": "Ajax Hyundai, Hyundai dealership in Ajax",
    "email": "n/a",
    "geo": {
        "@type": "GeoCoordinates",
        "latitude": "43.844365",
        "longitude": "-79.038142"
    },
    "image": "https://media.kijiji.ca/api/v1/autos-prod-ads/images/a6/a66057c8-2600-476c-9301-552591a68ccf?rule=move-1600-jpg",
    "knowsLanguage": "en-CA",
    "logo": "https://media.kijiji.ca/api/v1/autos-prod-ads/images/a6/a66057c8-2600-476c-9301-552591a68ccf?rule=move-1600-jpg",
    "memberOf": {
        "@type": "ProgramMembership",
        "programName": "n/a"
    },
    "name": "Ajax Hyundai",
    "openingHours": "n/a",
    "priceRange": "5000.0-50000.0 $",
    "sameAs": [
        "https://www.facebook.com/AjaxHyundai/",
        "",
        "https://www.youtube.com/@driveautogroup2431",
        "",
        "https://www.instagram.com/ajaxhyundai/?hl=en"
    ],
    "telephone": "1-905-427-0111",
    "url": "www.ajaxhyundai.com"
}
</script>

    
        <link rel="stylesheet" href="//cdn.sm360.ca/varia/css/src/min/reset.css"/>
    

            <style>
    
    @font-face {
        font-family: 'HyundaiSansHead-Bold';
        src: url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Bold.eot'); /* IE9 Compat Modes */
        src: url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Bold.woff2') format('woff2'),  /* Super Modern Browsers */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Bold.woff') format('woff'),  /* Pretty Modern Browsers */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Bold.ttf') format('truetype');  /* Safari, Android, iOS */
        font-weight: normal;
    }

    
    @font-face {
        font-family: 'HyundaiSansHead-Light';
        src: url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Light.eot'); /* IE9 Compat Modes */
        src: url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Light.woff2') format('woff2'),  /* Super Modern Browsers */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Light.woff') format('woff'),  /* Pretty Modern Browsers */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Light.ttf') format('truetype');  /* Safari, Android, iOS */
    }

    
    @font-face {
        font-family: 'HyundaiSansHead-Medium';
        src: url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Medium.eot'); /* IE9 Compat Modes */
        src: url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Medium.woff2') format('woff2'),  /* Super Modern Browsers */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Medium.woff') format('woff'),  /* Pretty Modern Browsers */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Medium.ttf') format('truetype');  /* Safari, Android, iOS */
    }

    
    @font-face {
        font-family: 'HyundaiSansHead-Regular';
        src: url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Regular.eot'); /* IE9 Compat Modes */
        src: url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Regular.woff2') format('woff2'),  /* Super Modern Browsers */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Regular.woff') format('woff'),  /* Pretty Modern Browsers */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Regular.ttf') format('truetype');  /* Safari, Android, iOS */
    }

    
    @font-face {
        font-family: 'HyundaiSansText-Bold';
        src: url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Bold.eot'); /* IE9 Compat Modes */
        src: url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Bold.woff2') format('woff2'),  /* Super Modern Browsers */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Bold.woff') format('woff'),  /* Pretty Modern Browsers */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Bold.ttf') format('truetype');  /* Safari, Android, iOS */
        font-weight: normal;
    }

    
    @font-face {
        font-family: 'HyundaiSansText';
        src: url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Regular.eot'); /* IE9 Compat Modes */
        src: url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Regular.woff2') format('woff2'),  /* Super Modern Browsers */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Regular.woff') format('woff'),  /* Pretty Modern Browsers */
        url('//cdn.sm360.ca/varia/fonts/hyundai/HyundaiSansHead-Regular.ttf') format('truetype');  /* Safari, Android, iOS */
    }

    :root {
        --font-family-hyundaiSansHead-bold: 'HyundaiSansHead-Bold';
        --font-family-hyundaiSansHead-light: 'HyundaiSansHead-Light';
        --font-family-hyundaiSansHead-medium: 'HyundaiSansHead-Medium';
        --font-family-hyundaiSansHead-regular: 'HyundaiSansHead-Regular';
        --font-family-hyundaiSansText-bold: 'HyundaiSansText-Bold';
        --font-family-hyundaiSansText-regular: 'HyundaiSansText';
    }
</style>

        
<link href="/theme/css/theme?v=034354874" type="text/css" rel="stylesheet"/>


<noscript id="deferred-styles">

    
</noscript>


<script>
    var loadDeferredStyles = function() {
        var addStylesNode = document.getElementById("deferred-styles");
        var replacement = document.createElement("div");
        replacement.innerHTML = addStylesNode.textContent;
        document.body.appendChild(replacement);
        addStylesNode.parentElement.removeChild(addStylesNode);

    };
    var raf = requestAnimationFrame || mozRequestAnimationFrame ||
        webkitRequestAnimationFrame || msRequestAnimationFrame;
    if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
    else window.addEventListener('load', loadDeferredStyles);
</script>

    </head>
    <body  itemscope="" itemtype="http://schema.org/WebPage">

    
<!-- Google Tag Manager -->
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-NVV79TRB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager -->


        <!-- Google Tag Manager (noscript) 2-->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-546VTJ"
                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
    
        <!-- Google Tag Manager (noscript) 2-->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MZBSKHW6"
                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
    

    <!-- Widget Auto dealer schema -->
        

<script type='application/ld+json'>
{
  "@context": "http://www.schema.org",
  "@type": "AutoDealer",
  "name": "Ajax Hyundai",
  "url": "www.ajaxhyundai.com",
  "logo": "https://img.sm360.ca/images/manufacturer/hyundai/hyundai-color-128-notag.png",
  "priceRange": "5000.0-50000.0 $",
  "image": "https://img.sm360.ca/images/manufacturer/hyundai/hyundai-color-128-notag.png",
  "description": "Ajax Hyundai, Hyundai dealership in Ajax",
  "address": {
     "@type": "PostalAddress",
     "streetAddress": "170 Westney Road South",
     "addressLocality": "Ajax",
     "addressRegion": "Ontario",
     "postalCode": "L1S 2C8",
     "addressCountry": "CA"
  },
  "geo": {
     "@type": "GeoCoordinates",
     "latitude": "43.844365",
     "longitude": "-79.038142"
  },
   "openingHours": "",
   "telephone": "1-905-427-0111"
}
</script><!-- Widget Facebook Connect -->
        <div class="off-canvas-wrapper body1">
            <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper >
                <div class="off-canvas position-right is-closed" id="offCanvas" data-off-canvas data-transition="overlap">
                    

<div class="mobileMenu" x-data="">
    <div class="mobileMenu__top">
        

<a class="mobileMenu__topLogo" href="/en" title="Ajax Hyundai, Hyundai dealership in Ajax">
            

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img mobileMenu__topLogoImage" src="https://img.sm360.ca/images/web/driveautogroup-769/4258/2025-ah-logo-horizontal-blue1732565197970.png" height="65" width="150" alt="Ajax Hyundai Logo" data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure>
</a>
    
<button class="mobileMenu__topClose close-button" aria-label="Close menu" data-close type="button">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>

    <ul class="mobileMenu-links accordion"
        itemscope="itemscope"
        itemtype="https://schema.org/SiteNavigationElement"
        data-accordion
        data-allow-all-closed="true">

        <li class="mobileMenuItem accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobileMenuSubmenuItem__anchor'), (el) => el.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/new-inventory" class="mobileMenuItem__anchor accordion-title"  itemprop="url">
            <span itemprop="name">
                New</span>
        </a>

        <ul class="mobileMenuSubmenu accordion-content" data-tab-content>
    

<li class="mobileMenuSubmenuItem" data-theme-style="">
            

            <a href="/en/new-inventory"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="New Hyundai For Sale"
                
                itemprop="url"
               data-theme-style="link"
            >
                    New Hyundai For Sale
                
            </a>
        
        
</li>
    <li class="mobileMenuSubmenuItem" data-theme-style="">
            

            <a href="/en/hybrid-electric-inventory"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="New Hybrid / Electric Inventory"
                
                itemprop="url"
               data-theme-style="link"
            >
                    New Hybrid / Electric Inventory
                
            </a>
        
        
</li>
    
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/new-catalog"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Complete Lineup"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Complete Lineup
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="https://ajax.shop.hyundaicanada.com"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                target="_blank"
                title="Build Your Hyundai"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Build Your Hyundai
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/why-buy"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Shop Online"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Shop Online
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/vehicle-return-coverage-ajax"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Vehicle Return Coverage"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Vehicle Return Coverage
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/form/exchange-evaluation-new/4"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Start Your Trade-In"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Start Your Trade-In
                
            </a>
        
        
</li>
</ul>


</li>
<li class="mobileMenuItem accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobileMenuSubmenuItem__anchor'), (el) => el.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/used-inventory" class="mobileMenuItem__anchor accordion-title"  itemprop="url">
            <span itemprop="name">
                Pre-Owned</span>
        </a>

        <ul class="mobileMenuSubmenu accordion-content" data-tab-content>
    

<li class="mobileMenuSubmenuItem" data-theme-style="">
            

            <a href="/en/used-inventory"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Used Vehicles For Sale"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Used Vehicles For Sale
                
            </a>
        
        
</li>
    <li class="mobileMenuSubmenuItem" data-theme-style="">
            

            <a href="/en/certified-vehicles-inventory"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Certified Vehicles"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Certified Vehicles
                
            </a>
        
        
</li>
    <li class="mobileMenuSubmenuItem" data-theme-style="">
            

            <a href="/en/hybrid-electric-used-inventory"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Pre-Owned EV & Hybrid Vehicles"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Pre-Owned EV & Hybrid Vehicles
                
            </a>
        
        
</li>
    <li class="mobileMenuSubmenuItem" data-theme-style="">
            

            <a href="/en/demo-inventory"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Used Demonstrator Vehicles"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Used Demonstrator Vehicles
                
            </a>
        
        
</li>
    
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/why-buy-used-hyundai"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Why Buy A Used Hyundai"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Why Buy A Used Hyundai
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/benefits-hyundai-certified"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Hyundai Promise Certified Program"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Hyundai Promise Certified Program
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/form/exchange-evaluation-new/4"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Start Your Trade-In"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Start Your Trade-In
                
            </a>
        
        
</li>
</ul>


</li>
<li class="mobileMenuItem accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobileMenuSubmenuItem__anchor'), (el) => el.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/demo-inventory" class="mobileMenuItem__anchor accordion-title"  itemprop="url">
            <span itemprop="name">
                Demo</span>
        </a>

        <ul class="mobileMenuSubmenu accordion-content" data-tab-content>
    

<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/demo-inventory"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Used Demonstrator Vehicles"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Used Demonstrator Vehicles
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/benefits-demo-vehicle"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Benefits Of Demo Vehicles"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Benefits Of Demo Vehicles
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/form/exchange-evaluation-used/4"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Start Your Trade-In"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Start Your Trade-In
                
            </a>
        
        
</li>
</ul>


</li>
<li class="mobileMenuItem accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobileMenuSubmenuItem__anchor'), (el) => el.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/hybrid-electric-inventory" class="mobileMenuItem__anchor accordion-title"  itemprop="url">
            <span itemprop="name">
                Hybrid & Electric</span>
        </a>

        <ul class="mobileMenuSubmenu accordion-content" data-tab-content>
    

<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/hybrid-electric-inventory"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="New Hybrid & Electric Vehicles"
                
                itemprop="url"
               data-theme-style="link"
            >
                    New Hybrid & Electric Vehicles
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/hybrid-electric-used-inventory"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Used Hybrid & Electric Vehicles"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Used Hybrid & Electric Vehicles
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/about-electric-hyundai"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="About Our Electric Lineup"
                
                itemprop="url"
               data-theme-style="link"
            >
                    About Our Electric Lineup
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/form/exchange-evaluation-used/4"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Start Your Trade-In"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Start Your Trade-In
                
            </a>
        
        
</li>
</ul>


</li>
<li class="mobileMenuItem accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobileMenuSubmenuItem__anchor'), (el) => el.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/special-offers" class="mobileMenuItem__anchor accordion-title"  itemprop="url">
            <span itemprop="name">
                Special Offers</span>
        </a>

        <ul class="mobileMenuSubmenu accordion-content" data-tab-content>
    

<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/special-offers"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="All"
                
                itemprop="url"
               data-theme-style="link"
            >
                    All
                
            </a>
        
        
</li>


<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/special-offers/department/manufacturer-s-programs/4"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Manufacturer's Programs"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Manufacturer's Programs
                
            </a>
        
        
</li>


<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/special-offers/department/sales/1"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Sales"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Sales
                
            </a>
        
        
</li>


<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/special-offers/department/service-parts/2"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Service & Parts"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Service & Parts
                
            </a>
        
        
</li>


<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/special-offers/department/detailing/3"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Detailing"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Detailing
                
            </a>
        
        
</li>

</ul>


</li>
<li class="mobileMenuItem accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: true, anchors: Array.from($el.querySelectorAll('.mobileMenuSubmenuItem__anchor'), (el) => el.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/services" class="mobileMenuItem__anchor accordion-title"  itemprop="url">
            <span itemprop="name">
                Service & Parts</span>
        </a>

        <ul class="mobileMenuSubmenu accordion-content" data-tab-content>
    <li class="mobileMenuSubmenuItem ">
        

            <a href="/en/form/service-appointment/5"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Book A Service Appointment"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Book A Service Appointment
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/services"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Service Centre"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Service Centre
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/services/parts"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Parts Centre"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Parts Centre
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/shop-accessories"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Shop Parts & Accessories"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Shop Parts & Accessories
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/services/tire-centre"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Tire Centre"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Tire Centre
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/shop-tires"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Shop Tires"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Shop Tires
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/services/detailing"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Detailing Centre"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Detailing Centre
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/services/bodyshop"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Collision Centre"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Collision Centre
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="https://www.hyundaicanada.com/en/owners-section/recalls"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                target="_blank"
                title="Check For Recalls"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Check For Recalls
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem -isActive">
        

            <a href="/en/services/maintenance-menu"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Maintenance Menu"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Maintenance Menu
                
            </a>
        
        
</li>
</ul>


</li>
<li class="mobileMenuItem accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobileMenuSubmenuItem__anchor'), (el) => el.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/financing" class="mobileMenuItem__anchor accordion-title"  itemprop="url">
            <span itemprop="name">
                Financing</span>
        </a>

        <ul class="mobileMenuSubmenu accordion-content" data-tab-content>
    <li class="mobileMenuSubmenuItem ">
        

            <a href="/en/financing"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Financing Centre"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Financing Centre
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/form/financing-request-step-1/44"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Apply Online"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Apply Online
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/sell-us-your-vehicle"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Sell Us Your Vehicle"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Sell Us Your Vehicle
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/form/exchange-evaluation-used/4"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Start Your Trade-In"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Start Your Trade-In
                
            </a>
        
        
</li>
</ul>


</li>
<li class="mobileMenuItem accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobileMenuSubmenuItem__anchor'), (el) => el.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/about-us" class="mobileMenuItem__anchor accordion-title"  itemprop="url">
            <span itemprop="name">
                About Us</span>
        </a>

        <ul class="mobileMenuSubmenu accordion-content" data-tab-content>
    <li class="mobileMenuSubmenuItem ">
        

            <a href="/en/about-us"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="About Us"
                
                itemprop="url"
               data-theme-style="link"
            >
                    About Us
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/our-team"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Our Team"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Our Team
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/contact-us"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Contact Us"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Contact Us
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/leave-us-a-review"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Leave A Review"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Leave A Review
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/careers"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Careers"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Careers
                
            </a>
        
        
</li>
<li class="mobileMenuSubmenuItem ">
        

            <a href="/en/news"
               class="a-link -mobilesubmenu mobileMenuSubmenuItem__anchor"
                
                
                title="Latest News"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Latest News
                
            </a>
        
        
</li>
</ul>


</li>
<li class="mobileMenuItem mobileMenuCompare accordion-item" data-accordion-item>
    <a class="mobileMenuItem__anchor mobileMenuCompare__anchor" href="#" title="Compare">
        <span class="mobileMenuCompare__label">
            Compare</span>
        <span class="mobileMenuCompare__value" data-comparetool-count='all'>
            0</span>
    </a>

    <ul class="mobileMenuSubmenu accordion-content" data-tab-content>
        <li class="mobileMenuSubmenuItem widget-mobile-comparebox__element  widget-comparebox__element--inactive">
    <a href="#"
       class="mobileMenuSubmenuItem__anchor"
       data-comparetool-link='/en/new-catalog/compare/'
       data-comparetool-link-type='catalog'
       itemprop="url">
        <span class="widget-comparebox__element-count" data-comparetool-count='catalog'>
            0</span>
        <span class="widget-comparebox__element-text">
            New Vehicle(s)</span>
    </a>
</li><li class="mobileMenuSubmenuItem widget-mobile-comparebox__element  widget-comparebox__element--inactive">
    <a href="#"
       class="mobileMenuSubmenuItem__anchor"
       data-comparetool-link='/en/used-inventory/compare/'
       data-comparetool-link-type='used'
       itemprop="url">
        <span class="widget-comparebox__element-count" data-comparetool-count='used'>
            0</span>
        <span class="widget-comparebox__element-text">
            Used Vehicle(s)</span>
    </a>
</li><li class="mobileMenuSubmenuItem widget-mobile-comparebox__element  widget-comparebox__element--inactive">
    <a href="#"
       class="mobileMenuSubmenuItem__anchor"
       data-comparetool-link='/en/new-inventory/compare/'
       data-comparetool-link-type='new-inventory'
       itemprop="url">
        <span class="widget-comparebox__element-count" data-comparetool-count='new-inventory'>
            0</span>
        <span class="widget-comparebox__element-text">
            New Inventory Vehicle(s)</span>
    </a>
</li></ul>
</li>
</ul>

    <div class="mobileMenu__bottom">
        <div class="mobileMenu__dealer">
            

    <p class="a-typography  mobileMenu__dealerName"  role="" >
    Ajax Hyundai
    
    </p>


<address class="address gen-flex  mobileMenu__dealerInfo" data-component data-component-type="address">
    

            <a href="http://maps.google.com/?q=Ajax+Hyundai+170+Westney+Road+South+L1S+2C8+Ontario+Ajax"
               class="a-link -mobilemenuaddress gen-grow"
                data-tagging-precision="address"
        
            data-tagging-event="contacts"
                target="_blank"
                title="170 Westney Road South, Ajax, Ontario, L1S 2C8"
                
                
               data-theme-style="link"
            >
                    170 Westney Road South, Ajax, Ontario, L1S 2C8
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
</address><section class="phone-number mobileMenu__dealerInfo">
    <div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    General
    
    </span>


            <a href="tel:1-905-427-0111"
               class="a-link -mobilemenuphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="General"
                
                title="1-905-427-0111"
                
                data-shiftdigital-url="tel:1-905-427-0111"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope="header"
               data-theme-style="link"
            >
                    1-905-427-0111
                
            </a>
        
        
</div>
</section>
<div class="social-network ">
        

    <p class="a-typography subheading1 social-network__title mobileMenu__socialTitle" data-theme-style="" role="heading" aria-level="1">
    Follow Us Online
    
    </p>

<a class=""
               href="https://www.facebook.com/AjaxHyundai/"
               title="Facebook | Ajax Hyundai"
               target="_blank"
               aria-label="Facebook - New Window"
               data-tagging-event="social"
               data-tagging-precision="facebook"
               data-tagging-scope="header"
            >
                

    <svg class="a-icon a-icon-facebook social-media mobileMenu__socialIcon"
         role="none"
         data-theme-style=""
    >
        <title>facebook</title>
        <use xlink:href="#icon-facebook"></use>
    </svg>


</a>
        <a class=" "
               href="https://www.youtube.com/@driveautogroup2431"
               title="Youtube | Ajax Hyundai"
               target="_blank"
               aria-label="Youtube - New Window"
               data-tagging-event="social"
               data-tagging-precision="youtube"
               data-tagging-scope="header"
            >
                

    <svg class="a-icon a-icon-youtube social-media mobileMenu__socialIcon"
         role="none"
         data-theme-style=""
    >
        <title>youtube</title>
        <use xlink:href="#icon-youtube"></use>
    </svg>


</a>
        <a class=" "
               href="https://www.instagram.com/ajaxhyundai/?hl=en"
               title="Instagram | Ajax Hyundai"
               target="_blank"
               aria-label="Instagram - New Window"
               data-tagging-event="social"
               data-tagging-precision="instagram"
               data-tagging-scope="header"
            >
                

    <svg class="a-icon a-icon-instagram social-media mobileMenu__socialIcon"
         role="none"
         data-theme-style=""
    >
        <title>instagram</title>
        <use xlink:href="#icon-instagram"></use>
    </svg>


</a>
        <a class=""
               href="https://www.tiktok.com/@ajaxhyundai"
               title="Tiktok | Ajax Hyundai"
               target="_blank"
               data-tagging-event="social"
               data-tagging-precision="tiktok"
               data-tagging-scope="header"
            >
                

    <svg class="a-icon a-icon-tiktok social-media mobileMenu__socialIcon"
         role="none"
         data-theme-style=""
    >
        <title>tiktok</title>
        <use xlink:href="#icon-tiktok"></use>
    </svg>


</a>
        </div>
</div>

        <div class="mobileMenu__cta">
                

                    <a class="a-button -primary mobileMenu__ctaAnchor"
                       href="/en/form/service-appointment/5"
                       role="button"
                       context-id="mobileMenu_button"
                       
                       
                       data-theme-style="button"
                    >
                        Service Appointment

                        
                    </a>
                
                
</div>
        </div>
</div>

</div>

                <div class="off-canvas-content" data-off-canvas-content>
                    <!-- Content Off-Canvas -->
                    <div class="site-container"
                         x-data="{ prevPageYOffset: window.pageYOffset }"
                         @scroll.window="currentPageYOffset = window.pageYOffset; (currentPageYOffset > $refs.header.offsetHeight && prevPageYOffset < currentPageYOffset) ? $el.classList.add('pageIsScrollingDown') : $el.classList.remove('pageIsScrollingDown'), prevPageYOffset = currentPageYOffset"

                    >

                        
                    <a class="a-button -primary accessibility-hidden-button "
                       href="#mainContent"
                       role="button"
                       context-id="headerCta_button"
                       
                       
                       data-theme-style="button"
                    >
                        Go to Main Content

                        
                    </a>
                
                
                    <a class="a-button -primary accessibility-hidden-button "
                       href="#footer"
                       role="button"
                       context-id="headerCta_button"
                       
                       
                       data-theme-style="button"
                    >
                        Go to Footer

                        
                    </a>
                
                
<div class="header gen-fixed gen-top-0 gen-w-full gen-z-[100] xl:gen-relative " x-ref="header">
                        <header class="headerMobileAlpha grid-container gen-w-full"
        data-mobile-header
        role="banner"
>
    

<div class="l-container   "
              
              
              >
    

<div class="l-row  headerMobileAlpha__content"
              
              
              >
    

<a class="headerMobileAlpha__logo" href="/en" title="Ajax Hyundai, Hyundai dealership in Ajax">
            

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img headerMobileAlpha__logoImage" src="https://img.sm360.ca/images/web/driveautogroup-769/4258/2025-ah-logo-horizontal-blue1732565197970.png" height="65" width="150" alt="Ajax Hyundai Logo" data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure>
</a>
    
<a href="tel:1-905-427-0111"
           class="shiftdigital-event header-mobile__phone headerMobileAlpha__phone headerMobileAlpha__item" 
           data-shiftdigital-event="clickToCall"
           data-shiftdigital-title="Sales"
           data-shiftdigital-url="tel:1-905-427-0111"
           data-tagging-event="contacts"
           data-tagging-precision="phone"
           data-tagging-specificity="Sales">
            

    <svg class="a-icon a-icon-phone header-mobile__phone-picto"
         role="none"
         data-theme-style="mobileHeader_phone_iconColor"
    >
        <title>phone</title>
        <use xlink:href="#icon-phone"></use>
    </svg>


</a>
<a class="headerMobileAlpha__address headerMobileAlpha__item" href="http://maps.google.com/?q=Ajax+Hyundai+170+Westney+Road+South+L1S+2C8+ON+Ajax" target="_blank">
                

    <svg class="a-icon a-icon-pin headerMobileAlpha__addressPicto"
         role="none"
         
    >
        <title>pin</title>
        <use xlink:href="#icon-pin"></use>
    </svg>


</a>

            <a href="javascript:void(0)" class="headerMobile__menuIcon headerMobileAlpha__item headerMobileAlpha__menuIcon" data-toggle="offCanvas" data-mobile-menuburger role="button" aria-label="Close Menu">
    <span class="headerMobile__menuIconBar"></span>
    <span class="headerMobile__menuIconBar"></span>
    <span class="headerMobile__menuIconBar"></span>
</a>
</div>
</div></header>


<header class="headerDesktopAlpha -light" itemscope itemtype="https://schema.org/WPHeader" data-header role="banner" x-data="">
    

<div class="l-container   "
              
              
              >
    

<div class="l-grid  headerDesktopAlpha__wrapper"
              
              
              >
    <div class="headerDesktopAlpha__logo">
                

<a class="headerDesktopAlpha__logoLink" href="/en" title="Ajax Hyundai, Hyundai dealership in Ajax">
            

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img headerDesktopAlpha__logoImage" src="https://img.sm360.ca/images/web/driveautogroup-769/4258/2025-ah-logo-horizontal-blue1732565197970.png" height="65" width="150" alt="Ajax Hyundai Logo" data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure>
</a>
    
</div>

            <div class="headerDesktopAlpha__rightSide"
                x-intersect:enter="$refs.nav.style.position = 'static'"
            x-intersect:leave="$refs.nav.style.position = 'fixed', $refs.nav.style.top = 0"
            >
                <div class="headerDesktopAlpha__coordinate">
                    <div class="headerDesktopAlpha__openingHoursWrapper">
                                <div class="headerDesktopAlpha__openingHours">
                                                <div class="departmentOpeningHours gen-group headerDesktopAlpha__salesOpeningHours">
    <div class="departmentOpeningHours__departmentNameOpenDay">
        

        <div class="dep-hours-today-infos">
            
                
    <span class="a-typography  dep-hours-today-infos__department-name departmentOpeningHours__departmentName"  role="" >
    Sales
    
    </span>


                            <span class="dep-hours-today-infos__opening-day">
                                Open Today :
                            </span>
                            <span class="dep-hours-today-infos__opening-hours">8:00AM&nbsp;to&nbsp;6:00PM</span>
                        
                    
        </div>
    

    <svg class="a-icon a-icon-arrowhead-down departmentOpeningHours__dropdownIcon group-hover:gen-rotate-[180deg]"
         role="none"
         
    >
        <title>arrowhead-down</title>
        <use xlink:href="#icon-arrowhead-down"></use>
    </svg>


</div>

    <div class="departmentOpeningHours__businessHours group-hover:gen-block">
        <div class="departmentOpeningHours__businessHourRow ">
                

    <span class="a-typography  departmentOpeningHours__dayLabel"  role="" >
    Monday
    
    </span>


    <span class="a-typography  departmentOpeningHours__dayHours"  role="" >
    Closed
    
    </span>

</div>
        <div class="departmentOpeningHours__businessHourRow ">
                

    <span class="a-typography  departmentOpeningHours__dayLabel"  role="" >
    Tuesday
    
    </span>


    <span class="a-typography  departmentOpeningHours__dayHours"  role="" >
    8:00AM - 8:00PM
    
    </span>

</div>
        <div class="departmentOpeningHours__businessHourRow ">
                

    <span class="a-typography  departmentOpeningHours__dayLabel"  role="" >
    Wednesday
    
    </span>


    <span class="a-typography  departmentOpeningHours__dayHours"  role="" >
    8:00AM - 8:00PM
    
    </span>

</div>
        <div class="departmentOpeningHours__businessHourRow ">
                

    <span class="a-typography  departmentOpeningHours__dayLabel"  role="" >
    Thursday
    
    </span>


    <span class="a-typography  departmentOpeningHours__dayHours"  role="" >
    8:00AM - 8:00PM
    
    </span>

</div>
        <div class="departmentOpeningHours__businessHourRow -isOpen">
                

    <span class="a-typography  departmentOpeningHours__dayLabel"  role="" >
    Friday
    
    </span>


    <span class="a-typography  departmentOpeningHours__dayHours"  role="" >
    8:00AM - 6:00PM
    
    </span>

</div>
        <div class="departmentOpeningHours__businessHourRow ">
                

    <span class="a-typography  departmentOpeningHours__dayLabel"  role="" >
    Saturday
    
    </span>


    <span class="a-typography  departmentOpeningHours__dayHours"  role="" >
    Closed
    
    </span>

</div>
        <div class="departmentOpeningHours__businessHourRow ">
                

    <span class="a-typography  departmentOpeningHours__dayLabel"  role="" >
    Sunday
    
    </span>


    <span class="a-typography  departmentOpeningHours__dayHours"  role="" >
    Closed
    
    </span>

</div>
        </div>
</div></div>
                                        <div class="headerDesktopAlpha__openingHours">
                                                <div class="departmentOpeningHours gen-group headerDesktopAlpha__service & partsOpeningHours">
    <div class="departmentOpeningHours__departmentNameOpenDay">
        

        <div class="dep-hours-today-infos">
            
                
    <span class="a-typography  dep-hours-today-infos__department-name departmentOpeningHours__departmentName"  role="" >
    Service & Parts
    
    </span>


                            <span class="dep-hours-today-infos__opening-day">
                                Open Today :
                            </span>
                            <span class="dep-hours-today-infos__opening-hours">7:30AM&nbsp;to&nbsp;6:00PM</span>
                        
                    
        </div>
    

    <svg class="a-icon a-icon-arrowhead-down departmentOpeningHours__dropdownIcon group-hover:gen-rotate-[180deg]"
         role="none"
         
    >
        <title>arrowhead-down</title>
        <use xlink:href="#icon-arrowhead-down"></use>
    </svg>


</div>

    <div class="departmentOpeningHours__businessHours group-hover:gen-block">
        <div class="departmentOpeningHours__businessHourRow ">
                

    <span class="a-typography  departmentOpeningHours__dayLabel"  role="" >
    Monday
    
    </span>


    <span class="a-typography  departmentOpeningHours__dayHours"  role="" >
    Closed
    
    </span>

</div>
        <div class="departmentOpeningHours__businessHourRow ">
                

    <span class="a-typography  departmentOpeningHours__dayLabel"  role="" >
    Tuesday
    
    </span>


    <span class="a-typography  departmentOpeningHours__dayHours"  role="" >
    7:30AM - 6:00PM
    
    </span>

</div>
        <div class="departmentOpeningHours__businessHourRow ">
                

    <span class="a-typography  departmentOpeningHours__dayLabel"  role="" >
    Wednesday
    
    </span>


    <span class="a-typography  departmentOpeningHours__dayHours"  role="" >
    7:30AM - 6:00PM
    
    </span>

</div>
        <div class="departmentOpeningHours__businessHourRow ">
                

    <span class="a-typography  departmentOpeningHours__dayLabel"  role="" >
    Thursday
    
    </span>


    <span class="a-typography  departmentOpeningHours__dayHours"  role="" >
    7:30AM - 6:00PM
    
    </span>

</div>
        <div class="departmentOpeningHours__businessHourRow -isOpen">
                

    <span class="a-typography  departmentOpeningHours__dayLabel"  role="" >
    Friday
    
    </span>


    <span class="a-typography  departmentOpeningHours__dayHours"  role="" >
    7:30AM - 6:00PM
    
    </span>

</div>
        <div class="departmentOpeningHours__businessHourRow ">
                

    <span class="a-typography  departmentOpeningHours__dayLabel"  role="" >
    Saturday
    
    </span>


    <span class="a-typography  departmentOpeningHours__dayHours"  role="" >
    Closed
    
    </span>

</div>
        <div class="departmentOpeningHours__businessHourRow ">
                

    <span class="a-typography  departmentOpeningHours__dayLabel"  role="" >
    Sunday
    
    </span>


    <span class="a-typography  departmentOpeningHours__dayHours"  role="" >
    Closed
    
    </span>

</div>
        </div>
</div></div>
                                        </div>
                        <div class="headerDesktopAlpha__phone">
                            <section class="phone-number headerDesktopAlpha__phoneNumber" data-toggle="">
    <div class="phone-number-department headerDesktopAlpha__numberDepartment">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    General
    
    </span>


            <a href="tel:1-905-427-0111"
               class="a-link -headerphonelightnoicon  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="General"
                
                title="1-905-427-0111"
                
                data-shiftdigital-url="tel:1-905-427-0111"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope=""
               data-theme-style="link"
            >
                    1-905-427-0111
                
            </a>
        
        
</div>
</section>
</div>

                        
<address class="address gen-flex  headerDesktopAlpha__address" data-component data-component-type="address">
    
        
    <svg class="a-icon a-icon-pin address__icon"
         role="none"
         
    >
        <title>pin</title>
        <use xlink:href="#icon-pin"></use>
    </svg>


            <a href="http://maps.google.com/?q=Ajax+Hyundai+170+Westney+Road+South+L1S+2C8+Ontario+Ajax"
               class="a-link -headeraddresslight gen-grow"
                data-tagging-precision="address"
        
            data-tagging-event="contacts"
        
        
            data-tagging-scope="header"
                target="_blank"
                title="170 Westney Road South, Ajax, Ontario, L1S 2C8"
                
                
               data-theme-style="link"
            >
                    170 Westney Road South, Ajax, Ontario, L1S 2C8
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
</address></div>

                <div class="headerDesktopAlpha__ctaWrapper">
                    <div class="headerDesktopAlpha__logo">
                            

<a class="headerDesktopAlpha__logoLink" href="/en" title="Ajax Hyundai, Hyundai dealership in Ajax">
                

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img headerDesktopAlpha__logoImage-custom" src="https://img.sm360.ca/images/web/driveautogroup-769/4258/hyundai-horizontal-blue-1732565204063.png" height="65" width="150" alt="Ajax Hyundai Logo" data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure>
</a>
    
</div>
                    

                    <a class="a-button -primary headerDesktopAlpha__cta "
                       href="/en/form/service-appointment/5"
                       role="button"
                       context-id="headerCta_button"
                       data-tagging-precision="ctaService"
        
        
            data-tagging-scope="header"
                       
                       
                       data-theme-style="button"
                    >
                        Service Appointment

                        
                    </a>
                
                
<div class="header__middlebar-translate" id="google_translate_element" data-theme-style="utilGreyColor__lightColor utilGreyColor__lightBorderColor"></div>
                    </div>

                </div>
        
</div>
</div>


<nav class="l-fullWidth   desktopMenu -light"
              
              
              data-sr360-header=""
    
        id="nav"
    
        x-ref="nav"
              
              >
    
    
<div class="l-container   "
              
              
              >
    
        
<nav class="l-row  desktopMenu__container"
              
              
              >
    
            <ul class="desktopMenu__navigation" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement">
               
                
                        <li class="desktopMenu__item gen-group"
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktopMenu__submenuItemAnchor'), (anchor) => anchor.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
        data-theme-style=""
    >
        <a href="/en/new-inventory"
           class="desktopMenu__itemAnchor subtitle"
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1"
           data-theme-style="" >
            <span itemprop="name">
                New</span>
        </a>

        <ul class="desktopMenu__submenu" data-menu-submenu>
    <li class="desktopMenu__submenuItem" data-theme-style="">
            

            <a href="/en/new-inventory"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="New Hyundai For Sale"
                
                itemprop="url"
               data-theme-style="link"
            >
                    New Hyundai For Sale
                
            </a>
        
        
</li>
    <li class="desktopMenu__submenuItem" data-theme-style="">
            

            <a href="/en/hybrid-electric-inventory"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="New Hybrid / Electric Inventory"
                
                itemprop="url"
               data-theme-style="link"
            >
                    New Hybrid / Electric Inventory
                
            </a>
        
        
</li><li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/new-catalog"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Complete Lineup"
                
                
               data-theme-style="link"
            >
                    Complete Lineup
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="https://ajax.shop.hyundaicanada.com"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                target="_blank"
                title="Build Your Hyundai"
                
                
               data-theme-style="link"
            >
                    Build Your Hyundai
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/why-buy"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Shop Online"
                
                
               data-theme-style="link"
            >
                    Shop Online
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/vehicle-return-coverage-ajax"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Vehicle Return Coverage"
                
                
               data-theme-style="link"
            >
                    Vehicle Return Coverage
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/form/exchange-evaluation-new/4"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Start Your Trade-In"
                
                
               data-theme-style="link"
            >
                    Start Your Trade-In
                
            </a>
        
        
</li>
</ul>


</li>

                    
                <li class="desktopMenu__item gen-group"
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktopMenu__submenuItemAnchor'), (anchor) => anchor.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
        data-theme-style=""
    >
        <a href="/en/used-inventory"
           class="desktopMenu__itemAnchor subtitle"
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1"
           data-theme-style="" >
            <span itemprop="name">
                Pre-Owned</span>
        </a>

        <ul class="desktopMenu__submenu" data-menu-submenu>
    <li class="desktopMenu__submenuItem" data-theme-style="">
            

            <a href="/en/used-inventory"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Used Vehicles For Sale"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Used Vehicles For Sale
                
            </a>
        
        
</li>
    <li class="desktopMenu__submenuItem" data-theme-style="">
            

            <a href="/en/certified-vehicles-inventory"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Certified Vehicles"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Certified Vehicles
                
            </a>
        
        
</li>
    <li class="desktopMenu__submenuItem" data-theme-style="">
            

            <a href="/en/hybrid-electric-used-inventory"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Pre-Owned EV & Hybrid Vehicles"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Pre-Owned EV & Hybrid Vehicles
                
            </a>
        
        
</li>
    <li class="desktopMenu__submenuItem" data-theme-style="">
            

            <a href="/en/demo-inventory"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Used Demonstrator Vehicles"
                
                itemprop="url"
               data-theme-style="link"
            >
                    Used Demonstrator Vehicles
                
            </a>
        
        
</li><li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/why-buy-used-hyundai"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Why Buy A Used Hyundai"
                
                
               data-theme-style="link"
            >
                    Why Buy A Used Hyundai
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/benefits-hyundai-certified"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Hyundai Promise Certified Program"
                
                
               data-theme-style="link"
            >
                    Hyundai Promise Certified Program
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/form/exchange-evaluation-new/4"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Start Your Trade-In"
                
                
               data-theme-style="link"
            >
                    Start Your Trade-In
                
            </a>
        
        
</li>
</ul>


</li>


                <li class="desktopMenu__item gen-group"
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktopMenu__submenuItemAnchor'), (anchor) => anchor.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
        data-theme-style=""
    >
        <a href="/en/demo-inventory"
           class="desktopMenu__itemAnchor subtitle"
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1"
           data-theme-style="" >
            <span itemprop="name">
                Demo</span>
        </a>

        <ul class="desktopMenu__submenu" data-menu-submenu>
    <li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/demo-inventory"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Used Demonstrator Vehicles"
                
                
               data-theme-style="link"
            >
                    Used Demonstrator Vehicles
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/benefits-demo-vehicle"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Benefits Of Demo Vehicles"
                
                
               data-theme-style="link"
            >
                    Benefits Of Demo Vehicles
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/form/exchange-evaluation-used/4"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Start Your Trade-In"
                
                
               data-theme-style="link"
            >
                    Start Your Trade-In
                
            </a>
        
        
</li>
</ul>


</li>


                    <li class="desktopMenu__item gen-group"
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktopMenu__submenuItemAnchor'), (anchor) => anchor.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
        data-theme-style=""
    >
        <a href="/en/hybrid-electric-inventory"
           class="desktopMenu__itemAnchor subtitle"
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1"
           data-theme-style="" >
            <span itemprop="name">
                Hybrid & Electric</span>
        </a>

        <ul class="desktopMenu__submenu" data-menu-submenu>
    <li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/hybrid-electric-inventory"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="New Hybrid & Electric Vehicles"
                
                
               data-theme-style="link"
            >
                    New Hybrid & Electric Vehicles
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/hybrid-electric-used-inventory"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Used Hybrid & Electric Vehicles"
                
                
               data-theme-style="link"
            >
                    Used Hybrid & Electric Vehicles
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/about-electric-hyundai"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="About Our Electric Lineup"
                
                
               data-theme-style="link"
            >
                    About Our Electric Lineup
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/form/exchange-evaluation-used/4"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Start Your Trade-In"
                
                
               data-theme-style="link"
            >
                    Start Your Trade-In
                
            </a>
        
        
</li>
</ul>


</li>

                
                <li class="desktopMenu__item gen-group"
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktopMenu__submenuItemAnchor'), (anchor) => anchor.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
        data-theme-style=""
    >
        <a href="/en/special-offers"
           class="desktopMenu__itemAnchor subtitle"
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1"
           data-theme-style="" >
            <span itemprop="name">
                Special Offers</span>
        </a>

        <ul class="desktopMenu__submenu" data-menu-submenu>
    <li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/special-offers"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="All"
                
                
               data-theme-style="link"
            >
                    All
                
            </a>
        
        
</li>


<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/special-offers/department/manufacturer-s-programs/4"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Manufacturer's Programs"
                
                
               data-theme-style="link"
            >
                    Manufacturer's Programs
                
            </a>
        
        
</li>


<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/special-offers/department/sales/1"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Sales"
                
                
               data-theme-style="link"
            >
                    Sales
                
            </a>
        
        
</li>


<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/special-offers/department/service-parts/2"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Service & Parts"
                
                
               data-theme-style="link"
            >
                    Service & Parts
                
            </a>
        
        
</li>


<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/special-offers/department/detailing/3"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Detailing"
                
                
               data-theme-style="link"
            >
                    Detailing
                
            </a>
        
        
</li></ul>


</li>


                <li class="desktopMenu__item gen-group"
        data-menu-item
        tabindex="0"
        x-data="{ active: true, anchors: Array.from($el.querySelectorAll('.desktopMenu__submenuItemAnchor'), (anchor) => anchor.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
        data-theme-style=""
    >
        <a href="/en/services"
           class="desktopMenu__itemAnchor subtitle"
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1"
           data-theme-style="" >
            <span itemprop="name">
                Service & Parts</span>
        </a>

        <ul class="desktopMenu__submenu" data-menu-submenu>
    <li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/form/service-appointment/5"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Book A Service Appointment"
                
                
               data-theme-style="link"
            >
                    Book A Service Appointment
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/services"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Service Centre"
                
                
               data-theme-style="link"
            >
                    Service Centre
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/services/parts"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Parts Centre"
                
                
               data-theme-style="link"
            >
                    Parts Centre
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/shop-accessories"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Shop Parts & Accessories"
                
                
               data-theme-style="link"
            >
                    Shop Parts & Accessories
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/services/tire-centre"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Tire Centre"
                
                
               data-theme-style="link"
            >
                    Tire Centre
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/shop-tires"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Shop Tires"
                
                
               data-theme-style="link"
            >
                    Shop Tires
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/services/detailing"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Detailing Centre"
                
                
               data-theme-style="link"
            >
                    Detailing Centre
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/services/bodyshop"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Collision Centre"
                
                
               data-theme-style="link"
            >
                    Collision Centre
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="https://www.hyundaicanada.com/en/owners-section/recalls"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                target="_blank"
                title="Check For Recalls"
                
                
               data-theme-style="link"
            >
                    Check For Recalls
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group -isActive">
        

            <a href="/en/services/maintenance-menu"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Maintenance Menu"
                
                
               data-theme-style="link"
            >
                    Maintenance Menu
                
            </a>
        
        
</li>
</ul>


</li>


                <li class="desktopMenu__item gen-group"
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktopMenu__submenuItemAnchor'), (anchor) => anchor.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
        data-theme-style=""
    >
        <a href="/en/financing"
           class="desktopMenu__itemAnchor subtitle"
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1"
           data-theme-style="" >
            <span itemprop="name">
                Financing</span>
        </a>

        <ul class="desktopMenu__submenu" data-menu-submenu>
    <li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/financing"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Financing Centre"
                
                
               data-theme-style="link"
            >
                    Financing Centre
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/form/financing-request-step-1/44"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Apply Online"
                
                
               data-theme-style="link"
            >
                    Apply Online
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/sell-us-your-vehicle"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Sell Us Your Vehicle"
                
                
               data-theme-style="link"
            >
                    Sell Us Your Vehicle
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/form/exchange-evaluation-used/4"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Start Your Trade-In"
                
                
               data-theme-style="link"
            >
                    Start Your Trade-In
                
            </a>
        
        
</li>
</ul>


</li>


                <li class="desktopMenu__item gen-group"
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktopMenu__submenuItemAnchor'), (anchor) => anchor.getAttribute('href')) }"
        :class="active ? '-isActive': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
        data-theme-style=""
    >
        <a href="/en/about-us"
           class="desktopMenu__itemAnchor subtitle"
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1"
           data-theme-style="" >
            <span itemprop="name">
                About Us</span>
        </a>

        <ul class="desktopMenu__submenu" data-menu-submenu>
    <li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/about-us"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="About Us"
                
                
               data-theme-style="link"
            >
                    About Us
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/our-team"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Our Team"
                
                
               data-theme-style="link"
            >
                    Our Team
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/contact-us"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Contact Us"
                
                
               data-theme-style="link"
            >
                    Contact Us
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/leave-us-a-review"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Leave A Review"
                
                
               data-theme-style="link"
            >
                    Leave A Review
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/careers"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Careers"
                
                
               data-theme-style="link"
            >
                    Careers
                
            </a>
        
        
</li>
<li class="desktopMenu__submenuItem gen-group ">
        

            <a href="/en/news"
               class="a-link -desktopsubmenu desktopMenu__submenuItemAnchor"
                
                
                title="Latest News"
                
                
               data-theme-style="link"
            >
                    Latest News
                
            </a>
        
        
</li>
</ul>


</li>


<li class="desktopMenu__compare desktopMenu__item gen-group" data-menu-item tabindex="0">
    <a class="desktopMenu__compareAnchor desktopMenu__itemAnchor"
       data-tooltip
       aria-haspopup="true"
       aria-expanded="false"
       data-position="bottom"
       data-alignment="center"
       data-click-open="false"
       data-trigger-class=""
       data-menu-anchor
       role="button"
       href="javascript:void(0);"
       title="Select 2 Vehicles to Compare"
       data-widget-compare
       data-tagging-scope="header-menu"
       data-tagging-precision="firstLevel"
       tabindex="-1"
    >
        

    <svg class="a-icon a-icon-compare-car desktopMenu__compareIcon"
         role="none"
         
    >
        <title>compare-car</title>
        <use xlink:href="#icon-compare-car"></use>
    </svg>


<span class="desktopMenu__compareValue" data-comparetool-count='all'>
            0</span>
    </a>

    <ul class="widget-comparebox" data-menu-submenu data-widget-comparebox>
        <svg class="widget-comparebox__triangle" preserveAspectRatio="none" viewBox="0 0 100 100">
            <polygon points="0 0,100 0, 100 8, 50 100, 0 8"></polygon>
        </svg>

        <li class="widget-comparebox__element widget-comparebox__element--inactive">
    <div class="widget-comparebox__element-label">
        

    <span class="a-typography  widget-comparebox__element-count" data-comparetool-count="catalog" role="" >
    0
    
    </span>


    <span class="a-typography  widget-comparebox__element-text"  role="" >
    New Vehicle(s)
    
    </span>

</div>
    <div class="widget-comparebox__element-link">
        

                    <a class="a-button -primary btn"
                       href="#"
                       role="button"
                       context-id="desktopMenu_compareSubmenu_button"
                       
                       
                       data-comparetool-link="/en/new-catalog/compare/"
    
        data-comparetool-link-type="catalog"
                       data-theme-style="button"
                    >
                        Compare

                        
                    </a>
                
                
</div>
</li>
<li class="widget-comparebox__element widget-comparebox__element--inactive">
    <div class="widget-comparebox__element-label">
        

    <span class="a-typography  widget-comparebox__element-count" data-comparetool-count="used" role="" >
    0
    
    </span>


    <span class="a-typography  widget-comparebox__element-text"  role="" >
    Used Vehicle(s)
    
    </span>

</div>
    <div class="widget-comparebox__element-link">
        

                    <a class="a-button -primary btn"
                       href="#"
                       role="button"
                       context-id="desktopMenu_compareSubmenu_button"
                       
                       
                       data-comparetool-link="/en/used-inventory/compare/"
    
        data-comparetool-link-type="used"
                       data-theme-style="button"
                    >
                        Compare

                        
                    </a>
                
                
</div>
</li>
<li class="widget-comparebox__element widget-comparebox__element--inactive">
    <div class="widget-comparebox__element-label">
        

    <span class="a-typography  widget-comparebox__element-count" data-comparetool-count="new-inventory" role="" >
    0
    
    </span>


    <span class="a-typography  widget-comparebox__element-text"  role="" >
    New Inventory Vehicle(s)
    
    </span>

</div>
    <div class="widget-comparebox__element-link">
        

                    <a class="a-button -primary btn"
                       href="#"
                       role="button"
                       context-id="desktopMenu_compareSubmenu_button"
                       
                       
                       data-comparetool-link="/en/new-inventory/compare/"
    
        data-comparetool-link-type="new-inventory"
                       data-theme-style="button"
                    >
                        Compare

                        
                    </a>
                
                
</div>
</li>
</ul>

    <div class="widget-comparebox__notification">
        <div class="widget-comparebox__notification-element widget-comparebox__notification-template">
            <div class="widget-comparebox__notification-icon">
                <span data-theme-sprite=""></span>
            </div>
            <div class="widget-comparebox__notification-text"></div>
        </div>
    </div>
</li>


            </ul>
        
</nav>
    
</div>

</nav>
</header>
</div>

                            <div id="mainContent"
                             role="main"
                             class="page page-maintenance.menu staticPageCustom p-maintenanceMenu"
                             data-theme-style="bodyPattern_primary"
                             x-init="window.innerWidth < 1200 ? $el.style.marginTop = $refs.header.offsetHeight + 'px' : $el.style.marginTop = '0'"
                             @resize.window="window.innerWidth < 1200 ? $el.style.marginTop = $refs.header.offsetHeight + 'px' : $el.style.marginTop = '0'"
                        >

                            
<div class="l-container   staticPageCustom__navigation"
              
              
              >
    

<div class="l-row  c-breadcrumbsContainer"
              
              
              >
    

<nav class="m-breadcrumbs -primary text-sm    text-onBackgroundPrimary" aria-label="Breadcrumb"  data-breadcrumb>
    <ol class="m-breadcrumbs__list flex items-center gap-1 pb-2 whitespace-nowrap overflow-auto" data-breadcrumb-list>
        
    
    <li class="m-breadcrumbItem "  data-breadcrumb-item>
        
            
                <a href="/en" class="m-breadcrumbItem__anchor hover:underline" data-breadcrumb-item-anchor>
                    
                
                    Home
                
            
                </a>

                
    <svg class="a-icon a-icon-breadcrumb-separator m-breadcrumbItem__separator w-2 h-2 "
         role="none"
         data-breadcrumb-icon=""
    >
        <title>breadcrumb-separator</title>
        <use xlink:href="#icon-breadcrumb-separator"></use>
    </svg>


    </li>


    <li class="m-breadcrumbItem "  data-breadcrumb-item>
        
            
                <a href="/en/services" class="m-breadcrumbItem__anchor hover:underline" data-breadcrumb-item-anchor>
                    Service & Parts
                </a>

                
    <svg class="a-icon a-icon-breadcrumb-separator m-breadcrumbItem__separator w-2 h-2 "
         role="none"
         data-breadcrumb-icon=""
    >
        <title>breadcrumb-separator</title>
        <use xlink:href="#icon-breadcrumb-separator"></use>
    </svg>


    </li>

            
    <li class="m-breadcrumbItem "  data-breadcrumb-item>
        
            
                <span class="m-breadcrumbItem__activeItem" aria-current="page" data-breadcrumb-item-active>
                    Maintenance Menu
                </span>
            
        
    </li>

        
    </ol>
</nav>


</div>


<div class="l-row -defaultPaddingBottom "
              
              
              >
    <div class="tabsNavigation gen-mt-3 gen-mb-8 " >
    

<nav x-data
     @dropdown-update="if($event.detail.dropdownName == 'navigation') {
                           if($event.detail.response.value.indexOf('http') > -1) {
                               window.open($event.detail.response.value, '_blank').focus();
                           }
                           else {
                               location.href = $event.detail.response.value
                           }
                       }"
    class="w-full lg:hidden">
    

<div class="m-dropdown w-full  -primary" data-dropdown="navigation" data-theme-style="dropdown" >
    

    <div
        x-on:keydown.escape.prevent.stop="closeOptions($refs.button)"
        x-data="{
            open: false,
            activeElementText: `Maintenance Menu`,
            activeElementValue: `/en/services/maintenance-menu`,
            toggleOptions() {
                this.open ? this.closeOptions() : this.openOptions()
            },
            openOptions() {
                this.$refs.button.focus()
                this.open = true
            },
            closeOptions(focusAfter) {
                this.open = false
                focusAfter && focusAfter.focus()
            },
            click(response) {
                const thisDropdown = document.getElementById($id('dropdown-button'))
                const childrenLinks = Array.from(thisDropdown.querySelectorAll('.m-dropdownOption__link'))

                $dispatch('dropdown-update', {response : response, dropdownName : 'navigation', reference: $refs.navigation})
                this.activeElementText = response.text
                this.activeElementValue = response.value
                childrenLinks.forEach((link) => {
                    link.classList.remove('-selected')
                })

                response.event.classList.add('-selected')
                this.closeOptions()
            }
        }"
        x-on:focusin.window="! $refs.panel.contains($event.target) && closeOptions()"
        x-id="['dropdown-button']"
        x-ref="navigation"
        :class="open ? '-opened' : ''"
        class="m-dropdown__wrapper relative"
        
    >
        <button
            x-ref="button"
            x-on:click="toggleOptions()"
            :aria-expanded="open"
            :aria-controls="$id('dropdown-button')"
            type="button"
            class="m-dropdown__button w-full flex items-center justify-between gap-2 p-4 border border-solid"
            :class="open ? 'border-b-0' : ''"
            data-button
        >
            <span x-html="activeElementText" class="m-dropdown__button-text" data-text></span>
            

    <svg class="a-icon a-icon-dropdown m-dropdown__button-icon h-4 w-4"
         role="none"
         data-icon=""
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


        </button>

        <ul
            x-ref="panel"
            x-show="open"
            x-on:click.outside="closeOptions($refs.button)"
            :id="$id('dropdown-button')"
            x-cloak
            data-panel
            class="m-dropdown__panel absolute z-20 w-full border border-solid border-t-0"
        >
            
        
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/form/service-appointment/5`, text : `Book A Service Appointment`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Book A Service Appointment

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/services`, text : `Service Centre`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Service Centre

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/services/parts`, text : `Parts Centre`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Parts Centre

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/shop-accessories`, text : `Shop Parts & Accessories`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Shop Parts & Accessories

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/services/tire-centre`, text : `Tire Centre`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Tire Centre

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/shop-tires`, text : `Shop Tires`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Shop Tires

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/services/detailing`, text : `Detailing Centre`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Detailing Centre

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/services/bodyshop`, text : `Collision Centre`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Collision Centre

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `https://www.hyundaicanada.com/en/owners-section/recalls`, text : `Check For Recalls`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Check For Recalls

        
    <svg class="a-icon a-icon-link-external ml-2"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/services/maintenance-menu`, text : `Maintenance Menu`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid -selected"
       
    >
        Maintenance Menu

        
    </a>
</li>
        
    
        </ul>
        <input type="hidden" :value="activeElementValue" name="navigation" data-input />
    </div>
</div>
</nav>


<div class="m-tabs -primary hidden lg:flex  text-onSurfacePrimary"
     data-theme-style="tabs"
     x-data="{ activeTabIndex: 10 }"
     
>
    <nav class="m-tabs__links flex flex-wrap items-start"
         role="tablist"
         aria-label="Tabs"
    >
        
            
<a href="/en/form/service-appointment/5" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 1 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-1"
    tabindex="0"
    
    @click="activeTabIndex = 1"
    x-bind:aria-selected="activeTabIndex === 1 ? 'true' : 'false'"
    
    
>
    
                Book A Service Appointment
                
            
</a>
        
            
<a href="/en/services" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 2 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-2"
    tabindex="0"
    
    @click="activeTabIndex = 2"
    x-bind:aria-selected="activeTabIndex === 2 ? 'true' : 'false'"
    
    
>
    
                Service Centre
                
            
</a>
        
            
<a href="/en/services/parts" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 3 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-3"
    tabindex="0"
    
    @click="activeTabIndex = 3"
    x-bind:aria-selected="activeTabIndex === 3 ? 'true' : 'false'"
    
    
>
    
                Parts Centre
                
            
</a>
        
            
<a href="/en/shop-accessories" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 4 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-4"
    tabindex="0"
    
    @click="activeTabIndex = 4"
    x-bind:aria-selected="activeTabIndex === 4 ? 'true' : 'false'"
    
    
>
    
                Shop Parts & Accessories
                
            
</a>
        
            
<a href="/en/services/tire-centre" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 5 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-5"
    tabindex="0"
    
    @click="activeTabIndex = 5"
    x-bind:aria-selected="activeTabIndex === 5 ? 'true' : 'false'"
    
    
>
    
                Tire Centre
                
            
</a>
        
            
<a href="/en/shop-tires" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 6 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-6"
    tabindex="0"
    
    @click="activeTabIndex = 6"
    x-bind:aria-selected="activeTabIndex === 6 ? 'true' : 'false'"
    
    
>
    
                Shop Tires
                
            
</a>
        
            
<a href="/en/services/detailing" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 7 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-7"
    tabindex="0"
    
    @click="activeTabIndex = 7"
    x-bind:aria-selected="activeTabIndex === 7 ? 'true' : 'false'"
    
    
>
    
                Detailing Centre
                
            
</a>
        
            
<a href="/en/services/bodyshop" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 8 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-8"
    tabindex="0"
    
    @click="activeTabIndex = 8"
    x-bind:aria-selected="activeTabIndex === 8 ? 'true' : 'false'"
    
    
>
    
                Collision Centre
                
            
</a>
        
            
<a href="https://www.hyundaicanada.com/en/owners-section/recalls" target="_blank"
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 9 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-9"
    tabindex="0"
    
    @click="activeTabIndex = 9"
    x-bind:aria-selected="activeTabIndex === 9 ? 'true' : 'false'"
    
    
>
    
                Check For Recalls
                
                    
    <svg class="a-icon a-icon-link-external ml-2"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


</a>
        
            
<a href="/en/services/maintenance-menu" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 10 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-10"
    tabindex="0"
    
    @click="activeTabIndex = 10"
    x-bind:aria-selected="activeTabIndex === 10 ? 'true' : 'false'"
    
    
>
    
                Maintenance Menu
                
            
</a>
        
    </nav>
    
</div>

</div>
</div>
</div>


<div class="l-fullWidth   staticPageCustom__header -marginBottom"
              data-cz-group="page.maintenance.menu.header"
              
              
              >
    

<div class="l-container -defaultMarginBottom  "
              
              
              >
    

<div class="l-grid  "
              
              
              >
    <div class="staticPageCustom__headerContent xl:gen-col-span-6">
                

    <h1 class="a-typography heading1 staticPageCustom__headerTitle"  role="heading" aria-level="1">
    Maintenance Menu
    
    </h1>


<div class="l-row -defaultPaddingBottom staticPageCustom__headerActions"
              
              
              >
    <div class="dropdown-info " data-dropdown-info data-theme-style="dropdownInfo__bgColor" >
    <div class="dropdown-info__button" data-dropdown-info-button tabindex="0" data-navigation-enter-press>
        

    <svg class="a-icon a-icon-clock-outline dropdown-info__button-picto"
         role="none"
         data-theme-style="dropdownInfoButton__iconColor"
    >
        <title>clock-outline</title>
        <use xlink:href="#icon-clock-outline"></use>
    </svg>


<span class="dropdown-info__button-content" data-theme-style="dropdownInfoButton__textColor">


                <div class="dep-hours-today-infos">
            
            
                            <span class="dep-hours-today-infos__opening-day" data-theme-style="depHoursInfos_openColor">
                                Open Today :
                            </span>
                            <span class="dep-hours-today-infos__opening-hours" data-theme-style="depHoursInfos_openColor">7:30AM&nbsp;to&nbsp;6:00PM</span>
                        
                        
        </div>
            
            
</span>
        <span class="dropdown-info__button-arrow">
                

    <svg class="a-icon a-icon-arrowhead-down dropdown-info__button-arrow-picto"
         role="none"
         data-theme-style="dropdownInfoButton__arrowColor"
    
        data-dropdown-info-arrow=""
    >
        <title>arrowhead-down</title>
        <use xlink:href="#icon-arrowhead-down"></use>
    </svg>


</span>
        </div>

    
<section class="grid-x grid-padding-x  dropdown-info__content"
         data-theme-style=""
         
         
         data-dropdown-info-content=" ">
    <div class="dropdown-info__content-wrapper cell " data-theme-style="depHoursInfos_bgColor">
            <div class="dep-hours cell">
            
                
                    <div class="dep-hours-infos " data-theme-style="depHoursInfos_bgColor">
    

<div class="dep-hours-infos-opening" data-theme-style="depHoursInfos_bgColor">
    <table class="dep-hours-infos-opening__wrapper">
        <thead class="show-for-sr">
            <tr>
                <td>Days</td>
                <td>Hours</td>
            </tr>
        </thead>
        <tbody>
            
                
                        <tr class="dep-hours-infos-opening__row-wrapper" data-theme-style="depHoursInfos_fontColor">
                            <td class="dep-hours-infos-opening__day">
                                Monday
                                
                                    
    <p class="a-typography fineprint "  role="" >
    Civic Holiday
    
    </p>


                            </td>
                            <td class="dep-hours-infos-opening__hours text-right">Closed</td>
                        </tr>
                    
                    
                        <tr class="dep-hours-infos-opening__row-wrapper" data-theme-style="depHoursInfos_fontColor">
                            <td class="dep-hours-infos-opening__day">
                                Tuesday
                                
                            </td>
                            <td class="dep-hours-infos-opening__hours text-right">7:30AM&nbsp;to&nbsp;6:00PM</td>
                        </tr>
                    
                
                        <tr class="dep-hours-infos-opening__row-wrapper" data-theme-style="depHoursInfos_fontColor">
                            <td class="dep-hours-infos-opening__day">
                                Wednesday
                                
                            </td>
                            <td class="dep-hours-infos-opening__hours text-right">7:30AM&nbsp;to&nbsp;6:00PM</td>
                        </tr>
                    
                
                        <tr class="dep-hours-infos-opening__row-wrapper" data-theme-style="depHoursInfos_fontColor">
                            <td class="dep-hours-infos-opening__day">
                                Thursday
                                
                            </td>
                            <td class="dep-hours-infos-opening__hours text-right">7:30AM&nbsp;to&nbsp;6:00PM</td>
                        </tr>
                    
                
                        <tr class="dep-hours-infos-opening__row-wrapper" data-theme-style="depHoursInfos_openColor">
                            <td class="dep-hours-infos-opening__day">
                                Friday
                                
                            </td>
                            <td class="dep-hours-infos-opening__hours text-right">7:30AM&nbsp;to&nbsp;6:00PM</td>
                        </tr>
                    
                
                        <tr class="dep-hours-infos-opening__row-wrapper" data-theme-style="depHoursInfos_fontColor">
                            <td class="dep-hours-infos-opening__day">
                                Saturday
                                
                                    
    <p class="a-typography fineprint "  role="" >
    Civic Holiday
    
    </p>


                            </td>
                            <td class="dep-hours-infos-opening__hours text-right">Closed</td>
                        </tr>
                    
                    
                        <tr class="dep-hours-infos-opening__row-wrapper" data-theme-style="depHoursInfos_fontColor">
                            <td class="dep-hours-infos-opening__day">
                                Sunday
                                
                            </td>
                            <td class="dep-hours-infos-opening__hours text-right">Closed</td>
                        </tr>
                    
                    
        </tbody>
    </table>
</div>


</div>
                
                
        </div></div>
    
</section>
</div>


</div></div>

            <div class="staticPageCustom__headerImage">
                    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Maintenance Menu" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/instance-header-maintenance-centre16999863791741700125959953.jpg" >
        
    
</div>
            
</div>
</div>
</div>


<div class="l-container -defaultMarginBottom  staticPageCustom__section06 wysiwyg"
              data-cz-group="page.maintenance.menu.section06"
              
              
              >
    

<div class="l-grid -defaultPaddingBottom staticPageCustom__section06__instancesWrapper"
              
              
              >
    <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Timing Belt Service" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/2-timing-belt-module-61699989183279.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Timing Belt Service
    
    </p>


            <a href="/en/news/view/timing-belt-replacement/122135"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Spark Plug Replacement" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/10-spark-plug-module-61699989218342.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Spark Plug Replacement
    
    </p>


            <a href="/en/news/view/spark-plug-replacement/122136"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Shocks & Struts Replacement" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/11-shocks-struts-module-61699989226339.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Shocks & Struts Replacement
    
    </p>


            <a href="/en/news/view/shocks-struts-replacement/122137"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Fuel Induction Service" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/3-fuel-induction-module-61699989234509.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Fuel Induction Service
    
    </p>


            <a href="/en/news/view/fuel-induction-service/122138"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="EGR Valves Service" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/16-egr-valve-module-61699989243658.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    EGR Valves Service
    
    </p>


            <a href="/en/news/view/egr-valve-service/122139"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Differential Service" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/13-differential-service-module-61699989252211.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Differential Service
    
    </p>


            <a href="/en/news/view/differential-service/122140"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Wheel Alignment" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/4-wheel-alignment-module-61699989259370.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Wheel Alignment
    
    </p>


            <a href="/en/news/view/wheel-alignment/122141"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Transfer Case Service" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/6-transfer-case-module-61699989268690.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Transfer Case Service
    
    </p>


            <a href="/en/news/view/transfer-case-service/122142"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Transmission Service" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/14-transmission-service-module-61699989279497.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Transmission Service
    
    </p>


            <a href="/en/news/view/transmission-service/122143"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Battery Service" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/15-battery-service-module-61699989289572.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Battery Service
    
    </p>


            <a href="/en/news/view/battery-service/122144"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Brake Service" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/12-brake-service-module-61699989302120.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Brake Service
    
    </p>


            <a href="/en/news/view/brake-service/122145"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Brake Pad Replacement" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/17-brake-pad-replacement-module-61699989310579.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Brake Pad Replacement
    
    </p>


            <a href="/en/news/view/brake-pad-replacement/122146"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Engine Air Filter Replacement Service" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/5-engine-air-filter-module-61700670419604.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Engine Air Filter Replacement Service
    
    </p>


            <a href="/en/news/view/engine-air-filter-replacement/122147"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Serpentine Belt Replacement" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/18-serpentine-belt-replacement-module-61700670446609.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Serpentine Belt Replacement
    
    </p>


            <a href="/en/news/view/serpentine-belt-replacement/122148"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Antifreeze/
Coolant Replacement" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/7-coolant-replacement-module-61699989483390.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Antifreeze/
Coolant Replacement
    
    </p>


            <a href="/en/news/view/antifreeze-coolant-replacement/122149"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        <div class="staticPageCustom__section06__instance">
                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Brake Fluid Replacement" class="a-image__img lazyload staticPageCustom__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/8-brake-fluid-module-61699989496855.jpg" >
        
    
    <p class="a-typography heading3 staticPageCustom__section06__instanceTitle" data-section06-title="" role="heading" aria-level="3">
    Brake Fluid Replacement
    
    </p>


            <a href="/en/news/view/brake-fluid-replacement/122150"
               class="m-linkWithIcon -primary staticPageCustom__section06__instanceLink"
                
                
                data-section06-link=""
                data-theme-style="link"
            >
                

                    Learn More
                

    <svg class="a-icon a-icon-link-icon m-linkWithIcon__icon"
         role="none"
         
    >
        <title>link-icon</title>
        <use xlink:href="#icon-link-icon"></use>
    </svg>


            </a>
        
        
</div>
        
</div>
</div></div>
                            

<footer class="footerHyundai" itemscope itemtype="https://schema.org/WPFooter">
    

<div class="l-fullWidth  -paddingY footerHyundai__mainWrapper"
              
              
              >
    

<div class="l-container   "
              
              
              >
    

<div class="l-grid  footerHyundai__gridWrapper"
              
              
              >
    <div class="footerHyundai__usefulLinks">
    

    <p class="a-typography subheading1 footerHyundai__columnTitle"  role="heading" aria-level="1">
    Useful Links
    
    </p>

<ul class="footerHyundai__usefulLinksList" role="navigation">
        <li>
                

            <a href="/en/special-offers"
               class="a-link -footerusefullink "
                
                
                title="Special Offers"
                
                data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="promotions"
               data-theme-style="link"
            >
                    Special Offers
                
            </a>
        
        
</li>
        <li>
                

            <a href="/en/services"
               class="a-link -footerusefullink "
                
                
                title="Service Department"
                
                data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="services"
               data-theme-style="link"
            >
                    Service Department
                
            </a>
        
        
</li>
        <li>
                

            <a href="/en/financing"
               class="a-link -footerusefullink "
                
                
                title="Financing Department"
                
                data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="financing"
               data-theme-style="link"
            >
                    Financing Department
                
            </a>
        
        
</li>
        <li>
                

            <a href="/en/about-us"
               class="a-link -footerusefullink "
                
                
                title="About Us"
                
                data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="about"
               data-theme-style="link"
            >
                    About Us
                
            </a>
        
        
</li>
        <li>
                

            <a href="/en/news"
               class="a-link -footerusefullink "
                
                
                title="News"
                
                data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="news"
               data-theme-style="link"
            >
                    News
                
            </a>
        
        
</li>
        <li>
                

            <a href="/en/leave-us-a-review"
               class="a-link -footerusefullink "
                
                
                title="Leave Us a Review"
                
                data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="reviews"
               data-theme-style="link"
            >
                    Leave Us a Review
                
            </a>
        
        
</li>
        <li>
                

            <a href="/en/our-team"
               class="a-link -footerusefullink "
                
                
                title="Our Team"
                
                data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="team"
               data-theme-style="link"
            >
                    Our Team
                
            </a>
        
        
</li>
        <li>
                

            <a href="/en/accessibility"
               class="a-link -footerusefullink "
                
                
                title="Accessibility Policy"
                
                data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="Accessibility.Policy"
               data-theme-style="link"
            >
                    Accessibility Policy
                
            </a>
        
        
</li>
        </ul>
</div><div class="footerHyundai__businessHours">
    

    <p class="a-typography subheading1 footerHyundai__columnTitle"  role="heading" aria-level="1">
    Business Hours
    
    </p>


<div class="m-tabs -primary  text-onSurfacePrimary"
     data-theme-style="tabs"
     x-data="{ activeTabIndex: 0 }"
     
>
    <nav class="m-tabs__links flex flex-wrap items-start"
         role="tablist"
         aria-label="Tabs"
    >
        <button  
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 0 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-0"
    tabindex="0"
    aria-controls="panel-0"
    @click="activeTabIndex = 0"
    x-bind:aria-selected="activeTabIndex === 0 ? 'true' : 'false'"
    data-tagging-precision="hours"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Sales"
    
>
    
                            Sales
                        
</button>
                        

<button  
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 1 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-1"
    tabindex="0"
    aria-controls="panel-1"
    @click="activeTabIndex = 1"
    x-bind:aria-selected="activeTabIndex === 1 ? 'true' : 'false'"
    data-tagging-precision="hours"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Service & Parts"
    
>
    
                            Service & Parts
                        
</button>
    </nav>
    
        <div class="m-tabs__panels">
            <div class="m-tabPanel "
     
     role="tabpanel"
     id="panel-0"
     aria-labelledby="tab-0"
     x-show="activeTabIndex === 0"
     
>
    
                            
<table class="m-departmentHours " >
    

        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Monday
    
    </span>


    <p class="a-typography fineprint "  role="" >
    Civic Holiday
    
    </p>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Tuesday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    8:00AM / 8:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Wednesday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    8:00AM / 8:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Thursday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    8:00AM / 8:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Friday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    8:00AM / 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Saturday
    
    </span>


    <p class="a-typography fineprint "  role="" >
    Civic Holiday
    
    </p>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Sunday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    

</table>
                        
</div>
                        

<div class="m-tabPanel "
     
     role="tabpanel"
     id="panel-1"
     aria-labelledby="tab-1"
     x-show="activeTabIndex === 1"
     
>
    
                            
<table class="m-departmentHours " >
    

        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Monday
    
    </span>


    <p class="a-typography fineprint "  role="" >
    Civic Holiday
    
    </p>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Tuesday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM / 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Wednesday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM / 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Thursday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM / 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Friday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM / 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Saturday
    
    </span>


    <p class="a-typography fineprint "  role="" >
    Civic Holiday
    
    </p>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Sunday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    

</table>
                        
</div>
        </div>
    
</div>

</div><div class="footerHyundai__contactUs">
    

    <p class="a-typography subheading1 footerHyundai__columnTitle"  role="heading" aria-level="1">
    Contact Us
    
    </p>


    <p class="a-typography subheading2 footerHyundai__dealerName gen-pb-2"  role="heading" aria-level="2">
    Ajax Hyundai
    
    </p>


<address class="address gen-flex  gen-pb-2" data-component data-component-type="address">
    

            <a href="http://maps.google.com/?q=Ajax+Hyundai+170+Westney+Road+South+L1S+2C8+Ontario+Ajax"
               class="a-link -footeraddress gen-grow"
                data-tagging-precision="address"
        
            data-tagging-event="contacts"
        
        
            data-tagging-scope="footer"
                target="_blank"
                title="Ajax Hyundai,  170 Westney Road South, Ajax, Ontario, L1S 2C8"
                
                
               data-theme-style="link"
            >
                    Ajax Hyundai,  170 Westney Road South, Ajax, Ontario, L1S 2C8
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
</address><section class="phone-number gen-pb-5">
    <div class="phone-number-department ">
        

    <span class="a-typography  footerHyundai__phoneLabel phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    General
    
    </span>


            <a href="tel:1-905-427-0111"
               class="a-link -footerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="General"
                
                title="1-905-427-0111"
                
                data-shiftdigital-url="tel:1-905-427-0111"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope="footer"
               data-theme-style="link"
            >
                    1-905-427-0111
                
            </a>
        
        
</div>
</section>


                    <a class="a-button -primary footerHyundai__cta"
                       href="/en/contact-us"
                       role="button"
                       context-id="footer_button"
                       data-tagging-precision="linkContact"
        
        
            data-tagging-scope="footer"
                       
                       
                       data-theme-style="button"
                    >
                        Contact Us

                        
                    </a>
                
                
</div>


<div class="footerHyundai__locationMap">
    

    <p class="a-typography subheading1 footerHyundai__columnTitle"  role="heading" aria-level="1">
    Location
    
    </p>

<a href="http://maps.google.com/?q=Ajax+Hyundai+170+Westney+Road+South+L1S+2C8+Ontario+Ajax"
       class="footerHyundai__mapLink"
       target="_blank">
        

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 270 220'%2F%3E" alt="Location" class="a-image__img lazyload footerHyundai__mapImage" x-data x-lazy-image loading="lazy" height="220" width="270" data-src="https://img.sm360.ca/images/web/driveautogroup-769/4258/footer-map1700665814919.jpg" >
        
    
</a>
</div>
</div>
</div>
</div>


<div class="l-fullWidth   footerHyundai__disclaimerWrapper"
              
              
              >
    

<div class="l-container   "
              
              
              >
    

<div class="l-grid  footerHyundai__disclaimerGrid"
              
              
              >
    <div class="footerHyundai__socialWrapper">
                    <div class="social-network ">
        <a class=""
               href="https://www.facebook.com/AjaxHyundai/"
               title="Facebook | Ajax Hyundai"
               target="_blank"
               aria-label="Facebook - New Window"
               data-tagging-event="social"
               data-tagging-precision="facebook"
               
            >
                

    <svg class="a-icon a-icon-facebook-round social-media "
         role="none"
         data-theme-style=""
    >
        <title>facebook-round</title>
        <use xlink:href="#icon-facebook-round"></use>
    </svg>


</a>
        <a class=" "
               href="https://www.youtube.com/@driveautogroup2431"
               title="Youtube | Ajax Hyundai"
               target="_blank"
               aria-label="Youtube - New Window"
               data-tagging-event="social"
               data-tagging-precision="youtube"
               
            >
                

    <svg class="a-icon a-icon-youtube-round social-media "
         role="none"
         data-theme-style=""
    >
        <title>youtube-round</title>
        <use xlink:href="#icon-youtube-round"></use>
    </svg>


</a>
        <a class=" "
               href="https://www.instagram.com/ajaxhyundai/?hl=en"
               title="Instagram | Ajax Hyundai"
               target="_blank"
               aria-label="Instagram - New Window"
               data-tagging-event="social"
               data-tagging-precision="instagram"
               
            >
                

    <svg class="a-icon a-icon-instagram-round social-media "
         role="none"
         data-theme-style=""
    >
        <title>instagram-round</title>
        <use xlink:href="#icon-instagram-round"></use>
    </svg>


</a>
        <a class=""
               href="https://www.tiktok.com/@ajaxhyundai"
               title="Tiktok | Ajax Hyundai"
               target="_blank"
               data-tagging-event="social"
               data-tagging-precision="tiktok"
               
            >
                

    <svg class="a-icon a-icon-tiktok-round social-media "
         role="none"
         data-theme-style=""
    >
        <title>tiktok-round</title>
        <use xlink:href="#icon-tiktok-round"></use>
    </svg>


</a>
        </div>
</div>

                <div class="footerHyundai__textWrapper">
                    

    <p class="a-typography body1 footerHyundai__disclaimerContent"  role="" >
    The Hyundai name, logo, product names, feature names, images and slogans are all trademarks and managed by Hyundai Canada.
    
    </p>

</div>

                <div class="footerHyundai__logoWrapper">
                    

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img footerHyundai__logoImage" src="https://img.sm360.ca/images/web/driveautogroup-769/4258/hyundai-horizontal-blue-1732565204063.png" height="65" width="270" alt="Ajax Hyundai Logo" data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure>

</div>
            
</div>
</div>
</div>


<div class="l-fullWidth   footerHyundai__copyrightWrapper"
              
              
              >
    
    
<div class="l-container   "
              
              
              >
    
        
<div class="l-row  footerHyundai__copyrightRow"
              
              
              >
    
            
    <span class="a-typography fineprint " itemprop="copyrightHolder" role="" >
    &copy; 2026
                    Ajax Hyundai
    
    </span>


            <span class="footerLinkSeparator">|</span>

            
            <a href="/en/sitemap"
               class="a-link -footerfineprint fineprint"
                
                
                title="Sitemap"
                
                
               data-theme-style="link"
            >
                    Sitemap
                
            </a>
        
        
            <span class="footerLinkSeparator">|</span>

            
            <a href="/en/terms-of-use"
               class="a-link -footerfineprint fineprint"
                
                
                title="Terms of Use"
                
                
               data-theme-style="link"
            >
                    Terms of Use
                
            </a>
        
        
            <span class="footerLinkSeparator">|</span>

            
            <a href="/en/privacy-policy"
               class="a-link -footerfineprint fineprint"
                
                
                title="Privacy Policy"
                
                
               data-theme-style="link"
            >
                    Privacy Policy
                
            </a>
        
        
</div>
    
</div>

</div></footer>
</div>
                </div>
            </div>
        </div>

        <div class="generic__reveal reveal nopadding" id="genericModal" data-reveal>
            <div class="generic__reveal-body reveal-body"></div>
            <button class="close-button" data-close aria-label="Close Modal" role="button" type="button">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        

<div class="a-scrolltop -primary bg-surfacePrimary text-onSurfacePrimary justify-center items-center py-2 px-4 hover:cursor-pointer border border-solid hidden gen-fixed gen-bottom-5 gen-right-5"
     
     x-init=""
     x-scrolltop="lg"
     data-theme-style="scrolltop">
    

    <svg class="a-icon a-icon-arrowhead-up a-scrolltop__icon "
         role="none"
         
    >
        <title>arrowhead-up</title>
        <use xlink:href="#icon-arrowhead-up"></use>
    </svg>


    <span class="a-typography fineprint a-scrolltop__text block"  role="" >
    Top
    
    </span>


</div>

<div id="fb-root"></div><script type="text/javascript">

        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id; js.defer = true;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
</script>
<!--[if lt IE 8]>
        <div class="chromeframe" style="height:80px;">
            <div style="margin: 0; background: #ccc; color: #000; padding: 1.2em 0; position:fixed; bottom:0; width:100%; z-index:1000;">
                <div style="display:block; margin:0.5em auto; width:940px;">
                    You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</div>
            </div>
        </div>
        <![endif]-->
    

<script defer src="https://d1azc1qln24ryf.cloudfront.net/78355/manufacturer-hyundai/svgxuse-cf.js?5v124w"></script>


<script src="/js/manufacturers/hyundai/hyundai.min.js" defer></script>

<script src="/js/phoenix-jsp/phoenix-jsp.min.js" defer></script>


<script defer src="/js/theme/drive-auto-2023/main.min.js?v=034354874"></script>
<script defer src="//cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js"></script>
        <script defer src="https://unpkg.com/swiper@6.8.4/swiper-bundle.min.js"></script>

        <script type="text/javascript">
</script>
<script src="https://us-central1-glo3d-c338b.cloudfunctions.net/script" defer></script>
        <script type="text/javascript">
                function googleTranslateElementInit() {
                    new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'en,fr,es,zh-CN,hi,bn,ar,pt,ru,de,it,ja,ko,tl,ta,fa,ur,zh-TW,yue,vi,gu,el,pa,pl,uk,sr,tr,so,prs,ro,hu,sq,hy,am', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
                }
            </script>
            <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
        

        <script src="/js/urlTracker.js"></script>

        <script type="text/javascript">
            $(document).ready(function () {
                var contextPath = '';
                urlTracker.addUrl(contextPath);
            });

        </script>

        
                    <script>
    function generateUrlWithTr(){
        var url = window.location.href;
        var query = window.location.search.substring(1);
        if(query){
            url = url.concat('&tr=14')
        }
        else{
            url =  url.concat('?tr=14')
        }
        return url;
    }
    function removeAccents(vehicleName){
        var accents = ['à','â','ä','è','ê','é','ë','ï','î','ô','ö','ù','û','ü','ÿ','ç','À','Â','Ä','Ç','É','È','Ê','Ë','Î','Ï','Ô','Ö','Ù','Û','Ü','Ÿ'];
        var letterWitoutAccents = ['a','a','a','e','e','e','e','i','i','o','o','u','u','u','y','c','A','A','A','C','E','E','E','E','I','I','O','O','U','U','U','Y'];
        for(var i = 0;i != accents.length;i++){
            vehicleName = vehicleName.replace(accents[i], letterWitoutAccents[i]);
        }
        return vehicleName;
    }
    function tagUserView(language, image, vehicleName, ttl) {
        if (!ttl) ttl = 2591999;
        if(vehicleName){
            vehicleName = removeAccents(vehicleName);
        }

        iframeSrcBuilder(language, image, vehicleName, ttl);

    }
    function iframeSrcBuilder(language, image, vehicleName, ttl) {
        var iFrameSRC = "//script.sm360.ca/dynamic-ads/adunit/tag_user_view.html?"
        var iFrameID = "adgear-car-tag";
        var $iframe = document.getElementById(iFrameID);
        if (typeof image != "undefined" && image != null) {
            iFrameSRC = iFrameSRC + "&i=" + encodeURIComponent(String(image));
        }
        if (typeof vehicleName != "undefined" && vehicleName != null) {
            iFrameSRC = iFrameSRC + "&v=" + encodeURIComponent(String(vehicleName));
        }
        if (typeof language != "undefined" && language != null) {
            iFrameSRC = iFrameSRC + "&l=" + encodeURIComponent(String(language));
        }
        iFrameSRC = iFrameSRC +
                "&ttl=" + encodeURIComponent(String(ttl)) +
                "&AG_R=" + String(Math.random());

        $iframe = iframeGenerator($iframe, iFrameID, iFrameSRC);
    }
    function iframeGenerator($iframe, iFrameID, iFrameSRC) {
        if (!$iframe) {
            $iframe = document.createElement('iframe');
            $iframe.id = iFrameID;
            $iframe.style.visibility = "hidden";
            $iframe.style.display = "none";
            $iframe.style.width = "1px";
            $iframe.style.height = "1px";
            $iframe.setAttribute("width", "1");
            $iframe.setAttribute("height", "1");
            $iframe.setAttribute("frameborder", "0");
            $iframe.setAttribute("marginwidth", "0");
            $iframe.setAttribute("marginheight", "0");
            $iframe.setAttribute("scrolling", "no");
            $iframe.setAttribute("src", iFrameSRC);
            document.body.appendChild($iframe);
        } else {
            $iframe.setAttribute("src", iFrameSRC);
        }
        return $iframe
    }
    $(document).ready(function () {
        if (typeof dataLayer !== 'undefined' && typeof dataLayer[0].make !== 'undefined') {
            var language = document.getElementsByTagName('html')[0].getAttribute('lang'),
                    vehicleName = "",
                    image;
            if (language == null || language == "") {
                language = "fr";
            }

            if (language == 'fr') {
                vehicleName = dataLayer[0].make + " " + dataLayer[0].model + " " + dataLayer[0].year;
            } else {
                vehicleName = dataLayer[0].year + " " + dataLayer[0].make + " " + dataLayer[0].model;
            }

            
                    tagUserView(language, null, vehicleName);
                
        }
    });
</script>

                
                <div id="cherry-popper"></div>

    <script type="text/javascript">
        $(window).load(function(){
            $.getScript( "//cherry.sm360.ca/js/1.0.0/cherry-popper.min.js?v=034354874").done(function( script, textStatus ) {
                $('#cherry-popper').popper({
                    serviceUrl:"//cherry.sm360.ca/cherries",
                    websiteId: 4258,
                    vehicleInventoryId: window.dataLayer && window.dataLayer[0].stockNo ? window.dataLayer[0].id : undefined,
                    vehicleCatalogTrimId: window.dataLayer && window.dataLayer[0].condition && !window.dataLayer[0].stockNo ? window.dataLayer[0].id : undefined,
                    organizationUnitId: 7926,
                    currentPage: document.location.href,
                    locale: "en"
                });

                $('#cherry-popper').popper("init");
            })
            .fail(function( jqxhr, settings, exception ) {
                console.log("Cherries not loaded, problem loading js");
            });
        });
        function closePopup() {
            $('#cherry-popper').popper("closeCurrentPopup");
        }
    </script>

            
<style>
    .footer-sm {
        margin: auto;
    }

    .footer-sm.custom {
        background-color: ;
    }

    .footer-sm.custom .content {
        color: ;
    }

    .footer-sm.light {
        background-color: #ffffff
    }

    .footer-sm.light .content {
        color: #666;
    }

    .footer-sm.dark {
        background-color: #111111
    }

    .footer-sm.dark .content {
        color: #f9f9f9;
    }

    .footer-sm--container {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        padding: 15px;
    }

    .footer-sm--container .content {
        padding: 0;
        margin: 0 10px 0 0;
        text-transform: uppercase;
        font-family: arial, sans-serif;
        font-size: 9px;
        float: left;
        line-height: 25px;
    }

    .footer-sm--container .logo-sm {
        height: 24px;
        display: block;
        float: left;
        clear: none;
    }

</style>
<style media="print">
    .footer-sm {
        display: none;
    }
</style>

<div class="footer-sm light" role="contentinfo" aria-label="Footer 360.Agency">
    <div class="footer-sm--container">
        
        
                <p class="content">Powered and developed by</p>
                
                    <a href="https://360.agency/en/solutions-for-dealership/web-and-mobile-solutions-for-car-dealers/personalized-web-sites-for-dealerships/" target="_blank" rel="noopener" aria-label="Footer SM360">
                
                
                        <img src="https://img.sm360.ca/images/var/sm360/logo/en-light.png" alt="360.Agency" width="122" class="logo-sm" height="24"  />

                    
                    </a>
                
            
        <br clear="all"/>
    </div>
</div>

        
        <script type="text/javascript">
    $(document).ready(function(){

        function insertDataAttribut() {
            var value, i, j;
            if (document.forms.length) {
                var forms = document.forms;
                for (i = 0; i < forms.length; i++) {
                    value = forms[i];
                    if (value.getAttribute('data-gtmsm360') == null) {
                        value.setAttribute('data-gtmsm360', 'conv__form');
                    }
                }
            }

            if (document.links.length) {
                var links = document.links;
                for (i = 0; i < links.length; i++) {
                    var testClass = links[i].className;

                    if (testClass.indexOf('header') >=0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__header-phone');
                    }
                    else if (testClass.indexOf('header') >= 0 && testClass.indexOf('logo') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-logo');
                    }
                    else if ((links[i].parentElement.className.indexOf('header') >=0) && (testClass.indexOf('button') >=0 )) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-cta');
                    }
                    else if ((links[i].parentElement.className.indexOf('header') >=0) && (testClass.indexOf('btn') >=0 )) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-cta');
                    }
                    else if (testClass.indexOf("header") >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__main-menu');
                    }
                    else if (testClass.indexOf('footer') >= 0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__footer-phone');
                    }
                    else if (testClass.indexOf('footer') >= 0 && testClass.indexOf('address') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__footer-address');
                    }
                    else if (testClass.indexOf("footer") >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__footer-link');
                    }
                    else if (testClass.indexOf('social') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__social-media');
                    }
                    else if (testClass.indexOf('pagination') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__pagination');
                    }
                    else if (testClass.indexOf('language') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__language');
                    }
                    else if (links[i].parentElement.className.indexOf('header') >=0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__header-phone');
                    }
                    else if (links[i].parentElement.className.indexOf('filter-section') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (testClass.indexOf('search-tool') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (testClass.indexOf('inventory-search') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (links[i].parentElement.className.indexOf('seo-section') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__contact-cta');
                    }
                    else if(links[i].hasAttribute('data-carfax-version')) {
                        links[i].setAttribute('data-gtmsm360', 'ux__body-carfax');
                    }
                    else {
                        links[i].setAttribute('data-gtmsm360', 'ux__cta');
                    }
                }
            }

            /**
             * Add data-gtmsm360 on the calculator widget input fields and all form input fields
             */
            if(document.getElementsByTagName('input').length){
                var inputs = document.getElementsByTagName('input');
                for (j = 0; j < inputs.length; j++) {
                    if(inputs[j].hasAttribute("data-calculator")){
                        inputs[j].setAttribute('data-gtmsm360', 'ux__estimate_your_payment');
                    } else if(inputs[j].getAttribute('type') !== 'hidden' && inputs[j].getAttribute('type') !== 'checkbox' && inputs[j].getAttribute('type') !== 'radio') {
                        inputs[j].setAttribute('data-gtmsm360', 'ux__form_input');
                    }
                }
            }

            /**
             * Add data-gtmsm360 on the home search tool radio button, all form radio buttons,
             * all radio and checkbox buttons in inventory filters and all form checkbox buttons
             */
            if ($('label').length>0) {
                $('label').each(function(){
                    if($(this).hasClass('radio-button__label')){
                        if($(this).prop('for').search('filter-hub') >= 0){
                            $(this).attr('data-gtmsm360', 'ux__new_used_button');
                        } else {
                            $(this).attr('data-gtmsm360', 'ux__radio-btn');
                        }
                    } else if($(this)[0].hasAttribute('class')){
                        if($(this).attr('class').search('filters-radio-button-label') >= 0){
                            $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                        }
                    } else if($(this).hasClass('filters-dropdown__checkbox-label')){
                        $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                    } else if($(this).hasClass('checkbox-label')){
                        $(this).attr('data-gtmsm360', 'ux__checkbox-btn');
                    }
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool radio button
             */
            if ($('.home-filter__radio-button').length>0) {
                $('.home-filter__radio-button label').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool tabs
             */
            if ($('.page-index [data-filters]').length>0) {
                $('.page-index [data-filters]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool dropdown
             */
            if ($('.home-filter [data-widget-dropdown-button]').length>0) {
                $('.home-filter [data-widget-dropdown-button]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }
            if ($('.page-index [data-options] [data-widget-dropdown-button]').length>0) {
                $('.page-index [data-options] [data-widget-dropdown-button]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the catalog listing bodystyle filter
             */
            if ($('[data-bodystyle-trigger]').length>0) {
                $('[data-bodystyle-trigger]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__first_level_filters');
                });
            }

            /**
             * Add data-gtmsm360 on the home promo slider arrows
             */

            if ($('.promo-header-slide').length>0) {
                $('.promo-header-slide .link__slider-arrows-text').each(function(){
                    $(this).parent().attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }
            if ($('[class^="promo-header-"] .slick-arrow').length>0) {
                $('[class^="promo-header-"] .slick-arrow').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                    $(this).find('i').attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }

            var arrows = $('[data-promo-banner-prev], [data-promo-banner-next]');
            if (arrows.length>0) {
                arrows.each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }

            /**
             * Add data-gtmsm360 on the home promo slider slide
             */

            if ($('[class^="promo-header-"] .slick-slide').length>0) {
                $('[class^="promo-header-"] .slick-slide').each(function(){
                    $(this).find('a').attr('data-gtmsm360', 'ux__home-caroussel');
                    $(this).find('img').attr('data-gtmsm360', 'ux__home-caroussel');
                });
            }

            var promoCarrossel = $('[data-promo-banner-image], [data-promo-banner-link]');
            if (promoCarrossel.length>0) {
                promoCarrossel.each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel');
                });
            }

            /**
             * Add data-gtmsm360 on the home catalog slider arrows for bxslider and slick slider
             * and the vehicle preview links
             */
            if ($('.catalog-section').length>0) {
                $('.catalog-section .controls-btn').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                });
                $('.catalog-section .link__slider-arrows-text').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                    $(this).parent().attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                });
                $('.catalog-section .bxslider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
                $('.catalog-section [data-catalog-index] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
                $('.catalog-section [data-catalog-vehicle] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
            }

            /**
             * Add data-gtmsm360 on the catalog vdp slider arrows
             */
            if ($('.catalog-details__views-wrapper .link__slider-arrows-text').length>0) {
                $('.catalog-details__views-wrapper .link__slider-arrows-text').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).parent().attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    if($(this).parent().attr('class').search('next') >= 0){
                        $(this).addClass('ux__vehicle_images_arrows--next');
                        $(this).parent().addClass('ux__vehicle_images_arrows--next');
                    } else {
                        $(this).addClass('ux__vehicle_images_arrows--prev');
                        $(this).parent().addClass('ux__vehicle_images_arrows--prev');
                    }
                });
            }
            if ($('.catalog-details__content-images__control').length>0) {
                $('.catalog-details__content-images__control .link__slider').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).find('i').attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).find('span').attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    if($(this).attr('class').search('next') >= 0){
                        $(this).addClass('ux__vehicle_images_arrows--next');
                        $(this).find('i').addClass('ux__vehicle_images_arrows--next');
                        $(this).find('span').addClass('ux__vehicle_images_arrows--next');
                    } else {
                        $(this).addClass('ux__vehicle_images_arrows--prev');
                        $(this).find('i').addClass('ux__vehicle_images_arrows--prev');
                        $(this).find('span').addClass('ux__vehicle_images_arrows--prev');
                    }
                });
            }

            /**
             * Add data-gtmsm360 on all add to compare checkbox buttons
             */
            if($('[data-comparetool-trigger]').length>0){
                $('[data-comparetool-trigger]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('span').attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('i').attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('>label').attr('data-gtmsm360', 'ux__add_to_compare_option');
                });
            }

            /**
             * Add data-gtmsm360 on all form submit buttons
             */
            if($('div.submit').length>0){
                $('div.submit').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__form-submit');
                });
            }

            if($('button[type=submit]').length>0){
                $('button[type=submit]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__form-submit');
                });
            }

            /**
             * Add data-gtmsm360 on the inventory odometer and price filter sliders
             */
            if($('[data-slider-handle]').length>0){
                $('[data-slider-handle]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }
            if($('.inventory-listing__filters .page-sidebar__left').length>0){
                $('.inventory-listing__filters .page-sidebar__left a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }
            if($('[data-collapsing-filters]').length>0){
                $('[data-collapsing-filters] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }

            /**
             * Add a class to the inventory image gallery links that have no class
             */
            if($('[data-gallery-image]').length > 0){
                $('[data-gallery-image] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }

            if($('.inventory-details__header-image').length>0){
                $('.inventory-details__header-image a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images');
                });
            }
            if($('.inventory-details__header-content').length>0){
                $('.inventory-details__header-content a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images');
                });
            }
            if($('[data-carousel-slide]').length > 0){
                $('[data-carousel-slide]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__body-photo-gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__body-photo-gallery');
                });
            }
            if($('.o-carouselThumbnail').length>0){
                $('.o-carouselThumbnail').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__body-photo-gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__body-photo-gallery');
                });
            }

            /**
             * Add a class to the catalog image gallery links that have no class
             */
            if($('.catalog-details__gallery-section').length>0){
                $('.catalog-details__gallery-section a').not('.link__regular').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }
            if($('.catalog-details-premium__gallery-section').length>0){
                $('.catalog-details-premium__gallery-section a').not('.link__regular').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }
            if($('.catalog-details__content-images__slider').length>0){
                $('.catalog-details__content-images__slider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                });
            }
            if($('.catalog-details-premium__content-images__slider').length>0){
                $('.catalog-details-premium__content-images__slider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                });
            }

            /**
             * Add a class to the promo preview image links that have no class
             */
            if($('.promotion-preview').length>0){
                $('.promotion-preview').each(function(){
                    if(!$(this).find('a').hasClass('promotion-preview__anchor')){
                        $(this).find('a').addClass('promotion-preview__anchor');
                    }
                });
            }

            const allTaggingScope = document.querySelectorAll('[data-tagging-scope]');
            if(allTaggingScope.length > 0){
                let taggingEvent = '';
                let taggingScope = '';
                let taggingPrecision = '';

                for(const scope of allTaggingScope) {
                    taggingEvent = scope.dataset.taggingEvent;
                    taggingScope = scope.dataset.taggingScope;
                    taggingPrecision = scope.dataset.taggingPrecision;
                    if(taggingScope === 'best-sellers') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-right');
                        }
                        else if(taggingPrecision === 'cta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-cta');
                        }
                    }
                    else if(taggingScope === 'body') {
                        if(taggingPrecision === 'ctaService') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-service');
                        }
                    }
                    else if(taggingScope === 'catalog-detail') {
                        if(taggingPrecision === 'quote') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-price-quote');
                        }
                        else if(taggingPrecision === 'specification') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-specs-accordion');
                        }
                        else if(taggingPrecision === 'trimChooser') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-trim');
                        }
                    }
                    else if(taggingScope === 'catalog-detail-images-interior' || taggingScope === 'catalog-detail-images-exterior') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vehicle-images-arrow-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', "ux__body-vehicle-images-arrow-right");
                        }
                        else if(taggingPrecision === 'cta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carrousel-cta');
                        }
                    }
                    else if(taggingScope === 'catalogDetails') {
                        if(taggingPrecision === 'colorChooser') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vdp-colors');
                        }
                        else if(taggingPrecision === 'photoGallery') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                        else if(taggingPrecision === 'basicAction') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                    }
                    else if(taggingScope === 'compare') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                    }
                    else if(taggingScope === 'dropdown') {
                        scope.setAttribute('data-gtmsm360', 'ux__body-select-option');
                    }
                    else if(taggingScope === 'footer') {
                        if(taggingPrecision === 'address') {
                            scope.setAttribute('data-gtmsm360', 'eng__footer-address');
                        }
                        else if(taggingPrecision === 'linkContact') {
                            scope.setAttribute('data-gtmsm360', 'ux__footer-link-contact');
                        }
                        else if(taggingPrecision === 'phone') {
                            scope.setAttribute('data-gtmsm360', 'conv__footer-phone');
                        }
                        else if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__footer-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'header') {
                        if(taggingPrecision === 'address') {
                            scope.setAttribute('data-gtmsm360', 'eng__header-address');
                        }
                        else if(taggingPrecision === 'ctaService') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-cta-service');
                        }
                        else if(taggingPrecision === 'phone') {
                            scope.setAttribute('data-gtmsm360', 'conv__header-phone');
                        }
                        else if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__header-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'header-menu') {
                        if(taggingPrecision === 'firstLevel') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-main-menu');
                        }
                    }
                    else if(taggingScope === 'header-submenu') {
                        if(taggingPrecision === 'vehicle') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-submenu-vehicle');
                        }
                    }
                    else if(taggingScope === 'home-promo') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-home-carousel-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-home-carousel-right');
                        }
                    }
                    else if(taggingScope === 'inventory-detail') {
                        if(taggingPrecision === 'quote') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-price-quote');
                        }
                    }
                    else if(taggingScope === 'inventoryDetails') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                        else if(taggingPrecision === 'photoGallery') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                        else if(taggingPrecision === 'basicAction') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                    }
                    else if(taggingScope === 'inventoryListing') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                    }
                    else if(taggingScope === 'newsletter') {
                        if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__body-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'page-about') {
                        if(taggingPrecision === 'shopOnline') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-about-cta');
                        }
                    }
                    else if(taggingScope === 'page-contact') {
                        if(taggingPrecision === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__body-social-media-meta');
                        }
                        if(taggingPrecision === 'phone') {
                            scope.setAttribute('data-gtmsm360', 'conv__contact-phone');
                        }
                        if(taggingPrecision === 'address') {
                            scope.setAttribute('data-gtmsm360', 'eng__contact-address');
                        }
                    }
                    else if(taggingScope === 'pagination') {
                        scope.setAttribute('data-gtmsm360', 'ux__body-pagination');
                    }
                    else if(taggingScope === 'promoCard') {
                        if(taggingPrecision === 'promoCardImage') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-images-promo');
                        }
                        else if(taggingPrecision === 'promoCardLink') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-promo');
                        }
                    }
                    else if(taggingScope === 'similar-vehicles') {
                        if(taggingPrecision === 'vehicleCardImage') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vehicle-images-similar-vehicle');
                        }
                        else if(taggingPrecision === 'vehicleCardCta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-similar-vehicle');
                        }
                        else if(taggingPrecision === 'vehicleCardTitle') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-similar-vehicle');
                        }
                    }
                    else if(taggingScope === 'sticky') {
                        scope.setAttribute('data-gtmsm360', 'eng__sticky-social-media');
                    }
                    else if(taggingScope === 'vehicle-card') {
                        if(taggingPrecision === 'compare') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-listing-compare');
                        }
                    }
                    else if(taggingScope === 'evCta') {
                        scope.setAttribute('data-gtmsm360', 'ux__main-menu');
                    }
                }
            }

        }

        insertDataAttribut();
        initFidelitixTracking();
    });

</script>


         <script type="text/javascript">

    /**
     * This function send data (leadId) of submitted form to Fidelitix
     */
    function sendFormSubmitData(leadId) {
        var fidelObj = window.ra || "data";
        var hasFidelitix = (typeof (fidelObj) === "object");
        if (hasFidelitix) {
            ra.logEvent({
                "event": "leadFormSubmited",
                "eventCategory": "lead",
                "eventAction": "lead-form-submit",
                "eventValue": leadId
            });
        }
    }

    /**
     * This function send data of click on phone CTA to Fidelitix
     */

    function clickToCallFidelitix(phoneData, phoneNumber) {
        var fidelObj = window.ra || "data";
        var hasFidelitix = (typeof (fidelObj) === "object");
        if (hasFidelitix) {
            ra.logEvent({
                "event": "clickToCall",
                "eventCategory": phoneData,
                "eventAction": "click",
                "eventValue": phoneNumber
            });
        }
    }

    /**
     * This function add Click Event Listener to selected element
     */
    function addClicktoCall (selector, attributeName) {
         var selectorPhoneNumber = selector.href;
         var selectorPhoneData = selector.getAttribute(attributeName);
        selector.addEventListener("click", function (e) {
            clickToCallFidelitix(selectorPhoneData,selectorPhoneNumber);
        }, false);

    }

    /**
     * This function initialise phone numbers tracking
     */
    function initFidelitixTracking () {
        var i;
        var phoneNumbers = document.querySelectorAll('a[href*="tel:"]', '[data-gtmsm360]');
        if (phoneNumbers.length) {
            for (i = 0; i < phoneNumbers.length; i++) {
                addClicktoCall(phoneNumbers[i], 'data-gtmsm360')
            }
        }
    }
</script>


<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZD9HQXJY7S"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-ZD9HQXJY7S'); </script><script>window.OPTIMY_LICENSE_KEY = "49b8d176-f34b-11ed-a226-5b46adc0c745";</script> <optimy-launcher></optimy-launcher> <script src="https://auto.optimycdn.com/optimy.js"></script><!--- <style> .eapps-countdown-timer:not(.eapps-countdown-timer-hidden) ~ .off-canvas-wrapper{padding-top:89px;} .eapps-countdown-timer:not(.eapps-countdown-timer-hidden) ~ .off-canvas-wrapper .site-container>.header{padding-top:89px;} @media only screen and (min-width: 500px){ .eapps-countdown-timer:not(.eapps-countdown-timer-hidden) ~ .off-canvas-wrapper{padding-top:60px;} .eapps-countdown-timer:not(.eapps-countdown-timer-hidden) ~ .off-canvas-wrapper .site-container>.header{padding-top:60px;} } @media only screen and (min-width: 1024px){ .eapps-countdown-timer:not(.eapps-countdown-timer-hidden) ~ .off-canvas-wrapper .site-container>.header{padding-top:0px;} } </style> ---><style> .grecaptcha-badge {display: none !important;} </style>


<script>
    function colorChooserRedirect(colorCode) {
        const currentUrl = window.location;
        const currentUrlParams = new URLSearchParams(window.location.search);
        currentUrlParams.set('extColorCode', colorCode);
        window.location = currentUrl.origin + currentUrl.pathname + '?' + currentUrlParams.toString();
    }

    document.addEventListener("DOMContentLoaded", () => {
        const chooserItem = document.querySelectorAll('[data-color-chooser-redirect="true"] [data-color-chooser-item]');
        chooserItem.forEach(item => {
            item.addEventListener('click', e => {
                e.preventDefault();
                colorChooserRedirect(item.dataset.colorChooserCode);
            })
        });
    });

</script>
    </body>
    
</html>