{"id":12,"date":"2025-11-30T07:35:36","date_gmt":"2025-11-30T07:35:36","guid":{"rendered":"https:\/\/icaurdubai.ae\/?page_id=12"},"modified":"2026-07-06T12:11:54","modified_gmt":"2026-07-06T12:11:54","slug":"homepage","status":"publish","type":"page","link":"https:\/\/icaurdubai.ae\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01597b7 e-con-full e-flex e-con e-parent\" data-id=\"01597b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb6d253 elementor-widget elementor-widget-html\" data-id=\"cb6d253\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"icaur-hero\" data-duration=\"5500\">\n  <div class=\"slides\">\n\n    <section class=\"slide active\" style=\"--bg-desktop:url('https:\/\/icaurdubai.ae\/wp-content\/uploads\/2026\/04\/buy-now-pay-later_v27_2_-1920X1180.webp');\n                                  --bg-mobile: url('https:\/\/icaurdubai.ae\/wp-content\/uploads\/2026\/04\/buy-now-pay-later_v27_2_-1080X2121-copy.webp')\">\n      <div class=\"overlay\">\n        <img decoding=\"async\" class=\"mark\" src=\"http:\/\/icaurdubai.ae\/wp-content\/uploads\/2026\/04\/main-page-first-slider-logo-v27.png\" alt=\"V27 logo\">\n        <p>Start payments 4 to 6 months after purchase \u2013 Flexible financial planning made easy<\/p>\n        <div class=\"ctas\">\n          <a class=\"btn primary\" href=\"https:\/\/icaurdubai.ae\/en\/test-drive\/v27\/\">Book a test drive<\/a>\n          <a class=\"btn ghost\" href=\"https:\/\/icaurdubai.ae\/en\/product\/v27\/\">Explore more<\/a>\n        <\/div>\n      <\/div>\n    <\/section> \n\n    <section class=\"slide\" style=\"--bg-desktop:url('https:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/11\/main-page-first-slider-slide-2.webp');\n                                  --bg-mobile: url('https:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/11\/main-page-first-slider-slide-2.webp')\">\n      <div class=\"overlay\">\n        <img decoding=\"async\" class=\"mark\" src=\"http:\/\/icaurdubai.ae\/wp-content\/uploads\/2026\/04\/main-page-first-slider-logo-03t.png\" alt=\"03t logo\">\n        <p>Range-extended electric AWD with 800+ km total range, 225 mm clearance, and 540\u00b0 HD view for confident city-to-desert drives.<\/p>\n        <div class=\"ctas\">\n          <a class=\"btn primary\" href=\"https:\/\/icaurdubai.ae\/en\/test-drive\/03t\/\">Book a test drive<\/a>\n          <a class=\"btn ghost\" href=\"https:\/\/icaurdubai.ae\/en\/product\/03t\/\">Explore more<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"slide\" style=\"--bg-desktop:url('https:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/11\/main-page-first-slider-slide-3.webp');\n                                  --bg-mobile: url('https:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/11\/main-page-first-slider-slide-3.webp')\">\n      <div class=\"overlay\">\n        <img decoding=\"async\" class=\"mark\" src=\"http:\/\/icaurdubai.ae\/wp-content\/uploads\/2026\/04\/main-page-first-slider-logo-v27.png\" alt=\"03t logo\">\n        <p>Up to 900+ km total range, RWD or AWD choice, and 6 kW V2L power for weekends out of town.<\/p>\n        <div class=\"ctas\">\n          <a class=\"btn primary\" href=\"https:\/\/icaurdubai.ae\/en\/test-drive\/v27\/\">Book a test drive<\/a>\n          <a class=\"btn ghost\" href=\"https:\/\/icaurdubai.ae\/en\/product\/v27\/\">Explore more<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/div>\n\n  <div class=\"progress-dots\" role=\"tablist\" aria-label=\"Slider Cars\">\n    <button class=\"dot active\" type=\"button\" data-index=\"0\" aria-label=\"Slide 1\">\n      <span class=\"fill\"><\/span>\n    <\/button>\n    <button class=\"dot\" type=\"button\" data-index=\"1\" aria-label=\"Slide 2\">\n      <span class=\"fill\"><\/span>\n    <\/button>\n    <button class=\"dot\" type=\"button\" data-index=\"2\" aria-label=\"Slide 3\">\n      <span class=\"fill\"><\/span>\n    <\/button>\n  <\/div>\n<\/div>\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap');\n\n  .icaur-hero {\n    --accent: #E86D26;\n    --text: #ffffff;\n    --muted: #ffffff;\n    --progress-track: rgb(255, 255, 255);\n    --progress-fill: #E86D26;\n\n    position: relative;\n    height: 100vh;\n    overflow: hidden;\n    isolation: isolate;\n    font-family: 'Montserrat', 'Roboto', sans-serif;\n    color: var(--text);\n    background: #0f131d;\n  }\n\n  .icaur-hero *,\n  .icaur-hero *::before,\n  .icaur-hero *::after {\n    box-sizing: border-box;\n  }\n\n  .icaur-hero .slides {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n  }\n\n  .icaur-hero .slide {\n    position: absolute;\n    inset: 0;\n    background: var(--bg) center center \/ cover no-repeat;\n    opacity: 0;\n    transform: scale(1.02);\n    transition: opacity 0.85s ease, transform 0.85s ease;\n    z-index: 0;\n  }\n\n  .icaur-hero .slide::after {\n    pointer-events: none;\n    content: '';\n    position: absolute;\n    inset: 0;\n    \/* background: linear-gradient(\n      90deg,\n      rgba(15, 19, 29, 0.82) 0%,\n      rgba(15, 19, 29, 0.7) 32%,\n      rgba(15, 19, 29, 0.25) 65%,\n      rgba(15, 19, 29, 0) 90%\n    ); *\/\n  }\n\n  .icaur-hero .slide.active {\n    opacity: 1;\n    transform: scale(1);\n    z-index: 2;\n  }\n\n  .icaur-hero .slide .overlay {\n  position: absolute;\n  z-index: 3;\n  }\n\n  .icaur-hero .overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    gap: 26px;\n    padding: 120px 7px 120px 90px;\n    max-width: 520px;\n    z-index: 1;\n    direction: ltr;\n    text-align: left;\n  }\n\n  .icaur-hero .mark {\n    width: 305px;\n    height: 42px;\n  }\n\n  .icaur-hero .overlay p {\n    margin: 0;\n    color: var(--muted);\n    line-height: 1.6;\n    width:max-content;\n    max-width: 50ch;\n  }\n\n  .icaur-hero .ctas {\n    display: flex;\n    gap: 14px;\n    flex-wrap: nowrap;\n  }\n\n  .icaur-hero .btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px;\n    width: 220px;\n    font-size: 14px;\n    font-weight: 600;\n    text-decoration: none;\n    border-radius: 6px;\n    border: 2px solid var(--accent);\n    transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;\n    z-index: 3;\n  }\n\n  .icaur-hero .btn.primary {\n    background: var(--accent);\n    color: var(--text);\n  }\n\n  .icaur-hero .btn.ghost {\n    background: transparent;\n    color: var(--accent);\n    border-color: rgba(232, 109, 38, 1);\n  }\n\n  .icaur-hero .btn:hover {\n    transform: translateY(-1px);\n    opacity: 0.9;\n  }\n\n  .icaur-hero .progress-dots {\n    position: absolute;\n    right: 44px;\n    bottom: 34px;\n    display: flex;\n    gap: 10px;\n    z-index: 2;\n  }\n\n  .icaur-hero .dot {\n    width: 15px;\n    height: 4px;\n    border-radius: 999px;\n    background: var(--progress-track);\n    overflow: hidden;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    position: relative;\n    transition:\n      width 0.25s ease,\n      height 0.25s ease,\n      border-radius 0.25s ease,\n      transform 0.25s ease;\n  }\n\n  .icaur-hero .dot.active {\n    width: 30px;\n    transform: scale(1.02);\n  }\n\n  .icaur-hero .dot .fill {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    background: var(--progress-fill);\n    border-radius: inherit;\n    transform-origin: left center;\n    transform: scaleX(0);\n    will-change: transform;\n  }\n\n  @keyframes fill {\n    from {\n      transform: scaleX(0);\n    }\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  .icaur-hero .nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(0, 0, 0, 0.35);\n    color: var(--text);\n    width: 44px;\n    height: 44px;\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    font-size: 26px;\n    line-height: 1;\n    z-index: 2;\n    transition: background-color 0.2s ease, transform 0.2s ease;\n  }\n\n  .icaur-hero .nav:hover {\n    background: rgba(0, 0, 0, 0.5);\n    transform: translateY(-50%) scale(1.02);\n  }\n\n  .icaur-hero .nav.prev {\n    left: 22px;\n  }\n\n  .icaur-hero .nav.next {\n    right: 22px;\n  }\n\n  @media (max-width: 900px) {\n    .icaur-hero .overlay {\n      padding: 100px 32px;\n      max-width: 100%;\n    }\n\n    .icaur-hero .mark {\n      width: 200px;\n      height: 25px;\n    }\n\n    .icaur-hero .progress-dots {\n      right: 24px;\n      bottom: 26px;\n    }\n      .icaur-hero .overlay p {width: auto;}\n  }\n\n  @media (max-width: 640px) {\n    .icaur-hero .nav {\n      display: none;\n    }\n\n    .icaur-hero .overlay {\n      padding: 70px 24px 110px;\n    }\n\n    .icaur-hero .mark {\n      width: 105px;\n      height: 15px;\n    }\n\n    .icaur-hero .ctas {\n      gap: 10px;\n    }\n  }\n  \/* \u0639\u06a9\u0633 \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 (\u062f\u0633\u06a9\u062a\u0627\u067e) *\/\n.icaur-hero .slide {\n  background-image: var(--bg-desktop);\n  background-size: cover;\n  background-position: center center;   \/* \u06cc\u0627 top center \u0627\u06af\u0631 \u0644\u0627\u0632\u0645 \u0628\u0648\u062f *\/\n  background-repeat: no-repeat;\n}\n\n\/* \u0639\u06a9\u0633 \u0645\u062e\u0635\u0648\u0635 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n@media (max-width: 900px) {\n  .icaur-hero .slide {\n    background-image: var(--bg-mobile) !important;\n    background-position: center center;   \/* \u0631\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0645\u0639\u0645\u0648\u0644\u0627\u064b center center \u06cc\u0627 top center \u0628\u0647\u062a\u0631\u0647 *\/\n  }\n}\n\n\/* \u0627\u062e\u062a\u06cc\u0627\u0631\u06cc: \u0627\u06af\u0631 \u0631\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0645\u06cc\u200c\u062e\u0648\u0627\u06cc \u062a\u0635\u0648\u06cc\u0631 \u06a9\u0645\u06cc \u0628\u0627\u0644\u0627\u062a\u0631 \u0628\u0627\u0634\u0647 *\/\n@media (max-width: 640px) {\n  .icaur-hero .slide {\n    background-position: top center;\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  let visibilityHooked = false;\n  function initHeroSliders() {\n    const heroes = document.querySelectorAll('.icaur-hero');\n    if (!heroes.length) return;\n    heroes.forEach((hero) => {\n      \/\/ \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 init \u0634\u062f\u0646 \u0686\u0646\u062f\u0628\u0627\u0631\u0647 (Elementor\/Cache\/\u2026)\n      if (hero.dataset.heroInited === '1') return;\n      hero.dataset.heroInited = '1';\n      const slides = Array.from(hero.querySelectorAll('.slide'));\n      const dotsContainer = hero.querySelector('.progress-dots');\n      const duration = parseInt(hero.dataset.duration, 10) || 6000;\n      \n      \/\/ \u0627\u06cc\u062c\u0627\u062f \u062f\u0627\u062a\u200c\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0631 \u0627\u0633\u0627\u0633 \u062a\u0639\u062f\u0627\u062f \u0627\u0633\u0644\u0627\u06cc\u062f\u0647\u0627\n      if (dotsContainer) {\n        dotsContainer.innerHTML = '';  \/\/ \u062d\u0630\u0641 \u062f\u0627\u062a\u200c\u0647\u0627\u06cc \u0642\u0628\u0644\u06cc\n        slides.forEach((_, index) => {\n          const dot = document.createElement('button');\n          dot.classList.add('dot');\n          dot.setAttribute('type', 'button');\n          dot.setAttribute('aria-label', `Slide ${index + 1}`);\n          dot.dataset.index = index;\n          dot.innerHTML = '<span class=\"fill\"><\/span>';\n          dotsContainer.appendChild(dot);\n        });\n      }\n\n      const dots = Array.from(hero.querySelectorAll('.dot'));\n      if (!slides.length || !dots.length || slides.length !== dots.length) return;\n\n      let active = slides.findIndex(s => s.classList.contains('active'));\n      if (active < 0) active = 0;\n      let timerId = null;\n      let paused = false;\n      \n      const stopTimer = () => {\n        if (timerId) {\n          clearTimeout(timerId);\n          timerId = null;\n        }\n      };\n      const startTimer = () => {\n        stopTimer();\n        if (paused) return;\n        timerId = setTimeout(() => setSlide(active + 1, true), duration);\n      };\n      const resetFill = (index) => {\n        const fill = dots[index]?.querySelector('.fill');\n        if (!fill) return;\n        fill.style.animation = 'none';\n        fill.style.transform = 'scaleX(0)';\n      };\n      const startFill = () => {\n        const fill = dots[active]?.querySelector('.fill');\n        if (!fill) return;\n        fill.style.animation = 'none';\n        fill.style.transform = 'scaleX(0)';\n        requestAnimationFrame(() => {\n          requestAnimationFrame(() => {\n            fill.style.animation = `fill ${duration}ms linear forwards`;\n          });\n        });\n      };\n      const setSlide = (nextIndex, fromTimer = false) => {\n        const total = slides.length;\n        const target = ((nextIndex % total) + total) % total;\n        if (target === active) {\n          startFill();\n          startTimer();\n          return;\n        }\n        slides[active].classList.remove('active');\n        dots[active].classList.remove('active');\n        resetFill(active);\n        active = target;\n        slides[active].classList.add('active');\n        dots[active].classList.add('active');\n        startFill();\n        startTimer();\n      };\n      \/\/ \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u062f\u0627\u062a\u200c\u0647\u0627\n      dots.forEach((dot, index) => {\n        dot.addEventListener('click', () => {\n          paused = false; \n          setSlide(index, false);\n        }, { passive: true });\n      });\n\n      if (hero.dataset.pauseOnHover === '1') {\n        hero.addEventListener('mouseenter', () => {\n          paused = true;\n          stopTimer();\n        });\n        hero.addEventListener('mouseleave', () => {\n          paused = false;\n          startFill();\n          startTimer();\n        });\n      }\n\n      \/\/ visibilitychange\n      if (!visibilityHooked) {\n        visibilityHooked = true;\n        document.addEventListener('visibilitychange', () => {\n          const allHeroes = document.querySelectorAll('.icaur-hero[data-hero-inited=\"1\"]');\n          allHeroes.forEach((h) => {\n            const state = h._heroState;\n            if (!state) return;\n            if (document.hidden) {\n              state.stopTimer();\n            } else {\n              state.paused(false);\n              state.startFill();\n              state.startTimer();\n            }\n          });\n        });\n      }\n\n      hero._heroState = {\n        stopTimer,\n        startTimer,\n        startFill,\n        paused: (v) => { paused = !!v; }\n      };\n\n      slides.forEach((s, i) => s.classList.toggle('active', i === active));\n      dots.forEach((d, i) => d.classList.toggle('active', i === active));\n      startFill();\n      startTimer();\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initHeroSliders);\n  } else {\n    initHeroSliders();\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1683210 e-con-full e-flex e-con e-parent\" data-id=\"1683210\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef3ac51 elementor-widget elementor-widget-html\" data-id=\"ef3ac51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <div id=\"icaur-slider-root\">\r\n    <style>\r\n      #icaur-slider-root {\r\n        --accent: #e87f3c;\r\n        --accent-soft: #f3a364;\r\n        --bg-dark: #3a3b3f;\r\n        --car-body-1: #f79133;\r\n        --car-body-2: #f46b2b;\r\n        --car-glass: #2f3a43;\r\n        --car-glass-2: #40505c;\r\n        --car-stripe: #ffffff;\r\n        --wheel: #121419;\r\n        --wheel-inner: #2d3137;\r\n        --cta-fill: #f46b2b;\r\n        --slide-duration: 760ms;\r\n        --slide-ease: cubic-bezier(.22,.61,.36,1);\r\n        --scene-shift: 48px;\r\n        font-family: \"Montserrat\";\r\n      }\r\n\r\n      #icaur-slider-root * {\r\n        box-sizing: border-box;\r\n      }\r\n\r\n      #icaur-slider-root .slider {\r\n        width: -webkit-fill-available;\r\n        background: #1b1b1e;\r\n        box-shadow: 0 22px 70px rgba(0,0,0,0.45);\r\n        position: relative;\r\n        isolation: isolate;\r\n        overflow: hidden;\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        grid-template-rows: auto auto;\r\n        grid-template-areas:\r\n          \"hero hero\"\r\n          \"info meta\";\r\n      }\r\n\r\n      #icaur-slider-root .hero {\r\n        grid-area: hero;\r\n        position: relative;\r\n        min-height: 460px;\r\n        height: 62vh;\r\n        background: var(--accent);\r\n        transition: background-color var(--slide-duration) var(--slide-ease);\r\n        overflow: visible;\r\n        z-index: 2;\r\n      }\r\n\r\n      #icaur-slider-root .hero::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        background:\r\n          radial-gradient(120% 90% at 20% 20%, rgba(255,255,255,0.23) 0%, rgba(255,255,255,0) 62%),\r\n          linear-gradient(120deg, rgba(20,20,22,0.08) 0%, rgba(20,20,22,0.3) 100%);\r\n        opacity: 0.55;\r\n        transform: translateX(0);\r\n        pointer-events: none;\r\n        transition: opacity var(--slide-duration) var(--slide-ease), transform var(--slide-duration) var(--slide-ease);\r\n      }\r\n\r\n      #icaur-slider-root .hero::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: -1px;\r\n        background: linear-gradient(105deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0) 42%, rgba(0,0,0,0.18) 100%);\r\n        opacity: 0;\r\n        transform: translateX(0);\r\n        pointer-events: none;\r\n        transition: opacity var(--slide-duration) var(--slide-ease), transform var(--slide-duration) var(--slide-ease);\r\n      }\r\n\r\n      #icaur-slider-root.dir-next {\r\n        --scene-dir: 1;\r\n        --scene-dir-rev: -1;\r\n      }\r\n\r\n      #icaur-slider-root.dir-prev {\r\n        --scene-dir: -1;\r\n        --scene-dir-rev: 1;\r\n      }\r\n\r\n      #icaur-slider-root.animating.outgoing .hero::before {\r\n        opacity: 0.82;\r\n        transform: translateX(calc(var(--scene-dir, 1) * -20px));\r\n      }\r\n\r\n      #icaur-slider-root.animating.outgoing .hero::after {\r\n        opacity: 0.52;\r\n        transform: translateX(calc(var(--scene-dir, 1) * 20px));\r\n      }\r\n\r\n      #icaur-slider-root.animating.incoming .hero::before {\r\n        opacity: 0.7;\r\n        transform: translateX(0);\r\n      }\r\n\r\n      #icaur-slider-root.animating.incoming .hero::after {\r\n        opacity: 0.32;\r\n        transform: translateX(0);\r\n      }\r\n\r\n      #icaur-slider-root .hero-logo-stack {\r\n        position: absolute;\r\n        inset: 0;\r\n        display: grid;\r\n        place-items: center;\r\n        pointer-events: none;\r\n      }\r\n\r\n      #icaur-slider-root .hero-logo {\r\n        grid-area: 1 \/ 1;\r\n        width: 100%;\r\n        height: auto;\r\n        opacity: 0;\r\n        transform: translateX(0) scale(1.02);\r\n        filter: blur(4px);\r\n        transition: opacity var(--slide-duration) var(--slide-ease), transform var(--slide-duration) var(--slide-ease), filter var(--slide-duration) var(--slide-ease);\r\n        will-change: transform, opacity, filter;\r\n      }\r\n\r\n      #icaur-slider-root .hero-logo.is-active {\r\n        opacity: 0.92;\r\n        transform: translateX(0) scale(1);\r\n        filter: blur(0);\r\n      }\r\n\r\n      #icaur-slider-root .hero-logo.is-entering {\r\n        opacity: 0;\r\n        transform: translateX(calc(var(--scene-dir, 1) * var(--scene-shift))) scale(1.03);\r\n        filter: blur(7px);\r\n      }\r\n\r\n      #icaur-slider-root.animating.outgoing .hero-logo.is-active {\r\n        opacity: 0;\r\n        transform: translateX(calc(var(--scene-dir-rev, -1) * var(--scene-shift))) scale(1.01);\r\n        filter: blur(7px);\r\n      }\r\n\r\n      #icaur-slider-root.animating.incoming .hero-logo.is-entering {\r\n        opacity: 0.92;\r\n        transform: translateX(0) scale(1);\r\n        filter: blur(0);\r\n      }\r\n\r\n      #icaur-slider-root .hero-inner {\r\n        position: relative;\r\n        height: 100%;\r\n        z-index: 2;\r\n        display: flex;\r\n        align-items: stretch;\r\n        justify-content: center;\r\n        padding: 0 38px;\r\n      }\r\n\r\n      #icaur-slider-root .nav {\r\n        position: absolute;\r\n        top: 80%;\r\n        transform: translateY(-50%);\r\n        width: 42px;\r\n        height: 42px;\r\n        border-radius: 50%;\r\n        border: 1px solid #000;\r\n        background: transparent;\r\n        color: #000;\r\n        display: grid;\r\n        cursor: pointer;\r\n        transition: transform 0.2s ease, background 0.2s ease;\r\n        backdrop-filter: blur(8px);\r\n        font-size: 36px;\r\n        line-height: 32px;\r\n        place-items: center;\r\n        z-index: 20;\r\n      }\r\n\r\n      #icaur-slider-root .nav:hover {\r\n        background: rgba(0, 0, 0, 0.055);\r\n      }\r\n\r\n      #icaur-slider-root.animating .nav,\r\n      #icaur-slider-root.animating .thumb {\r\n        pointer-events: none;\r\n      }\r\n\r\n      #icaur-slider-root .nav.prev { left: 12%; }\r\n      #icaur-slider-root .nav.next { right: 12%; }\r\n\r\n      #icaur-slider-root .car-stage {\r\n        position: relative;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: stretch;\r\n      }\r\n\r\n      #icaur-slider-root .car-wrap {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n\r\n      #icaur-slider-root .car {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 84%;\r\n        transform: translate(-50%, -50%);\r\n        transition: transform var(--slide-duration) var(--slide-ease);\r\n        z-index: 4;\r\n      }\r\n\r\n      #icaur-slider-root .car-media {\r\n        display: grid;\r\n        place-items: center;\r\n        position: relative;\r\n      }\r\n\r\n      #icaur-slider-root .car-image {\r\n        grid-area: 1 \/ 1;\r\n        width: 100%;\r\n        max-width: 1080px;\r\n        max-height: 420px;\r\n        object-fit: contain;\r\n        display: block;\r\n        transform: translateX(0) scale(1.3);\r\n        opacity: 0;\r\n        filter: blur(4px) saturate(0.92);\r\n        transition: opacity var(--slide-duration) var(--slide-ease), transform var(--slide-duration) var(--slide-ease), filter var(--slide-duration) var(--slide-ease);\r\n        will-change: transform, opacity, filter;\r\n      }\r\n\r\n      #icaur-slider-root .car-image.is-active {\r\n        opacity: 1;\r\n        filter: blur(0) saturate(1);\r\n        transform: translateX(0) scale(1.3);\r\n      }\r\n\r\n      #icaur-slider-root .car-image.is-entering {\r\n        opacity: 0;\r\n        transform: translateX(calc(var(--scene-dir, 1) * var(--scene-shift))) scale(1.33);\r\n        filter: blur(7px) saturate(0.9);\r\n      }\r\n\r\n      #icaur-slider-root.animating.outgoing .car-image.is-active {\r\n        opacity: 0;\r\n        transform: translateX(calc(var(--scene-dir-rev, -1) * var(--scene-shift))) scale(1.26);\r\n        filter: blur(7px) saturate(0.9);\r\n      }\r\n\r\n      #icaur-slider-root.animating.incoming .car-image.is-entering {\r\n        opacity: 1;\r\n        transform: translateX(0) scale(1.3);\r\n        filter: blur(0) saturate(1);\r\n      }\r\n\r\n      #icaur-slider-root .hotspots {\r\n        position: absolute;\r\n        inset: 0;\r\n        pointer-events: none;\r\n      }\r\n\r\n      #icaur-slider-root .hotspot {\r\n        position: absolute;\r\n        width: 25px;\r\n        height: 25px;\r\n        border-radius: 50%;\r\n        background: #fff;\r\n        border: none;\r\n        transform: translate(-50%, -50%);\r\n        pointer-events: auto;\r\n        cursor: pointer;\r\n        transition: transform 0.24s ease;\r\n        padding: unset;\r\n      }\r\n\r\n      #icaur-slider-root .hotspot::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: -10px;\r\n        border-radius: 50%;\r\n        border: 18px solid rgba(255,255,255,0.75);\r\n        animation: pulse 1.9s ease-out infinite;\r\n      }\r\n\r\n      #icaur-slider-root .hotspot .tip {\r\n        position: absolute;\r\n        left: 50%;\r\n        bottom: calc(100% + 10px);\r\n        transform: translate(-50%, 6px) scale(0.96);\r\n        background: rgba(12,12,15,0.94);\r\n        color: #fff;\r\n        padding: 10px 12px;\r\n        border-radius: 10px;\r\n        width: 200px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.36);\r\n        opacity: 0;\r\n        pointer-events: none;\r\n        transition: opacity 0.2s ease, transform 0.2s ease;\r\n        text-align: center;\r\n        z-index: 5;\r\n      }\r\n\r\n      #icaur-slider-root .hotspot .tip strong {\r\n        display: block;\r\n        margin-bottom: 4px;\r\n        font-size: 13px;\r\n      }\r\n\r\n      #icaur-slider-root .hotspot .tip span {\r\n        font-size: 12px;\r\n        color: #d0d4db;\r\n        line-height: 1.4;\r\n        display: block;\r\n      }\r\n\r\n      #icaur-slider-root .hotspot .tip ul {\r\n        margin: 6px 0 0;\r\n        padding-left: 18px;\r\n        text-align: left;\r\n      }\r\n\r\n      #icaur-slider-root .hotspot .tip li {\r\n        font-size: 12px;\r\n        color: #d0d4db;\r\n        line-height: 1.45;\r\n        margin-bottom: 3px;\r\n      }\r\n\r\n      #icaur-slider-root .hotspot:hover,\r\n      #icaur-slider-root .hotspot:focus-visible {\r\n        transform: translate(-50%, -50%) scale(1.12);\r\n      }\r\n\r\n      #icaur-slider-root .hotspot:hover .tip,\r\n      #icaur-slider-root .hotspot:focus-visible .tip {\r\n        opacity: 1;\r\n        transform: translate(-50%, 0) scale(1);\r\n      }\r\n\r\n      @keyframes pulse {\r\n        0% { transform: scale(1); opacity: 1; }\r\n        100% { transform: scale(1.5); opacity: 0; }\r\n      }\r\n\r\n      @media (min-width: 721px) {\r\n        #icaur-slider-root .hotspot::after {\r\n          border: 20px solid rgba(255,255,255,0.65);\r\n          animation: ring 1.6s ease-in-out infinite;\r\n        }\r\n      }\r\n\r\n      @keyframes ring {\r\n        0% { transform: scale(0.5); opacity: 0.65; }\r\n        50% { transform: scale(1.2); opacity: 0.75; }\r\n        100% { transform: scale(0.5); opacity: 0.65; }\r\n      }\r\n\r\n      #icaur-slider-root .info {\r\n        grid-area: info;\r\n        background: var(--bg-dark);\r\n        color: #f6f6f6;\r\n        padding: 26px 90px 32px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        position: relative;\r\n        min-height: 38dvh;\r\n        z-index: 1;\r\n        gap: 16px;\r\n        justify-content: flex-end;\r\n      }\r\n\r\n      #icaur-slider-root .brand {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n      }\r\n\r\n      #icaur-slider-root .brand-logo {\r\n        height: 42px;\r\n        width: auto;\r\n        display: block;\r\n      }\r\n\r\n      #icaur-slider-root .desc {\r\n        margin: 8px 0 16px;\r\n        color: #d0d2d8;\r\n        line-height: 1.6;\r\n        max-width: 640px;\r\n        font-size: 14px;\r\n      }\r\n\r\n      #icaur-slider-root .actions {\r\n        display: flex;\r\n        gap: 14px;\r\n        flex-wrap: wrap;\r\n      }\r\n\r\n      #icaur-slider-root .btn {\r\n        border: none;\r\n        border-radius: 6px;\r\n        padding: 6px 12px;\r\n        font-weight: 400;\r\n        cursor: pointer;\r\n        text-decoration: none;\r\n        transition: transform 0.18s ease, box-shadow 0.22s ease, background 0.22s ease, color 0.22s ease;\r\n        font-size: 16px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n      }\r\n\r\n      #icaur-slider-root .btn.primary {\r\n        background: #E86D26;\r\n        color: #FFF;\r\n        font-family: Roboto, sans-serif;\r\n        width: 240px;\r\n        height: 38px;\r\n      }\r\n\r\n      #icaur-slider-root .btn.primary:hover {\r\n        transform: translateY(-1px);\r\n      }\r\n\r\n      #icaur-slider-root .btn.secondary {\r\n        background: transparent;\r\n        color: #E86D26;\r\n        border: 1px solid #E86D26;\r\n        font-family: Roboto, sans-serif;\r\n        font-weight: 400;\r\n        width: 240px;\r\n        height: 38px;\r\n      }\r\n\r\n      #icaur-slider-root .btn.secondary:hover {\r\n        border-color: rgba(255,255,255,0.5);\r\n      }\r\n\r\n      #icaur-slider-root .meta {\r\n        grid-area: meta;\r\n        background: var(--bg-dark);\r\n        padding: 26px 32px 32px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 18px;\r\n        align-items: stretch;\r\n        justify-content: flex-end;\r\n      }\r\n\r\n      #icaur-slider-root .stats {\r\n        display: flex;\r\n        flex-wrap: nowrap;\r\n        align-items: flex-end;\r\n        justify-content: space-between;\r\n        gap: 0px;\r\n        position: relative;\r\n        right: -7dvw;\r\n        width: 71%;\r\n      }\r\n\r\n      #icaur-slider-root .stat {\r\n        flex: 1;\r\n        text-align: center;\r\n        padding: 0 5px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        min-height: 64px;\r\n      }\r\n\r\n      #icaur-slider-root .stat .value {\r\n        font-size: 32px;\r\n        font-weight: 500;\r\n        color: #fff;\r\n      }\r\n\r\n      #icaur-slider-root .stat .label {\r\n        font-size: 12px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        color: #c6c7cc;\r\n        min-height: 2.6em;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n      }\r\n\r\n      #icaur-slider-root .stat + .stat {\r\n        border-left: 1px solid #ffffff;\r\n      }\r\n\r\n      #icaur-slider-root .thumbs {\r\n        overflow: visible;\r\n        display: flex;\r\n        gap: 20px;\r\n        align-items: center;\r\n        justify-content: flex-end;\r\n        margin-right: 0;\r\n      }\r\n\r\n      #icaur-slider-root .thumb-viewport {\r\n        overflow: visible;\r\n        width: 70%;\r\n        padding: 0 8px;\r\n        margin-right: -7dvw;\r\n      }\r\n\r\n      #icaur-slider-root .thumb-strip {\r\n        display: inline-flex;\r\n        gap: 0px;\r\n        transform: translateX(0);\r\n      }\r\n\r\n      #icaur-slider-root .thumb {\r\n        width: auto;\r\n        height: 75px;\r\n        border: 1px solid transparent;\r\n        background: transparent;\r\n        display: grid;\r\n        place-items: center;\r\n        cursor: pointer;\r\n        transition: border 0.22s ease, transform 0.18s ease, background 0.22s ease, opacity 0.22s ease;\r\n        opacity: 50%;\r\n      }\r\n\r\n      #icaur-slider-root .thumb img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        border-radius: 10px;\r\n      }\r\n\r\n      #icaur-slider-root .thumb.active { opacity: 100%; }\r\n\r\n      #icaur-slider-root .thumb.fade-out {\r\n        opacity: 0;\r\n        transform: translateY(-8px);\r\n      }\r\n\r\n      #icaur-slider-root .thumb.fade-in { opacity: 0; }\r\n\r\n      #icaur-slider-root .thumb.fade-in-active {\r\n        opacity: 1;\r\n        transition: opacity 0.24s ease;\r\n      }\r\n\r\n      #icaur-slider-root .thumb-strip.moving {\r\n        transition: transform 0.45s var(--slide-ease);\r\n      }\r\n\r\n      @media (max-width: 1040px) {\r\n        #icaur-slider-root .slider {\r\n          grid-template-columns: 1fr;\r\n          grid-template-areas:\r\n            \"hero\"\r\n            \"meta\"\r\n            \"info\";\r\n        }\r\n      #icaur-slider-root .brand{\r\n        justify-content: center;\r\n      }\r\n      #icaur-slider-root .actions{\r\n        justify-content: center;\r\n      }\r\n      #icaur-slider-root .desc{\r\n        text-align: center;\r\n        max-width: 100% !important;  \r\n      }\r\n      #icaur-slider-root .hero-logo-stack {\r\n        margin: 25px;\r\n        bottom: 50%;\r\n      }\r\n      #icaur-slider-root .nav.prev{\r\n        left: 3%;\r\n      }\r\n      #icaur-slider-root .nav.next{\r\n        right: 3%;\r\n      }\r\n      #icaur-slider-root .hero {\r\n        min-height: auto;\r\n        height: auto;\r\n        padding: 24px 28px 34px;\r\n        overflow: visible;\r\n      }\r\n      #icaur-slider-root .hero-inner {\r\n        height: clamp(330px, 46vw, 500px);\r\n        padding: 0;\r\n        align-items: center;\r\n      }\r\n      #icaur-slider-root .car-stage {\r\n        align-items: center;\r\n      }\r\n      #icaur-slider-root .car-wrap {\r\n        height: auto;\r\n      }\r\n      #icaur-slider-root .car {\r\n        position: relative;\r\n        left: 0;\r\n        top: 100px;\r\n        transform: none;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        place-items: center;\r\n        padding: 0 32px;\r\n      }\r\n      #icaur-slider-root .car-media {\r\n        width: min(77vw, 980px);\r\n      }\r\n      #icaur-slider-root .car-image {\r\n        max-width: min(92vw, 980px);\r\n        max-height: clamp(280px, 35vw, 390px);\r\n        transform: translateX(0) scale(1.08);\r\n      }\r\n      #icaur-slider-root .car-image.is-active {\r\n        transform: translateX(0) scale(1.08);\r\n      }\r\n      #icaur-slider-root .car-image.is-entering {\r\n        transform: translateX(calc(var(--scene-dir, 1) * var(--scene-shift))) scale(1.1);\r\n      }\r\n      #icaur-slider-root.animating.outgoing .car-image.is-active {\r\n        transform: translateX(calc(var(--scene-dir-rev, -1) * var(--scene-shift))) scale(1.05);\r\n      }\r\n      #icaur-slider-root.animating.incoming .car-image.is-entering {\r\n        transform: translateX(0) scale(1.08);\r\n      }\r\n      #icaur-slider-root .info {\r\n        height: auto;\r\n          min-height: auto;\r\n          padding: 24px 48px 32px;\r\n          justify-content: center;\r\n        }\r\n        #icaur-slider-root .info {\r\n          opacity: 1;\r\n          transform: translateX(0);\r\n          transition: opacity var(--slide-duration) var(--slide-ease), transform var(--slide-duration) var(--slide-ease), background-color 0.6s ease;\r\n          will-change: opacity, transform;\r\n          margin-top: -1px;\r\n        }\r\n        #icaur-slider-root.animating.outgoing .info {\r\n          opacity: 0;\r\n          transform: translateX(calc(var(--scene-dir-rev, -1) * var(--scene-shift)));\r\n        }\r\n        #icaur-slider-root.animating .info.info-pre-enter {\r\n          opacity: 0;\r\n          transform: translateX(calc(var(--scene-dir, 1) * var(--scene-shift)));\r\n          transition: none;\r\n        }\r\n        #icaur-slider-root.animating.incoming .info {\r\n          opacity: 1;\r\n          transform: translateX(0);\r\n        }\r\n        #icaur-slider-root .meta {\r\n          padding: 24px;\r\n          height: auto;\r\n          min-height: 210px;\r\n          align-items: center;\r\n          justify-content: center;\r\n        }\r\n        #icaur-slider-root .stats {\r\n          right: auto;\r\n          width: min(100%, 600px);\r\n          margin: 0 auto;\r\n          justify-content: center;\r\n        }\r\n        #icaur-slider-root .thumbs {  \r\n          justify-content: center;\r\n          width: 100%;\r\n          margin: 0 auto;\r\n        }\r\n        #icaur-slider-root .thumb-viewport {\r\n          width: auto;\r\n          max-width: 70%;\r\n          padding: 0 8px;\r\n          margin: 0 auto;\r\n        }\r\n      }\r\n\r\n      @media (max-width: 720px) {\r\n      #icaur-slider-root .slider {\r\n        box-shadow: none;\r\n        grid-template-columns: 1fr;\r\n        grid-template-areas:\r\n          \"info\"\r\n          \"hero\"\r\n          \"meta\";\r\n        background: transparent;\r\n      }\r\n        #icaur-slider-root .hero-logo-stack { display: none; }\r\n        #icaur-slider-root .hero {\r\n          min-height: auto;\r\n          height: auto;\r\n          padding: 16px 12px 20px;\r\n          overflow: visible;\r\n        }\r\n        #icaur-slider-root .hero::before,\r\n        #icaur-slider-root .hero::after {\r\n          display: none;\r\n        }\r\n        #icaur-slider-root .hero-inner {\r\n          height: auto;\r\n          padding: 0;\r\n          align-items: center;\r\n        }\r\n        #icaur-slider-root .car-stage { align-items: center; }\r\n        #icaur-slider-root .car-wrap {\r\n          padding-bottom: 0;\r\n          height: auto;\r\n        }\r\n        #icaur-slider-root .car {\r\n          position: relative;\r\n          left: 0;\r\n          top: 30px;\r\n          transform: none;\r\n          margin: 6px auto 4px;\r\n          display: grid;\r\n          place-items: center;\r\n          padding: 0 40px;\r\n        }\r\n        #icaur-slider-root .car-media {\r\n          width: 100%;\r\n        }\r\n        #icaur-slider-root .car-image {\r\n          max-width: 66vw;\r\n          max-height: 180px;\r\n          transform: translateX(0) scale(1.3);\r\n        }\r\n        #icaur-slider-root .car-image.is-active {\r\n          transform: translateX(0) scale(1.3);\r\n        }\r\n        #icaur-slider-root .car-image.is-entering {\r\n          transform: translateX(calc(var(--scene-dir, 1) * var(--scene-shift))) scale(1.33);\r\n        }\r\n        #icaur-slider-root.animating.outgoing .car-image.is-active {\r\n          transform: translateX(calc(var(--scene-dir-rev, -1) * var(--scene-shift))) scale(1.26);\r\n        }\r\n        #icaur-slider-root.animating.incoming .car-image.is-entering {\r\n          transform: translateX(0) scale(1.3);\r\n        }\r\n        #icaur-slider-root .hotspots { display: none; }\r\n        #icaur-slider-root .nav { display: none; }\r\n        #icaur-slider-root .info {\r\n          background: var(--accent);\r\n          text-align: center;\r\n          gap: 18px;\r\n          align-items: center;\r\n          padding: 18px 16px 28px;\r\n          height: 49dvh;\r\n          color: #111;\r\n          transition: opacity var(--slide-duration) var(--slide-ease), transform var(--slide-duration) var(--slide-ease), background-color 0.6s ease;\r\n          place-content: center;\r\n        }\r\n        #icaur-slider-root .meta {\r\n          background: #2f3034;\r\n          padding: 25px 6px 35px;\r\n          gap: 30px;\r\n          height: auto;\r\n          min-height: 32dvh;\r\n          flex-direction: column-reverse;\r\n          place-content: center;\r\n        }\r\n        #icaur-slider-root .brand {\r\n          justify-content: center;\r\n          font-size: 26px;\r\n          letter-spacing: 1px;\r\n        }\r\n        #icaur-slider-root .brand-logo {\r\n          height: 40px;\r\n          filter: brightness(0);\r\n          margin-bottom: 15px;\r\n        }\r\n        #icaur-slider-root .desc {\r\n          margin: 14px auto 10px;\r\n          color: #111;\r\n          font-family: montserrat;\r\n          font-weight: 400;\r\n          font-size: 14px;\r\n          max-width: 340px;\r\n          padding-bottom: 30px;\r\n        }\r\n        #icaur-slider-root .actions {\r\n          flex-direction: column;\r\n          align-items: center;\r\n          width: 100%;\r\n          gap: 12px;\r\n        }\r\n        #icaur-slider-root .btn {\r\n          width: 100%;\r\n          max-width: 220px;\r\n          font-size: 17px;\r\n          padding: 14px 16px;\r\n          border-radius: 6px;\r\n          height: 38px;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n        }\r\n        #icaur-slider-root .btn.primary {\r\n          background: #000;\r\n          color: #fff;\r\n          box-shadow: none;\r\n        }\r\n        #icaur-slider-root .btn.secondary {\r\n          color: #000;\r\n          border: 1.5px solid #000;\r\n        }\r\n        #icaur-slider-root .stats {\r\n          justify-content: center;\r\n          flex-wrap: nowrap;\r\n          gap: 5px;\r\n          color: #f6f6f6;\r\n          right: auto;\r\n          width: min(100%, 360px);\r\n          margin: 0 auto;\r\n        }\r\n        #icaur-slider-root .stat {\r\n          padding: 0 10px;\r\n          flex: 1;\r\n          text-align: center;\r\n          font-weight: 400;\r\n        }\r\n        #icaur-slider-root .stat .value {\r\n          font-size: 32px;\r\n          font-weight: 300;\r\n          font-family: montserrat;\r\n        }\r\n        #icaur-slider-root .stat .label {\r\n          color: #d7d9e0;\r\n          font-size: 10px;\r\n          font-weight: 200;\r\n          font-family: montserrat;\r\n        }\r\n        #icaur-slider-root .stat + .stat {\r\n          margin-left: 0;\r\n          border-left: 1px solid rgba(255,255,255,0.35);\r\n        }\r\n        #icaur-slider-root .thumbs {\r\n          justify-content: center;\r\n          gap: 12px;\r\n          margin: 0;\r\n          overflow: visible;\r\n        }\r\n        #icaur-slider-root .thumb-viewport {\r\n          width: auto;\r\n          max-width: 100%;\r\n          padding: 0 6px;\r\n          margin: 0 auto;\r\n          overflow: visible;\r\n        }\r\n        #icaur-slider-root .thumb-strip { gap: 12px; padding-bottom: 20px;}\r\n        #icaur-slider-root .thumb {\r\n          height: auto;\r\n        padding: 0;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"slider\" aria-live=\"polite\">\r\n      <div class=\"info\">\r\n        <div>\r\n          <div class=\"brand\">\r\n            <img decoding=\"async\"\r\n              id=\"brandLogo\"\r\n              class=\"brand-logo\"\r\n              src=\"http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-pagelogo-as-name-second-slider-03t.svg\"\r\n              alt=\"03T wordmark\"\r\n            \/>\r\n          <\/div>\r\n          <p class=\"desc\" id=\"descText\"><\/p>\r\n          <div class=\"actions\">\r\n            <a class=\"btn primary\" id=\"testDriveLink\" href=\"#book-test-drive-03t\">Book a test drive<\/a>\r\n            <a class=\"btn secondary\" id=\"moreInfoLink\" href=\"#more-info-03t\">More info<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero\">\r\n        <div class=\"hero-logo-stack\" aria-hidden=\"true\">\r\n          <img decoding=\"async\"\r\n            class=\"hero-logo is-active\"\r\n            id=\"heroLogoFront\"\r\n            src=\"http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-page-second-slider-background-03T.webp\"\r\n            alt=\"03T hero logo\"\r\n          \/>\r\n          <img decoding=\"async\"\r\n            class=\"hero-logo\"\r\n            id=\"heroLogoBack\"\r\n            src=\"\"\r\n            alt=\"\"\r\n          \/>\r\n        <\/div>\r\n        <div class=\"hero-inner\">\r\n          <button class=\"nav prev\" aria-label=\"Prev slide\" id=\"prevBtn\">&lsaquo;<\/button>\r\n          <div class=\"car-stage\">\r\n            <div class=\"car-wrap\">\r\n              <div class=\"car\" id=\"carHolder\">\r\n                <div class=\"car-media\">\r\n                  <img decoding=\"async\" class=\"car-image is-active\" id=\"carImageFront\" src=\"\" alt=\"\" loading=\"lazy\" \/>\r\n                  <img decoding=\"async\" class=\"car-image\" id=\"carImageBack\" src=\"\" alt=\"\" loading=\"lazy\" \/>\r\n                <\/div>\r\n                <div class=\"hotspots\" id=\"hotspots\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <button class=\"nav next\" aria-label=\"Next slide\" id=\"nextBtn\">&rsaquo;<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"meta\">\r\n        <div class=\"thumbs\">\r\n          <div class=\"thumb-viewport\">\r\n            <div class=\"thumb-strip\" id=\"thumbStrip\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stats\" id=\"stats\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n      (() => {\r\n        const slides = [\r\n          {\r\n            name: '03T',\r\n            accent: '#F2C066',\r\n            accentSoft: '#d8d9dc',\r\n            desc: 'The iCAUR 03T is a rugged REEV SUV in Dubai, built for adventure, smart comfort, and confident AWD performance.',\r\n            image: 'http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-page-second-slider-slide-03T.webp',\r\n            thumb: 'http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-page-second-slider-thumb-03T.webp',\r\n            heroLogo: 'http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-page-second-slider-background-03T.webp',\r\n            brandLogo: 'http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-pagelogo-as-name-second-slider-03t.svg',\r\n            testDriveUrl: 'https:\/\/icaurdubai.ae\/en\/test-drive\/03t\/',\r\n            infoUrl: 'https:\/\/icaurdubai.ae\/en\/product\/03t\/',\r\n            stats: [\r\n              { value: '34.31', label: 'Battery Volume (kWh)' },\r\n              { value: '800+', label: 'Total range (Km)' },\r\n              { value: '422', label: 'Max Power (Hp)' }\r\n            ],\r\n            car: {\r\n              body1: '#c2c4c8',\r\n              body2: '#9da0a6',\r\n              glass: '#2b3036',\r\n              glass2: '#3a4148',\r\n              stripe: '#ededed',\r\n              wheel: '#101215',\r\n              wheelInner: '#2f3239'\r\n            },\r\n            hotspots: [\r\n              { x: 12, y: 36, tabletX: 17, tabletY: 35, title: '', desc: ['1.5TGDI Range Extender Engine', 'Turbocharged petrol generator designed to charge the battery and extend driving range'] },\r\n              { x: 53, y: 82, tabletX: 48, tabletY: 65, title: '', desc: ['High-Capacity Battery System', 'Fast DC Charging','~800+ KM Combined Range','34 kWh Battery Pack'] },\r\n              { x: 87, y: 107, tabletX: 74, tabletY: 82, title: '', desc: ['Intelligent Electric AWD', 'Instant Electric Torque','Electronic all-wheel-drive system for improved traction and stability'] },\r\n              { x: 94, y: 41, tabletX: 86, tabletY: 38, title: '', desc: ['Fast Charging Capability', 'Quick charging support for reduced downtime and convenient daily use.'] }\r\n            ]\r\n          },\r\n          {\r\n            name: 'V27',\r\n            accent: '#978774',\r\n            accentSoft: '#3b4048',\r\n            desc: 'The iCAUR V27 is a rugged REEV SUV in Dubai, built for long-range adventure, smart comfort, and confident off-road performance.',\r\n            image: 'http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-page-second-slider-slide-V27.webp',\r\n            thumb: 'http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-page-second-slider-thumb-V27.webp',\r\n            heroLogo: 'http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-page-second-slider-background-V27.webp',\r\n            brandLogo: 'http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-pagelogo-as-name-second-slider-m27.svg',\r\n            testDriveUrl: 'https:\/\/icaurdubai.ae\/en\/test-drive\/v27\/',\r\n            infoUrl: 'https:\/\/icaurdubai.ae\/en\/product\/v27\/',\r\n            stats: [\r\n              { value: '34.31', label: 'Battery Volume (kWh)' },\r\n              { value: '900+', label: 'Total range (Km)' },\r\n              { value: '449', label: 'Max Power (Hp)' }\r\n            ],\r\n            car: {\r\n              body1: '#1b1f24',\r\n              body2: '#30343c',\r\n              glass: '#111419',\r\n              glass2: '#1c2229',\r\n              stripe: '#c08a3d',\r\n              wheel: '#080a0d',\r\n              wheelInner: '#1e232a'\r\n            },\r\n            hotspots: [\r\n              { x: 12, y: 36, tabletX: 17, tabletY: 35, title: '', desc: ['1.5TGDI Range Extender Engine', 'Turbocharged petrol generator designed to charge the battery and extend driving range'] },\r\n              { x: 52, y: 89, tabletX: 49, tabletY: 69, title: '', desc: ['High-Capacity Battery System', 'Fast DC Charging','~900+ KM Combined Range','34 kWh Battery Pack'] },\r\n              { x: 85, y: 107, tabletX: 74, tabletY: 82, title: '', desc: ['Intelligent Electric AWD', 'Instant Electric Torque','Electronic all-wheel-drive system for improved traction and stability'] },\r\n              { x: 97, y: 42, tabletX: 88, tabletY: 39, title: '', desc: ['Fast Charging Capability', 'Quick charging support for reduced downtime and convenient daily use.'] }\r\n            ]\r\n          }\r\n        ];\r\n\r\n        const root = document.getElementById('icaur-slider-root');\r\n        if (!root) return;\r\n\r\n        const infoEl = root.querySelector('.info');\r\n        const brandLogo = root.querySelector('#brandLogo');\r\n        const descText = root.querySelector('#descText');\r\n        const statsEl = root.querySelector('#stats');\r\n        const hotspotsEl = root.querySelector('#hotspots');\r\n        const carImages = [\r\n          root.querySelector('#carImageFront'),\r\n          root.querySelector('#carImageBack')\r\n        ];\r\n        const heroLogos = [\r\n          root.querySelector('#heroLogoFront'),\r\n          root.querySelector('#heroLogoBack')\r\n        ];\r\n        const thumbStrip = root.querySelector('#thumbStrip');\r\n        const prevBtn = root.querySelector('#prevBtn');\r\n        const nextBtn = root.querySelector('#nextBtn');\r\n        const testDriveLink = root.querySelector('#testDriveLink');\r\n        const moreInfoLink = root.querySelector('#moreInfoLink');\r\n\r\n        let index = 0;\r\n        let activeLayer = 0;\r\n        let initialized = false;\r\n        let isAnimating = false;\r\n        const isResponsive = () => window.matchMedia('(max-width: 1040px)').matches;\r\n        const isMobile = () => window.matchMedia('(max-width: 720px)').matches;\r\n\r\n        function setRootColors(s) {\r\n          root.style.setProperty('--accent', s.accent);\r\n          root.style.setProperty('--accent-soft', s.accentSoft);\r\n          root.style.setProperty('--car-body-1', s.car.body1);\r\n          root.style.setProperty('--car-body-2', s.car.body2);\r\n          root.style.setProperty('--car-glass', s.car.glass);\r\n          root.style.setProperty('--car-glass-2', s.car.glass2);\r\n          root.style.setProperty('--car-stripe', s.car.stripe);\r\n          root.style.setProperty('--wheel', s.car.wheel);\r\n          root.style.setProperty('--wheel-inner', s.car.wheelInner);\r\n          root.style.setProperty('--cta-fill', s.accent);\r\n        }\r\n\r\n        function getHotspotPosition(sp) {\r\n          const useTabletPosition = isResponsive() && !isMobile();\r\n          return {\r\n            x: useTabletPosition && Number.isFinite(sp.tabletX) ? sp.tabletX : sp.x,\r\n            y: useTabletPosition && Number.isFinite(sp.tabletY) ? sp.tabletY : sp.y\r\n          };\r\n        }\r\n\r\n        function renderHotspots(s) {\r\n          hotspotsEl.innerHTML = '';\r\n\r\n          s.hotspots.forEach(sp => {\r\n            const el = document.createElement('button');\r\n            const pos = getHotspotPosition(sp);\r\n            el.className = 'hotspot';\r\n            el.style.left = pos.x + '%';\r\n            el.style.top = pos.y + '%';\r\n            el.type = 'button';\r\n\r\n            const descHtml = Array.isArray(sp.desc)\r\n              ? `<ul>${sp.desc.map(item => `<li>${item}<\/li>`).join('')}<\/ul>`\r\n              : `<span>${sp.desc}<\/span>`;\r\n\r\n            el.innerHTML = `<div class=\"tip\"><strong>${sp.title}<\/strong>${descHtml}<\/div>`;\r\n            hotspotsEl.appendChild(el);\r\n          });\r\n        }\r\n\r\n        function renderStats(s) {\r\n          statsEl.innerHTML = '';\r\n          s.stats.forEach(stat => {\r\n            const wrap = document.createElement('div');\r\n            wrap.className = 'stat';\r\n            wrap.innerHTML = `<div class=\"value\">${stat.value}<\/div><div class=\"label\">${stat.label}<\/div>`;\r\n            statsEl.appendChild(wrap);\r\n          });\r\n        }\r\n\r\n        function highlightThumbs(activeIdx) {\r\n          thumbStrip.querySelectorAll('.thumb').forEach(btn => {\r\n            const i = Number(btn.dataset.slide);\r\n            btn.classList.toggle('active', i === activeIdx);\r\n          });\r\n        }\r\n\r\n        function getThumbGap() {\r\n          const g = parseFloat(getComputedStyle(thumbStrip).gap);\r\n          return Number.isFinite(g) ? g : 10;\r\n        }\r\n\r\n        function reorderMobileThumbs(activeIdx) {\r\n          const order = slides.length <= 2\r\n            ? [activeIdx, (activeIdx + 1) % slides.length]\r\n            : [\r\n                (activeIdx - 1 + slides.length) % slides.length,\r\n                activeIdx,\r\n                (activeIdx + 1) % slides.length\r\n              ];\r\n          order.forEach(idx => {\r\n            const el = Array.from(thumbStrip.children).find(n => Number(n.dataset.slide) === idx);\r\n            if (el) thumbStrip.appendChild(el);\r\n          });\r\n          highlightThumbs(activeIdx);\r\n        }\r\n\r\n        function animateThumbStripMobile(prevIdx, activeIdx) {\r\n          const nodes = Array.from(thumbStrip.children);\r\n          if (nodes.length < 2) {\r\n            highlightThumbs(activeIdx);\r\n            return;\r\n          }\r\n\r\n          const gap = getThumbGap();\r\n          const firstWidth = nodes[0].getBoundingClientRect().width + gap;\r\n          const delta = (activeIdx - prevIdx + slides.length) % slides.length;\r\n          const forward = delta === 1;\r\n          const backward = delta === slides.length - 1;\r\n          const distance = forward ? -firstWidth : backward ? firstWidth : 0;\r\n\r\n          if (distance === 0) {\r\n            reorderMobileThumbs(activeIdx);\r\n            return;\r\n          }\r\n\r\n          thumbStrip.style.transition = 'transform 0.42s var(--slide-ease)';\r\n          thumbStrip.style.transform = `translateX(${distance}px)`;\r\n\r\n          const onEnd = () => {\r\n            thumbStrip.removeEventListener('transitionend', onEnd);\r\n            thumbStrip.style.transition = '';\r\n            thumbStrip.style.transform = '';\r\n            reorderMobileThumbs(activeIdx);\r\n          };\r\n\r\n          thumbStrip.addEventListener('transitionend', onEnd, { once: true });\r\n        }\r\n\r\n        function moveActiveToFront(activeIdx) {\r\n          const nodes = Array.from(thumbStrip.children);\r\n          const target = nodes.find(n => Number(n.dataset.slide) === activeIdx);\r\n          if (!target) return;\r\n          while (thumbStrip.firstChild !== target) {\r\n            thumbStrip.appendChild(thumbStrip.firstChild);\r\n          }\r\n          highlightThumbs(activeIdx);\r\n        }\r\n\r\n        function animateThumbStrip(prevIdx, activeIdx) {\r\n          const nodes = Array.from(thumbStrip.children);\r\n          if (nodes.length < 2) {\r\n            highlightThumbs(activeIdx);\r\n            return;\r\n          }\r\n\r\n          if (isMobile()) {\r\n            animateThumbStripMobile(prevIdx, activeIdx);\r\n            return;\r\n          }\r\n\r\n          const forwardStep =\r\n            (activeIdx - prevIdx + slides.length) % slides.length === 1;\r\n          if (!forwardStep) {\r\n            moveActiveToFront(activeIdx);\r\n            return;\r\n          }\r\n\r\n          const first = nodes[0];\r\n          const shift = first.getBoundingClientRect().width + 10;\r\n\r\n          thumbStrip.style.transition = 'transform 0.42s var(--slide-ease)';\r\n          thumbStrip.style.transform = `translateX(-${shift}px)`;\r\n          first.classList.add('fade-out');\r\n\r\n          const onEnd = () => {\r\n            thumbStrip.removeEventListener('transitionend', onEnd);\r\n            thumbStrip.style.transition = '';\r\n            thumbStrip.style.transform = '';\r\n            first.classList.remove('fade-out');\r\n\r\n            thumbStrip.appendChild(first);\r\n            first.classList.add('fade-in');\r\n\r\n            requestAnimationFrame(() => {\r\n              first.classList.add('fade-in-active');\r\n            });\r\n\r\n            setTimeout(() => {\r\n              first.classList.remove('fade-in-active');\r\n              first.classList.remove('fade-in');\r\n            }, 280);\r\n\r\n            highlightThumbs(activeIdx);\r\n          };\r\n\r\n          thumbStrip.addEventListener('transitionend', onEnd, { once: true });\r\n        }\r\n\r\n        function buildThumbs() {\r\n          slides.forEach((s, i) => {\r\n            const t = document.createElement('button');\r\n            t.className = 'thumb';\r\n            t.dataset.slide = i;\r\n            t.type = 'button';\r\n            t.innerHTML = `<img decoding=\"async\" src=\"${s.thumb}\" alt=\"${s.name} thumbnail\" loading=\"lazy\">`;\r\n            t.addEventListener('click', () => goTo(i, true));\r\n            thumbStrip.appendChild(t);\r\n          });\r\n        }\r\n\r\n        function getDirection(prevIdx, nextIdx, forcedDir = 0) {\r\n          if (forcedDir === 1 || forcedDir === -1) return forcedDir;\r\n          const delta = (nextIdx - prevIdx + slides.length) % slides.length;\r\n          if (delta === 0) return 1;\r\n          return delta <= slides.length \/ 2 ? 1 : -1;\r\n        }\r\n\r\n        function updateTextAndBrand(s) {\r\n          if (brandLogo) {\r\n            brandLogo.src = s.brandLogo || '';\r\n            brandLogo.alt = s.name + ' wordmark';\r\n            brandLogo.style.display = s.brandLogo ? 'block' : 'none';\r\n          }\r\n          descText.textContent = s.desc;\r\n          if (testDriveLink) testDriveLink.href = s.testDriveUrl || '#';\r\n          if (moreInfoLink) moreInfoLink.href = s.infoUrl || '#';\r\n        }\r\n\r\n        function prepInfoEntrance() {\r\n          if (!infoEl || !isResponsive()) return;\r\n          infoEl.classList.add('info-pre-enter');\r\n          void infoEl.offsetWidth;\r\n          requestAnimationFrame(() => {\r\n            infoEl.classList.remove('info-pre-enter');\r\n          });\r\n        }\r\n\r\n        function goTo(i, user = false, forcedDir = 0) {\r\n          if (isAnimating && initialized) return;\r\n          const prevIndex = index;\r\n          index = (i + slides.length) % slides.length;\r\n          const s = slides[index];\r\n          const direction = getDirection(prevIndex, index, forcedDir);\r\n          const dirClass = direction === 1 ? 'dir-next' : 'dir-prev';\r\n          const currentCar = carImages[activeLayer];\r\n          const currentHero = heroLogos[activeLayer];\r\n          const nextLayer = activeLayer === 0 ? 1 : 0;\r\n          const incomingCar = carImages[nextLayer];\r\n          const incomingHero = heroLogos[nextLayer];\r\n\r\n          if (!initialized) {\r\n            setRootColors(s);\r\n            updateTextAndBrand(s);\r\n\r\n            currentCar.src = s.image;\r\n            currentCar.alt = s.name;\r\n            currentCar.classList.add('is-active');\r\n\r\n            if (s.heroLogo) {\r\n              currentHero.src = s.heroLogo;\r\n              currentHero.alt = s.name + ' hero logo';\r\n            }\r\n\r\n            renderStats(s);\r\n            renderHotspots(s);\r\n            animateThumbStrip(prevIndex, index);\r\n            initialized = true;\r\n            return;\r\n          }\r\n\r\n          isAnimating = true;\r\n          root.classList.remove('animating', 'outgoing', 'incoming', 'dir-next', 'dir-prev');\r\n          root.classList.add('animating', 'outgoing', dirClass);\r\n\r\n          incomingCar.src = s.image;\r\n          incomingCar.alt = s.name;\r\n          incomingCar.classList.add('is-entering');\r\n\r\n          incomingHero.src = s.heroLogo || '';\r\n          incomingHero.alt = s.heroLogo ? s.name + ' hero logo' : '';\r\n          incomingHero.classList.add('is-entering');\r\n\r\n          setTimeout(() => {\r\n            setRootColors(s);\r\n            updateTextAndBrand(s);\r\n            renderStats(s);\r\n            renderHotspots(s);\r\n            animateThumbStrip(prevIndex, index);\r\n\r\n            root.classList.remove('outgoing');\r\n            prepInfoEntrance();\r\n            root.classList.add('incoming');\r\n\r\n            currentCar.classList.remove('is-active');\r\n            currentHero.classList.remove('is-active');\r\n            incomingCar.classList.add('is-active');\r\n            incomingHero.classList.add('is-active');\r\n\r\n            requestAnimationFrame(() => {\r\n              incomingCar.classList.remove('is-entering');\r\n              incomingHero.classList.remove('is-entering');\r\n            });\r\n\r\n            setTimeout(() => {\r\n              currentCar.src = '';\r\n              currentHero.src = '';\r\n              root.classList.remove('animating', 'incoming', 'dir-next', 'dir-prev');\r\n              activeLayer = nextLayer;\r\n              isAnimating = false;\r\n            }, 520);\r\n          }, 220);\r\n        }\r\n\r\n        function next() { goTo(index + 1, false, 1); }\r\n        function prev() { goTo(index - 1, true, -1); }\r\n\r\n        prevBtn.addEventListener('click', prev);\r\n        nextBtn.addEventListener('click', next);\r\n\r\n        window.addEventListener('resize', () => {\r\n          renderHotspots(slides[index]);\r\n        });\r\n\r\n        buildThumbs();\r\n        goTo(0);\r\n      })();\r\n    <\/script>\r\n  <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f0285e e-con-full e-flex e-con e-parent\" data-id=\"0f0285e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e39fee3 elementor-widget elementor-widget-html\" data-id=\"e39fee3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"icaur-tabs-widget\">\r\n  <style>\r\n    #icaur-tabs-widget {\r\n      --accent: #ff5a1f;\r\n      --text: #111111;\r\n      --muted: #777777;\r\n      --border: #e3e3e3;\r\n      --bg: #ffffff;\r\n      --font: system-ui, -apple-system, BlinkMacSystemFont, \"Montserrat\", sans-serif;\r\n\r\n      background: var(--bg);\r\n      color: var(--text);\r\n      font-family: var(--font);\r\n      overflow-x: hidden; \/* \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0627\u0641\u0642\u06cc *\/\r\n      margin-bottom: 10dvh;\r\n    }\r\n\r\n    #icaur-tabs-widget * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* ---------- Heading ---------- *\/\r\n    #icaur-tabs-widget .icaur-section-title {\r\n      text-align: center;\r\n      padding-top: 32px;\r\n    }\r\n\r\n    #icaur-tabs-widget .icaur-section-title h1 {\r\n      font-size: 40px;\r\n      line-height: 1.1;\r\n      margin: 0 0 8px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #icaur-tabs-widget .icaur-section-title h1 span {\r\n      display: block;\r\n    }\r\n\r\n    \/* ---------- Tabs ---------- *\/\r\n    #icaur-tabs-widget .icaur-tabs {\r\n      margin-top: 24px;\r\n    }\r\n\r\n    #icaur-tabs-widget .icaur-tabs-nav {\r\n      position: relative;\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 32px;\r\n      border-bottom: 1px solid var(--border);\r\n      padding-bottom: 8px;\r\n      margin-bottom: 40px;\r\n      max-width: max-content;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    #icaur-tabs-widget .icaur-tabs-nav button {\r\n      background: none;\r\n      border: none;\r\n      outline: none;\r\n      cursor: pointer;\r\n      padding: 4px 0;\r\n      font-size: 14px;\r\n      color: var(--muted);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #icaur-tabs-widget .icaur-tabs-nav button.icaur-active {\r\n      color: var(--text);\r\n      font-weight: 500;\r\n    }\r\n\r\n    #icaur-tabs-widget .icaur-tabs-indicator {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      height: 3px;\r\n      border-radius: 999px;\r\n      background: var(--accent);\r\n      width: 0;\r\n      transition:\r\n        left 0.5s cubic-bezier(0.21, 0.61, 0.35, 1.35),\r\n        width 0.5s cubic-bezier(0.21, 0.61, 0.35, 1.35);\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* ---------- Tabs Content ---------- *\/\r\n    #icaur-tabs-widget .icaur-tabs-body {\r\n      width: 100%;\r\n    }\r\n\r\n    \/* \u067e\u0627\u06cc\u0647: \u067e\u0646\u0647\u0627\u0646\u060c \u0628\u062f\u0648\u0646 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 *\/\r\n    #icaur-tabs-widget .icaur-tab-pane {\r\n      display: none;\r\n      grid-template-columns: 1.1fr 1fr;\r\n      gap: 50px;\r\n      align-items: center;\r\n    }\r\n\r\n    \/* \u062a\u0628 \u0641\u0639\u0627\u0644: \u0646\u0645\u0627\u06cc\u0634 + \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0648\u0631\u0648\u062f\u06cc *\/\r\n    #icaur-tabs-widget .icaur-tab-pane.icaur-active {\r\n      display: grid;\r\n      animation: icaurTabEnter 0.45s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    @keyframes icaurTabEnter {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateX(10px);\r\n      }\r\n      to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n      }\r\n    }\r\n\r\n    #icaur-tabs-widget .icaur-tabs-image-wrapper {\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      padding-left: 90px;\r\n      justify-items: end;\r\n    }\r\n\r\n    #icaur-tabs-widget .icaur-tabs-image-wrapper img {\r\n      width: auto;\r\n      height: auto;\r\n      display: block;\r\n    }\r\n\r\n    #icaur-tabs-widget .icaur-tabs-text{\r\n      padding-right: 90px;\r\n    }\r\n\r\n    #icaur-tabs-widget .icaur-tabs-text h2 {\r\n      font-family: var(--font);\r\n      font-size: 56px;\r\n      font-weight: 700;\r\n      margin: 0 0 16px;\r\n    }\r\n\r\n    #icaur-tabs-widget .icaur-tabs-text p {\r\n      font-size: 16px;\r\n      color: #000 ;\r\n      margin-bottom: 24px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n\r\n    \/* ---------- Mobile Responsive ---------- *\/\r\n    @media (max-width: 900px) {\r\n      #icaur-tabs-widget .icaur-tab-pane {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #icaur-tabs-widget .icaur-tabs {\r\n        padding: 0px 10px;}\r\n        \r\n      #icaur-tabs-widget .icaur-tab-pane.icaur-active {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 28px;\r\n      }\r\n\r\n      #icaur-tabs-widget .icaur-tabs-image-wrapper {\r\n        padding-left: 0;\r\n      }\r\n\r\n      #icaur-tabs-widget .icaur-tabs-image-wrapper img {\r\n        width: 100%;\r\n        height: auto;\r\n      }\r\n\r\n      #icaur-tabs-widget .icaur-tabs-text {\r\n        padding-right: 0;\r\n      }\r\n\r\n      #icaur-tabs-widget .icaur-tabs-text h2 {\r\n        font-size: 26px;\r\n        text-align: center;\r\n      }\r\n\r\n      #icaur-tabs-widget .icaur-tabs-text p {\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n        margin-bottom: 16px;\r\n        text-align: left;\r\n        min-height: 110px;\r\n      }\r\n\r\n    #icaur-tabs-widget .icaur-tabs-text {\r\n      padding-right: 0 !important;\r\n      text-align: center;\r\n    }\r\n    \r\n\r\n      #icaur-tabs-widget .icaur-tabs-nav {\r\n        overflow-x: auto;\r\n        justify-content: flex-start;\r\n      }\r\n\r\n      #icaur-tabs-widget .icaur-tabs-nav::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      #icaur-tabs-widget .icaur-section-title h1 {\r\n        font-size: 28px;\r\n        line-height: 1.25;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"icaur-section-title\">\r\n    <h1>\r\n      <span>Why Drive Ordinary<\/br> When You Can Drive iCAUR In Dubai?<\/span>\r\n    <\/h1>\r\n  <\/div>\r\n\r\n  <div class=\"icaur-tabs\">\r\n    <div class=\"icaur-tabs-nav\">\r\n      <button class=\"icaur-active\" data-tab=\"icaur-tab1\">Smart Performance<\/button>\r\n      <button data-tab=\"icaur-tab2\">Next-Gen Safety<\/button>\r\n      <button data-tab=\"icaur-tab3\">Future Design<\/button>\r\n      <button data-tab=\"icaur-tab4\">Connected Experience<\/button>\r\n      <button data-tab=\"icaur-tab5\">The iCAUR Advantage<\/button>\r\n\r\n      <div class=\"icaur-tabs-indicator\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"icaur-tabs-body\">\r\n\r\n      <div class=\"icaur-tab-pane icaur-active\" id=\"icaur-tab1\">\r\n        <div class=\"icaur-tabs-image-wrapper\">\r\n          <img decoding=\"async\" src=\"http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-page-third-section-tab-5.webp\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"icaur-tabs-text\">\r\n          <h2>Power that Thinks Ahead<\/h2>\r\n          <p>\r\n            Dubai driving changes fast, stop-and-go traffic, open highways, heat, and the occasional sand or rain. iCAUR is engineered to stay composed and responsive, so acceleration feels smooth, control feels confident, and every trip feels easier.\r\n          <\/p>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"icaur-tab-pane\" id=\"icaur-tab2\">\r\n        <div class=\"icaur-tabs-image-wrapper\">\r\n          <img decoding=\"async\" src=\"http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-page-third-section-tab-2.webp\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"icaur-tabs-text\">\r\n          <h2>Confidence, Built In<\/h2>\r\n          <p>\r\n            A smart drive should also feel safe. iCAUR models are designed with protective engineering and available driver-assistance features that help you stay aware, supported, and in control when the road gets busy.\r\n          <\/p>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"icaur-tab-pane\" id=\"icaur-tab3\">\r\n        <div class=\"icaur-tabs-image-wrapper\">\r\n          <img decoding=\"async\" src=\"http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-page-third-section-tab-3.webp\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"icaur-tabs-text\">\r\n          <h2>Design with Purpose<\/h2>\r\n          <p>\r\n            Bold proportions. Clean details. A cabin built around comfort and clarity. iCAUR design is not just about looking different, it\u2019s about making daily driving feel more intuitive and more enjoyable.\r\n          <\/p>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"icaur-tab-pane\" id=\"icaur-tab4\">\r\n        <div class=\"icaur-tabs-image-wrapper\">\r\n          <img decoding=\"async\" src=\"http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-page-third-section-tab-4.webp\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"icaur-tabs-text\">\r\n          <h2>Always in Sync<\/h2>\r\n          <p>\r\n            Navigation, music, calls, and everyday controls should feel effortless. iCAUR brings a modern digital experience that\u2019s simple to use and easy to live with, so your drive stays focused and your cabin stays calm.\r\n          <\/p>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"icaur-tab-pane\" id=\"icaur-tab5\">\r\n        <div class=\"icaur-tabs-image-wrapper\">\r\n          <img decoding=\"async\" src=\"http:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/main-page-third-section-tab-1.webp\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"icaur-tabs-text\">\r\n          <h2>Official Support in Dubai<\/h2>\r\n          <p>\r\n            From your first test drive to long-term ownership, you\u2019re supported by the official iCAUR dealership and after-sales team in Dubai. Expect professional service, genuine care, and a straightforward experience that respects your time.\r\n          <\/p>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var widget = document.getElementById(\"icaur-tabs-widget\");\r\n      if (!widget) return;\r\n\r\n      var nav = widget.querySelector(\".icaur-tabs-nav\");\r\n      var buttons = widget.querySelectorAll(\".icaur-tabs-nav button\");\r\n      var indicator = widget.querySelector(\".icaur-tabs-indicator\");\r\n      var panes = widget.querySelectorAll(\".icaur-tab-pane\");\r\n\r\n      function moveIndicator(btn) {\r\n        \/\/ \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 offsetLeft \u0648 offsetWidth \u0628\u0631\u0627\u06cc \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u0628\u0627 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0627\u0641\u0642\u06cc\r\n        var left = btn.offsetLeft;\r\n        var width = btn.offsetWidth;\r\n\r\n        indicator.style.width = width + \"px\";\r\n        indicator.style.left = left + \"px\";\r\n      }\r\n\r\n      function activateTab(btn) {\r\n        var tabId = btn.getAttribute(\"data-tab\");\r\n        if (!tabId) return;\r\n\r\n        \/\/ \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\r\n        buttons.forEach(function (b) {\r\n          b.classList.toggle(\"icaur-active\", b === btn);\r\n        });\r\n\r\n        \/\/ \u067e\u0646\u0644\u200c\u0647\u0627\r\n        panes.forEach(function (p) {\r\n          p.classList.toggle(\"icaur-active\", p.id === tabId);\r\n        });\r\n\r\n        moveIndicator(btn);\r\n\r\n        \/\/ \u0627\u0633\u06a9\u0631\u0648\u0644 \u062e\u0648\u062f\u06a9\u0627\u0631 \u062a\u0628 \u0641\u0639\u0627\u0644 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \/ nav \u0627\u0633\u06a9\u0631\u0648\u0644\u06cc\r\n        btn.scrollIntoView({\r\n          behavior: \"smooth\",\r\n          block: \"nearest\",\r\n          inline: \"center\"\r\n        });\r\n      }\r\n\r\n      \/\/ \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\r\n      buttons.forEach(function (btn) {\r\n        btn.addEventListener(\"click\", function () {\r\n          activateTab(btn);\r\n        });\r\n      });\r\n\r\n      \/\/ load \u0627\u0648\u0644\u06cc\u0647\r\n      window.addEventListener(\"load\", function () {\r\n        var activeBtn =\r\n          widget.querySelector(\".icaur-tabs-nav button.icaur-active\") ||\r\n          buttons[0];\r\n        if (activeBtn) {\r\n          moveIndicator(activeBtn);\r\n        }\r\n      });\r\n\r\n      \/\/ \u0631\u0648\u06cc \u0631\u06cc\u0633\u0627\u06cc\u0632\u060c \u0641\u0642\u0637 indicator \u0631\u0648 \u0622\u067e\u062f\u06cc\u062a \u06a9\u0646\r\n      window.addEventListener(\"resize\", function () {\r\n        var activeBtn =\r\n          widget.querySelector(\".icaur-tabs-nav button.icaur-active\") ||\r\n          buttons[0];\r\n        if (activeBtn) {\r\n          moveIndicator(activeBtn);\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f7ec8e9 e-con-full e-flex e-con e-parent\" data-id=\"f7ec8e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fd1494 elementor-widget elementor-widget-html\" data-id=\"9fd1494\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <style>\r\n      #farzad-fourth-slider-widget {\r\n        position: relative;\r\n        width: 100%;\r\n        font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Montserrat\", sans-serif;\r\n        --gp-bg: #4a4a4d;\r\n        --gp-panel: #3c3c3f;\r\n        --gp-accent: #f29f05;\r\n        --gp-progress: #d57239;\r\n        --gp-text: #f5f5f5;\r\n        --gp-glass-blur: 16px;\r\n        --gp-shadow: 0 26px 60px rgba(0,0,0,0.38);\r\n        --gp-duration: 650ms;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget *,\r\n      #farzad-fourth-slider-widget *::before,\r\n      #farzad-fourth-slider-widget *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n      }\r\n\r\n      \/* \u0627\u0633\u062a\u06cc\u062c \u0627\u0635\u0644\u06cc *\/\r\n      #farzad-fourth-slider-widget .gp-stage {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 90dvh;\r\n        background: var(--gp-panel);\r\n        overflow: hidden;\r\n        box-shadow: var(--gp-shadow);\r\n        isolation: isolate;\r\n        color: var(--gp-text);\r\n      }\r\n\r\n      \/* \u0631\u06cc\u0644 \u0639\u062f\u062f \u0628\u0632\u0631\u06af (\u0645\u062b\u0644 \u0686\u0631\u062e \u062a\u0627\u06cc\u0645\u0631 iOS) *\/\r\n      #farzad-fourth-slider-widget .gp-number-reel {\r\n        position: absolute;\r\n        left: 8%;\r\n        top: -4%;\r\n        height: 400px;\r\n        overflow: hidden;\r\n        z-index: 1;\r\n        pointer-events: none;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-number-track {\r\n        display: flex;\r\n        flex-direction: column;\r\n        transform: translateY(0);\r\n        transition: transform 0.55s cubic-bezier(0.25,0.8,0.35,1);\r\n        will-change: transform;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-number-track span {\r\n        height: 400px;\r\n        font-size: 400px;\r\n        font-weight: 700;\r\n        letter-spacing: 0;\r\n        color: #ffffff;\r\n        opacity: 50%;\r\n        line-height: 1;\r\n      }\r\n\r\n      \/* \u0646\u0627\u062d\u06cc\u0647 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af *\/\r\n      #farzad-fourth-slider-widget .gp-slides {\r\n        position: absolute;\r\n        top: 20%;\r\n        left: 140px;\r\n        right: 40px;\r\n        bottom: 40px;\r\n        pointer-events: none;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-slide-card {\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        margin: auto;\r\n        width: 67%;\r\n        max-width: none;\r\n        max-height: 600px;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        background: transparent;\r\n        box-shadow: 0 20px 55px rgba(0,0,0,0.5);\r\n        opacity: 0;\r\n        left: 116%;\r\n        transform: translateX(-50%);\r\n        transition:\r\n          transform var(--gp-duration) cubic-bezier(0.22,0.68,0.35,1),\r\n          opacity var(--gp-duration) cubic-bezier(0.22,0.68,0.35,1);\r\n        pointer-events: none;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-slide-card img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transform: scale(1.02);\r\n        transition:\r\n          transform var(--gp-duration) cubic-bezier(0.22,0.68,0.35,1),\r\n          filter 260ms ease;\r\n      }\r\n\r\n      \/* \u06a9\u0627\u0631\u062a \u0648\u0633\u0637 *\/\r\n      #farzad-fourth-slider-widget .gp-slide-card--center {\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        opacity: 1;\r\n        pointer-events: auto;\r\n        z-index: 3;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-slide-card--center img {\r\n        transform: scale(1);\r\n      }\r\n\r\n      \/* \u06a9\u0627\u0631\u062a \u0631\u0632\u0631\u0648 \u0633\u0645\u062a \u0631\u0627\u0633\u062a *\/\r\n      #farzad-fourth-slider-widget .gp-slide-card--right {\r\n        opacity: 0.5 !important;\r\n        z-index: 2;\r\n        pointer-events: auto;\r\n        transform: translateX(-40%);\r\n      }\r\n\r\n      \/* \u06a9\u0627\u0631\u062a \u0648\u0633\u0637 \u06a9\u0647 \u0628\u0647 \u0627\u0633\u062a\u06a9 \u0645\u06cc\u200c\u0631\u0648\u062f *\/\r\n      #farzad-fourth-slider-widget .gp-slide-card--to-stack {\r\n        left: 0;\r\n        transform: translateX(-140%) scale(0.45);\r\n        opacity: 1;\r\n        z-index: 3;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-slide-card--to-stack img {\r\n        filter: none;\r\n        transform: scale(0.9);\r\n      }\r\n\r\n      \/* \u0648\u0631\u0648\u062f \u06a9\u0627\u0631\u062a \u0627\u0632 \u0627\u0633\u062a\u06a9 \u0628\u0647 \u0645\u0631\u06a9\u0632 *\/\r\n      #farzad-fourth-slider-widget .gp-slide-card--from-stack {\r\n        left: 0;\r\n        transform: translateX(-140%) scale(0.45);\r\n        opacity: 0;\r\n        z-index: 2;\r\n      }\r\n\r\n      \/* \u062e\u0631\u0648\u062c \u0633\u0631\u06cc\u0639 \u06a9\u0627\u0631\u062a \u0628\u0647 \u0631\u0627\u0633\u062a \u0648 \u0645\u062d\u0648 \u0634\u062f\u0646 *\/\r\n      #farzad-fourth-slider-widget .gp-slide-card--vanish-right {\r\n        left: 150%;\r\n        transform: translateX(-20%) scale(0.82);\r\n        opacity: 0;\r\n        z-index: 1;\r\n      }\r\n\r\n      \/* \u0627\u0633\u062a\u06a9 \u067e\u0627\u0633\u0648\u0631\u06cc \u0633\u0645\u062a \u0686\u067e *\/\r\n      #farzad-fourth-slider-widget .gp-stack {\r\n        position: absolute;\r\n        left: 18px;\r\n        top: 55%;\r\n        transform: translateY(-50%);\r\n        display: flex;\r\n        flex-direction: column;\r\n        z-index: 2;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-stack-card {\r\n        position: relative;\r\n        width: 96px;\r\n        height: 60px;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        box-shadow: 0 16px 36px rgba(0,0,0,0.6);\r\n        opacity: 0;\r\n        transform: translateX(-26px) translateY(0) scale(0.94);\r\n        margin-top: -20px;\r\n        transition:\r\n          opacity 0.35s ease,\r\n          transform 0.4s cubic-bezier(0.22,0.68,0.35,1),\r\n          box-shadow 0.3s ease;\r\n        pointer-events: none;\r\n        cursor: pointer;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-stack-card:first-child {\r\n        margin-top: 0;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-stack-card.show {\r\n        opacity: 0.95;\r\n        transform: translateX(0) translateY(0) scale(1);\r\n        pointer-events: auto;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-stack-thumb {\r\n        position: absolute;\r\n        inset: 0;\r\n        background-size: cover;\r\n        background-position: center;\r\n        filter: saturate(1.05) blur(0.4px) brightness(0.8);\r\n        transform: scale(1.05);\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-stack-label {\r\n        position: absolute;\r\n        right: 10px;\r\n        top: 8px;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        letter-spacing: 0.16em;\r\n        color: #f9fafb;\r\n        z-index: 1;\r\n        text-shadow: 0 0 6px rgba(0,0,0,0.7);\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-stack-card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(135deg, rgba(255,255,255,0.45), transparent 60%);\r\n        mix-blend-mode: screen;\r\n        opacity: 0.75;\r\n        pointer-events: none;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-stack-card:hover {\r\n        transform: translateX(10px) translateY(-10px) scale(1.06);\r\n        box-shadow: 0 24px 55px rgba(0,0,0,0.9);\r\n        z-index: 5;\r\n        opacity: 1;\r\n      }\r\n\r\n      \/* \u062e\u0631\u0648\u062c \u0633\u0631\u06cc\u0639 \u0627\u0633\u062a\u06a9 \u0647\u0646\u06af\u0627\u0645 \u0631\u06cc\u0633\u062a \u062d\u0644\u0642\u0647 *\/\r\n      #farzad-fourth-slider-widget .gp-stack-card.reverse-out {\r\n        transform: translateX(160px) translateY(40px) scale(0.7);\r\n        opacity: 0;\r\n      }\r\n\r\n      \/* \u06a9\u0627\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u062b\u0627\u0628\u062a *\/\r\n      #farzad-fourth-slider-widget .gp-glass {\r\n        position: absolute;\r\n        left: 20%;\r\n        bottom: 50px;\r\n        min-height: 120px;\r\n        min-width: 320px;\r\n        max-width: 420px;\r\n        padding: 18px 24px 22px;\r\n        border-radius: 16px;\r\n        background: linear-gradient(115deg, rgba(255,255,255,0.18), rgba(255,255,255,0.04));\r\n        backdrop-filter: blur(var(--gp-glass-blur));\r\n        -webkit-backdrop-filter: blur(var(--gp-glass-blur));\r\n        box-shadow: 0 20px 60px rgba(0,0,0,0.35);\r\n        border: 1px solid rgba(255,255,255,0.14);\r\n        overflow: hidden;\r\n        z-index: 4;\r\n        transition:\r\n          backdrop-filter 0.3s ease,\r\n          -webkit-backdrop-filter 0.3s ease,\r\n          opacity 0.3s ease,\r\n          transform 0.3s ease;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-glass.blur {\r\n        backdrop-filter: blur(calc(var(--gp-glass-blur) + 8px));\r\n        -webkit-backdrop-filter: blur(calc(var(--gp-glass-blur) + 8px));\r\n        opacity: 0.7;\r\n        transform: translateY(4px);\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-glass::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(135deg, rgba(0,0,0,0.15), transparent 60%);\r\n        opacity: 0.35;\r\n        pointer-events: none;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-headline {\r\n        font-size: 40px;\r\n        font-weight: 600;\r\n        color: #ffffff;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 4px;\r\n        line-height: 1.12;\r\n        position: relative;\r\n        z-index: 1;\r\n        max-width: 100%;\r\n      }\r\n\r\n    #farzad-fourth-slider-widget .gp-headline-line {\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n      gap: 0;\r\n      white-space: nowrap;\r\n    }\r\n\r\n      #farzad-fourth-slider-widget .gp-headline .gp-headline-char {\r\n        display: inline-block;\r\n        opacity: 0;\r\n        transform: translateY(14px);\r\n        transition:\r\n          opacity 0.35s cubic-bezier(0.22,0.68,0.35,1),\r\n          transform 0.35s cubic-bezier(0.22,0.68,0.35,1);\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-headline .gp-headline-char.visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n\r\n      \/* \u0628\u0648\u0644\u062a\u200c\u0647\u0627 *\/\r\n      #farzad-fourth-slider-widget .gp-progress-dots {\r\n        position: absolute;\r\n        right: 32px;\r\n        top: 38px;\r\n        display: flex;\r\n        gap: 10px;\r\n        z-index: 5;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-dot {\r\n        width: 15px;\r\n        height: 4px;\r\n        border-radius: 999px;\r\n        background: #fff;\r\n        overflow: hidden;\r\n        padding: 0;\r\n        border: none;\r\n        cursor: pointer;\r\n        position: relative;\r\n        transition:\r\n          width 0.25s ease,\r\n          height 0.25s ease,\r\n          border-radius 0.25s ease,\r\n          transform 0.25s ease;\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-dot.active {\r\n        width: 30px;\r\n        transform: scale(1.02);\r\n      }\r\n\r\n      #farzad-fourth-slider-widget .gp-dot .gp-fill {\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        background: var(--gp-progress);\r\n        border-radius: inherit;\r\n        transform-origin: left center;\r\n        transform: scaleX(0);\r\n        will-change: transform;\r\n      }\r\n\r\n      @keyframes gp-fill {\r\n        from { transform: scaleX(0); }\r\n        to   { transform: scaleX(1); }\r\n      }\r\n\r\n      @media (max-width: 960px) {\r\n        #farzad-fourth-slider-widget .gp-stage { height: 520px; }\r\n        #farzad-fourth-slider-widget .gp-number-reel { left: 22px; top: 16px; height: 150px; }\r\n        #farzad-fourth-slider-widget .gp-number-track span { height: 150px; font-size: 150px; }\r\n        #farzad-fourth-slider-widget .gp-glass { left: 28px; bottom: 32px; min-width: 280px; min-height: 96px; }\r\n        #farzad-fourth-slider-widget .gp-headline { font-size: 26px; line-height: 1.15; }\r\n        #farzad-fourth-slider-widget .gp-slides { left: 130px; right: 24px; }\r\n      }\r\n\r\n      @media (max-width: 720px) {\r\n        #farzad-fourth-slider-widget { min-height: 60vh; }\r\n        #farzad-fourth-slider-widget .gp-stage { height: 60vh; }\r\n        #farzad-fourth-slider-widget .gp-number-reel { left: 18px; top: 12%; height: 176px; }\r\n        #farzad-fourth-slider-widget .gp-number-track span { height: 176px; font-size: 176px; }\r\n        #farzad-fourth-slider-widget .gp-glass {\r\n          position: absolute;\r\n          width: calc(100% - 90px);\r\n          min-width: 200px;\r\n          max-width: 200px;\r\n          min-height: 92px;\r\n          padding: 14px 16px 16px;\r\n          bottom: 13%;\r\n          left: 45px;\r\n          transform: translateY(0);\r\n        }\r\n        #farzad-fourth-slider-widget .gp-headline { font-size: 23px; line-height: 1.12; gap: 3px; }\r\n      #farzad-fourth-slider-widget .gp-headline-line { gap: 0; }\r\n        #farzad-fourth-slider-widget .gp-slides { left: 12px; right: 12px; top: 18%; }\r\n        #farzad-fourth-slider-widget .gp-slide-card { width: 330px; left: 50%; transform: translateX(-50%); max-height: 180px; }\r\n        #farzad-fourth-slider-widget .gp-slide-card--center { left: 50%; transform: translateX(-50%) scale(1); }\r\n        #farzad-fourth-slider-widget .gp-slide-card--right { left: 144%; transform: translateX(-50%) scale(1); opacity: 1; }\r\n        #farzad-fourth-slider-widget .gp-slide-card--to-stack { left: 8%; transform: translateX(-50%) scale(0.7); }\r\n        #farzad-fourth-slider-widget .gp-slide-card--from-stack { left: 8%; transform: translateX(-50%) scale(0.7); }\r\n        #farzad-fourth-slider-widget .gp-stack { display: none; }\r\n        #farzad-fourth-slider-widget .gp-progress-dots { top: 32%; bottom: auto; }\r\n      }\r\n    <\/style>\r\n\r\n    <div id=\"farzad-fourth-slider-widget\">\r\n      <div class=\"gp-stage\" aria-live=\"polite\" tabindex=\"0\">\r\n        <!-- \u0639\u062f\u062f \u0628\u0632\u0631\u06af -->\r\n        <div class=\"gp-number-reel\">\r\n          <div class=\"gp-number-track\" data-role=\"numberTrack\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0633\u062a\u06a9 \u067e\u0627\u0633\u0648\u0631 -->\r\n        <div class=\"gp-stack\" data-role=\"stack\"><\/div>\r\n\r\n        <!-- \u0628\u0648\u0644\u062a\u200c\u0647\u0627 -->\r\n        <div class=\"gp-progress-dots\" data-role=\"dots\"><\/div>\r\n\r\n        <!-- \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af -->\r\n        <div class=\"gp-slides\" data-role=\"slides\"><\/div>\r\n\r\n        <!-- \u06a9\u0627\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u062b\u0627\u0628\u062a -->\r\n        <div class=\"gp-glass\" data-role=\"glass\">\r\n          <div class=\"gp-headline\" data-role=\"glassHeadline\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n      (function () {\r\n        const root = document.getElementById(\"farzad-fourth-slider-widget\");\r\n        if (!root) return;\r\n\r\n        const slidesData = [\r\n          {\r\n            title: \"Unique<br>Lifestyle Space\",\r\n            badge: \"01\",\r\n            image: \"https:\/\/icaurdubai.ae\/wp-content\/uploads\/2026\/05\/Unique-Lifestyle-Space.webp\",\r\n            accent: \"#f29f05\"\r\n          },\r\n          {\r\n            title: \"Individual<br>Customized\",\r\n            badge: \"02\",\r\n            image: \"https:\/\/icaurdubai.ae\/wp-content\/uploads\/2026\/05\/Individual-Customized.webp\",\r\n            accent: \"#fb641a\"\r\n          },\r\n          {\r\n            title: \"Each Car is<br>Unique\",\r\n            badge: \"03\",\r\n            image: \"https:\/\/icaurdubai.ae\/wp-content\/uploads\/2026\/05\/Each-Car-is-Unique.webp\",\r\n            accent: \"#7cd1ff\"\r\n          },\r\n          {\r\n            title: \"Retro Classic<br>Design\",\r\n            badge: \"04\",\r\n            image: \"https:\/\/icaurdubai.ae\/wp-content\/uploads\/2026\/05\/Retro-Classic-Design.webp\",\r\n            accent: \"#c95af7\"\r\n          }\r\n        ];\r\n\r\n        const slidesWrap     = root.querySelector('[data-role=\"slides\"]');\r\n        const stackWrap      = root.querySelector('[data-role=\"stack\"]');\r\n        const numberTrack    = root.querySelector('[data-role=\"numberTrack\"]');\r\n        const dotsWrap       = root.querySelector('[data-role=\"dots\"]');\r\n        const glass          = root.querySelector('[data-role=\"glass\"]');\r\n        const glassHeadline  = root.querySelector('[data-role=\"glassHeadline\"]');\r\n        const stageEl        = root.querySelector(\".gp-stage\");\r\n        const isMobile       = window.matchMedia(\"(max-width: 720px)\").matches;\r\n\r\n        if (!slidesWrap || !stackWrap || !numberTrack || !dotsWrap || !glass || !glassHeadline || !stageEl) {\r\n          return;\r\n        }\r\n\r\n        const total      = slidesData.length;\r\n        const cards      = [];\r\n        const stackCards = [];\r\n        const dots       = [];\r\n\r\n        \/\/ \u0648\u0636\u0639\u06cc\u062a \u067e\u0627\u0633\u0648\u0631\r\n        let stack = [];          \/\/ \u062a\u0627\u0631\u06cc\u062e\u0686\u0647 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0633\u0645\u062a \u0686\u067e\r\n        let hiddenQueue = [];    \/\/ \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0622\u06cc\u0646\u062f\u0647\r\n        let current = 0;         \/\/ \u06a9\u0627\u0631\u062a \u0648\u0633\u0637\r\n        let reserveIndex = null; \/\/ \u06a9\u0627\u0631\u062a \u0631\u0632\u0631\u0648 \u0633\u0645\u062a \u0631\u0627\u0633\u062a\r\n        let reelIndex = 0;\r\n        let itemHeight = 0;\r\n\r\n        let isAnimating = false;\r\n        let isPaused = false;\r\n        let isInView = true;\r\n        let autoTimer = null;\r\n        let holdTimer = null;\r\n        const autoDuration = 5500;\r\n        let currentDuration = 650;\r\n        let pressStartX = 0;\r\n        let pressStartY = 0;\r\n        let isPressing = false;\r\n\r\n        const CARD_STATES = [\r\n          \"gp-slide-card--center\",\r\n          \"gp-slide-card--right\",\r\n          \"gp-slide-card--to-stack\",\r\n          \"gp-slide-card--from-stack\",\r\n          \"gp-slide-card--vanish-right\"\r\n        ];\r\n\r\n        \/* ---------- \u0633\u0627\u062e\u062a DOM ---------- *\/\r\n\r\n        function buildSlides() {\r\n          slidesData.forEach((s, idx) => {\r\n            const card = document.createElement(\"div\");\r\n            card.className = \"gp-slide-card\";\r\n            card.dataset.index = idx;\r\n\r\n            const img = document.createElement(\"img\");\r\n            img.src = s.image;\r\n            img.alt = s.title.replace(\/<br\\s*\\\/?>\/gi, \" \");\r\n\r\n            card.appendChild(img);\r\n            slidesWrap.appendChild(card);\r\n            cards.push(card);\r\n          });\r\n        }\r\n\r\n        function buildStack() {\r\n          slidesData.forEach((s, idx) => {\r\n            const item = document.createElement(\"div\");\r\n            item.className = \"gp-stack-card\";\r\n            item.dataset.index = idx;\r\n\r\n            const thumb = document.createElement(\"div\");\r\n            thumb.className = \"gp-stack-thumb\";\r\n            thumb.style.backgroundImage = \"url(\" + s.image + \")\";\r\n\r\n            const label = document.createElement(\"div\");\r\n            label.className = \"gp-stack-label\";\r\n            label.textContent = s.badge;\r\n\r\n            item.appendChild(thumb);\r\n            item.appendChild(label);\r\n            stackWrap.appendChild(item);\r\n            stackCards.push(item);\r\n\r\n            item.addEventListener(\"click\", () => {\r\n              goTo(idx, true);\r\n            });\r\n          });\r\n        }\r\n\r\n        function buildDots() {\r\n          slidesData.forEach((_, idx) => {\r\n            const dot = document.createElement(\"button\");\r\n            dot.type = \"button\";\r\n            dot.className = \"gp-dot\" + (idx === 0 ? \" active\" : \"\");\r\n            dot.dataset.index = idx;\r\n\r\n            const fill = document.createElement(\"span\");\r\n            fill.className = \"gp-fill\";\r\n            dot.appendChild(fill);\r\n\r\n            dotsWrap.appendChild(dot);\r\n            dots.push(dot);\r\n\r\n            dot.addEventListener(\"click\", () => {\r\n              goTo(idx, true);\r\n            });\r\n          });\r\n        }\r\n\r\n        function buildNumberReel() {\r\n          const frag = document.createDocumentFragment();\r\n          const repeat = 6;\r\n          for (let r = 0; r < repeat; r++) {\r\n            slidesData.forEach((_, idx) => {\r\n              const span = document.createElement(\"span\");\r\n              span.textContent = String(idx + 1).padStart(2, \"0\");\r\n              frag.appendChild(span);\r\n            });\r\n          }\r\n          numberTrack.appendChild(frag);\r\n        }\r\n\r\n        function measureReel() {\r\n          const first = numberTrack.firstElementChild;\r\n          if (!first) return;\r\n          itemHeight = first.getBoundingClientRect().height;\r\n        }\r\n\r\n        \/* ---------- helpers UI ---------- *\/\r\n\r\n        function clearAutoTimer() {\r\n          if (autoTimer) {\r\n            clearTimeout(autoTimer);\r\n            autoTimer = null;\r\n          }\r\n        }\r\n\r\n        function resetAllFills(activeIndex) {\r\n          dots.forEach((d, idx) => {\r\n            const fill = d.querySelector(\".gp-fill\");\r\n            if (!fill) return;\r\n            if (idx !== activeIndex) {\r\n              fill.style.animation = \"none\";\r\n              fill.style.transform = \"scaleX(0)\";\r\n              fill.style.animationPlayState = \"running\";\r\n            }\r\n          });\r\n        }\r\n\r\n        function updateDots() {\r\n          dots.forEach((d, idx) => {\r\n            d.classList.toggle(\"active\", idx === current);\r\n            if (idx !== current) {\r\n              const fill = d.querySelector(\".gp-fill\");\r\n              if (fill) {\r\n                fill.style.animation = \"none\";\r\n                fill.style.transform = \"scaleX(0)\";\r\n              }\r\n            }\r\n          });\r\n        }\r\n\r\n        function restartProgress() {\r\n          if (isPaused) return;\r\n          const dot = dots[current];\r\n          if (!dot) return;\r\n          const fill = dot.querySelector(\".gp-fill\");\r\n          if (!fill) return;\r\n\r\n          resetAllFills(current);\r\n          fill.style.animation = \"none\";\r\n          fill.style.transform = \"scaleX(0)\";\r\n          void fill.offsetWidth;\r\n          fill.style.animation = \"gp-fill \" + autoDuration + \"ms linear forwards\";\r\n          fill.style.animationPlayState = \"running\";\r\n        }\r\n\r\n        function restartTimer() {\r\n          if (isPaused) return;\r\n          clearAutoTimer();\r\n          autoTimer = setTimeout(autoNext, autoDuration);\r\n        }\r\n\r\n        function updateReel() {\r\n          if (!itemHeight) measureReel();\r\n          const offset = -reelIndex * itemHeight;\r\n          numberTrack.style.transform = \"translateY(\" + offset + \"px)\";\r\n        }\r\n\r\n        function updateAccent() {\r\n          const acc = slidesData[current].accent || \"#f29f05\";\r\n          root.style.setProperty(\"--gp-accent\", acc);\r\n        }\r\n\r\n        function renderStack(delay) {\r\n          if (isMobile) return;\r\n          const apply = () => {\r\n            stackCards.forEach((item, idx) => {\r\n              if (stack.includes(idx)) item.classList.add(\"show\");\r\n              else item.classList.remove(\"show\", \"reverse-out\");\r\n            });\r\n          };\r\n          if (delay) setTimeout(apply, delay);\r\n          else apply();\r\n        }\r\n\r\n        function setGlassText(index) {\r\n          const data = slidesData[index];\r\n          const lines = (data.title || \"\").split(\/<br\\s*\\\/?>\/i);\r\n\r\n          glassHeadline.textContent = \"\";\r\n          let charIndex = 0;\r\n\r\n          lines.forEach((line) => {\r\n            const lineEl = document.createElement(\"span\");\r\n            lineEl.className = \"gp-headline-line\";\r\n            glassHeadline.appendChild(lineEl);\r\n\r\n          line.split(\"\").forEach((ch) => {\r\n            const span = document.createElement(\"span\");\r\n            span.className = \"gp-headline-char\";\r\n            span.textContent = ch === \" \" ? \"\\u00a0\" : ch;\r\n            lineEl.appendChild(span);\r\n              const delayIndex = charIndex;\r\n              requestAnimationFrame(() => {\r\n                span.style.transitionDelay = (delayIndex * 0.03) + \"s\";\r\n                span.classList.add(\"visible\");\r\n              });\r\n              charIndex++;\r\n            });\r\n          });\r\n        }\r\n\r\n        function animateGlassChange(index) {\r\n          glass.classList.add(\"blur\");\r\n          setTimeout(() => {\r\n            glass.classList.remove(\"blur\");\r\n          }, 220);\r\n          setGlassText(index);\r\n        }\r\n\r\n        function pauseAutoplay() {\r\n          isPaused = true;\r\n          clearAutoTimer();\r\n          const dot = dots[current];\r\n          const fill = dot ? dot.querySelector(\".gp-fill\") : null;\r\n          if (fill) {\r\n            fill.style.animationPlayState = \"paused\";\r\n          }\r\n        }\r\n\r\n        function resumeAutoplay() {\r\n          if (!isInView) return;\r\n          if (!isPaused) return;\r\n          isPaused = false;\r\n          restartProgress();\r\n          restartTimer();\r\n        }\r\n\r\n        function resetCardsVisibility(excepts) {\r\n          cards.forEach((card, idx) => {\r\n            if (excepts.includes(idx)) return;\r\n            CARD_STATES.forEach(cls => card.classList.remove(cls));\r\n            card.style.opacity = 0;\r\n          });\r\n        }\r\n\r\n        function applyStaticPlacement() {\r\n          const active = [current];\r\n          if (reserveIndex != null) active.push(reserveIndex);\r\n          resetCardsVisibility(active);\r\n\r\n          const centerCard = cards[current];\r\n          if (centerCard) {\r\n            centerCard.classList.add(\"gp-slide-card--center\");\r\n            centerCard.style.opacity = 1;\r\n          }\r\n\r\n          if (reserveIndex != null) {\r\n            const rightCard = cards[reserveIndex];\r\n            if (rightCard) {\r\n              rightCard.classList.add(\"gp-slide-card--right\");\r\n              rightCard.style.opacity = 1;\r\n            }\r\n          }\r\n        }\r\n\r\n        function setDurationForSteps(steps) {\r\n          let ms;\r\n          if (steps <= 1) ms = 580;\r\n          else if (steps === 2) ms = 360;\r\n          else ms = 280;\r\n          currentDuration = ms;\r\n          root.style.setProperty(\"--gp-duration\", ms + \"ms\");\r\n          return ms;\r\n        }\r\n\r\n        \/* ---------- \u0645\u0648\u0634\u0646 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 ---------- *\/\r\n\r\n        function playForwardMotion(prevCenter, newCenter, newReserve) {\r\n          const keep = [prevCenter, newCenter];\r\n          if (newReserve != null) keep.push(newReserve);\r\n          resetCardsVisibility(keep);\r\n\r\n          const prevCard = cards[prevCenter];\r\n          if (prevCard) {\r\n            prevCard.classList.remove(\r\n              \"gp-slide-card--center\",\r\n              \"gp-slide-card--right\",\r\n              \"gp-slide-card--from-stack\",\r\n              \"gp-slide-card--vanish-right\"\r\n            );\r\n            prevCard.classList.add(\"gp-slide-card--to-stack\");\r\n            prevCard.style.opacity = 1;\r\n\r\n            const hide = () => {\r\n              if (!prevCard.classList.contains(\"gp-slide-card--to-stack\")) return;\r\n              prevCard.style.opacity = 0;\r\n              prevCard.removeEventListener(\"transitionend\", hide);\r\n            };\r\n            prevCard.addEventListener(\"transitionend\", hide);\r\n            setTimeout(hide, currentDuration + 140);\r\n          }\r\n\r\n          const centerCard = cards[newCenter];\r\n          if (centerCard) {\r\n            centerCard.classList.remove(\r\n              \"gp-slide-card--right\",\r\n              \"gp-slide-card--to-stack\",\r\n              \"gp-slide-card--from-stack\",\r\n              \"gp-slide-card--vanish-right\"\r\n            );\r\n            centerCard.classList.add(\"gp-slide-card--center\");\r\n            centerCard.style.opacity = 1;\r\n          }\r\n\r\n          if (newReserve != null) {\r\n            const rightCard = cards[newReserve];\r\n            if (rightCard) {\r\n              rightCard.classList.remove(\r\n                \"gp-slide-card--center\",\r\n                \"gp-slide-card--to-stack\",\r\n                \"gp-slide-card--from-stack\",\r\n                \"gp-slide-card--vanish-right\"\r\n              );\r\n              rightCard.classList.add(\"gp-slide-card--right\");\r\n              rightCard.style.opacity = 1;\r\n            }\r\n          }\r\n        }\r\n\r\n        function playBackwardMotion(incoming, leavingCenter, oldReserve) {\r\n          const keep = [incoming, leavingCenter];\r\n          if (oldReserve != null) keep.push(oldReserve);\r\n          resetCardsVisibility(keep);\r\n\r\n          const incomingCard = cards[incoming];\r\n          if (incomingCard) {\r\n            incomingCard.classList.remove(\r\n              \"gp-slide-card--center\",\r\n              \"gp-slide-card--right\",\r\n              \"gp-slide-card--to-stack\",\r\n              \"gp-slide-card--vanish-right\"\r\n            );\r\n            incomingCard.classList.add(\"gp-slide-card--from-stack\");\r\n            incomingCard.style.opacity = 1;\r\n            requestAnimationFrame(() => {\r\n              incomingCard.classList.remove(\"gp-slide-card--from-stack\");\r\n              incomingCard.classList.add(\"gp-slide-card--center\");\r\n            });\r\n          }\r\n\r\n          const rightCard = cards[leavingCenter];\r\n          if (rightCard) {\r\n            rightCard.classList.remove(\r\n              \"gp-slide-card--center\",\r\n              \"gp-slide-card--to-stack\",\r\n              \"gp-slide-card--from-stack\",\r\n              \"gp-slide-card--vanish-right\"\r\n            );\r\n            rightCard.classList.add(\"gp-slide-card--right\");\r\n            rightCard.style.opacity = 1;\r\n          }\r\n\r\n          if (oldReserve != null) {\r\n            const old = cards[oldReserve];\r\n            if (old) {\r\n              old.classList.remove(\r\n                \"gp-slide-card--center\",\r\n                \"gp-slide-card--right\",\r\n                \"gp-slide-card--to-stack\",\r\n                \"gp-slide-card--from-stack\",\r\n                \"gp-slide-card--vanish-right\"\r\n              );\r\n              old.style.opacity = 0;\r\n            }\r\n          }\r\n        }\r\n\r\n        \/* ---------- \u062d\u0631\u06a9\u062a \u0631\u0648 \u0628\u0647 \u062c\u0644\u0648 ---------- *\/\r\n\r\n        function forwardStep() {\r\n          if (reserveIndex == null && hiddenQueue.length === 0) return;\r\n\r\n          const prevCenter = current;\r\n          const nextCenter = reserveIndex != null ? reserveIndex : hiddenQueue.shift();\r\n          const nextReserve = hiddenQueue.length ? hiddenQueue.shift() : null;\r\n\r\n          stack.push(prevCenter);\r\n\r\n          playForwardMotion(prevCenter, nextCenter, nextReserve);\r\n\r\n          current = nextCenter;\r\n          reserveIndex = nextReserve;\r\n\r\n          reelIndex += 1;\r\n          updateReel();\r\n          renderStack();\r\n          updateDots();\r\n          updateAccent();\r\n          animateGlassChange(current);\r\n        }\r\n\r\n        \/* ---------- \u062d\u0631\u06a9\u062a \u0631\u0648 \u0628\u0647 \u0639\u0642\u0628 ---------- *\/\r\n\r\n        function backwardStep() {\r\n          if (!stack.length) return;\r\n\r\n          const incoming = stack.pop();\r\n          const leavingCenter = current;\r\n          const oldReserve = reserveIndex;\r\n\r\n          const futureHidden = [];\r\n          if (oldReserve != null) futureHidden.push(oldReserve);\r\n          hiddenQueue = futureHidden.concat(hiddenQueue);\r\n\r\n          reserveIndex = leavingCenter;\r\n          current = incoming;\r\n\r\n          playBackwardMotion(incoming, leavingCenter, oldReserve);\r\n\r\n          reelIndex = Math.max(0, reelIndex - 1);\r\n          updateReel();\r\n          renderStack();\r\n          updateDots();\r\n          updateAccent();\r\n          animateGlassChange(current);\r\n        }\r\n\r\n        \/* ---------- \u0634\u0628\u06cc\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0645\u0633\u06cc\u0631 ---------- *\/\r\n\r\n        function cloneState() {\r\n          return {\r\n            current,\r\n            reserve: reserveIndex,\r\n            stack: stack.slice(),\r\n            hidden: hiddenQueue.slice()\r\n          };\r\n        }\r\n\r\n        function simulateForward(state) {\r\n          if (state.reserve == null && state.hidden.length === 0) return;\r\n          const prev = state.current;\r\n          state.stack.push(prev);\r\n          state.current = state.reserve != null ? state.reserve : state.hidden.shift();\r\n          state.reserve = state.hidden.length ? state.hidden.shift() : null;\r\n        }\r\n\r\n        function simulateBackward(state) {\r\n          if (!state.stack.length) return;\r\n          const incoming = state.stack.pop();\r\n          const leaving = state.current;\r\n          const future = [];\r\n          if (state.reserve != null) future.push(state.reserve);\r\n          state.hidden = future.concat(state.hidden);\r\n          state.reserve = leaving;\r\n          state.current = incoming;\r\n        }\r\n\r\n        \/* ---------- \u0646\u0627\u0648\u0628\u0631\u06cc ---------- *\/\r\n\r\n        function goNext() {\r\n          if (reserveIndex != null) {\r\n            goTo(reserveIndex, true);\r\n          } else if (hiddenQueue.length) {\r\n            goTo(hiddenQueue[0], true);\r\n          }\r\n        }\r\n\r\n        function goPrev() {\r\n          if (stack.length) {\r\n            goTo(stack[stack.length - 1], true);\r\n          }\r\n        }\r\n\r\n        \/* ---------- \u0646\u0627\u0648\u0628\u0631\u06cc \u0686\u0646\u062f \u0627\u0633\u062a\u067e\u06cc ---------- *\/\r\n\r\n        function goTo(targetIndex, fromUser) {\r\n          if (targetIndex === current) return;\r\n          if (isAnimating) return;\r\n\r\n          const sim = cloneState();\r\n          const futureList = [];\r\n          if (sim.reserve != null) futureList.push(sim.reserve);\r\n          futureList.push.apply(futureList, sim.hidden);\r\n\r\n          const targetInFuture = futureList.includes(targetIndex);\r\n          const targetInStack = sim.stack.includes(targetIndex);\r\n\r\n          let direction = 0;\r\n          let steps = 0;\r\n\r\n          if (targetInFuture && !targetInStack) {\r\n            direction = 1;\r\n            while (sim.current !== targetIndex && steps < total * 3) {\r\n              simulateForward(sim);\r\n              steps++;\r\n            }\r\n          } else if (targetInStack) {\r\n            direction = -1;\r\n            while (sim.current !== targetIndex && sim.stack.length && steps < total * 3) {\r\n              simulateBackward(sim);\r\n              steps++;\r\n            }\r\n          } else if (stack.length && reserveIndex == null && hiddenQueue.length === 0) {\r\n            direction = -1;\r\n            while (sim.current !== targetIndex && sim.stack.length && steps < total * 3) {\r\n              simulateBackward(sim);\r\n              steps++;\r\n            }\r\n          } else {\r\n            direction = 1;\r\n            while (sim.current !== targetIndex && (sim.reserve != null || sim.hidden.length) && steps < total * 3) {\r\n              simulateForward(sim);\r\n              steps++;\r\n            }\r\n          }\r\n\r\n          if (!steps) return;\r\n\r\n          setDurationForSteps(steps);\r\n          const gap = Math.max(120, currentDuration * 0.7);\r\n\r\n          clearAutoTimer();\r\n\r\n          isAnimating = true;\r\n          let done = 0;\r\n\r\n          function runStep() {\r\n            if (direction === 1) forwardStep();\r\n            else backwardStep();\r\n\r\n            done++;\r\n            if (done < steps) {\r\n              setTimeout(runStep, gap);\r\n            } else {\r\n              setDurationForSteps(1);\r\n              isAnimating = false;\r\n              restartProgress();\r\n              restartTimer();\r\n            }\r\n          }\r\n\r\n          runStep();\r\n        }\r\n\r\n        \/* ---------- \u0627\u062a\u0648\u067e\u0644\u06cc \u0648 \u0631\u06cc\u0633\u062a ---------- *\/\r\n\r\n        function autoNext() {\r\n          if (isAnimating) {\r\n            restartTimer();\r\n            return;\r\n          }\r\n\r\n          const noFuture = reserveIndex == null && hiddenQueue.length === 0;\r\n\r\n          if (noFuture && stack.length) {\r\n            const steps = stack.length;\r\n            setDurationForSteps(Math.min(steps, 3));\r\n            isAnimating = true;\r\n            const gap = Math.max(120, currentDuration * 0.7);\r\n            let done = 0;\r\n\r\n            function rewind() {\r\n              backwardStep();\r\n              done++;\r\n              if (done < steps) {\r\n                setTimeout(rewind, gap);\r\n              } else {\r\n                setDurationForSteps(1);\r\n                isAnimating = false;\r\n                restartProgress();\r\n                restartTimer();\r\n              }\r\n            }\r\n\r\n            rewind();\r\n          } else {\r\n            const nextIndex = reserveIndex != null ? reserveIndex : hiddenQueue[0];\r\n            if (nextIndex != null) {\r\n              goTo(nextIndex, false);\r\n            } else {\r\n              restartProgress();\r\n              restartTimer();\r\n            }\r\n          }\r\n        }\r\n\r\n        \/* ---------- \u062a\u0639\u0627\u0645\u0644\u0627\u062a ---------- *\/\r\n\r\n        function bindReserveClick() {\r\n          cards.forEach(card => {\r\n            card.addEventListener(\"click\", () => {\r\n              const idx = Number(card.dataset.index);\r\n              if (reserveIndex != null && idx === reserveIndex) {\r\n                goNext();\r\n              }\r\n            });\r\n          });\r\n        }\r\n\r\n        function setupKeyboard() {\r\n          stageEl.addEventListener(\"keydown\", (e) => {\r\n            if (!isInView || isAnimating) return;\r\n            if (e.key === \"ArrowRight\") {\r\n              if (reserveIndex != null || hiddenQueue.length) {\r\n                e.preventDefault();\r\n                goNext();\r\n              }\r\n            } else if (e.key === \"ArrowLeft\") {\r\n              if (stack.length) {\r\n                e.preventDefault();\r\n                goPrev();\r\n              }\r\n            }\r\n          });\r\n        }\r\n\r\n        function setupGestures() {\r\n          const shouldIgnore = (e) =>\r\n            e.target.closest(\".gp-dot\") ||\r\n            e.target.closest(\".gp-stack-card\");\r\n\r\n          const handleEnd = (e) => {\r\n            if (!isPressing) return;\r\n            clearTimeout(holdTimer);\r\n            holdTimer = null;\r\n            const wasPaused = isPaused;\r\n\r\n            const dx = e.clientX - pressStartX;\r\n            const dy = e.clientY - pressStartY;\r\n            const absX = Math.abs(dx);\r\n            const absY = Math.abs(dy);\r\n\r\n            if (absX > 40 && absX > absY && !isAnimating && isInView) {\r\n              if (dx < 0) {\r\n                if (wasPaused) isPaused = false;\r\n                if (reserveIndex != null || hiddenQueue.length) goNext();\r\n              } else {\r\n                if (wasPaused) isPaused = false;\r\n                if (stack.length) goPrev();\r\n              }\r\n            } else if (isPaused) {\r\n              resumeAutoplay();\r\n            }\r\n\r\n            isPressing = false;\r\n          };\r\n\r\n          stageEl.addEventListener(\"pointerdown\", (e) => {\r\n            if (!isInView || shouldIgnore(e)) return;\r\n            isPressing = true;\r\n            pressStartX = e.clientX;\r\n            pressStartY = e.clientY;\r\n            holdTimer = setTimeout(() => {\r\n              pauseAutoplay();\r\n            }, 180);\r\n          });\r\n\r\n          stageEl.addEventListener(\"pointerup\", handleEnd);\r\n          stageEl.addEventListener(\"pointercancel\", handleEnd);\r\n        }\r\n\r\n        function setupObserver() {\r\n          if (!(\"IntersectionObserver\" in window)) return;\r\n\r\n          const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n              isInView = entry.isIntersecting;\r\n              if (!isInView) pauseAutoplay();\r\n              else resumeAutoplay();\r\n            });\r\n          }, { threshold: 0.35 });\r\n\r\n          observer.observe(stageEl);\r\n        }\r\n\r\n        \/* ---------- init ---------- *\/\r\n\r\n        function initState() {\r\n          stack = [];\r\n          hiddenQueue = slidesData.map((_, idx) => idx).slice(2);\r\n          reserveIndex = total > 1 ? 1 : null;\r\n          current = 0;\r\n          reelIndex = 0;\r\n          isPaused = false;\r\n          clearAutoTimer();\r\n\r\n          applyStaticPlacement();\r\n          renderStack();\r\n          updateDots();\r\n          updateAccent();\r\n          setGlassText(0);\r\n          updateReel();\r\n          resetAllFills(0);\r\n          restartProgress();\r\n          restartTimer();\r\n        }\r\n\r\n        buildSlides();\r\n        if (!isMobile) buildStack();\r\n        buildDots();\r\n        buildNumberReel();\r\n        measureReel();\r\n        bindReserveClick();\r\n        setupKeyboard();\r\n        setupGestures();\r\n        setupObserver();\r\n        initState();\r\n      })();\r\n    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c67cbac e-flex e-con-boxed e-con e-parent\" data-id=\"c67cbac\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9cf7188 e-con-full glass-effect e-flex e-con e-child\" data-id=\"9cf7188\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13666b5 elementor-widget elementor-widget-heading\" data-id=\"13666b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contact Details<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be01ee0 elementor-button-align-start elementor-widget elementor-widget-form\" data-id=\"be01ee0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"12\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"be01ee0\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"iCAUR Dubai Official Dealership &amp; Service | V23, 03T, V27\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"12\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tFirst name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"First name\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_fdef00b elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_fdef00b\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tLast name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_fdef00b]\" id=\"form-field-field_fdef00b\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Last name\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_ab1447d elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_ab1447d\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone Number\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_ab1447d]\" id=\"form-field-field_ab1447d\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Enter your phone number\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Enter your email address\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Submit<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70f3045 e-con-full e-flex e-con e-child\" data-id=\"70f3045\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3da4862 elementor-widget elementor-widget-heading\" data-id=\"3da4862\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Got a question?\nWe\u2019re right here.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89390c6 elementor-widget elementor-widget-text-editor\" data-id=\"89390c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Tell us what you need, test drive, pricing guidance, or service support. We\u2019ll reply quickly with the next steps.<\/p>\t\t\t\t\t\t\t\t<\/div>\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-0c688f0 e-flex e-con-boxed e-con e-parent\" data-id=\"0c688f0\" 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-758e441 elementor-widget elementor-widget-text-editor\" data-id=\"758e441\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>iCAUR Dubai is the official dealership and after-sales support center in Dubai. From choosing the right model to service, genuine parts, and long-term care, we\u2019re here to make ownership simple and reliable.<\/p>\t\t\t\t\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>Start payments 4 to 6 months after purchase \u2013 Flexible financial planning made easy Book a test drive Explore more Range-extended electric AWD with 800+ km total range, 225 mm clearance, and 540\u00b0 HD view for confident city-to-desert drives. Book a test drive Explore more Up to 900+ km total range, RWD or AWD choice, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.7 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>iCAUR Dubai Official Dealership &amp; Service | V23, 03T, V27<\/title>\n<meta name=\"description\" content=\"Explore iCAUR in Dubai with official sales and after-sales support. Discover V23, 03T REEV and V27 REEV, book a test drive, and get help from our team fast.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/icaurdubai.ae\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_AE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home\" \/>\n<meta property=\"og:description\" content=\"Explore iCAUR in Dubai with official sales and after-sales support. Discover V23, 03T REEV and V27 REEV, book a test drive, and get help from our team fast.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/icaurdubai.ae\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"iCAUR Dubai | Exclusive Distributor in Dubai\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61584731471736\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-06T12:11:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/icaurdubai.ae\/wp-content\/uploads\/2026\/06\/iCAUR-200X200.png\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"25 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/\",\"url\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/\",\"name\":\"iCAUR Dubai Official Dealership & Service | V23, 03T, V27\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/icaurdubai.ae\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/main-page-first-slider-logo-v27.png\",\"datePublished\":\"2025-11-30T07:35:36+00:00\",\"dateModified\":\"2026-07-06T12:11:54+00:00\",\"description\":\"Explore iCAUR in Dubai with official sales and after-sales support. Discover V23, 03T REEV and V27 REEV, book a test drive, and get help from our team fast.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/#breadcrumb\"},\"inLanguage\":\"en-AE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AE\",\"@id\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/#primaryimage\",\"url\":\"http:\\\/\\\/icaurdubai.ae\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/main-page-first-slider-logo-v27.png\",\"contentUrl\":\"http:\\\/\\\/icaurdubai.ae\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/main-page-first-slider-logo-v27.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/\",\"name\":\"iCAUR Dubai | Exclusive Distributor in Dubai\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-AE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/#organization\",\"name\":\"iCAUR Dubai | Exclusive Distributor in Dubai\",\"alternateName\":\"iCAUR Dubai\",\"url\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AE\",\"@id\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/icaurdubai.ae\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/header-logo-icaur.webp\",\"contentUrl\":\"https:\\\/\\\/icaurdubai.ae\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/header-logo-icaur.webp\",\"width\":63,\"height\":11,\"caption\":\"iCAUR Dubai | Exclusive Distributor in Dubai\"},\"image\":{\"@id\":\"https:\\\/\\\/icaurdubai.ae\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=61584731471736\",\"https:\\\/\\\/www.instagram.com\\\/icaur.autorun\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/icaur-autorun\\\/\"],\"email\":\"info@autorun.ae\",\"telephone\":\"+971-8002886786\",\"legalName\":\"Autorun O J C Car Trading LLC\",\"foundingDate\":\"2025-01-01\",\"vatID\":\"104828933200003\",\"taxID\":\"104828933200003\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"51\",\"maxValue\":\"200\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"iCAUR Dubai Official Dealership & Service | V23, 03T, V27","description":"Explore iCAUR in Dubai with official sales and after-sales support. Discover V23, 03T REEV and V27 REEV, book a test drive, and get help from our team fast.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/icaurdubai.ae\/en\/","og_locale":"en_AE","og_type":"article","og_title":"Home","og_description":"Explore iCAUR in Dubai with official sales and after-sales support. Discover V23, 03T REEV and V27 REEV, book a test drive, and get help from our team fast.","og_url":"https:\/\/icaurdubai.ae\/en\/","og_site_name":"iCAUR Dubai | Exclusive Distributor in Dubai","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61584731471736","article_modified_time":"2026-07-06T12:11:54+00:00","og_image":[{"width":200,"height":200,"url":"https:\/\/icaurdubai.ae\/wp-content\/uploads\/2026\/06\/iCAUR-200X200.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"25 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/icaurdubai.ae\/en\/","url":"https:\/\/icaurdubai.ae\/en\/","name":"iCAUR Dubai Official Dealership & Service | V23, 03T, V27","isPartOf":{"@id":"https:\/\/icaurdubai.ae\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/icaurdubai.ae\/en\/#primaryimage"},"image":{"@id":"https:\/\/icaurdubai.ae\/en\/#primaryimage"},"thumbnailUrl":"http:\/\/icaurdubai.ae\/wp-content\/uploads\/2026\/04\/main-page-first-slider-logo-v27.png","datePublished":"2025-11-30T07:35:36+00:00","dateModified":"2026-07-06T12:11:54+00:00","description":"Explore iCAUR in Dubai with official sales and after-sales support. Discover V23, 03T REEV and V27 REEV, book a test drive, and get help from our team fast.","breadcrumb":{"@id":"https:\/\/icaurdubai.ae\/en\/#breadcrumb"},"inLanguage":"en-AE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/icaurdubai.ae\/en\/"]}]},{"@type":"ImageObject","inLanguage":"en-AE","@id":"https:\/\/icaurdubai.ae\/en\/#primaryimage","url":"http:\/\/icaurdubai.ae\/wp-content\/uploads\/2026\/04\/main-page-first-slider-logo-v27.png","contentUrl":"http:\/\/icaurdubai.ae\/wp-content\/uploads\/2026\/04\/main-page-first-slider-logo-v27.png"},{"@type":"BreadcrumbList","@id":"https:\/\/icaurdubai.ae\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/icaurdubai.ae\/en\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/icaurdubai.ae\/en\/#website","url":"https:\/\/icaurdubai.ae\/en\/","name":"iCAUR Dubai | Exclusive Distributor in Dubai","description":"","publisher":{"@id":"https:\/\/icaurdubai.ae\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/icaurdubai.ae\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-AE"},{"@type":"Organization","@id":"https:\/\/icaurdubai.ae\/en\/#organization","name":"iCAUR Dubai | Exclusive Distributor in Dubai","alternateName":"iCAUR Dubai","url":"https:\/\/icaurdubai.ae\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-AE","@id":"https:\/\/icaurdubai.ae\/en\/#\/schema\/logo\/image\/","url":"https:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/header-logo-icaur.webp","contentUrl":"https:\/\/icaurdubai.ae\/wp-content\/uploads\/2025\/12\/header-logo-icaur.webp","width":63,"height":11,"caption":"iCAUR Dubai | Exclusive Distributor in Dubai"},"image":{"@id":"https:\/\/icaurdubai.ae\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61584731471736","https:\/\/www.instagram.com\/icaur.autorun\/","https:\/\/www.linkedin.com\/company\/icaur-autorun\/"],"email":"info@autorun.ae","telephone":"+971-8002886786","legalName":"Autorun O J C Car Trading LLC","foundingDate":"2025-01-01","vatID":"104828933200003","taxID":"104828933200003","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"51","maxValue":"200"}}]}},"_links":{"self":[{"href":"https:\/\/icaurdubai.ae\/en\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icaurdubai.ae\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icaurdubai.ae\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icaurdubai.ae\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icaurdubai.ae\/en\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":359,"href":"https:\/\/icaurdubai.ae\/en\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":4614,"href":"https:\/\/icaurdubai.ae\/en\/wp-json\/wp\/v2\/pages\/12\/revisions\/4614"}],"wp:attachment":[{"href":"https:\/\/icaurdubai.ae\/en\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}