{"id":959,"date":"2026-09-05T09:56:38","date_gmt":"2026-09-05T05:56:38","guid":{"rendered":"https:\/\/www.smartmotor.ae\/?page_id=959"},"modified":"2026-09-12T09:07:52","modified_gmt":"2026-09-12T05:07:52","slug":"electric-car","status":"publish","type":"page","link":"https:\/\/www.smartmotor.ae\/ar\/electric-car\/","title":{"rendered":"Electric Car"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"959\" class=\"elementor elementor-959\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0ed8f3 e-con e-atomic-element e-flexbox-base e-c0ed8f3-9287940 \" data-id=\"c0ed8f3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c0ed8f3\">\n    \t\t\t<a href=\"http:\/\/smartmotor.ae\/home\" target=\"_self\" class=\"e-image-link-base\" data-interaction-id=\"005a19a\"\n\t><img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-005a19a-9e716c6 logo-home\" id=\"64\" src=\"https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/Group-8-Copy2.png\" width=\"655\" height=\"245\" srcset=\"https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/Group-8-Copy2.png 655w, https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/Group-8-Copy2-300x112.png 300w, https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/Group-8-Copy2-18x7.png 18w\" alt=\"\"\/>\t<\/a>\t\t<div class=\"elementor-element elementor-element-9f5238a e-con e-atomic-element e-div-block-base \" data-id=\"9f5238a\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"9f5238a\">\n    \t\t\t<a href=\"https:\/\/www.smartmotor.ae\/ppf-protection\/\" target=\"_self\" class=\"e-83a9365-489a04b book-now e-button-base\" data-interaction-id=\"83a9365\">\n\t\tBOOK NOW\n\t<\/a>\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-654ec36 e-flex e-con-boxed e-con e-parent\" data-id=\"654ec36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e1e050 elementor-widget elementor-widget-html\" data-id=\"7e1e050\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t```html\r\n<style>\r\n\/* ================================\r\n   ELECTRIC MOUSE EFFECT\r\n================================ *\/\r\n\r\nbody {\r\n    cursor: none !important;\r\n}\r\n\r\na,\r\nbutton,\r\ninput,\r\ntextarea,\r\nselect {\r\n    cursor: none !important;\r\n}\r\n\r\n\/* Main cursor - BIGGER *\/\r\n.electric-mouse {\r\n    position: fixed;\r\n    width: 18px;\r\n    height: 18px;\r\n    background: #ffffff;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 999999;\r\n    transform: translate(-50%, -50%);\r\n\r\n    box-shadow:\r\n        0 0 6px #ffffff,\r\n        0 0 16px #00eaff,\r\n        0 0 35px #00aaff,\r\n        0 0 65px #0088ff;\r\n}\r\n\r\n\/* Outer electric glow *\/\r\n.electric-mouse::before {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(0, 234, 255, 0.35);\r\n\r\n    box-shadow:\r\n        0 0 12px rgba(0, 234, 255, 0.45),\r\n        inset 0 0 15px rgba(0, 234, 255, 0.15);\r\n\r\n    animation: cursorGlow 1.2s infinite ease-in-out;\r\n}\r\n\r\n@keyframes cursorGlow {\r\n\r\n    0%,\r\n    100% {\r\n        opacity: 0.45;\r\n        transform:\r\n            translate(-50%, -50%)\r\n            scale(0.85);\r\n    }\r\n\r\n    50% {\r\n        opacity: 1;\r\n        transform:\r\n            translate(-50%, -50%)\r\n            scale(1.15);\r\n    }\r\n}\r\n\r\n\r\n\/* ================================\r\n   ELECTRIC SPARK\r\n================================ *\/\r\n\r\n.electric-spark {\r\n    position: fixed;\r\n    height: 2px;\r\n    transform-origin: left center;\r\n    pointer-events: none;\r\n    z-index: 999998;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        #ffffff 0%,\r\n        #bffcff 25%,\r\n        #00eaff 60%,\r\n        transparent 100%\r\n    );\r\n\r\n    box-shadow:\r\n        0 0 4px #fff,\r\n        0 0 10px #00eaff,\r\n        0 0 20px #008cff;\r\n\r\n    animation:\r\n        electricDisappear .35s ease-out forwards;\r\n}\r\n\r\n@keyframes electricDisappear {\r\n\r\n    0% {\r\n        opacity: 1;\r\n        filter: brightness(2);\r\n    }\r\n\r\n    50% {\r\n        opacity: .8;\r\n    }\r\n\r\n    100% {\r\n        opacity: 0;\r\n        filter: brightness(1);\r\n    }\r\n}\r\n\r\n\r\n\/* ================================\r\n   SMALL ELECTRIC SPARKS\r\n================================ *\/\r\n\r\n.electric-dot {\r\n    position: fixed;\r\n\r\n    width: 3px;\r\n    height: 3px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: white;\r\n\r\n    pointer-events: none;\r\n    z-index: 999997;\r\n\r\n    box-shadow:\r\n        0 0 5px #fff,\r\n        0 0 12px #00eaff,\r\n        0 0 25px #008cff;\r\n\r\n    animation:\r\n        dotExplosion .6s ease-out forwards;\r\n}\r\n\r\n@keyframes dotExplosion {\r\n\r\n    0% {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n    100% {\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translate(\r\n                var(--x),\r\n                var(--y)\r\n            )\r\n            scale(0);\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- ELECTRIC CURSOR -->\r\n<div\r\n    class=\"electric-mouse\"\r\n    id=\"electricMouse\">\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const mouse =\r\n        document.getElementById(\r\n            \"electricMouse\"\r\n        );\r\n\r\n    let mouseX = 0;\r\n    let mouseY = 0;\r\n\r\n    let previousX = 0;\r\n    let previousY = 0;\r\n\r\n    let counter = 0;\r\n\r\n\r\n    \/* ================================\r\n       MOUSE MOVEMENT\r\n    ================================= *\/\r\n\r\n    document.addEventListener(\r\n        \"mousemove\",\r\n        function(e) {\r\n\r\n            mouseX = e.clientX;\r\n            mouseY = e.clientY;\r\n\r\n\r\n            \/* Move cursor *\/\r\n            mouse.style.left =\r\n                mouseX + \"px\";\r\n\r\n            mouse.style.top =\r\n                mouseY + \"px\";\r\n\r\n\r\n            \/* Calculate distance *\/\r\n\r\n            const distance =\r\n                Math.sqrt(\r\n                    Math.pow(\r\n                        mouseX - previousX,\r\n                        2\r\n                    ) +\r\n                    Math.pow(\r\n                        mouseY - previousY,\r\n                        2\r\n                    )\r\n                );\r\n\r\n\r\n            if (distance > 5) {\r\n\r\n                \/* Main electricity *\/\r\n\r\n                createLightning(\r\n                    previousX,\r\n                    previousY,\r\n                    mouseX,\r\n                    mouseY\r\n                );\r\n\r\n\r\n                \/* Branches *\/\r\n\r\n                if (\r\n                    counter % 2 === 0\r\n                ) {\r\n\r\n                    createBranch(\r\n                        mouseX,\r\n                        mouseY\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                \/* Sparks *\/\r\n\r\n                if (\r\n                    counter % 2 === 0\r\n                ) {\r\n\r\n                    createDot(\r\n                        mouseX,\r\n                        mouseY\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                counter++;\r\n\r\n                previousX = mouseX;\r\n                previousY = mouseY;\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ================================\r\n       MAIN LIGHTNING\r\n    ================================= *\/\r\n\r\n    function createLightning(\r\n        x1,\r\n        y1,\r\n        x2,\r\n        y2\r\n    ) {\r\n\r\n        const segments = 5;\r\n\r\n        let points = [];\r\n\r\n        points.push({\r\n            x: x1,\r\n            y: y1\r\n        });\r\n\r\n\r\n        for (\r\n            let i = 1;\r\n            i < segments;\r\n            i++\r\n        ) {\r\n\r\n            const progress =\r\n                i \/ segments;\r\n\r\n\r\n            const baseX =\r\n                x1 +\r\n                (x2 - x1) *\r\n                progress;\r\n\r\n\r\n            const baseY =\r\n                y1 +\r\n                (y2 - y1) *\r\n                progress;\r\n\r\n\r\n            const offset =\r\n                (Math.random() - .5) *\r\n                18;\r\n\r\n\r\n            points.push({\r\n\r\n                x:\r\n                    baseX +\r\n                    offset,\r\n\r\n                y:\r\n                    baseY +\r\n                    offset\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n        points.push({\r\n            x: x2,\r\n            y: y2\r\n        });\r\n\r\n\r\n        for (\r\n            let i = 0;\r\n            i < points.length - 1;\r\n            i++\r\n        ) {\r\n\r\n            drawSegment(\r\n                points[i].x,\r\n                points[i].y,\r\n                points[i + 1].x,\r\n                points[i + 1].y\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* ================================\r\n       ELECTRIC BRANCH\r\n    ================================= *\/\r\n\r\n    function createBranch(\r\n        x,\r\n        y\r\n    ) {\r\n\r\n        const angle =\r\n            Math.random() *\r\n            Math.PI *\r\n            2;\r\n\r\n\r\n        const length =\r\n            Math.random() *\r\n            35 +\r\n            15;\r\n\r\n\r\n        const endX =\r\n            x +\r\n            Math.cos(angle) *\r\n            length;\r\n\r\n\r\n        const endY =\r\n            y +\r\n            Math.sin(angle) *\r\n            length;\r\n\r\n\r\n        createLightning(\r\n            x,\r\n            y,\r\n            endX,\r\n            endY\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* ================================\r\n       DRAW LIGHTNING\r\n    ================================= *\/\r\n\r\n    function drawSegment(\r\n        x1,\r\n        y1,\r\n        x2,\r\n        y2\r\n    ) {\r\n\r\n        const line =\r\n            document.createElement(\r\n                \"div\"\r\n            );\r\n\r\n\r\n        line.className =\r\n            \"electric-spark\";\r\n\r\n\r\n        const dx =\r\n            x2 - x1;\r\n\r\n        const dy =\r\n            y2 - y1;\r\n\r\n\r\n        const length =\r\n            Math.sqrt(\r\n                dx * dx +\r\n                dy * dy\r\n            );\r\n\r\n\r\n        const angle =\r\n            Math.atan2(\r\n                dy,\r\n                dx\r\n            ) *\r\n            180 \/\r\n            Math.PI;\r\n\r\n\r\n        line.style.left =\r\n            x1 + \"px\";\r\n\r\n\r\n        line.style.top =\r\n            y1 + \"px\";\r\n\r\n\r\n        line.style.width =\r\n            length + \"px\";\r\n\r\n\r\n        line.style.transform =\r\n            \"rotate(\" +\r\n            angle +\r\n            \"deg)\";\r\n\r\n\r\n        document.body.appendChild(\r\n            line\r\n        );\r\n\r\n\r\n        setTimeout(\r\n            function() {\r\n\r\n                line.remove();\r\n\r\n            },\r\n            350\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* ================================\r\n       ELECTRIC PARTICLES\r\n    ================================= *\/\r\n\r\n    function createDot(\r\n        x,\r\n        y\r\n    ) {\r\n\r\n        const dot =\r\n            document.createElement(\r\n                \"div\"\r\n            );\r\n\r\n\r\n        dot.className =\r\n            \"electric-dot\";\r\n\r\n\r\n        dot.style.left =\r\n            x + \"px\";\r\n\r\n\r\n        dot.style.top =\r\n            y + \"px\";\r\n\r\n\r\n        dot.style.setProperty(\r\n            \"--x\",\r\n            (\r\n                (Math.random() - .5) *\r\n                70\r\n            ) + \"px\"\r\n        );\r\n\r\n\r\n        dot.style.setProperty(\r\n            \"--y\",\r\n            (\r\n                (Math.random() - .5) *\r\n                70\r\n            ) + \"px\"\r\n        );\r\n\r\n\r\n        document.body.appendChild(\r\n            dot\r\n        );\r\n\r\n\r\n        setTimeout(\r\n            function() {\r\n\r\n                dot.remove();\r\n\r\n            },\r\n            600\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* ================================\r\n       ELECTRIC CLICK EXPLOSION\r\n    ================================= *\/\r\n\r\n    document.addEventListener(\r\n        \"click\",\r\n        function(e) {\r\n\r\n            const x =\r\n                e.clientX;\r\n\r\n            const y =\r\n                e.clientY;\r\n\r\n\r\n            \/* Particles *\/\r\n\r\n            for (\r\n                let i = 0;\r\n                i < 10;\r\n                i++\r\n            ) {\r\n\r\n                createDot(\r\n                    x,\r\n                    y\r\n                );\r\n\r\n            }\r\n\r\n\r\n            \/* Lightning explosion *\/\r\n\r\n            for (\r\n                let i = 0;\r\n                i < 8;\r\n                i++\r\n            ) {\r\n\r\n                const angle =\r\n                    Math.random() *\r\n                    Math.PI *\r\n                    2;\r\n\r\n\r\n                const length =\r\n                    Math.random() *\r\n                    80 +\r\n                    30;\r\n\r\n\r\n                createLightning(\r\n\r\n                    x,\r\n                    y,\r\n\r\n                    x +\r\n                    Math.cos(angle) *\r\n                    length,\r\n\r\n                    y +\r\n                    Math.sin(angle) *\r\n                    length\r\n\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n})();\r\n\r\n<\/script>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f9f64f e-con e-atomic-element e-flexbox-base e-0f9f64f-3fad37f \" data-id=\"0f9f64f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0f9f64f\">\n    \t\t\t<h2 data-interaction-id=\"17c9c6b\" class=\"e-17c9c6b-0dca710 home-text e-heading-base\"><a href=\"http:\/\/smartmotor.ae\/home\" target=\"_self\" class=\"e-heading-link-base\">\n\t\tHome\n\t<\/a><\/h2>\n\t\t\t\t\t<h2 data-interaction-id=\"9971a06\" class=\"e-9971a06-0b7af80 ppf-text e-heading-base\"><a href=\"https:\/\/www.smartmotor.ae\/ppf-protection\/\" target=\"_self\" class=\"e-heading-link-base\">\n\t\tPPF\n\t<\/a><\/h2>\n\t\t\t\t\t<h2 data-interaction-id=\"914b629\" class=\"e-914b629-839e226 services-text e-heading-base\"><a href=\"https:\/\/www.smartmotor.ae\/ppf-protection-2\/\" target=\"_self\" class=\"e-heading-link-base\">\n\t\tServices\n\t<\/a><\/h2>\n\t\t\t\t\t<h2 data-interaction-id=\"8f871e4\" class=\"e-8f871e4-1899098 electric-text electric-cars e-heading-base\"><a href=\"https:\/\/www.smartmotor.ae\/electric-car\" target=\"_self\" class=\"e-heading-link-base\">\n\t\tElectric Cars\n\t<\/a><\/h2>\n\t\t\t\t\t<h2 data-interaction-id=\"f06bcca\" class=\"e-f06bcca-707043f promotions-text e-heading-base\">Promotions<\/h2>\n\t\t\t\t\t<h2 data-interaction-id=\"9300ca7\" class=\"e-9300ca7-cad0b06 for-her-text e-heading-base\">For Her<\/h2>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-159587d e-con e-atomic-element e-flexbox-base e-159587d-6fa7da1 \" data-id=\"159587d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"159587d\">\n    <div class=\"elementor-element elementor-element-505a31a e-con e-atomic-element e-div-block-base \" data-id=\"505a31a\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"505a31a\">\n    \t\t\t\t  \t<video\n    data-id=\"5bb808e\" data-interaction-id=\"5bb808e\"\n    data-e-type=\"e-self-hosted-video\" data-interactions=\"null\"\n    \n    class=\"e-self-hosted-video-base\"\n    \n\t\tclass=\"e-self-hosted-video-base\"\n\t\t\t\tautoplay\t\tmuted\t\tloop\t\t\t\t\t\tcontrolslist=\"nodownload\"\t\tpreload=\"metadata\"\n\t>\n\t\t<source src=\"https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/video-banner-1.mp4#t=0\">\n\t<\/video>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-9b19aaa e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"9b19aaa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-859dc08 elementor-widget elementor-widget-html\" data-id=\"859dc08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Electric Car Repair<\/title>\r\n\r\n  <style>\r\n    :root {\r\n      --bg: #07100f;\r\n      --bg-dark: #040909;\r\n      --green: #c8ff00;\r\n      --green-soft: #16ff9a;\r\n      --text: #ffffff;\r\n      --muted: #a8b7b1;\r\n      --border: rgba(255, 255, 255, 0.12);\r\n      --card-bg: rgba(255, 255, 255, 0.03);\r\n    }\r\n\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    html {\r\n      scroll-behavior: smooth;\r\n    }\r\n\r\n    html,\r\n    body {\r\n      width: 100%;\r\n      min-height: 100%;\r\n      overflow-x: hidden;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      background: var(--bg);\r\n      color: var(--text);\r\n    }\r\n\r\n    body {\r\n      background:\r\n        radial-gradient(circle at top center, rgba(22, 255, 154, 0.08), transparent 25%),\r\n        linear-gradient(180deg, var(--bg) 0%, var(--bg-dark) 100%);\r\n    }\r\n\r\n    \/* =========================\r\n       HERO SECTION\r\n    ========================= *\/\r\n    .hero {\r\n      width: 100%;\r\n      height: 100svh;\r\n      min-height: 100vh;\r\n      position: relative;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: flex-end;\r\n      overflow: hidden;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          to bottom,\r\n          rgba(0, 0, 0, 0.02) 0%,\r\n          rgba(0, 0, 0, 0.05) 55%,\r\n          rgba(7, 16, 15, 0.88) 100%\r\n        ),\r\n        url(\"https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/banner-promo.jpg\");\r\n\r\n      background-size: cover;\r\n      background-position: center center;\r\n      background-repeat: no-repeat;\r\n    }\r\n\r\n    .hero::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      height: 180px;\r\n      background: linear-gradient(to bottom, transparent, var(--bg));\r\n      pointer-events: none;\r\n    }\r\n\r\n    .scroll-text {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin-bottom: 34px;\r\n      text-align: center;\r\n      font-size: 13px;\r\n      letter-spacing: 4px;\r\n      color: rgba(255, 255, 255, 0.72);\r\n      animation: floating 1.8s infinite ease-in-out;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .scroll-text span {\r\n      display: block;\r\n      color: var(--green);\r\n      font-size: 28px;\r\n      margin-top: 10px;\r\n    }\r\n\r\n    @keyframes floating {\r\n      0%, 100% {\r\n        transform: translateY(0);\r\n      }\r\n      50% {\r\n        transform: translateY(8px);\r\n      }\r\n    }\r\n\r\n    \/* =========================\r\n       SECOND SECTION\r\n    ========================= *\/\r\n    .repair-section {\r\n      width: 100%;\r\n      min-height: 100svh;\r\n      position: relative;\r\n      padding: 110px 5vw 120px;\r\n\r\n      background:\r\n        linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px),\r\n        radial-gradient(circle at center top, rgba(200,255,0,0.10), transparent 35%);\r\n\r\n      background-size: 48px 48px, 48px 48px, auto;\r\n    }\r\n\r\n    .container {\r\n      width: 100%;\r\n      max-width: none;\r\n      margin: 0;\r\n    }\r\n\r\n    .top-content {\r\n      width: 100%;\r\n      display: grid;\r\n      grid-template-columns: 1.5fr 1fr;\r\n      gap: 6vw;\r\n      margin-bottom: 60px;\r\n      align-items: start;\r\n    }\r\n\r\n    .small-title {\r\n      color: var(--green);\r\n      text-transform: uppercase;\r\n      letter-spacing: 3px;\r\n      font-size: 13px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .main-title {\r\n      font-size: clamp(46px, 7vw, 96px);\r\n      line-height: 0.95;\r\n      letter-spacing: -3px;\r\n      max-width: 1000px;\r\n    }\r\n\r\n    .main-title span {\r\n      color: var(--green);\r\n      text-shadow: 0 0 25px rgba(200, 255, 0, 0.18);\r\n    }\r\n\r\n    .description {\r\n      color: var(--muted);\r\n      font-size: 16px;\r\n      line-height: 1.8;\r\n      max-width: 560px;\r\n      padding-top: 8px;\r\n    }\r\n\r\n    \/* =========================\r\n       CARDS\r\n    ========================= *\/\r\n    .cards {\r\n      width: 100%;\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      border: 1px solid var(--border);\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n      background: rgba(255,255,255,0.01);\r\n      backdrop-filter: blur(8px);\r\n    }\r\n\r\n    .card {\r\n      min-height: 340px;\r\n      padding: 38px;\r\n      border-right: 1px solid var(--border);\r\n      background: linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,0.04),\r\n        rgba(255,255,255,0.015)\r\n      );\r\n      transition: 0.35s ease;\r\n      position: relative;\r\n    }\r\n\r\n    .card:last-child {\r\n      border-right: none;\r\n    }\r\n\r\n    .card:hover {\r\n      transform: translateY(-8px);\r\n      background: rgba(255,255,255,0.05);\r\n    }\r\n\r\n    .card.active {\r\n      background: linear-gradient(135deg, #d4ff00, #afff00);\r\n      color: #07100f;\r\n    }\r\n\r\n    .number {\r\n      font-size: 20px;\r\n      font-weight: 700;\r\n      color: var(--green);\r\n      margin-bottom: 34px;\r\n      display: block;\r\n    }\r\n\r\n    .card.active .number {\r\n      color: #20350d;\r\n    }\r\n\r\n    .card h2 {\r\n      font-size: 29px;\r\n      line-height: 1.15;\r\n      margin-bottom: 18px;\r\n      max-width: 290px;\r\n    }\r\n\r\n    .card p {\r\n      font-size: 15px;\r\n      line-height: 1.75;\r\n      color: var(--muted);\r\n      max-width: 320px;\r\n    }\r\n\r\n    .card.active p {\r\n      color: #2e471a;\r\n    }\r\n\r\n    .learn-more {\r\n      display: inline-block;\r\n      margin-top: 26px;\r\n      text-decoration: none;\r\n      color: inherit;\r\n      font-weight: 700;\r\n    }\r\n\r\n    \/* =========================\r\n       DETAILS\r\n    ========================= *\/\r\n    .details {\r\n      width: 100%;\r\n      margin-top: 70px;\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 24px;\r\n    }\r\n\r\n    .detail-box {\r\n      padding: 30px;\r\n      border: 1px solid rgba(255,255,255,0.10);\r\n      border-radius: 18px;\r\n      background: rgba(255,255,255,0.025);\r\n    }\r\n\r\n    .detail-box h3 {\r\n      color: var(--green);\r\n      margin-bottom: 12px;\r\n      font-size: 20px;\r\n    }\r\n\r\n    .detail-box p {\r\n      color: var(--muted);\r\n      line-height: 1.75;\r\n      font-size: 15px;\r\n    }\r\n\r\n    \/* =========================\r\n       REVEAL ANIMATION\r\n    ========================= *\/\r\n    .reveal {\r\n      opacity: 0;\r\n      transform: translateY(55px);\r\n      transition: opacity 0.85s ease, transform 0.85s ease;\r\n    }\r\n\r\n    .reveal.show {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* =========================\r\n       RESPONSIVE\r\n    ========================= *\/\r\n    @media (max-width: 1100px) {\r\n      .top-content {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n      }\r\n\r\n      .description {\r\n        max-width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .hero {\r\n        height: 100svh;\r\n        min-height: 100vh;\r\n      }\r\n\r\n      .repair-section {\r\n        padding: 90px 20px 100px;\r\n      }\r\n\r\n      .cards {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .card {\r\n        border-right: none;\r\n        border-bottom: 1px solid var(--border);\r\n        min-height: auto;\r\n      }\r\n\r\n      .card:last-child {\r\n        border-bottom: none;\r\n      }\r\n\r\n      .details {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .main-title {\r\n        font-size: clamp(38px, 10vw, 72px);\r\n        letter-spacing: -2px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 520px) {\r\n      .scroll-text {\r\n        font-size: 11px;\r\n        letter-spacing: 2px;\r\n      }\r\n\r\n      .scroll-text span {\r\n        font-size: 24px;\r\n      }\r\n\r\n      .card,\r\n      .detail-box {\r\n        padding: 24px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- =========================\r\n       HERO IMAGE\r\n  ========================= -->\r\n  <section class=\"hero\">\r\n    <div class=\"scroll-text\">\r\n      Scroll to Explore\r\n      <span>\u2193<\/span>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- =========================\r\n       ELECTRIC CAR REPAIR SECTION\r\n  ========================= -->\r\n  <section class=\"repair-section\">\r\n    <div class=\"container\">\r\n\r\n      <div class=\"top-content reveal\">\r\n        <div>\r\n          <div class=\"small-title\">EV Specialist Workshop<\/div>\r\n          <h1 class=\"main-title\">\r\n            Your trusted partner for\r\n            <span>Electric Car Repair.<\/span>\r\n          <\/h1>\r\n        <\/div>\r\n\r\n        <p class=\"description\">\r\n          Professional electric vehicle diagnostics, high-voltage system inspection,\r\n          battery health checks, charging-system repair, and advanced electrical\r\n          troubleshooting. Our goal is to restore your electric vehicle to safe,\r\n          efficient, and reliable operating condition.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cards\">\r\n        <div class=\"card reveal\">\r\n          <span class=\"number\">01.<\/span>\r\n          <h2>Advanced EV Diagnostics<\/h2>\r\n          <p>\r\n            Computerized diagnostics for electric vehicles, including battery systems,\r\n            control modules, charging faults, warning lights, communication errors,\r\n            and electronic system failures.\r\n          <\/p>\r\n          <a class=\"learn-more\" href=\"#\">Learn More \u2192<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"card active reveal\">\r\n          <span class=\"number\">02.<\/span>\r\n          <h2>High-Voltage Battery Service<\/h2>\r\n          <p>\r\n            Professional battery condition assessment, insulation testing,\r\n            cooling-system inspection, battery cell analysis, and high-voltage\r\n            safety checks performed by trained technicians.\r\n          <\/p>\r\n          <a class=\"learn-more\" href=\"#\">Learn More \u2192<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"card reveal\">\r\n          <span class=\"number\">03.<\/span>\r\n          <h2>Charging & Electrical Repair<\/h2>\r\n          <p>\r\n            Diagnosis and repair of AC\/DC charging faults, onboard chargers,\r\n            DC-DC converters, charging ports, electrical wiring, sensors,\r\n            and related electric vehicle components.\r\n          <\/p>\r\n          <a class=\"learn-more\" href=\"#\">Learn More \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"details\">\r\n        <div class=\"detail-box reveal\">\r\n          <h3>Electric Drive System<\/h3>\r\n          <p>\r\n            Inspection and diagnosis of electric motors, inverters, power electronics,\r\n            drivetrain faults, abnormal noises, vibration issues, and performance-related concerns.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"detail-box reveal\">\r\n          <h3>Battery Health & Safety<\/h3>\r\n          <p>\r\n            Battery state-of-health evaluation, voltage analysis, temperature monitoring,\r\n            isolation testing, safety inspection, and identification of battery-related warnings.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"detail-box reveal\">\r\n          <h3>EV Charging System<\/h3>\r\n          <p>\r\n            Testing of charging ports, onboard charging units, communication circuits,\r\n            charging cables, low-voltage support systems, and charging-control components.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"detail-box reveal\">\r\n          <h3>EV Cooling & Thermal Management<\/h3>\r\n          <p>\r\n            Inspection of battery cooling systems, coolant pumps, valves, coolant circuits,\r\n            heat-management components, and thermal regulation faults.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- =========================\r\n       JAVASCRIPT\r\n  ========================= -->\r\n  <script>\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach((entry) => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add(\"show\");\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.15\r\n    });\r\n\r\n    document.querySelectorAll(\".reveal\").forEach((element) => {\r\n      observer.observe(element);\r\n    });\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<img decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"58464fc\" id=\"1113\" src=\"https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-11-104421.jpg\" width=\"1892\" height=\"852\" srcset=\"https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-11-104421.jpg 1892w, https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-11-104421-300x135.jpg 300w, https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-11-104421-1024x461.jpg 1024w, https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-11-104421-768x346.jpg 768w, https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-11-104421-1536x692.jpg 1536w, https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-11-104421-18x8.jpg 18w\" alt=\"\"\/>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f29bb0d e-con-full e-flex e-con e-parent\" data-id=\"f29bb0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3aaaf2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e3aaaf2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     SMART MOTOR - ELECTRIC CARS SERVICES\r\n     \u062c\u0645\u064a\u0639 \u0623\u0633\u0645\u0627\u0621 \u0627\u0644\u0643\u0644\u0627\u0633\u0627\u062a \u062e\u0627\u0635\u0629 \u0628\u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0644\u0645\u0646\u0639 \u0627\u0644\u062a\u0639\u0627\u0631\u0636\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================\r\n   MAIN SECTION\r\n========================= *\/\r\n\r\n.sm-ev-section,\r\n.sm-ev-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sm-ev-section {\r\n    width: 100%;\r\n    min-height: 100vh;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: #ffffff;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 60% 40%,\r\n            #163316 0%,\r\n            #071107 35%,\r\n            #020402 75%\r\n        );\r\n\r\n    padding: 70px 8%;\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TITLE\r\n========================= *\/\r\n\r\n.sm-ev-title {\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.sm-ev-title-label {\r\n    display: block;\r\n\r\n    color: #baff00;\r\n\r\n    font-size: 14px;\r\n    letter-spacing: 4px;\r\n    font-weight: bold;\r\n\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.sm-ev-title h1 {\r\n    margin: 0;\r\n\r\n    font-size: clamp(42px, 5vw, 70px);\r\n    line-height: 1;\r\n\r\n    color: #ffffff;\r\n}\r\n\r\n.sm-ev-title h1 strong {\r\n    color: #baff00;\r\n}\r\n\r\n\r\n\/* =========================\r\n   HERO\r\n========================= *\/\r\n\r\n.sm-ev-hero {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-height: 550px;\r\n\r\n    border-radius: 30px;\r\n    overflow: hidden;\r\n\r\n    background: #050805;\r\n\r\n    box-shadow:\r\n        0 30px 80px rgba(0, 0, 0, 0.8);\r\n}\r\n\r\n\r\n\/* HERO IMAGE *\/\r\n\r\n.sm-ev-hero-image {\r\n    width: 100%;\r\n    height: 550px;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n\/* DARK OVERLAY *\/\r\n\r\n.sm-ev-hero::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(0,0,0,0.95) 0%,\r\n            rgba(0,0,0,0.80) 35%,\r\n            rgba(0,0,0,0.45) 60%,\r\n            rgba(0,0,0,0.10) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* HERO CONTENT *\/\r\n\r\n.sm-ev-hero-content {\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n    left: 7%;\r\n\r\n    transform: translateY(-50%);\r\n\r\n    width: min(500px, 86%);\r\n\r\n    z-index: 5;\r\n}\r\n\r\n\r\n\/* SMALL TEXT *\/\r\n\r\n.sm-ev-hero-label {\r\n    color: #baff00;\r\n\r\n    font-size: 15px;\r\n    font-weight: bold;\r\n    letter-spacing: 3px;\r\n\r\n    margin-bottom: 18px;\r\n}\r\n\r\n\r\n\/* HERO TITLE *\/\r\n\r\n.sm-ev-hero-content h2 {\r\n    margin: 0 0 20px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: clamp(38px, 4vw, 58px);\r\n    line-height: 1.05;\r\n}\r\n\r\n\r\n\/* HERO DESCRIPTION *\/\r\n\r\n.sm-ev-hero-content p {\r\n    margin: 0 0 30px;\r\n\r\n    max-width: 500px;\r\n\r\n    color: #cccccc;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* HERO BUTTON *\/\r\n\r\n.sm-ev-button {\r\n    display: inline-block;\r\n\r\n    border: none;\r\n    outline: none;\r\n\r\n    background: #baff00;\r\n    color: #071007;\r\n\r\n    padding: 15px 30px;\r\n\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n\r\n    text-decoration: none;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background 0.3s ease,\r\n        color 0.3s ease,\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.sm-ev-button:hover {\r\n    background: #ffffff;\r\n    color: #071007;\r\n\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 10px 30px rgba(186, 255, 0, 0.20);\r\n}\r\n\r\n\r\n\/* =========================\r\n   GREEN DECORATION\r\n========================= *\/\r\n\r\n.sm-ev-green-circle {\r\n    position: absolute;\r\n\r\n    width: 220px;\r\n    height: 220px;\r\n\r\n    right: 7%;\r\n    bottom: -80px;\r\n\r\n    z-index: 3;\r\n\r\n    border: 2px solid #baff00;\r\n    border-radius: 50%;\r\n\r\n    box-shadow:\r\n        0 0 30px rgba(186,255,0,0.4),\r\n        inset 0 0 30px rgba(186,255,0,0.15);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================\r\n   SERVICES GRID\r\n========================= *\/\r\n\r\n.sm-ev-services {\r\n    margin-top: 80px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n    gap: 25px;\r\n}\r\n\r\n\r\n\/* SERVICE CARD *\/\r\n\r\n.sm-ev-card {\r\n    position: relative;\r\n\r\n    height: 420px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 20px;\r\n\r\n    background: #111111;\r\n\r\n    box-shadow:\r\n        0 10px 40px rgba(0,0,0,0.35);\r\n\r\n    transition:\r\n        transform 0.4s ease,\r\n        box-shadow 0.4s ease;\r\n}\r\n\r\n.sm-ev-card:hover {\r\n    transform: translateY(-10px);\r\n\r\n    box-shadow:\r\n        0 20px 60px rgba(186,255,0,0.12);\r\n}\r\n\r\n\r\n\/* CARD IMAGE *\/\r\n\r\n.sm-ev-card-image {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    transition:\r\n        transform 0.6s ease;\r\n}\r\n\r\n.sm-ev-card:hover .sm-ev-card-image {\r\n    transform: scale(1.08);\r\n}\r\n\r\n\r\n\/* CARD OVERLAY *\/\r\n\r\n.sm-ev-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,0.05) 20%,\r\n            rgba(0,0,0,0.25) 50%,\r\n            rgba(0,0,0,0.98) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* CARD CONTENT *\/\r\n\r\n.sm-ev-card-content {\r\n    position: absolute;\r\n\r\n    bottom: 30px;\r\n    left: 30px;\r\n    right: 30px;\r\n\r\n    z-index: 5;\r\n}\r\n\r\n\r\n\/* CARD NUMBER *\/\r\n\r\n.sm-ev-card-number {\r\n    color: #baff00;\r\n\r\n    font-size: 13px;\r\n    font-weight: bold;\r\n    letter-spacing: 2px;\r\n\r\n    margin-bottom: 10px;\r\n}\r\n\r\n\r\n\/* CARD TITLE *\/\r\n\r\n.sm-ev-card-content h3 {\r\n    margin: 0 0 12px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 26px;\r\n    line-height: 1.15;\r\n}\r\n\r\n\r\n\/* CARD DESCRIPTION *\/\r\n\r\n.sm-ev-card-content p {\r\n    margin: 0;\r\n\r\n    color: #cccccc;\r\n\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =========================\r\n   ANIMATION\r\n========================= *\/\r\n\r\n.sm-ev-card,\r\n.sm-ev-hero {\r\n    transition:\r\n        transform 0.4s ease,\r\n        box-shadow 0.4s ease;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .sm-ev-section {\r\n        padding:\r\n            60px 5%;\r\n    }\r\n\r\n    .sm-ev-services {\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE \/ TABLET\r\n========================= *\/\r\n\r\n@media (max-width: 800px) {\r\n\r\n    .sm-ev-title h1 {\r\n        font-size: 44px;\r\n    }\r\n\r\n    .sm-ev-hero {\r\n        min-height: 580px;\r\n    }\r\n\r\n    .sm-ev-hero-image {\r\n        height: 580px;\r\n    }\r\n\r\n    .sm-ev-hero-content {\r\n        left: 40px;\r\n        right: 40px;\r\n    }\r\n\r\n    .sm-ev-hero-content h2 {\r\n        font-size: 40px;\r\n    }\r\n\r\n    .sm-ev-services {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sm-ev-card {\r\n        height: 400px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 550px) {\r\n\r\n    .sm-ev-section {\r\n        padding:\r\n            45px 20px;\r\n    }\r\n\r\n    .sm-ev-title {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .sm-ev-title-label {\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 2.5px;\r\n    }\r\n\r\n    .sm-ev-title h1 {\r\n        font-size: 38px;\r\n    }\r\n\r\n\r\n    \/* HERO *\/\r\n\r\n    .sm-ev-hero {\r\n        min-height: 600px;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .sm-ev-hero-image {\r\n        height: 600px;\r\n    }\r\n\r\n    .sm-ev-hero::before {\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(0,0,0,0.15) 0%,\r\n                rgba(0,0,0,0.50) 35%,\r\n                rgba(0,0,0,0.95) 100%\r\n            );\r\n    }\r\n\r\n    .sm-ev-hero-content {\r\n\r\n        top: auto;\r\n\r\n        left: 25px;\r\n        right: 25px;\r\n        bottom: 55px;\r\n\r\n        width: auto;\r\n\r\n        transform: none;\r\n    }\r\n\r\n    .sm-ev-hero-label {\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 2px;\r\n\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .sm-ev-hero-content h2 {\r\n\r\n        font-size: 34px;\r\n\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .sm-ev-hero-content p {\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.65;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .sm-ev-button {\r\n\r\n        padding:\r\n            14px 22px;\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    \/* GREEN CIRCLE *\/\r\n\r\n    .sm-ev-green-circle {\r\n\r\n        width: 160px;\r\n        height: 160px;\r\n\r\n        right: -40px;\r\n        bottom: -70px;\r\n    }\r\n\r\n\r\n    \/* SERVICE CARDS *\/\r\n\r\n    .sm-ev-services {\r\n\r\n        margin-top: 50px;\r\n\r\n        gap: 20px;\r\n    }\r\n\r\n    .sm-ev-card {\r\n\r\n        height: 350px;\r\n\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .sm-ev-card-content {\r\n\r\n        left: 22px;\r\n        right: 22px;\r\n        bottom: 24px;\r\n    }\r\n\r\n    .sm-ev-card-content h3 {\r\n\r\n        font-size: 23px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     ELECTRIC CARS SERVICES SECTION\r\n========================================================= -->\r\n\r\n<section class=\"sm-ev-section\" id=\"electric-car-services\">\r\n\r\n\r\n    <!-- =========================\r\n         TITLE\r\n    ========================== -->\r\n\r\n    <div class=\"sm-ev-title\">\r\n\r\n        <span class=\"sm-ev-title-label\">\r\n            ELECTRIC VEHICLE SOLUTIONS\r\n        <\/span>\r\n\r\n        <h1>\r\n            ELECTRIC CARS\r\n            <strong>SERVICES<\/strong>\r\n        <\/h1>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================\r\n         MAIN HERO\r\n    ========================== -->\r\n\r\n    <div class=\"sm-ev-hero\">\r\n\r\n\r\n        <!-- MAIN IMAGE -->\r\n\r\n        <img decoding=\"async\"\r\n            class=\"sm-ev-hero-image\"\r\n            src=\"https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-\u0633\u0628\u062a\u0645\u0628\u0631-2026\u060c-03_45_58-\u0645.png\"\r\n            alt=\"Smart Motor Electric Car Service\"\r\n        >\r\n\r\n\r\n        <!-- HERO CONTENT -->\r\n\r\n        <div class=\"sm-ev-hero-content\">\r\n\r\n            <div class=\"sm-ev-hero-label\">\r\n                SMART MOTOR \/ EV SERVICE\r\n            <\/div>\r\n\r\n\r\n            <h2>\r\n                Future Ready\r\n                <br>\r\n                Electric Vehicle Care\r\n            <\/h2>\r\n\r\n\r\n            <p>\r\n                Professional inspection, diagnostics and maintenance\r\n                for modern electric and hybrid vehicles using advanced\r\n                equipment and trained technicians.\r\n            <\/p>\r\n\r\n\r\n            <a\r\n                class=\"sm-ev-button\"\r\n                href=\"#sm-ev-service-list\"\r\n            >\r\n                EXPLORE SERVICES \u2192\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- GREEN DECORATION -->\r\n\r\n        <div class=\"sm-ev-green-circle\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================\r\n         SERVICES\r\n    ========================== -->\r\n\r\n    <div\r\n        class=\"sm-ev-services\"\r\n        id=\"sm-ev-service-list\"\r\n    >\r\n\r\n\r\n        <!-- =========================\r\n             01 BATTERY\r\n        ========================== -->\r\n\r\n        <div class=\"sm-ev-card\">\r\n\r\n            <img decoding=\"async\"\r\n                class=\"sm-ev-card-image\"\r\n                src=\"https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-\u0633\u0628\u062a\u0645\u0628\u0631-2026\u060c-03_10_36-\u0645.png\"\r\n                alt=\"Electric Vehicle High Voltage Battery Service\"\r\n            >\r\n\r\n\r\n            <div class=\"sm-ev-card-content\">\r\n\r\n                <div class=\"sm-ev-card-number\">\r\n                    01\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    High-Voltage Battery\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n                    Battery health analysis, cell testing,\r\n                    insulation inspection and cooling-system checks.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =========================\r\n             02 CHARGING\r\n        ========================== -->\r\n\r\n        <div class=\"sm-ev-card\">\r\n\r\n            <img decoding=\"async\"\r\n                class=\"sm-ev-card-image\"\r\n                src=\"https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-\u0633\u0628\u062a\u0645\u0628\u0631-2026\u060c-03_27_40-\u0645.png\"\r\n                alt=\"Electric Vehicle Charging System Service\"\r\n            >\r\n\r\n\r\n            <div class=\"sm-ev-card-content\">\r\n\r\n                <div class=\"sm-ev-card-number\">\r\n                    02\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    EV Charging System\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n                    Professional charging-port, onboard charger\r\n                    and high-voltage charging system inspection.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =========================\r\n             03 DIAGNOSTICS\r\n        ========================== -->\r\n\r\n        <div class=\"sm-ev-card\">\r\n\r\n            <img decoding=\"async\"\r\n                class=\"sm-ev-card-image\"\r\n                src=\"https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-\u0633\u0628\u062a\u0645\u0628\u0631-2026\u060c-03_41_37-\u0645.png\"\r\n                alt=\"Electric Vehicle Computer Diagnostics\"\r\n            >\r\n\r\n\r\n            <div class=\"sm-ev-card-content\">\r\n\r\n                <div class=\"sm-ev-card-number\">\r\n                    03\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    EV Diagnostics\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n                    Advanced computer diagnostics for electric motors,\r\n                    battery management systems and EV electronics.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-747b321 e-con-full e-flex e-con e-parent\" data-id=\"747b321\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfb3bb6 elementor-widget elementor-widget-html\" data-id=\"cfb3bb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n  <title>Common EV Problems<\/title>\r\n\r\n  <style>\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      background: #07100f;\r\n      color: #ffffff;\r\n    }\r\n\r\n    \/* =========================\r\n       EV PROBLEMS SECTION\r\n    ========================== *\/\r\n\r\n    .ev-problems {\r\n      padding: 90px 6%;\r\n      background:\r\n        radial-gradient(circle at top, rgba(186, 255, 0, 0.08), transparent 35%),\r\n        #07100f;\r\n    }\r\n\r\n    .ev-title {\r\n      text-align: center;\r\n      max-width: 850px;\r\n      margin: 0 auto 55px;\r\n    }\r\n\r\n    .ev-title span {\r\n      display: inline-block;\r\n      color: #BAFF00;\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      letter-spacing: 3px;\r\n      text-transform: uppercase;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .ev-title h2 {\r\n      font-size: clamp(32px, 5vw, 55px);\r\n      margin-bottom: 18px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .ev-title p {\r\n      color: #9daaa5;\r\n      font-size: 17px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* =========================\r\n       GRID\r\n    ========================== *\/\r\n\r\n    .ev-grid {\r\n      max-width: 1400px;\r\n      margin: auto;\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 22px;\r\n    }\r\n\r\n    \/* =========================\r\n       CARD\r\n    ========================== *\/\r\n\r\n    .ev-card {\r\n      position: relative;\r\n      min-height: 430px;\r\n      background-size: cover;\r\n      background-position: center;\r\n      overflow: hidden;\r\n      border-radius: 24px;\r\n      cursor: pointer;\r\n      border: 1px solid rgba(255,255,255,0.08);\r\n\r\n      box-shadow:\r\n        0 20px 50px rgba(0,0,0,0.35);\r\n\r\n      transition:\r\n        transform 0.45s ease,\r\n        box-shadow 0.45s ease;\r\n    }\r\n\r\n    .ev-card:first-child {\r\n      grid-column: span 2;\r\n      min-height: 500px;\r\n    }\r\n\r\n    \/* =========================\r\n       DARK OVERLAY\r\n    ========================== *\/\r\n\r\n    .ev-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          to top,\r\n          rgba(0,0,0,0.92) 0%,\r\n          rgba(0,0,0,0.40) 45%,\r\n          rgba(0,0,0,0.05) 100%\r\n        );\r\n\r\n      transition: all 0.5s ease;\r\n    }\r\n\r\n    \/* Lime light effect *\/\r\n\r\n    .ev-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at bottom left,\r\n          rgba(186, 255, 0, 0.18),\r\n          transparent 45%\r\n        );\r\n\r\n      opacity: 0;\r\n      transition: 0.5s ease;\r\n    }\r\n\r\n    \/* =========================\r\n       CONTENT\r\n    ========================== *\/\r\n\r\n    .ev-content {\r\n      position: absolute;\r\n      left: 35px;\r\n      right: 35px;\r\n      bottom: 35px;\r\n      z-index: 3;\r\n\r\n      transform: translateY(85px);\r\n      transition: transform 0.5s ease;\r\n    }\r\n\r\n    .ev-number {\r\n      width: 48px;\r\n      height: 48px;\r\n\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      border-radius: 50%;\r\n\r\n      background: #BAFF00;\r\n      color: #000000;\r\n\r\n      font-weight: 900;\r\n      font-size: 18px;\r\n\r\n      margin-bottom: 18px;\r\n\r\n      box-shadow:\r\n        0 0 30px rgba(186, 255, 0, 0.35);\r\n    }\r\n\r\n    .ev-content h3 {\r\n      font-size: 30px;\r\n      margin-bottom: 13px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .ev-description {\r\n      color: #c9d0cd;\r\n      line-height: 1.6;\r\n      margin-bottom: 16px;\r\n\r\n      opacity: 0;\r\n      transform: translateY(25px);\r\n\r\n      transition:\r\n        opacity 0.45s ease,\r\n        transform 0.45s ease;\r\n    }\r\n\r\n    .ev-list {\r\n      list-style: none;\r\n\r\n      opacity: 0;\r\n      transform: translateY(25px);\r\n\r\n      transition:\r\n        opacity 0.45s ease 0.08s,\r\n        transform 0.45s ease 0.08s;\r\n    }\r\n\r\n    .ev-list li {\r\n      position: relative;\r\n      padding-left: 22px;\r\n      margin-bottom: 8px;\r\n\r\n      color: #ffffff;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .ev-list li::before {\r\n      content: \"\u2713\";\r\n      position: absolute;\r\n      left: 0;\r\n\r\n      color: #BAFF00;\r\n      font-weight: bold;\r\n    }\r\n\r\n    \/* =========================\r\n       HOVER EFFECT\r\n    ========================== *\/\r\n\r\n    .ev-card:hover {\r\n      transform: translateY(-8px);\r\n\r\n      box-shadow:\r\n        0 30px 70px rgba(0,0,0,0.55),\r\n        0 0 35px rgba(186,255,0,0.12);\r\n    }\r\n\r\n    .ev-card:hover::before {\r\n      background: rgba(0,0,0,0.72);\r\n    }\r\n\r\n    .ev-card:hover::after {\r\n      opacity: 1;\r\n    }\r\n\r\n    .ev-card:hover .ev-content {\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .ev-card:hover .ev-description,\r\n    .ev-card:hover .ev-list {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* =========================\r\n       RESPONSIVE\r\n    ========================== *\/\r\n\r\n    @media (max-width: 850px) {\r\n\r\n      .ev-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ev-card:first-child {\r\n        grid-column: span 1;\r\n      }\r\n\r\n      .ev-card {\r\n        min-height: 460px;\r\n      }\r\n\r\n      .ev-content {\r\n        left: 25px;\r\n        right: 25px;\r\n        bottom: 25px;\r\n      }\r\n\r\n      .ev-content h3 {\r\n        font-size: 25px;\r\n      }\r\n    }\r\n\r\n    \/* =========================\r\n       TOUCH DEVICES\r\n    ========================== *\/\r\n\r\n    @media (hover: none) {\r\n\r\n      .ev-content {\r\n        transform: translateY(0);\r\n      }\r\n\r\n      .ev-description,\r\n      .ev-list {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n\r\n      .ev-card::before {\r\n        background:\r\n          linear-gradient(\r\n            to top,\r\n            rgba(0,0,0,0.92),\r\n            rgba(0,0,0,0.35)\r\n          );\r\n      }\r\n    }\r\n\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ev-problems\">\r\n\r\n  <div class=\"ev-title\">\r\n\r\n    <span>EV Diagnostics<\/span>\r\n\r\n    <h2>Common Electric Vehicle Problems<\/h2>\r\n\r\n    <p>\r\n      While electric vehicles are known for efficiency and lower maintenance,\r\n      advanced EV systems can still experience battery, charging,\r\n      motor, software and suspension related issues.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"ev-grid\">\r\n\r\n    <!-- 01 BATTERY -->\r\n\r\n    <div\r\n      class=\"ev-card\"\r\n      style=\"background-image:url('https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-12-\u0633\u0628\u062a\u0645\u0628\u0631-2026\u060c-08_21_34-\u0635.png');\"\r\n    >\r\n\r\n      <div class=\"ev-content\">\r\n\r\n        <div class=\"ev-number\">01<\/div>\r\n\r\n        <h3>Battery Issues<\/h3>\r\n\r\n        <p class=\"ev-description\">\r\n          The high-voltage battery is one of the most critical components\r\n          of an electric vehicle. Battery degradation or internal faults\r\n          can affect range, performance and charging capability.\r\n        <\/p>\r\n\r\n        <ul class=\"ev-list\">\r\n          <li>Reduced driving range over time<\/li>\r\n          <li>Difficulty charging or failure to charge<\/li>\r\n          <li>Battery overheating<\/li>\r\n          <li>Reduced performance in extreme temperatures<\/li>\r\n        <\/ul>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- 02 CHARGING -->\r\n\r\n    <div\r\n      class=\"ev-card\"\r\n      style=\"background-image:url('https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-12-\u0633\u0628\u062a\u0645\u0628\u0631-2026\u060c-08_26_48-\u0635.png');\"\r\n    >\r\n\r\n      <div class=\"ev-content\">\r\n\r\n        <div class=\"ev-number\">02<\/div>\r\n\r\n        <h3>Charging Problems<\/h3>\r\n\r\n        <p class=\"ev-description\">\r\n          Charging problems may be caused by the charging port,\r\n          onboard charger, cables or communication faults between\r\n          the vehicle and charging station.\r\n        <\/p>\r\n\r\n        <ul class=\"ev-list\">\r\n          <li>Vehicle unable to charge<\/li>\r\n          <li>Slow charging speed<\/li>\r\n          <li>Charging connection errors<\/li>\r\n          <li>Onboard charger faults<\/li>\r\n        <\/ul>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- 03 MOTOR -->\r\n\r\n    <div\r\n      class=\"ev-card\"\r\n      style=\"background-image:url('https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-12-\u0633\u0628\u062a\u0645\u0628\u0631-2026\u060c-08_32_53-\u0635.png');\"\r\n    >\r\n\r\n      <div class=\"ev-content\">\r\n\r\n        <div class=\"ev-number\">03<\/div>\r\n\r\n        <h3>Electric Motor Failures<\/h3>\r\n\r\n        <p class=\"ev-description\">\r\n          Electric motors are extremely reliable, but electrical faults,\r\n          overheating or internal component issues may affect vehicle\r\n          performance.\r\n        <\/p>\r\n\r\n        <ul class=\"ev-list\">\r\n          <li>Reduced motor power<\/li>\r\n          <li>Unusual noises or vibrations<\/li>\r\n          <li>Motor overheating<\/li>\r\n          <li>Complete loss of drive power<\/li>\r\n        <\/ul>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- 04 SOFTWARE -->\r\n\r\n    <div\r\n      class=\"ev-card\"\r\n      style=\"background-image:url('https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-12-\u0633\u0628\u062a\u0645\u0628\u0631-2026\u060c-08_36_30-\u0635.png');\"\r\n    >\r\n\r\n      <div class=\"ev-content\">\r\n\r\n        <div class=\"ev-number\">04<\/div>\r\n\r\n        <h3>Software & Firmware Glitches<\/h3>\r\n\r\n        <p class=\"ev-description\">\r\n          Modern electric vehicles rely on sophisticated software\r\n          controlling multiple vehicle systems. Software errors may\r\n          affect vehicle operation and performance.\r\n        <\/p>\r\n\r\n        <ul class=\"ev-list\">\r\n          <li>Infotainment system problems<\/li>\r\n          <li>Regenerative braking errors<\/li>\r\n          <li>Navigation system faults<\/li>\r\n          <li>Control module communication issues<\/li>\r\n        <\/ul>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- 05 SUSPENSION -->\r\n\r\n    <div\r\n      class=\"ev-card\"\r\n      style=\"background-image:url('https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/472-TAEVision-mechanical-design-adaptive-air-suspension-AirSuspension-AdaptiveAirSuspension-Parts-AutoParts-Aftermarket-MercedesBenz-CClass.jpg');\"\r\n    >\r\n\r\n      <div class=\"ev-content\">\r\n\r\n        <div class=\"ev-number\">05<\/div>\r\n\r\n        <h3>Tire & Suspension Wear<\/h3>\r\n\r\n        <p class=\"ev-description\">\r\n          The additional weight of an EV battery can increase stress\r\n          on tires and suspension components and may accelerate wear.\r\n        <\/p>\r\n\r\n        <ul class=\"ev-list\">\r\n          <li>Uneven tire wear<\/li>\r\n          <li>Suspension noises over bumps<\/li>\r\n          <li>Wheel alignment issues<\/li>\r\n          <li>Reduced handling performance<\/li>\r\n        <\/ul>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bdddfcd e-con e-atomic-element e-div-block-base e-bdddfcd-52cc056 \" data-id=\"bdddfcd\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"bdddfcd\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-37ecf45 e-con e-atomic-element e-flexbox-base e-37ecf45-645c7e4 \" data-id=\"37ecf45\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"37ecf45\">\n    \t\t\t<button class=\"e-72e85ea-658eea3 sales-botton e-button-base\" data-interaction-id=\"72e85ea\">\n\t\tsales@smartmotor.com\n\t<\/button>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e2d0f42 e-flex e-con-boxed e-con e-parent\" data-id=\"e2d0f42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-835c562 elementor-widget elementor-widget-html\" data-id=\"835c562\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"smart-footer\">\r\n\r\n    <div class=\"smart-footer-inner\">\r\n\r\n        <!-- LEFT -->\r\n        <div class=\"smart-footer-brand smart-reveal\">\r\n\r\n            <a href=\"https:\/\/www.smartmotor.ae\/\" class=\"smart-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.smartmotor.ae\/wp-content\/uploads\/2026\/09\/Group-8-Copy2-1.png\" alt=\"SMART MOTOR\">\r\n            <\/a>\r\n\r\n            <p>\r\n                Smart Motor is dedicated to delivering premium automotive\r\n                care, professional service and outstanding attention to detail.\r\n                Our mission is to keep every vehicle performing at its best\r\n                while delivering a premium customer experience.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- EXPLORE -->\r\n        <div class=\"smart-footer-column smart-reveal\">\r\n\r\n            <h4>Explore<\/h4>\r\n\r\n            <a href=\"https:\/\/www.smartmotor.ae\/\">Smart Motor<\/a>\r\n            <a href=\"https:\/\/www.smartmotor.ae\/ppf-protection-2\/\">Services<\/a>\r\n            <a href=\"https:\/\/www.smartmotor.ae\/ppf-protection\/\">Car Care<\/a>\r\n            <a href=\"#\">Our Workshop<\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- QUICK LINKS -->\r\n        <div class=\"smart-footer-column smart-reveal\">\r\n\r\n            <h4>Quick Links<\/h4>\r\n\r\n            <a href=\"#\">About Us<\/a>\r\n            <a href=\"#\">Blog<\/a>\r\n            <a href=\"#\">FAQs<\/a>\r\n            <a href=\"http:\/\/wa.me\/+9718005445\">Contact Us<\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CONTACT -->\r\n        <div class=\"smart-footer-column smart-contact smart-reveal\">\r\n\r\n            <h4>Contact Us<\/h4>\r\n\r\n            <p class=\"smart-address\">\r\n                Abu Dhabi, United Arab Emirates\r\n            <\/p>\r\n\r\n            <a href=\"tel:+9718005445\" class=\"smart-phone\">\r\n                +9718005445\r\n            <\/a>\r\n\r\n            <div class=\"smart-socials\">\r\n\r\n                <!-- INSTAGRAM -->\r\n                <a href=\"https:\/\/www.instagram.com\/smartmotorauto\/\" aria-label=\"Instagram\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <rect\r\n                            x=\"3\"\r\n                            y=\"3\"\r\n                            width=\"18\"\r\n                            height=\"18\"\r\n                            rx=\"5\"\r\n                            ry=\"5\">\r\n                        <\/rect>\r\n\r\n                        <circle\r\n                            cx=\"12\"\r\n                            cy=\"12\"\r\n                            r=\"4\">\r\n                        <\/circle>\r\n\r\n                        <circle\r\n                            cx=\"17.5\"\r\n                            cy=\"6.5\"\r\n                            r=\"1\">\r\n                        <\/circle>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- FACEBOOK -->\r\n                <a href=\"https:\/\/www.facebook.com\/smartmotorauto\/\" aria-label=\"Facebook\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        class=\"facebook-icon\">\r\n\r\n                        <path\r\n                            d=\"M14.5 8H17V4.2C16.57 4.14 15.1 4 13.5 4\r\n                            C10.15 4 8 6.05 8 9.8V12H5V16H8V20H12V16H15.5L16 12H12V10.1\r\n                            C12 8.95 12.65 8 14.5 8Z\">\r\n                        <\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- YOUTUBE -->\r\n                <a href=\"#\" aria-label=\"YouTube\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        class=\"youtube-icon\">\r\n\r\n                        <path\r\n                            d=\"M21.58 7.19C21.35 6.33 20.67 5.65 19.81 5.42\r\n                            C18.25 5 12 5 12 5S5.75 5 4.19 5.42\r\n                            C3.33 5.65 2.65 6.33 2.42 7.19\r\n                            C2 8.75 2 12 2 12S2 15.25 2.42 16.81\r\n                            C2.65 17.67 3.33 18.35 4.19 18.58\r\n                            C5.75 19 12 19 12 19S18.25 19 19.81 18.58\r\n                            C20.67 18.35 21.35 17.67 21.58 16.81\r\n                            C22 15.25 22 12 22 12S22 8.75 21.58 7.19Z\">\r\n                        <\/path>\r\n\r\n                        <path\r\n                            class=\"youtube-play\"\r\n                            d=\"M10 9L16 12L10 15V9Z\">\r\n                        <\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BOTTOM -->\r\n    <div class=\"smart-footer-bottom smart-reveal\">\r\n\r\n        <div class=\"smart-line\"><\/div>\r\n\r\n        <div class=\"smart-bottom-content\">\r\n\r\n            <span>\r\n                \u00a9 2026 SMART MOTOR. All Rights Reserved.\r\n            <\/span>\r\n\r\n            <div class=\"smart-policies\">\r\n\r\n                <a href=\"#\">Terms & Conditions<\/a>\r\n\r\n                <span>|<\/span>\r\n\r\n                <a href=\"#\">Privacy Policy<\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n<style>\r\n\r\n\/* ==============================\r\n   SMART MOTOR FOOTER\r\n================================ *\/\r\n\r\n.smart-footer {\r\n    position: relative;\r\n    width: 100%;\r\n    background: #151515;\r\n    color: #ffffff;\r\n    padding: 70px 5% 25px;\r\n    overflow: hidden;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* SUBTLE LIGHT *\/\r\n\r\n.smart-footer::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 500px;\r\n    height: 500px;\r\n    top: -300px;\r\n    left: -250px;\r\n\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(255,255,255,0.045),\r\n        transparent 70%\r\n    );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* MAIN GRID *\/\r\n\r\n.smart-footer-inner {\r\n    max-width: 1250px;\r\n    margin: auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(300px, 1.8fr)\r\n        minmax(140px, 1fr)\r\n        minmax(140px, 1fr)\r\n        minmax(260px, 1.3fr);\r\n\r\n    gap: 65px;\r\n}\r\n\r\n\r\n\/* LOGO *\/\r\n\r\n.smart-logo {\r\n    display: inline-block;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.smart-logo img {\r\n    width: 155px;\r\n    height: auto;\r\n\r\n    display: block;\r\n    object-fit: contain;\r\n\r\n    transition:\r\n        transform 0.5s ease,\r\n        filter 0.5s ease;\r\n}\r\n\r\n.smart-logo:hover img {\r\n    transform: scale(1.06);\r\n    filter: brightness(1.12);\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.smart-footer-brand p {\r\n    max-width: 390px;\r\n\r\n    margin: 0;\r\n\r\n    color: rgba(255,255,255,0.68);\r\n\r\n    font-size: 15px;\r\n    line-height: 1.85;\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* COLUMN TITLES *\/\r\n\r\n.smart-footer-column h4 {\r\n    margin: 3px 0 28px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 0.2px;\r\n}\r\n\r\n\r\n\/* LINKS *\/\r\n\r\n.smart-footer-column > a {\r\n    position: relative;\r\n\r\n    display: block;\r\n    width: fit-content;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    color: rgba(255,255,255,0.72);\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n\r\n    transition:\r\n        color 0.35s ease,\r\n        transform 0.35s ease;\r\n}\r\n\r\n\r\n\/* LINK LINE *\/\r\n\r\n.smart-footer-column > a::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    bottom: -5px;\r\n\r\n    width: 0;\r\n    height: 1px;\r\n\r\n    background: #c7a96b;\r\n\r\n    transition: width 0.35s ease;\r\n}\r\n\r\n\r\n.smart-footer-column > a:hover {\r\n    color: #c7a96b;\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n.smart-footer-column > a:hover::after {\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* CONTACT *\/\r\n\r\n.smart-address {\r\n    max-width: 300px;\r\n\r\n    margin: 0 0 14px;\r\n\r\n    color: rgba(255,255,255,0.72);\r\n\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n.smart-phone {\r\n    display: inline-block;\r\n\r\n    color: #ffffff;\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 15px;\r\n\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n\r\n.smart-phone:hover {\r\n    color: #c7a96b;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   SOCIAL ICONS\r\n================================ *\/\r\n\r\n.smart-socials {\r\n    display: flex;\r\n    gap: 15px;\r\n\r\n    margin-top: 25px;\r\n}\r\n\r\n\r\n.smart-socials a {\r\n    position: relative;\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid rgba(255,255,255,0.22);\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #ffffff;\r\n\r\n    text-decoration: none;\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        border-color 0.35s ease,\r\n        transform 0.35s ease,\r\n        background 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n\r\n\/* GOLD CIRCLE *\/\r\n\r\n.smart-socials a::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 0;\r\n    height: 0;\r\n\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #c7a96b;\r\n\r\n    transition:\r\n        width 0.45s ease,\r\n        height 0.45s ease;\r\n}\r\n\r\n\r\n\/* HOVER *\/\r\n\r\n.smart-socials a:hover {\r\n\r\n    border-color: #c7a96b;\r\n\r\n    transform:\r\n        translateY(-5px)\r\n        scale(1.06);\r\n\r\n    box-shadow:\r\n        0 8px 25px rgba(199,169,107,0.18);\r\n}\r\n\r\n\r\n.smart-socials a:hover::before {\r\n    width: 70px;\r\n    height: 70px;\r\n}\r\n\r\n\r\n\/* SVG *\/\r\n\r\n.smart-socials svg {\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    display: block;\r\n\r\n    transition:\r\n        color 0.35s ease,\r\n        transform 0.35s ease;\r\n}\r\n\r\n\r\n\/* INSTAGRAM *\/\r\n\r\n.smart-socials a:first-child svg {\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.8;\r\n}\r\n\r\n\r\n\/* FACEBOOK *\/\r\n\r\n.facebook-icon {\r\n\r\n    fill: currentColor;\r\n    stroke: none;\r\n\r\n    width: 20px !important;\r\n    height: 20px !important;\r\n}\r\n\r\n\r\n\/* YOUTUBE *\/\r\n\r\n.youtube-icon {\r\n\r\n    width: 21px !important;\r\n    height: 21px !important;\r\n\r\n    fill: currentColor;\r\n    stroke: none;\r\n}\r\n\r\n\r\n\/* YOUTUBE PLAY BUTTON *\/\r\n\r\n.youtube-play {\r\n\r\n    fill: #151515;\r\n\r\n    transition:\r\n        fill 0.35s ease;\r\n}\r\n\r\n\r\n\/* HOVER ICON *\/\r\n\r\n.smart-socials a:hover svg {\r\n\r\n    color: #111111;\r\n\r\n    transform: scale(1.08);\r\n}\r\n\r\n\r\n.smart-socials a:hover .youtube-play {\r\n\r\n    fill: #c7a96b;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   BOTTOM\r\n================================ *\/\r\n\r\n.smart-footer-bottom {\r\n    max-width: 1250px;\r\n\r\n    margin: 55px auto 0;\r\n}\r\n\r\n\r\n.smart-line {\r\n    width: 100%;\r\n    height: 1px;\r\n\r\n    background: rgba(255,255,255,0.12);\r\n\r\n    margin-bottom: 22px;\r\n}\r\n\r\n\r\n.smart-bottom-content {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n    color: rgba(255,255,255,0.45);\r\n\r\n    font-size: 13px;\r\n}\r\n\r\n\r\n.smart-policies {\r\n    display: flex;\r\n    gap: 9px;\r\n}\r\n\r\n\r\n.smart-policies a {\r\n\r\n    color: rgba(255,255,255,0.45);\r\n\r\n    text-decoration: none;\r\n\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n\r\n.smart-policies a:hover {\r\n    color: #c7a96b;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   SCROLL REVEAL\r\n================================ *\/\r\n\r\n.smart-reveal {\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(35px);\r\n\r\n    transition:\r\n        opacity 0.9s ease,\r\n        transform 0.9s cubic-bezier(.2,.65,.3,1);\r\n}\r\n\r\n\r\n.smart-reveal.smart-visible {\r\n\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n\/* DELAYS *\/\r\n\r\n.smart-footer-brand.smart-visible {\r\n    transition-delay: 0.05s;\r\n}\r\n\r\n.smart-footer-column:nth-child(2).smart-visible {\r\n    transition-delay: 0.15s;\r\n}\r\n\r\n.smart-footer-column:nth-child(3).smart-visible {\r\n    transition-delay: 0.25s;\r\n}\r\n\r\n.smart-footer-column:nth-child(4).smart-visible {\r\n    transition-delay: 0.35s;\r\n}\r\n\r\n.smart-footer-bottom.smart-visible {\r\n    transition-delay: 0.45s;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   TABLET\r\n================================ *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .smart-footer-inner {\r\n\r\n        grid-template-columns:\r\n            1.5fr 1fr 1fr;\r\n\r\n        gap: 45px;\r\n    }\r\n\r\n    .smart-contact {\r\n        grid-column: span 3;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==============================\r\n   MOBILE\r\n================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .smart-footer {\r\n\r\n        padding: 55px 25px 25px;\r\n    }\r\n\r\n    .smart-footer-inner {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 38px;\r\n    }\r\n\r\n    .smart-footer-brand p {\r\n\r\n        max-width: 100%;\r\n    }\r\n\r\n    .smart-contact {\r\n\r\n        grid-column: auto;\r\n    }\r\n\r\n    .smart-footer-column h4 {\r\n\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .smart-footer-bottom {\r\n\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .smart-bottom-content {\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: flex-start;\r\n\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .smart-policies {\r\n\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media (max-width: 450px) {\r\n\r\n    .smart-footer {\r\n\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .smart-logo img {\r\n\r\n        width: 140px;\r\n    }\r\n\r\n    .smart-footer-brand p {\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const revealElements =\r\n        document.querySelectorAll(\".smart-reveal\");\r\n\r\n    const revealObserver =\r\n        new IntersectionObserver(\r\n            function (entries) {\r\n\r\n                entries.forEach(function (entry) {\r\n\r\n                    if (entry.isIntersecting) {\r\n\r\n                        entry.target.classList.add(\r\n                            \"smart-visible\"\r\n                        );\r\n\r\n                        revealObserver.unobserve(\r\n                            entry.target\r\n                        );\r\n\r\n                    }\r\n\r\n                });\r\n\r\n            },\r\n            {\r\n                threshold: 0.12\r\n            }\r\n        );\r\n\r\n\r\n    revealElements.forEach(function (element) {\r\n\r\n        revealObserver.observe(element);\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BOOK NOW &#8220;`html &#8220;` Home PPF Services Electric Cars Promotions For Her Electric Car Repair Scroll to Explore \u2193 EV Specialist Workshop Your trusted partner for Electric Car Repair. Professional electric vehicle diagnostics, high-voltage system inspection, battery health checks, charging-system repair, and advanced electrical troubleshooting. Our goal is to restore your electric vehicle to safe, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-959","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.smartmotor.ae\/ar\/wp-json\/wp\/v2\/pages\/959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.smartmotor.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.smartmotor.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.smartmotor.ae\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smartmotor.ae\/ar\/wp-json\/wp\/v2\/comments?post=959"}],"version-history":[{"count":106,"href":"https:\/\/www.smartmotor.ae\/ar\/wp-json\/wp\/v2\/pages\/959\/revisions"}],"predecessor-version":[{"id":1144,"href":"https:\/\/www.smartmotor.ae\/ar\/wp-json\/wp\/v2\/pages\/959\/revisions\/1144"}],"wp:attachment":[{"href":"https:\/\/www.smartmotor.ae\/ar\/wp-json\/wp\/v2\/media?parent=959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}