{"id":4768,"date":"2026-10-28T07:32:59","date_gmt":"2026-10-28T07:32:59","guid":{"rendered":"https:\/\/emirateselectro.com\/?page_id=4768"},"modified":"2026-10-31T12:17:57","modified_gmt":"2026-10-31T12:17:57","slug":"home-3","status":"publish","type":"page","link":"https:\/\/emirateselectro.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4768\" class=\"elementor elementor-4768\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c9dfd3 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"5c9dfd3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-baad52a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"baad52a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\n     HEADER COMPONENT (FIXED MOBILE DRAWER, LOGO LOCK & MODERN GLASS)\n     ========================================================================== -->\n<div class=\"ee-custom-header\">\n  <style>\n    \/* Container Reset & Stacking Priority in Elementor *\/\n    html {\n      margin-top: 0 !important;\n    }\n    body {\n      margin-top: 0 !important;\n      padding-top: 0 !important;\n    }\n\n    .e-con:has(.ee-custom-header) {\n      padding-top: 0 !important;\n      margin-top: 0 !important;\n      gap: 0 !important;\n      row-gap: 0 !important;\n      --gap: 0px !important;\n      --widgets-spacing: 0px !important;\n      position: relative !important;\n      z-index: 99999 !important;\n    }\n\n    \/* Scoped Header Properties (Brand Colors & Typography Preserved) *\/\n    .ee-custom-header {\n      --ee-primary: #8E2B29;\n      --ee-primary-dark: #6e2120;\n      --ee-secondary: #898989;\n      --ee-text: #292929;\n      --ee-text-muted: #5A5A5A;\n      --ee-cream: #F4EBDD;\n      --ee-cream-light: #FAF5ED;\n      --ee-white: #FFFFFF;\n      \n      --ee-header-height: 90px;\n      --ee-header-height-scrolled: 74px;\n      --ee-logo-height: 62px;\n      --ee-logo-height-scrolled: 48px;\n      \n      --ee-transition: 0.35s cubic-bezier(0.16, 1, 0.3, 1); \n      --ee-container-width: 1280px;\n      --ee-font-family: inherit;\n\n      position: relative;\n      z-index: 99999;\n    }\n\n    .ee-custom-header *,\n    .ee-custom-header *::before,\n    .ee-custom-header *::after {\n      box-sizing: border-box;\n    }\n\n    \/* Fixed Sticky Header *\/\n    .ee-custom-header .ee-header {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: var(--ee-header-height);\n      z-index: 99999;\n      transition: height var(--ee-transition);\n      background-color: transparent;\n      font-family: var(--ee-font-family);\n      pointer-events: auto;\n    }\n\n    \/* Dedicated Glass Background Layer *\/\n    .ee-custom-header .ee-header::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background-color: rgba(255, 255, 255, 0);\n      border-bottom: 1px solid transparent;\n      transition: background-color var(--ee-transition), box-shadow var(--ee-transition), border-color var(--ee-transition), backdrop-filter var(--ee-transition);\n      pointer-events: none;\n      z-index: 10000;\n      transform: translate3d(0, 0, 0);\n      -webkit-transform: translate3d(0, 0, 0);\n    }\n\n    .ee-custom-header .ee-header.ee-scrolled {\n      height: var(--ee-header-height-scrolled);\n    }\n\n    .ee-custom-header .ee-header.ee-scrolled::before {\n      background-color: rgba(255, 255, 255, 0.94);\n      backdrop-filter: blur(14px);\n      -webkit-backdrop-filter: blur(14px);\n      box-shadow: 0 12px 32px -8px rgba(41, 41, 41, 0.07);\n      border-bottom-color: rgba(142, 43, 41, 0.1);\n    }\n\n    \/* Keep header surface transparent when drawer is open on mobile *\/\n    .ee-custom-header:has(.ee-menu-open) .ee-header::before,\n    .ee-custom-header .ee-header.ee-menu-active::before {\n      background-color: transparent !important;\n      border-bottom-color: transparent !important;\n      box-shadow: none !important;\n      backdrop-filter: none !important;\n      -webkit-backdrop-filter: none !important;\n    }\n\n    \/* Hide main header logo & toggle button when mobile drawer is open (Prevents XMENU overlap) *\/\n    @media (max-width: 991px) {\n      .ee-custom-header:has(.ee-menu-open) .ee-mobile-toggle,\n      .ee-custom-header .ee-header.ee-menu-active .ee-mobile-toggle,\n      .ee-custom-header .ee-mobile-toggle.ee-is-active,\n      .ee-custom-header:has(.ee-menu-open) .ee-logo-link,\n      .ee-custom-header .ee-header.ee-menu-active .ee-logo-link {\n        opacity: 0 !important;\n        visibility: hidden !important;\n        pointer-events: none !important;\n      }\n    }\n\n    .admin-bar .ee-custom-header .ee-header { top: 32px; }\n    @media screen and (max-width: 782px) {\n      .admin-bar .ee-custom-header .ee-header { top: 46px; }\n    }\n\n    \/* Backdrop Overlay *\/\n    .ee-custom-header .ee-overlay {\n      position: fixed;\n      inset: 0;\n      width: 100vw;\n      height: 100vh;\n      height: 100dvh;\n      background-color: rgba(20, 20, 20, 0.48);\n      z-index: 10001;\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity var(--ee-transition), visibility var(--ee-transition);\n      backdrop-filter: blur(4px);\n      -webkit-backdrop-filter: blur(4px);\n      pointer-events: none;\n    }\n\n    .ee-custom-header .ee-overlay.ee-is-active {\n      opacity: 1;\n      visibility: visible;\n      pointer-events: auto;\n    }\n\n    \/* Header Container *\/\n    .ee-custom-header .ee-container {\n      position: relative;\n      z-index: 10002;\n      max-width: var(--ee-container-width);\n      margin: 0 auto;\n      padding: 0 28px;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .ee-custom-header .ee-logo-link {\n      display: flex;\n      align-items: center;\n      height: 100%;\n      text-decoration: none;\n      z-index: 10003;\n      position: relative;\n      transition: opacity 0.2s ease;\n    }\n\n    .ee-custom-header .ee-logo-img {\n      height: var(--ee-logo-height) !important;\n      max-height: var(--ee-logo-height) !important;\n      width: auto !important;\n      max-width: 180px !important;\n      object-fit: contain !important;\n      transition: height var(--ee-transition), transform var(--ee-transition);\n      display: block;\n    }\n\n    .ee-custom-header .ee-header.ee-scrolled .ee-logo-img {\n      height: var(--ee-logo-height-scrolled) !important;\n      max-height: var(--ee-logo-height-scrolled) !important;\n    }\n\n    \/* Desktop Navigation *\/\n    .ee-custom-header .ee-nav {\n      display: flex;\n      align-items: center;\n      gap: 28px;\n    }\n\n    .ee-custom-header .ee-nav-list {\n      display: flex;\n      align-items: center;\n      list-style: none;\n      margin: 0;\n      padding: 5px 8px;\n      gap: 6px;\n      background: rgba(255, 255, 255, 0.75);\n      border: 1px solid rgba(142, 43, 41, 0.1);\n      border-radius: 100px;\n      transition: background-color var(--ee-transition), border-color var(--ee-transition);\n    }\n\n    .ee-custom-header .ee-header.ee-scrolled .ee-nav-list {\n      background: rgba(244, 235, 221, 0.45);\n      border-color: rgba(142, 43, 41, 0.1);\n    }\n\n    .ee-custom-header .ee-nav-link {\n      color: var(--ee-text);\n      text-decoration: none;\n      font-weight: 500;\n      font-size: 14.5px;\n      padding: 8px 16px;\n      border-radius: 100px;\n      transition: all 0.25s ease;\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n    }\n\n    \/* Hide mobile-only numbers, arrows, and callout card on Desktop *\/\n    .ee-custom-header .ee-nav-num,\n    .ee-custom-header .ee-nav-arrow,\n    .ee-custom-header .ee-drawer-top,\n    .ee-custom-header .ee-drawer-contact-card {\n      display: none;\n    }\n\n    .ee-custom-header .ee-nav-link:hover,\n    .ee-custom-header .ee-nav-link:focus-visible {\n      color: var(--ee-primary);\n      background-color: var(--ee-white);\n      box-shadow: 0 2px 10px rgba(142, 43, 41, 0.08);\n    }\n\n    \/* Header CTA Button *\/\n    .ee-custom-header .ee-whatsapp-btn {\n      background-color: var(--ee-primary);\n      color: var(--ee-white) !important;\n      padding: 11px 24px;\n      border-radius: 100px;\n      text-decoration: none;\n      font-weight: 600;\n      font-size: 14.5px;\n      transition: all var(--ee-transition);\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      box-shadow: 0 4px 14px rgba(142, 43, 41, 0.18);\n    }\n\n    .ee-custom-header .ee-whatsapp-icon {\n      width: 17px;\n      height: 17px;\n      fill: currentColor;\n      flex-shrink: 0;\n    }\n\n    .ee-custom-header .ee-whatsapp-btn:hover {\n      background-color: var(--ee-primary-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 8px 22px rgba(142, 43, 41, 0.28);\n    }\n\n    \/* Mobile Toggle Button *\/\n    .ee-custom-header .ee-mobile-toggle {\n      display: none;\n      position: relative;\n      background: rgba(255, 255, 255, 0.92);\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      border-radius: 100px;\n      cursor: pointer;\n      padding: 8px 14px;\n      z-index: 10003;\n      touch-action: manipulation;\n      -webkit-tap-highlight-color: transparent;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n      transition: opacity 0.2s ease, transform 0.2s ease;\n    }\n\n    .ee-custom-header .ee-toggle-inner {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .ee-custom-header .ee-toggle-bars {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      width: 18px;\n    }\n\n    .ee-custom-header .ee-hamburger-line {\n      display: block;\n      width: 100%;\n      height: 2px;\n      background-color: var(--ee-primary);\n      border-radius: 2px;\n    }\n\n    .ee-custom-header .ee-toggle-label {\n      font-size: 11.5px;\n      font-weight: 700;\n      letter-spacing: 0.8px;\n      text-transform: uppercase;\n      color: var(--ee-primary);\n      line-height: 1;\n    }\n\n    \/* ==========================================================================\n       MOBILE DRAWER (PROPORTIONAL, COMPACT & ZERO OVERLAP)\n       ========================================================================== *\/\n    @media (max-width: 991px) {\n      .ee-custom-header {\n        --ee-header-height: 74px;\n        --ee-logo-height: 46px;\n      }\n\n      .ee-custom-header .ee-container {\n        padding: 0 20px;\n      }\n\n      .ee-custom-header .ee-mobile-toggle { \n        display: inline-flex;\n        align-items: center;\n      }\n\n      \/* Slide-Out Drawer Panel *\/\n      .ee-custom-header .ee-nav {\n        position: fixed;\n        top: 0;\n        right: -105%;\n        width: 315px;\n        max-width: 86vw;\n        height: 100vh;\n        height: 100dvh;\n        background-color: #FFFFFF;\n        flex-direction: column;\n        align-items: stretch;\n        justify-content: flex-start;\n        padding: 18px 20px 22px;\n        gap: 12px;\n        box-shadow: -14px 0 40px rgba(0, 0, 0, 0.18);\n        border-left: 1px solid rgba(142, 43, 41, 0.12);\n        transition: right 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n        z-index: 10005;\n        overflow-y: auto;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      .ee-custom-header .ee-nav.ee-menu-open { \n        right: 0; \n      }\n\n      \/* Drawer Header: Compact Logo on Left + Close Button on Right *\/\n      .ee-custom-header .ee-drawer-top {\n        display: flex !important;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n        padding-bottom: 14px;\n        border-bottom: 1px solid rgba(142, 43, 41, 0.1);\n        width: 100%;\n        flex-shrink: 0;\n      }\n\n      \/* Hard Lock on Drawer Logo Size so Elementor Never Blows It Up *\/\n      .ee-custom-header .ee-drawer-top img,\n      .ee-custom-header .ee-drawer-logo,\n      .ee-custom-header .ee-nav .ee-drawer-top a img {\n        height: 36px !important;\n        max-height: 36px !important;\n        width: auto !important;\n        max-width: 130px !important;\n        object-fit: contain !important;\n        display: block !important;\n        margin: 0 !important;\n        flex-shrink: 0;\n      }\n\n      \/* Hide any duplicate 'Menu' text badge if present inside drawer top *\/\n      .ee-custom-header .ee-drawer-brand {\n        display: none !important;\n      }\n\n      .ee-custom-header .ee-drawer-close {\n        background: rgba(142, 43, 41, 0.06);\n        border: 1px solid rgba(142, 43, 41, 0.15);\n        width: 36px;\n        height: 36px;\n        border-radius: 10px;\n        color: var(--ee-primary);\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        transition: background-color 0.2s ease, transform 0.2s ease;\n        margin-left: auto;\n      }\n\n      .ee-custom-header .ee-drawer-close:hover {\n        background: rgba(142, 43, 41, 0.12);\n      }\n\n      .ee-custom-header .ee-drawer-close svg {\n        width: 17px;\n        height: 17px;\n        display: block;\n      }\n\n      \/* Drawer Navigation List *\/\n      .ee-custom-header .ee-nav-list {\n        flex-direction: column;\n        align-items: stretch;\n        width: 100%;\n        gap: 0;\n        background: transparent;\n        border: none;\n        padding: 0;\n        border-radius: 0;\n        flex-shrink: 0;\n      }\n\n      .ee-custom-header .ee-nav-list li {\n        border-bottom: 1px solid rgba(142, 43, 41, 0.07);\n      }\n\n      .ee-custom-header .ee-nav-list li:last-child {\n        border-bottom: none;\n      }\n\n      .ee-custom-header .ee-nav-link {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 10px 6px;\n        width: 100%;\n        font-size: 15px;\n        font-weight: 600;\n        color: var(--ee-text);\n        border-radius: 8px;\n        transition: background-color 0.2s ease, color 0.2s ease;\n      }\n\n      .ee-custom-header .ee-nav-link-left {\n        display: inline-flex;\n        align-items: center;\n        gap: 11px;\n      }\n\n      .ee-custom-header .ee-nav-num {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 11px;\n        font-weight: 700;\n        color: var(--ee-primary);\n        background: rgba(142, 43, 41, 0.07);\n        padding: 3px 7px;\n        border-radius: 6px;\n        min-width: 26px;\n      }\n\n      .ee-custom-header .ee-nav-arrow {\n        display: inline-block;\n        color: var(--ee-secondary);\n        font-size: 16px;\n        line-height: 1;\n        transition: transform 0.2s ease, color 0.2s ease;\n      }\n\n      .ee-custom-header .ee-nav-link:hover,\n      .ee-custom-header .ee-nav-link:focus-visible {\n        background-color: #FAF5ED;\n        color: var(--ee-primary);\n        box-shadow: none;\n      }\n\n      .ee-custom-header .ee-nav-link:hover .ee-nav-arrow {\n        color: var(--ee-primary);\n        transform: translateX(3px);\n      }\n\n      \/* Compact Direct Technical Line Card inside Drawer *\/\n      .ee-custom-header .ee-drawer-contact-card {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n        margin-top: auto;\n        background: #FAF5ED;\n        border: 1px solid rgba(142, 43, 41, 0.14);\n        border-radius: 12px;\n        padding: 12px 14px;\n        flex-shrink: 0;\n      }\n\n      .ee-custom-header .ee-drawer-card-eyebrow {\n        font-size: 10px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        color: var(--ee-primary);\n      }\n\n      .ee-custom-header .ee-drawer-phone {\n        display: inline-flex;\n        align-items: center;\n        gap: 7px;\n        font-size: 15px;\n        font-weight: 700;\n        color: var(--ee-text);\n        text-decoration: none;\n      }\n\n      .ee-custom-header .ee-drawer-phone svg {\n        width: 14px;\n        height: 14px;\n        fill: var(--ee-primary);\n        flex-shrink: 0;\n      }\n\n      .ee-custom-header .ee-drawer-card-sub {\n        font-size: 11.5px;\n        color: var(--ee-text-muted);\n      }\n      \n      \/* Bottom WhatsApp CTA inside Drawer *\/\n      .ee-custom-header .ee-whatsapp-btn {\n        margin-top: 2px;\n        width: 100%;\n        justify-content: center;\n        padding: 12px 20px;\n        border-radius: 50px;\n        font-size: 14.5px;\n        flex-shrink: 0;\n      }\n    }\n  <\/style>\n\n  <header class=\"ee-header\" id=\"ee-header\" role=\"banner\">\n    <div class=\"ee-overlay\" id=\"ee-overlay\" onclick=\"window.eeToggleMenu(event)\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"ee-container\">\n      <a href=\"#home\" class=\"ee-logo-link\" aria-label=\"Emirates Electro Electrical Installations - Home\">\n        <img decoding=\"async\" src=\"https:\/\/emirateselectro.com\/wp-content\/uploads\/2026\/10\/Red-Brown-E-and-Circular-Emblem.png\" alt=\"Emirates Electro Electrical Installations\" class=\"ee-logo-img\">\n      <\/a>\n      \n      <!-- Clean Pill Mobile Toggle -->\n      <button class=\"ee-mobile-toggle\" id=\"ee-mobile-toggle\" onclick=\"window.eeToggleMenu(event)\" aria-controls=\"ee-primary-nav\" aria-expanded=\"false\" aria-label=\"Toggle navigation menu\">\n        <span class=\"ee-toggle-inner\">\n          <span class=\"ee-toggle-bars\">\n            <span class=\"ee-hamburger-line\"><\/span>\n            <span class=\"ee-hamburger-line\"><\/span>\n            <span class=\"ee-hamburger-line\"><\/span>\n          <\/span>\n          <span class=\"ee-toggle-label\">Menu<\/span>\n        <\/span>\n      <\/button>\n\n      <!-- Navigation & Mobile Drawer -->\n      <nav class=\"ee-nav\" id=\"ee-primary-nav\" role=\"navigation\" aria-label=\"Main Navigation\">\n        <!-- Drawer Top Bar (Compact Logo Left + Close Button Right) -->\n        <div class=\"ee-drawer-top\">\n          <a href=\"#home\" onclick=\"window.eeToggleMenu(event)\" aria-label=\"Emirates Electro Home\">\n            <img decoding=\"async\" src=\"https:\/\/emirateselectro.com\/wp-content\/uploads\/2026\/10\/Red-Brown-E-and-Circular-Emblem.png\" alt=\"Emirates Electro\" class=\"ee-drawer-logo\">\n          <\/a>\n          <button type=\"button\" class=\"ee-drawer-close\" onclick=\"window.eeToggleMenu(event)\" aria-label=\"Close menu\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n              <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n            <\/svg>\n          <\/button>\n        <\/div>\n\n        <ul class=\"ee-nav-list\">\n          <li>\n            <a href=\"#home\" class=\"ee-nav-link\">\n              <span class=\"ee-nav-link-left\"><span class=\"ee-nav-num\">01<\/span><span>Home<\/span><\/span>\n              <span class=\"ee-nav-arrow\" aria-hidden=\"true\">&rsaquo;<\/span>\n            <\/a>\n          <\/li>\n          <li>\n            <a href=\"#about\" class=\"ee-nav-link\">\n              <span class=\"ee-nav-link-left\"><span class=\"ee-nav-num\">02<\/span><span>About Us<\/span><\/span>\n              <span class=\"ee-nav-arrow\" aria-hidden=\"true\">&rsaquo;<\/span>\n            <\/a>\n          <\/li>\n          <li>\n            <a href=\"#services\" class=\"ee-nav-link\">\n              <span class=\"ee-nav-link-left\"><span class=\"ee-nav-num\">03<\/span><span>Services<\/span><\/span>\n              <span class=\"ee-nav-arrow\" aria-hidden=\"true\">&rsaquo;<\/span>\n            <\/a>\n          <\/li>\n          <li>\n            <a href=\"#projects\" class=\"ee-nav-link\">\n              <span class=\"ee-nav-link-left\"><span class=\"ee-nav-num\">04<\/span><span>Projects<\/span><\/span>\n              <span class=\"ee-nav-arrow\" aria-hidden=\"true\">&rsaquo;<\/span>\n            <\/a>\n          <\/li>\n          <li>\n            <a href=\"#why\" class=\"ee-nav-link\">\n              <span class=\"ee-nav-link-left\"><span class=\"ee-nav-num\">05<\/span><span>Why Us<\/span><\/span>\n              <span class=\"ee-nav-arrow\" aria-hidden=\"true\">&rsaquo;<\/span>\n            <\/a>\n          <\/li>\n          <li>\n            <a href=\"#contact\" class=\"ee-nav-link\">\n              <span class=\"ee-nav-link-left\"><span class=\"ee-nav-num\">06<\/span><span>Contact<\/span><\/span>\n              <span class=\"ee-nav-arrow\" aria-hidden=\"true\">&rsaquo;<\/span>\n            <\/a>\n          <\/li>\n        <\/ul>\n\n        <!-- Direct Technical Line Callout (Mobile Drawer) -->\n        <div class=\"ee-drawer-contact-card\">\n          <span class=\"ee-drawer-card-eyebrow\">Direct Technical Line<\/span>\n          <a href=\"tel:+971506129475\" class=\"ee-drawer-phone\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.62 10.79a15.053 15.053 0 0 0 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\n            <span>+971 50 612 9475<\/span>\n          <\/a>\n          <span class=\"ee-drawer-card-sub\">Abu Dhabi &amp; Dubai Operations<\/span>\n        <\/div>\n\n        <a href=\"https:\/\/wa.me\/971506129475?text=Hello%20Emirates%20Electro%2C%20I%20would%20like%20to%20enquire%20about%20your%20electrical%20installation%20and%20maintenance%20services.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ee-whatsapp-btn\">\n          <svg class=\"ee-whatsapp-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\">\n            <path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157.1zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/>\n          <\/svg>\n          <span>Contact Us<\/span>\n        <\/a>\n      <\/nav>\n    <\/div>\n  <\/header>\n<\/div>\n\n\n<!-- ==========================================================================\n     MODERNIZED HERO SECTION (ARCHITECTURAL DEPTH & BENTO PILLARS)\n     ========================================================================== -->\n<section class=\"ee-hero\" id=\"home\" aria-label=\"Hero Section\">\n  <style>\n    \/* Scoped Hero Properties (Brand Colors & Typography Preserved) *\/\n    .ee-hero {\n      --ee-primary: #8E2B29;\n      --ee-primary-dark: #6E2120;\n      --ee-cream: #F4EBDD;\n      --ee-cream-light: #FAF5ED;\n      --ee-text: #292929;\n      --ee-text-muted: #5A5A5A;\n      --ee-grey: #898989;\n      --ee-white: #FFFFFF;\n      --ee-border-subtle: rgba(142, 43, 41, 0.12);\n      --ee-border-accent: rgba(142, 43, 41, 0.22);\n      \n      --ee-container-width: 1280px;\n      --ee-header-offset: 118px;\n      --ee-transition: 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .ee-hero *,\n    .ee-hero *::before,\n    .ee-hero *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .ee-hero {\n      position: relative;\n      z-index: 1;\n      background: linear-gradient(145deg, #FFFFFF 0%, #FAF8F5 52%, #F4EBDD 100%);\n      font-family: inherit;\n      width: 100%;\n      overflow: hidden;\n      border-bottom: 1px solid var(--ee-border-subtle);\n      margin-top: 0 !important;\n    }\n\n    \/* Ambient Brand Glows + Precision Grid *\/\n    .ee-hero::before {\n      content: '';\n      position: absolute;\n      top: -10%;\n      right: -5%;\n      width: 620px;\n      height: 620px;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(142, 43, 41, 0.055) 0%, rgba(244, 235, 221, 0.35) 45%, transparent 70%);\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    .ee-hero .ee-hero-grid-bg {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      background-image: \n        linear-gradient(to right, rgba(142, 43, 41, 0.024) 1px, transparent 1px),\n        linear-gradient(to bottom, rgba(142, 43, 41, 0.024) 1px, transparent 1px);\n      background-size: 64px 64px;\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    @keyframes eePulse {\n      0%, 100% {\n        box-shadow: 0 0 0 0 rgba(142, 43, 41, 0.45);\n      }\n      50% {\n        box-shadow: 0 0 0 6px rgba(142, 43, 41, 0);\n      }\n    }\n\n    .ee-hero .ee-hero-container {\n      max-width: var(--ee-container-width);\n      margin: 0 auto;\n      padding: var(--ee-header-offset) 28px 44px;\n      position: relative;\n      z-index: 1;\n      display: grid;\n      grid-template-columns: 1.12fr 0.88fr;\n      gap: 52px;\n      align-items: center;\n      min-height: 78vh;\n    }\n\n    .ee-hero .ee-hero-content {\n      padding-right: 8px;\n    }\n\n    \/* Modern Eyebrow Badge with Live Pulse *\/\n    .ee-hero .ee-hero-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      font-size: 11.5px;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--ee-primary);\n      font-weight: 700;\n      margin-bottom: 20px;\n      background: rgba(255, 255, 255, 0.9);\n      padding: 6px 14px;\n      border-radius: 100px;\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      box-shadow: 0 4px 12px rgba(142, 43, 41, 0.04);\n      max-width: 100%;\n    }\n\n    .ee-hero .ee-eyebrow-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background-color: var(--ee-primary);\n      display: inline-block;\n      flex-shrink: 0;\n      animation: eePulse 2.2s infinite;\n    }\n\n    \/* Headline Typography *\/\n    .ee-hero .ee-hero-headline {\n      font-size: clamp(32px, 3.2vw, 44px);\n      line-height: 1.18;\n      font-weight: 700;\n      letter-spacing: -0.02em;\n      margin-bottom: 18px;\n      max-width: 610px;\n    }\n\n    .ee-headline-lead {\n      display: block;\n      color: var(--ee-text);\n      margin-bottom: 6px;\n    }\n\n    .ee-headline-accent {\n      display: block;\n      color: var(--ee-primary);\n    }\n\n    \/* Supporting Headline *\/\n    .ee-hero .ee-hero-subheadline {\n      font-size: 17px;\n      line-height: 1.55;\n      color: var(--ee-text-muted);\n      font-weight: 400;\n      margin-bottom: 20px;\n      max-width: 570px;\n    }\n\n    \/* Modern Editorial Spec Block *\/\n    .ee-hero .ee-hero-description-block {\n      background: rgba(255, 255, 255, 0.78);\n      border: 1px solid rgba(142, 43, 41, 0.1);\n      border-left: 3px solid var(--ee-primary);\n      border-radius: 0 12px 12px 0;\n      padding: 12px 18px;\n      margin-bottom: 28px;\n      max-width: 570px;\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025);\n    }\n\n    .ee-hero .ee-hero-description {\n      font-size: 14.5px;\n      line-height: 1.6;\n      color: #4f4f4f;\n    }\n\n    \/* Streamlined Single CTA with Nested Circle Arrow *\/\n    .ee-hero .ee-hero-actions {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      flex-wrap: wrap;\n    }\n\n    .ee-hero .ee-hero-btn-primary {\n      background-color: var(--ee-primary);\n      color: var(--ee-white) !important;\n      padding: 10px 10px 10px 26px;\n      border-radius: 100px;\n      text-decoration: none;\n      font-weight: 600;\n      font-size: 15px;\n      letter-spacing: 0.2px;\n      transition: all var(--ee-transition);\n      display: inline-flex;\n      align-items: center;\n      gap: 14px;\n      box-shadow: 0 10px 25px -4px rgba(142, 43, 41, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .ee-hero .ee-hero-btn-primary:hover,\n    .ee-hero .ee-hero-btn-primary:focus-visible {\n      background-color: var(--ee-primary-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 14px 30px -4px rgba(142, 43, 41, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);\n      color: var(--ee-white) !important;\n    }\n\n    .ee-hero .ee-whatsapp-icon {\n      width: 18px;\n      height: 18px;\n      fill: currentColor;\n      flex-shrink: 0;\n    }\n\n    .ee-hero .ee-btn-arrow-box {\n      width: 34px;\n      height: 34px;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.16);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      transition: transform var(--ee-transition), background-color var(--ee-transition);\n    }\n\n    .ee-btn-arrow {\n      width: 15px;\n      height: 15px;\n      transition: transform var(--ee-transition);\n    }\n\n    .ee-hero .ee-hero-btn-primary:hover .ee-btn-arrow-box {\n      background: var(--ee-white);\n      color: var(--ee-primary);\n      transform: translateX(2px);\n    }\n\n    \/* ==========================================================================\n       Modern Architectural Double-Bezel Visual Frame (Right Column)\n       ========================================================================== *\/\n    .ee-hero .ee-hero-visual {\n      position: relative;\n      display: flex;\n      justify-content: flex-end;\n    }\n\n    .ee-hero .ee-hero-frame-bezel {\n      position: relative;\n      width: 100%;\n      max-width: 500px;\n      padding: 10px;\n      border-radius: 24px;\n      background: linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(244, 235, 221, 0.6) 100%);\n      border: 1px solid rgba(142, 43, 41, 0.15);\n      box-shadow: 0 24px 48px -12px rgba(41, 41, 41, 0.1), 0 4px 12px rgba(142, 43, 41, 0.04);\n    }\n\n    .ee-hero .ee-hero-image-wrapper {\n      position: relative;\n      width: 100%;\n      border-radius: 16px;\n      overflow: hidden;\n      background: var(--ee-white);\n    }\n\n    .ee-hero .ee-hero-image {\n      width: 100%;\n      height: 450px !important;\n      object-fit: cover !important;\n      object-position: center 30% !important;\n      display: block;\n      transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .ee-hero .ee-hero-frame-bezel:hover .ee-hero-image {\n      transform: scale(1.03);\n    }\n\n    .ee-hero .ee-hero-image-wrapper::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to top, rgba(20, 20, 20, 0.35) 0%, transparent 45%);\n      pointer-events: none;\n    }\n\n    \/* Top-Right Floating Technical Tag *\/\n    .ee-hero .ee-hero-top-chip {\n      position: absolute;\n      top: 24px;\n      right: 24px;\n      background: rgba(255, 255, 255, 0.95);\n      padding: 7px 13px;\n      border-radius: 100px;\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      z-index: 3;\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--ee-text);\n      letter-spacing: 0.3px;\n    }\n\n    .ee-hero .ee-top-chip-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background-color: var(--ee-primary);\n    }\n\n    \/* Bottom Floating Coverage Badge *\/\n    .ee-hero .ee-hero-badge {\n      position: absolute;\n      bottom: 22px;\n      left: 22px;\n      right: 22px;\n      background: rgba(255, 255, 255, 0.96);\n      padding: 12px 16px;\n      border-radius: 14px;\n      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      display: flex;\n      align-items: center;\n      gap: 13px;\n      z-index: 3;\n      transition: transform var(--ee-transition);\n    }\n\n    .ee-hero .ee-hero-frame-bezel:hover .ee-hero-badge {\n      transform: translateY(-2px);\n    }\n\n    .ee-badge-icon {\n      width: 38px;\n      height: 38px;\n      border-radius: 10px;\n      background: var(--ee-primary);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--ee-white);\n      flex-shrink: 0;\n      box-shadow: 0 4px 10px rgba(142, 43, 41, 0.25);\n    }\n\n    .ee-badge-icon svg {\n      width: 17px;\n      height: 17px;\n      fill: currentColor;\n    }\n\n    .ee-badge-text strong {\n      display: block;\n      font-size: 13.5px;\n      color: var(--ee-text);\n      font-weight: 700;\n      line-height: 1.25;\n    }\n\n    .ee-badge-text span {\n      font-size: 11.5px;\n      color: var(--ee-primary);\n      font-weight: 600;\n    }\n\n    \/* ==========================================================================\n       Bento-Style 3-Pillar Architectural Bottom Bar (Desktop > 991px)\n       ========================================================================== *\/\n    .ee-hero .ee-hero-pillars-bar {\n      border-top: 1px solid var(--ee-border-subtle);\n      background: rgba(255, 255, 255, 0.78);\n      padding: 14px 28px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ee-hero .ee-pillars-container {\n      max-width: var(--ee-container-width);\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 18px;\n    }\n\n    .ee-hero .ee-pillar-item {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 10px 16px;\n      border-radius: 12px;\n      background: rgba(255, 255, 255, 0.75);\n      border: 1px solid rgba(142, 43, 41, 0.08);\n      transition: all 0.25s ease;\n    }\n\n    .ee-hero .ee-pillar-item:hover {\n      background: var(--ee-white);\n      border-color: rgba(142, 43, 41, 0.22);\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(142, 43, 41, 0.06);\n    }\n\n    .ee-hero .ee-pillar-num {\n      color: var(--ee-primary);\n      font-weight: 800;\n      font-size: 12px;\n      letter-spacing: 0.5px;\n      background: rgba(142, 43, 41, 0.08);\n      padding: 5px 9px;\n      border-radius: 6px;\n      transition: background-color 0.25s ease, color 0.25s ease;\n    }\n\n    .ee-hero .ee-pillar-item:hover .ee-pillar-num {\n      background: var(--ee-primary);\n      color: var(--ee-white);\n    }\n\n    .ee-hero .ee-pillar-item span:last-child {\n      font-size: 13.5px;\n      font-weight: 600;\n      color: var(--ee-text);\n    }\n\n    \/* ==========================================================================\n       RESPONSIVE REFINEMENTS (TABLET & MOBILE)\n       ========================================================================== *\/\n    @media (max-width: 991px) {\n      .ee-hero .ee-hero-container {\n        grid-template-columns: 1fr;\n        padding-top: 96px;\n        padding-bottom: 34px;\n        gap: 32px;\n        min-height: auto;\n      }\n\n      .ee-hero .ee-hero-content {\n        padding-right: 0;\n      }\n\n      .ee-hero .ee-hero-visual {\n        justify-content: center;\n      }\n\n      .ee-hero .ee-hero-pillars-bar {\n        display: none !important;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .ee-hero .ee-hero-container {\n        padding: 92px 20px 32px;\n        gap: 24px;\n      }\n\n      .ee-hero .ee-hero-eyebrow {\n        font-size: clamp(9.5px, 2.7vw, 10.5px);\n        letter-spacing: 0.6px;\n        padding: 5px 11px;\n        gap: 6px;\n        margin-bottom: 14px;\n        white-space: nowrap;\n      }\n\n      .ee-hero .ee-hero-headline {\n        font-size: clamp(21px, 5.4vw, 26px);\n        line-height: 1.24;\n        margin-bottom: 12px;\n      }\n\n      .ee-hero .ee-hero-subheadline {\n        font-size: 14px;\n        line-height: 1.5;\n        margin-bottom: 14px;\n      }\n\n      .ee-hero .ee-hero-description-block {\n        padding: 10px 14px;\n        margin-bottom: 20px;\n      }\n\n      .ee-hero .ee-hero-description {\n        font-size: 13px;\n        line-height: 1.55;\n        color: #555555;\n      }\n\n      .ee-hero .ee-hero-actions {\n        width: 100%;\n      }\n\n      .ee-hero .ee-hero-btn-primary {\n        width: 100%;\n        justify-content: center;\n        padding: 11px 16px;\n        font-size: 14.5px;\n      }\n\n      .ee-hero .ee-hero-frame-bezel {\n        padding: 6px;\n        border-radius: 18px;\n      }\n\n      .ee-hero .ee-hero-image-wrapper {\n        border-radius: 13px;\n      }\n\n      .ee-hero .ee-hero-image {\n        height: 245px !important;\n        object-position: center 30% !important;\n      }\n\n      .ee-hero .ee-hero-top-chip {\n        top: 14px;\n        right: 14px;\n        padding: 5px 10px;\n        font-size: 10px;\n      }\n\n      .ee-hero .ee-hero-badge {\n        bottom: 14px;\n        left: 14px;\n        right: 14px;\n        padding: 9px 12px;\n        gap: 10px;\n        border-radius: 10px;\n      }\n\n      .ee-badge-icon {\n        width: 30px;\n        height: 30px;\n        border-radius: 7px;\n      }\n\n      .ee-badge-icon svg {\n        width: 14px;\n        height: 14px;\n      }\n\n      .ee-badge-text strong {\n        font-size: 12px;\n      }\n\n      .ee-badge-text span {\n        font-size: 10.5px;\n      }\n    }\n\n    @media (max-width: 360px) {\n      .ee-hero .ee-hero-container {\n        padding-left: 14px;\n        padding-right: 14px;\n      }\n      .ee-hero .ee-hero-eyebrow {\n        font-size: 9px;\n        letter-spacing: 0.3px;\n        padding: 4px 8px;\n      }\n    }\n  <\/style>\n\n  <!-- Precision Ambient Grid -->\n  <div class=\"ee-hero-grid-bg\" aria-hidden=\"true\"><\/div>\n\n  <!-- Hero Content Grid -->\n  <div class=\"ee-hero-container\">\n    <div class=\"ee-hero-content\">\n      <div class=\"ee-hero-eyebrow\">\n        <span class=\"ee-eyebrow-dot\"><\/span>\n        <span>ELECTRICAL &amp; SOLAR PV &bull; ABU DHABI &amp; DUBAI<\/span>\n      <\/div>\n\n      <h1 class=\"ee-hero-headline\">\n        <span class=\"ee-headline-lead\">Skilled Electrical &amp; Handyman Support for Villas.<\/span>\n        <span class=\"ee-headline-accent\">Reliable Maintenance for Solar PV Plants.<\/span>\n      <\/h1>\n\n      <h2 class=\"ee-hero-subheadline\">\n        Electrical expertise and skilled manpower for residential properties, commercial facilities and rooftop solar PV installations.\n      <\/h2>\n\n      <div class=\"ee-hero-description-block\">\n        <p class=\"ee-hero-description\">\n          Emirates Electro Electrical Installations provides professional electrical maintenance, villa electrical services, skilled manpower and solar PV operation &amp; maintenance support across Abu Dhabi and Dubai.\n        <\/p>\n      <\/div>\n\n      <!-- Streamlined Single CTA Button with Nested Circle Arrow -->\n      <div class=\"ee-hero-actions\">\n        <a href=\"https:\/\/wa.me\/971506129475?text=Hello%20Emirates%20Electro%2C%20I%20would%20like%20to%20speak%20to%20your%20team%20about%20your%20services.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ee-hero-btn-primary\">\n          <svg class=\"ee-whatsapp-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\">\n            <path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157.1zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/>\n          <\/svg>\n          <span>Request a Service<\/span>\n          <span class=\"ee-btn-arrow-box\" aria-hidden=\"true\">\n            <svg class=\"ee-btn-arrow\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M3.33334 8H12.6667\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M8 3.33334L12.6667 8L8 12.6667\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Visual Component with Double-Bezel Architectural Framing -->\n    <div class=\"ee-hero-visual\">\n      <div class=\"ee-hero-frame-bezel\">\n        <div class=\"ee-hero-top-chip\">\n          <span class=\"ee-top-chip-dot\"><\/span>\n          <span>UAE Certified Technicians<\/span>\n        <\/div>\n\n        <div class=\"ee-hero-image-wrapper\">\n          <img decoding=\"async\" \n            src=\"https:\/\/images.unsplash.com\/photo-1621905251189-08b45d6a269e?auto=format&fit=crop&w=1000&q=80\" \n            alt=\"Certified Electrician inspecting electrical panel in UAE\" \n            class=\"ee-hero-image\"\n            loading=\"eager\"\n          >\n        <\/div>\n\n        <!-- Floating Coverage Badge -->\n        <div class=\"ee-hero-badge\">\n          <div class=\"ee-badge-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M11 21h-1l1-7H7.5c-.88 0-.33-.75-.31-.78C8.48 10.94 10.42 7.54 13 3h1l-1 7h3.5c.49 0 .56.33.47.51l-.07.15C14.7 14.88 12.8 18.3 11 21z\"\/><\/svg>\n          <\/div>\n          <div class=\"ee-badge-text\">\n            <strong>Abu Dhabi &amp; Dubai Coverage<\/strong>\n            <span>Residential Villas &bull; Solar PV Plants<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- 3-Pillar Bento Architectural Bottom Bar (Desktop Only) -->\n  <div class=\"ee-hero-pillars-bar\">\n    <div class=\"ee-pillars-container\">\n      <div class=\"ee-pillar-item\">\n        <span class=\"ee-pillar-num\">01<\/span>\n        <span>Villa Electrical &amp; Maintenance<\/span>\n      <\/div>\n      <div class=\"ee-pillar-item\">\n        <span class=\"ee-pillar-num\">02<\/span>\n        <span>Solar PV Operation &amp; Maintenance<\/span>\n      <\/div>\n      <div class=\"ee-pillar-item\">\n        <span class=\"ee-pillar-num\">03<\/span>\n        <span>Skilled Technical Manpower<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Unified Sticky Header & Mobile Drawer JavaScript -->\n  <script>\n    (function() {\n      \/\/ 1. Instant Mobile Toggle (Handles single or duplicate header instances safely)\n      window.eeToggleMenu = function(e) {\n        if (e && e.preventDefault) e.preventDefault();\n        \n        var headers = document.querySelectorAll(\".ee-custom-header .ee-header\");\n        var navs = document.querySelectorAll(\".ee-custom-header .ee-nav\");\n        var toggles = document.querySelectorAll(\".ee-custom-header .ee-mobile-toggle\");\n        var overlays = document.querySelectorAll(\".ee-custom-header .ee-overlay\");\n        \n        if (!navs.length) return;\n\n        var isOpen = navs[0].classList.contains(\"ee-menu-open\");\n        \n        navs.forEach(function(nav) {\n          nav.classList.toggle(\"ee-menu-open\", !isOpen);\n        });\n        toggles.forEach(function(toggle) {\n          toggle.classList.toggle(\"ee-is-active\", !isOpen);\n          toggle.setAttribute(\"aria-expanded\", !isOpen ? \"true\" : \"false\");\n        });\n        overlays.forEach(function(overlay) {\n          overlay.classList.toggle(\"ee-is-active\", !isOpen);\n        });\n        headers.forEach(function(header) {\n          header.classList.toggle(\"ee-menu-active\", !isOpen);\n        });\n\n        document.body.style.overflow = !isOpen ? \"hidden\" : \"\";\n      };\n\n      \/\/ 2. Sticky Header Scroll & Anchor Handling\n      function initUnifiedHeaderHero() {\n        var headers = document.querySelectorAll(\".ee-custom-header .ee-header\");\n        \n        function onScroll() {\n          var scrolled = window.scrollY > 40;\n          headers.forEach(function(header) {\n            header.classList.toggle(\"ee-scrolled\", scrolled);\n          });\n        }\n        \n        window.addEventListener(\"scroll\", onScroll, { passive: true });\n        onScroll();\n\n        \/\/ Smooth scroll for nav anchor links\n        var links = document.querySelectorAll(\".ee-custom-header .ee-nav-link\");\n        links.forEach(function(link) {\n          link.addEventListener(\"click\", function(e) {\n            var targetId = this.getAttribute(\"href\");\n            \n            var firstNav = document.querySelector(\".ee-custom-header .ee-nav\");\n            if (firstNav && firstNav.classList.contains(\"ee-menu-open\")) {\n              window.eeToggleMenu();\n            }\n\n            if (targetId && targetId.startsWith(\"#\")) {\n              var targetElement = document.querySelector(targetId);\n              if (targetElement) {\n                e.preventDefault();\n                var offset = 75;\n                var targetPosition = targetElement.getBoundingClientRect().top + window.scrollY - offset;\n                window.scrollTo({\n                  top: targetPosition,\n                  behavior: \"smooth\"\n                });\n              }\n            }\n          });\n        });\n\n        \/\/ Close on ESC key\n        document.addEventListener(\"keydown\", function(e) {\n          if (e.key === \"Escape\") {\n            var firstNav = document.querySelector(\".ee-custom-header .ee-nav\");\n            if (firstNav && firstNav.classList.contains(\"ee-menu-open\")) {\n              window.eeToggleMenu();\n            }\n          }\n        });\n      }\n\n      if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", initUnifiedHeaderHero);\n      } else {\n        initUnifiedHeaderHero();\n      }\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f0e9d8 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"4f0e9d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66bc4e2 elementor-widget elementor-widget-html\" data-id=\"66bc4e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ee-about\" id=\"about\" aria-label=\"About Emirates Electro\">\n  <style>\n    \/* ==========================================================================\n       Scoped Properties & Variables (Brand Colors & Typography Preserved)\n       ========================================================================== *\/\n    .ee-about {\n      --ee-primary: #8E2B29;\n      --ee-primary-dark: #6E2120;\n      --ee-cream: #F4EBDD;\n      --ee-cream-light: #FAF5ED;\n      --ee-text: #292929;\n      --ee-text-muted: #5A5A5A;\n      --ee-grey: #898989;\n      --ee-white: #FFFFFF;\n      --ee-border-subtle: rgba(142, 43, 41, 0.12);\n      --ee-border-accent: rgba(142, 43, 41, 0.22);\n      \n      --ee-container-width: 1280px;\n      --ee-transition: 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    \/* Scoped Reset *\/\n    .ee-about *,\n    .ee-about *::before,\n    .ee-about *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Base Section *\/\n    .ee-about {\n      position: relative;\n      background: linear-gradient(145deg, #FAF8F5 0%, #FFFFFF 50%, #F4EBDD 100%);\n      font-family: inherit;\n      width: 100%;\n      padding: 95px 28px;\n      overflow: hidden;\n      border-bottom: 1px solid var(--ee-border-subtle);\n      scroll-margin-top: 80px;\n    }\n\n    \/* Soft Ambient Glow *\/\n    .ee-about::before {\n      content: '';\n      position: absolute;\n      bottom: -15%;\n      left: -5%;\n      width: 550px;\n      height: 550px;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(142, 43, 41, 0.045) 0%, rgba(244, 235, 221, 0.3) 45%, transparent 70%);\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    \/* Unified 64px Precision Engineering Grid *\/\n    .ee-about .ee-about-grid-bg {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      background-image: \n        linear-gradient(to right, rgba(142, 43, 41, 0.022) 1px, transparent 1px),\n        linear-gradient(to bottom, rgba(142, 43, 41, 0.022) 1px, transparent 1px);\n      background-size: 64px 64px;\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    @keyframes eeAboutPulse {\n      0%, 100% {\n        box-shadow: 0 0 0 0 rgba(142, 43, 41, 0.45);\n      }\n      50% {\n        box-shadow: 0 0 0 6px rgba(142, 43, 41, 0);\n      }\n    }\n\n    .ee-about .ee-about-container {\n      max-width: var(--ee-container-width);\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n      display: grid;\n      grid-template-columns: 1.14fr 0.86fr;\n      gap: 54px;\n      align-items: center;\n    }\n\n    \/* ==========================================================================\n       Left Column: Narrative Content & Competency Cards\n       ========================================================================== *\/\n    .ee-about .ee-about-content {\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* Matched White Pill Eyebrow with Live Pulse *\/\n    .ee-about .ee-about-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      font-size: 11.5px;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--ee-primary);\n      font-weight: 700;\n      margin-bottom: 18px;\n      background-color: rgba(255, 255, 255, 0.9);\n      padding: 6px 14px;\n      border-radius: 100px;\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      box-shadow: 0 4px 12px rgba(142, 43, 41, 0.04);\n      width: fit-content;\n      max-width: 100%;\n    }\n\n    .ee-about .ee-eyebrow-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background-color: var(--ee-primary);\n      display: inline-block;\n      flex-shrink: 0;\n      animation: eeAboutPulse 2.2s infinite;\n    }\n\n    .ee-about .ee-about-title {\n      font-size: clamp(30px, 3.1vw, 42px);\n      line-height: 1.2;\n      color: var(--ee-text);\n      font-weight: 700;\n      margin-bottom: 18px;\n      letter-spacing: -0.5px;\n      max-width: 620px;\n    }\n\n    .ee-about .ee-about-title span {\n      color: var(--ee-primary);\n    }\n\n    \/* Structured Lead Paragraph with Accent Bar *\/\n    .ee-about .ee-about-lead {\n      font-size: 16px;\n      line-height: 1.6;\n      color: var(--ee-text);\n      font-weight: 500;\n      margin-bottom: 14px;\n      padding-left: 16px;\n      border-left: 3px solid var(--ee-primary);\n      max-width: 600px;\n    }\n\n    .ee-about .ee-about-desc {\n      font-size: 14.5px;\n      line-height: 1.65;\n      color: var(--ee-text-muted);\n      margin-bottom: 28px;\n      max-width: 600px;\n    }\n\n    \/* 3 Upgraded Core Competency Bento Cards *\/\n    .ee-about .ee-about-pillars {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 14px;\n    }\n\n    .ee-about .ee-about-pillar-card {\n      background: rgba(255, 255, 255, 0.85);\n      border: 1px solid rgba(142, 43, 41, 0.14);\n      border-radius: 14px;\n      padding: 16px 15px;\n      transition: transform var(--ee-transition), box-shadow var(--ee-transition), border-color var(--ee-transition), background-color var(--ee-transition);\n      box-shadow: 0 6px 18px -6px rgba(41, 41, 41, 0.04);\n      display: flex;\n      flex-direction: column;\n    }\n\n    .ee-about .ee-about-pillar-card:hover {\n      background: var(--ee-white);\n      transform: translateY(-3px);\n      border-color: var(--ee-primary);\n      box-shadow: 0 12px 26px -8px rgba(142, 43, 41, 0.14);\n    }\n\n    .ee-about .ee-pillar-top {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 12px;\n    }\n\n    .ee-about .ee-pillar-icon-box {\n      width: 34px;\n      height: 34px;\n      border-radius: 9px;\n      background: rgba(142, 43, 41, 0.08);\n      color: var(--ee-primary);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: background-color 0.25s ease, color 0.25s ease;\n    }\n\n    .ee-about .ee-pillar-icon-box svg {\n      width: 17px;\n      height: 17px;\n      stroke: currentColor;\n    }\n\n    .ee-about .ee-about-pillar-card:hover .ee-pillar-icon-box {\n      background: var(--ee-primary);\n      color: var(--ee-white);\n    }\n\n    .ee-about .ee-pillar-num {\n      font-size: 11px;\n      font-weight: 800;\n      color: var(--ee-primary);\n      opacity: 0.45;\n      letter-spacing: 0.5px;\n    }\n\n    .ee-about .ee-pillar-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--ee-text);\n      line-height: 1.25;\n      margin-bottom: 6px;\n    }\n\n    .ee-about .ee-pillar-text {\n      font-size: 12.5px;\n      line-height: 1.48;\n      color: var(--ee-text-muted);\n    }\n\n    \/* ==========================================================================\n       Right Column: Double-Bezel Architectural Visual Frame (Matched to Hero)\n       ========================================================================== *\/\n    .ee-about .ee-about-visual {\n      position: relative;\n      display: flex;\n      justify-content: flex-end;\n    }\n\n    .ee-about .ee-about-frame-bezel {\n      position: relative;\n      width: 100%;\n      max-width: 500px;\n      padding: 10px;\n      border-radius: 24px;\n      background: linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(244, 235, 221, 0.6) 100%);\n      border: 1px solid rgba(142, 43, 41, 0.15);\n      box-shadow: 0 24px 48px -12px rgba(41, 41, 41, 0.1), 0 4px 12px rgba(142, 43, 41, 0.04);\n    }\n\n    .ee-about .ee-about-image-wrapper {\n      position: relative;\n      width: 100%;\n      border-radius: 16px;\n      overflow: hidden;\n      background: var(--ee-white);\n    }\n\n    .ee-about .ee-about-image {\n      width: 100%;\n      height: 460px !important;\n      object-fit: cover !important;\n      object-position: center 25% !important;\n      display: block;\n      transition: transform 0.7s var(--ee-transition);\n    }\n\n    .ee-about .ee-about-frame-bezel:hover .ee-about-image {\n      transform: scale(1.03);\n    }\n\n    \/* Subtle Dark Bottom Vignette for Badge Contrast *\/\n    .ee-about .ee-about-image-wrapper::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to top, rgba(20, 20, 20, 0.35) 0%, transparent 45%);\n      pointer-events: none;\n    }\n\n    \/* Top-Right Floating Technical Chip *\/\n    .ee-about .ee-about-top-chip {\n      position: absolute;\n      top: 24px;\n      right: 24px;\n      background: rgba(255, 255, 255, 0.95);\n      padding: 7px 13px;\n      border-radius: 100px;\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      z-index: 3;\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--ee-text);\n      letter-spacing: 0.3px;\n    }\n\n    .ee-about .ee-top-chip-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background-color: var(--ee-primary);\n    }\n\n    \/* Floating Location & Coverage Badge (Matched to Hero) *\/\n    .ee-about .ee-about-badge {\n      position: absolute;\n      bottom: 22px;\n      left: 22px;\n      right: 22px;\n      background: rgba(255, 255, 255, 0.96);\n      padding: 12px 16px;\n      border-radius: 14px;\n      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      display: flex;\n      align-items: center;\n      gap: 13px;\n      z-index: 3;\n      transition: transform var(--ee-transition);\n    }\n\n    .ee-about .ee-about-frame-bezel:hover .ee-about-badge {\n      transform: translateY(-2px);\n    }\n\n    .ee-about .ee-badge-icon-wrap {\n      width: 38px;\n      height: 38px;\n      border-radius: 10px;\n      background-color: var(--ee-primary);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--ee-white);\n      flex-shrink: 0;\n      box-shadow: 0 4px 10px rgba(142, 43, 41, 0.25);\n    }\n\n    .ee-about .ee-badge-icon-wrap svg {\n      width: 17px;\n      height: 17px;\n      fill: currentColor;\n    }\n\n    .ee-about .ee-badge-title {\n      font-size: 13.5px;\n      font-weight: 700;\n      color: var(--ee-text);\n      line-height: 1.25;\n    }\n\n    .ee-about .ee-badge-subtitle {\n      font-size: 11.5px;\n      color: var(--ee-primary);\n      font-weight: 600;\n      margin-top: 2px;\n    }\n\n    \/* ==========================================================================\n       Responsive Rules (Tablet & Mobile)\n       ========================================================================== *\/\n    @media (max-width: 991px) {\n      .ee-about {\n        padding: 70px 20px;\n      }\n\n      .ee-about .ee-about-container {\n        grid-template-columns: 1fr;\n        gap: 36px;\n      }\n\n      .ee-about .ee-about-visual {\n        justify-content: center;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .ee-about {\n        padding: 65px 20px 35px;\n      }\n\n      .ee-about .ee-about-container {\n        gap: 28px;\n      }\n\n      \/* Compact single-line eyebrow *\/\n      .ee-about .ee-about-eyebrow {\n        font-size: clamp(9.5px, 2.6vw, 10.5px);\n        letter-spacing: 0.6px;\n        padding: 5px 11px;\n        gap: 6px;\n        margin-bottom: 14px;\n        white-space: nowrap;\n      }\n\n      \/* Proportional mobile heading *\/\n      .ee-about .ee-about-title {\n        font-size: clamp(21px, 5.4vw, 27px);\n        line-height: 1.25;\n        margin-bottom: 14px;\n      }\n\n      .ee-about .ee-about-lead {\n        font-size: 14.5px;\n        line-height: 1.55;\n        margin-bottom: 12px;\n        padding-left: 12px;\n      }\n\n      .ee-about .ee-about-desc {\n        font-size: 13.5px;\n        line-height: 1.6;\n        margin-bottom: 22px;\n      }\n\n      \/* Compact horizontal-aligned competency cards on mobile *\/\n      .ee-about .ee-about-pillars {\n        grid-template-columns: 1fr;\n        gap: 10px;\n      }\n\n      .ee-about .ee-about-pillar-card {\n        padding: 13px 14px;\n        border-radius: 12px;\n        background: rgba(255, 255, 255, 0.92);\n      }\n\n      .ee-about .ee-pillar-top {\n        margin-bottom: 8px;\n      }\n\n      .ee-about .ee-pillar-icon-box {\n        width: 30px;\n        height: 30px;\n        border-radius: 8px;\n      }\n\n      .ee-about .ee-pillar-icon-box svg {\n        width: 15px;\n        height: 15px;\n      }\n\n      .ee-about .ee-pillar-title {\n        font-size: 13.5px;\n        margin-bottom: 3px;\n      }\n\n      .ee-about .ee-pillar-text {\n        font-size: 12.5px;\n      }\n\n      \/* Scaled double-bezel image frame on mobile *\/\n      .ee-about .ee-about-frame-bezel {\n        padding: 6px;\n        border-radius: 18px;\n      }\n\n      .ee-about .ee-about-image-wrapper {\n        border-radius: 13px;\n      }\n\n      .ee-about .ee-about-image {\n        height: 245px !important;\n        object-position: center 25% !important;\n      }\n\n      .ee-about .ee-about-top-chip {\n        top: 14px;\n        right: 14px;\n        padding: 5px 10px;\n        font-size: 10px;\n      }\n\n      \/* Compact floating badge *\/\n      .ee-about .ee-about-badge {\n        bottom: 14px;\n        left: 14px;\n        right: 14px;\n        padding: 9px 12px;\n        gap: 10px;\n        border-radius: 10px;\n      }\n\n      .ee-about .ee-badge-icon-wrap {\n        width: 30px;\n        height: 30px;\n        border-radius: 7px;\n      }\n\n      .ee-about .ee-badge-icon-wrap svg {\n        width: 14px;\n        height: 14px;\n      }\n\n      .ee-about .ee-badge-title {\n        font-size: 12px;\n      }\n\n      .ee-about .ee-badge-subtitle {\n        font-size: 10.5px;\n      }\n    }\n\n    \/* Small Phone Safeguard (<= 360px) *\/\n    @media (max-width: 360px) {\n      .ee-about {\n        padding-left: 14px;\n        padding-right: 14px;\n      }\n      .ee-about .ee-about-eyebrow {\n        font-size: 8.5px;\n        letter-spacing: 0.3px;\n        padding: 4px 8px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .ee-about *,\n      .ee-eyebrow-dot {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n  <\/style>\n\n  <!-- Precision Ambient Grid -->\n  <div class=\"ee-about-grid-bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ee-about-container\">\n    \n    <!-- Left Column: Narrative Content -->\n    <div class=\"ee-about-content\">\n      <div class=\"ee-about-eyebrow\">\n        <span class=\"ee-eyebrow-dot\"><\/span>\n        <span>ABOUT EMIRATES ELECTRO &bull; PRACTICAL EXPERTISE<\/span>\n      <\/div>\n\n      <h2 class=\"ee-about-title\">\n        Reliable Electrical &amp; Solar Maintenance <span>Engineered for the UAE.<\/span>\n      <\/h2>\n\n      <p class=\"ee-about-lead\">\n        Emirates Electro Electrical Installations provides comprehensive electrical services and maintenance support for residential, commercial, and industrial environments across Abu Dhabi and Dubai.\n      <\/p>\n\n      <p class=\"ee-about-desc\">\n        Based in Abu Dhabi, UAE, we deliver hands-on technical expertise, dependable workmanship, and proactive site support. From routine villa repairs and distribution board modifications to rooftop solar PV plant maintenance and certified manpower deployment, we support property owners, facility managers, and project contractors with precision-driven electrical solutions.\n      <\/p>\n\n      <!-- 3 Core Competency Bento Cards -->\n      <div class=\"ee-about-pillars\">\n        <div class=\"ee-about-pillar-card\">\n          <div class=\"ee-pillar-top\">\n            <div class=\"ee-pillar-icon-box\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon>\n              <\/svg>\n            <\/div>\n            <span class=\"ee-pillar-num\">01<\/span>\n          <\/div>\n          <h3 class=\"ee-pillar-title\">Villas &amp; Facilities<\/h3>\n          <p class=\"ee-pillar-text\">Wiring, fault repairs, lighting, DB modifications, and handyman upkeep.<\/p>\n        <\/div>\n\n        <div class=\"ee-about-pillar-card\">\n          <div class=\"ee-pillar-top\">\n            <div class=\"ee-pillar-icon-box\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\n                <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line>\n                <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line>\n                <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line>\n                <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line>\n                <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line>\n                <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line>\n              <\/svg>\n            <\/div>\n            <span class=\"ee-pillar-num\">02<\/span>\n          <\/div>\n          <h3 class=\"ee-pillar-title\">Solar PV O&amp;M<\/h3>\n          <p class=\"ee-pillar-text\">Preventive inspections, inverter diagnostics, and AC\/DC maintenance.<\/p>\n        <\/div>\n\n        <div class=\"ee-about-pillar-card\">\n          <div class=\"ee-pillar-top\">\n            <div class=\"ee-pillar-icon-box\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n              <\/svg>\n            <\/div>\n            <span class=\"ee-pillar-num\">03<\/span>\n          <\/div>\n          <h3 class=\"ee-pillar-title\">Skilled Manpower<\/h3>\n          <p class=\"ee-pillar-text\">Electricians, foremen, and maintenance teams for site deployment.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Right Column: Double-Bezel Architectural Visual Frame -->\n    <div class=\"ee-about-visual\">\n      <div class=\"ee-about-frame-bezel\">\n        <!-- Top-Right Floating Technical Chip -->\n        <div class=\"ee-about-top-chip\">\n          <span class=\"ee-top-chip-dot\"><\/span>\n          <span>Hands-On Site Execution<\/span>\n        <\/div>\n\n        <div class=\"ee-about-image-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?q=80&w=1200&auto=format&fit=crop\" \n               alt=\"Engineers inspecting electrical and solar infrastructure in UAE\" \n               class=\"ee-about-image\" \n               loading=\"lazy\">\n        <\/div>\n\n        <!-- Floating Location & Coverage Badge -->\n        <div class=\"ee-about-badge\">\n          <div class=\"ee-badge-icon-wrap\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <div class=\"ee-badge-title\">Headquartered in Abu Dhabi<\/div>\n            <div class=\"ee-badge-subtitle\">Operations in Abu Dhabi &amp; Dubai<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f2a27cf e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"f2a27cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e48f02e elementor-widget elementor-widget-html\" data-id=\"e48f02e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ee-services\" id=\"services\" aria-label=\"Services Section\">\n  <style>\n    .ee-services {\n      --ee-primary: #8E2B29;\n      --ee-primary-dark: #6E2120;\n      --ee-cream: #F4EBDD;\n      --ee-cream-light: #FAF5ED;\n      --ee-text: #292929;\n      --ee-text-muted: #5A5A5A;\n      --ee-grey: #898989;\n      --ee-white: #FFFFFF;\n      --ee-border-subtle: rgba(142, 43, 41, 0.12);\n      --ee-border-accent: rgba(142, 43, 41, 0.22);\n      \n      --ee-container-width: 1280px;\n      --ee-easing: cubic-bezier(0.16, 1, 0.3, 1);\n      --ee-speed: 0.65s;\n    }\n\n    .ee-services *,\n    .ee-services *::before,\n    .ee-services *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .ee-services {\n      position: relative;\n      z-index: 1;\n      display: block;\n      background: linear-gradient(145deg, #FFFFFF 0%, #FAF8F5 55%, #F5ECE0 100%);\n      font-family: inherit;\n      width: 100%;\n      padding: 95px 28px;\n      overflow: hidden;\n      border-bottom: 1px solid var(--ee-border-subtle);\n      scroll-margin-top: 80px;\n    }\n\n    .ee-services-grid-bg {\n      position: absolute;\n      inset: 0;\n      background-size: 64px 64px;\n      background-image: \n        linear-gradient(to right, rgba(142, 43, 41, 0.022) 1px, transparent 1px),\n        linear-gradient(to bottom, rgba(142, 43, 41, 0.022) 1px, transparent 1px);\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    @keyframes eeServicePulse {\n      0%, 100% {\n        box-shadow: 0 0 0 0 rgba(142, 43, 41, 0.45);\n      }\n      50% {\n        box-shadow: 0 0 0 6px rgba(142, 43, 41, 0);\n      }\n    }\n\n    @keyframes eeTrustPulse {\n      0%, 100% {\n        box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.45);\n      }\n      50% {\n        box-shadow: 0 0 0 5px rgba(52, 211, 153, 0);\n      }\n    }\n\n    .ee-services-container {\n      position: relative;\n      z-index: 1;\n      max-width: var(--ee-container-width);\n      margin: 0 auto;\n      width: 100%;\n    }\n\n    .ee-services-header {\n      text-align: center;\n      max-width: 760px;\n      margin: 0 auto 48px;\n    }\n\n    .ee-services-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      padding: 6px 14px;\n      background-color: rgba(255, 255, 255, 0.88);\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      border-radius: 100px;\n      color: var(--ee-primary);\n      font-size: 11.5px;\n      font-weight: 700;\n      letter-spacing: 1.2px;\n      text-transform: uppercase;\n      margin-bottom: 16px;\n      box-shadow: 0 4px 12px rgba(142, 43, 41, 0.04);\n    }\n\n    .ee-eyebrow-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background-color: var(--ee-primary);\n      animation: eeServicePulse 2.2s infinite;\n    }\n\n    .ee-services-title {\n      font-size: clamp(28px, 3.2vw, 40px);\n      font-weight: 700;\n      color: var(--ee-text);\n      line-height: 1.2;\n      letter-spacing: -0.5px;\n      margin-bottom: 16px;\n    }\n\n    .ee-services-subtitle {\n      font-size: clamp(15px, 1.1vw, 16.5px);\n      line-height: 1.6;\n      color: var(--ee-text-muted);\n      max-width: 700px;\n      margin: 0 auto;\n    }\n\n    .ee-mobile-tab-bar {\n      display: none;\n    }\n\n    .ee-panes-wrapper {\n      display: flex;\n      gap: 20px;\n      height: 555px;\n      width: 100%;\n    }\n\n    .ee-pane {\n      position: relative;\n      flex: 1;\n      border-radius: 20px;\n      overflow: hidden;\n      cursor: pointer;\n      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      will-change: flex;\n      transform: translateZ(0);\n      backface-visibility: hidden;\n      transition: flex var(--ee-speed) var(--ee-easing), box-shadow 0.35s ease, border-color 0.35s ease;\n    }\n\n    .ee-pane:hover {\n      box-shadow: 0 18px 40px rgba(142, 43, 41, 0.18);\n    }\n\n    .ee-pane.ee-active {\n      flex: 3.35;\n      cursor: default;\n      box-shadow: 0 24px 52px -12px rgba(20, 18, 18, 0.25);\n      border-color: var(--ee-primary);\n    }\n\n    .ee-pane-bg {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-size: cover;\n      background-position: center;\n      transition: transform 0.85s var(--ee-easing);\n      z-index: 0;\n      pointer-events: none;\n    }\n\n    .ee-pane:hover .ee-pane-bg {\n      transform: scale(1.05);\n    }\n\n    .ee-pane-overlay {\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(180deg, rgba(18, 16, 16, 0.42) 0%, rgba(18, 16, 16, 0.84) 55%, rgba(18, 16, 16, 0.96) 100%);\n      z-index: 1;\n      pointer-events: none;\n      transition: background 0.4s ease;\n    }\n\n    .ee-pane.ee-active .ee-pane-overlay {\n      background: linear-gradient(165deg, rgba(18, 16, 16, 0.65) 0%, rgba(18, 16, 16, 0.88) 45%, rgba(18, 16, 16, 0.97) 100%);\n    }\n\n    .ee-pane-collapsed-bar {\n      position: absolute;\n      inset: 0;\n      z-index: 2;\n      padding: 28px 22px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      pointer-events: none;\n      opacity: 1;\n      visibility: visible;\n      transition: opacity 0.25s ease 0.2s, visibility 0.25s ease 0.2s;\n    }\n\n    .ee-pane.ee-active .ee-pane-collapsed-bar {\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.08s ease 0s, visibility 0.08s ease 0s;\n    }\n\n    .ee-collapsed-top {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .ee-collapsed-num {\n      font-size: 22px;\n      font-weight: 800;\n      color: var(--ee-cream);\n      letter-spacing: -0.5px;\n      background: rgba(255, 255, 255, 0.08);\n      border: 1px solid rgba(244, 235, 221, 0.2);\n      padding: 4px 11px;\n      border-radius: 8px;\n    }\n\n    .ee-collapsed-center-icon {\n      align-self: center;\n      width: 68px;\n      height: 68px;\n      border-radius: 20px;\n      background: rgba(255, 255, 255, 0.07);\n      border: 1px solid rgba(244, 235, 221, 0.18);\n      color: var(--ee-cream);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.35s var(--ee-easing);\n      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n    }\n\n    .ee-pane:hover .ee-collapsed-center-icon {\n      background: rgba(142, 43, 41, 0.65);\n      border-color: rgba(244, 235, 221, 0.45);\n      transform: scale(1.08) translateY(-3px);\n    }\n\n    .ee-collapsed-center-icon svg {\n      width: 32px;\n      height: 32px;\n    }\n\n    .ee-collapsed-title-box {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n      width: 100%;\n    }\n\n    .ee-collapsed-title {\n      color: var(--ee-white);\n      font-size: 16.5px;\n      font-weight: 700;\n      line-height: 1.35;\n      white-space: normal;\n    }\n\n    .ee-collapsed-prompt {\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 8px;\n      color: var(--ee-cream);\n      font-size: 11.5px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      white-space: nowrap;\n      padding-top: 12px;\n      border-top: 1px solid rgba(244, 235, 221, 0.14);\n    }\n\n    .ee-collapsed-plus-circle {\n      width: 26px;\n      height: 26px;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.12);\n      border: 1px solid rgba(244, 235, 221, 0.25);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n    }\n\n    .ee-pane:hover .ee-collapsed-plus-circle {\n      background: var(--ee-primary);\n      border-color: var(--ee-primary);\n      transform: rotate(90deg);\n    }\n\n    .ee-collapsed-plus-circle svg {\n      width: 12px;\n      height: 12px;\n      stroke: currentColor;\n    }\n\n    .ee-pane-expanded-body {\n      position: absolute;\n      inset: 0;\n      z-index: 3;\n      width: 100%;\n      min-width: 520px;\n      height: 100%;\n      padding: 32px 36px 28px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      overflow: hidden;\n      opacity: 0;\n      visibility: hidden;\n      pointer-events: none;\n      transform: translateX(12px);\n      transition: opacity 0.12s ease 0s, visibility 0.12s ease 0s, transform 0.12s ease 0s;\n    }\n\n    .ee-pane.ee-active .ee-pane-expanded-body {\n      opacity: 1;\n      visibility: visible;\n      pointer-events: auto;\n      transform: translateX(0);\n      transition: opacity 0.35s ease 0.18s, visibility 0.35s ease 0.18s, transform 0.45s var(--ee-easing) 0.15s;\n    }\n\n    .ee-expanded-top {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 10px;\n    }\n\n    .ee-expanded-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: rgba(142, 43, 41, 0.55);\n      border: 1px solid rgba(244, 235, 221, 0.32);\n      padding: 5px 14px;\n      border-radius: 100px;\n      color: var(--ee-cream);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n    }\n\n    .ee-expanded-num {\n      font-size: 18px;\n      font-weight: 800;\n      color: var(--ee-cream);\n      opacity: 0.9;\n    }\n\n    .ee-expanded-title {\n      color: var(--ee-white);\n      font-size: clamp(22px, 2.1vw, 28px);\n      font-weight: 700;\n      line-height: 1.22;\n      margin-bottom: 6px;\n    }\n\n    .ee-expanded-scope {\n      font-size: 13.5px;\n      color: var(--ee-cream-light);\n      opacity: 0.88;\n      margin-bottom: 18px;\n      line-height: 1.5;\n      max-width: 620px;\n    }\n\n    .ee-services-list {\n      list-style: none;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 9px 14px;\n      margin-bottom: 16px;\n    }\n\n    .ee-services-list li:last-child:nth-child(odd) {\n      grid-column: 1 \/ -1;\n    }\n\n    .ee-service-item {\n      background: rgba(255, 255, 255, 0.08);\n      border: 1px solid rgba(244, 235, 221, 0.15);\n      border-radius: 10px;\n      padding: 9px 13px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      color: var(--ee-cream);\n      font-size: 13.5px;\n      font-weight: 500;\n      line-height: 1.35;\n      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n    }\n\n    .ee-service-item:hover {\n      background: rgba(255, 255, 255, 0.13);\n      border-color: rgba(244, 235, 221, 0.32);\n      transform: translateX(2px);\n    }\n\n    .ee-service-bullet {\n      color: var(--ee-primary);\n      font-weight: 800;\n      font-size: 11px;\n      line-height: 1;\n      flex-shrink: 0;\n      background-color: var(--ee-white);\n      width: 18px;\n      height: 18px;\n      border-radius: 50%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .ee-expanded-actions {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      margin-top: auto;\n      padding-top: 14px;\n      border-top: 1px solid rgba(244, 235, 221, 0.16);\n      flex-wrap: wrap;\n    }\n\n    .ee-service-whatsapp-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      background-color: var(--ee-primary);\n      color: var(--ee-white) !important;\n      padding: 9px 10px 9px 22px;\n      border-radius: 100px;\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 600;\n      transition: all 0.3s var(--ee-easing);\n      box-shadow: 0 8px 20px -4px rgba(142, 43, 41, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    }\n\n    .ee-service-wa-left {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n    }\n\n    .ee-service-wa-icon {\n      width: 17px;\n      height: 17px;\n      fill: currentColor;\n      flex-shrink: 0;\n    }\n\n    .ee-service-arrow-box {\n      width: 30px;\n      height: 30px;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.16);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      transition: transform 0.3s var(--ee-easing), background-color 0.3s ease, color 0.3s ease;\n    }\n\n    .ee-service-arrow-box svg {\n      width: 14px;\n      height: 14px;\n    }\n\n    .ee-service-whatsapp-btn:hover,\n    .ee-service-whatsapp-btn:focus-visible {\n      background-color: var(--ee-primary-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 12px 26px -4px rgba(142, 43, 41, 0.6);\n      color: var(--ee-white) !important;\n    }\n\n    .ee-service-whatsapp-btn:hover .ee-service-arrow-box {\n      background: var(--ee-white);\n      color: var(--ee-primary);\n      transform: translateX(2px);\n    }\n\n    .ee-service-trust-tag {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 12.5px;\n      color: var(--ee-cream);\n      opacity: 0.9;\n      font-weight: 500;\n    }\n\n    .ee-trust-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background-color: #34D399;\n      animation: eeTrustPulse 2.2s infinite;\n    }\n\n    .ee-pane:focus-visible {\n      outline: 3px solid var(--ee-primary);\n      outline-offset: 4px;\n    }\n\n    \/* Responsive Refinements and Visual Mobile Cards *\/\n    @media (max-width: 991px) {\n      .ee-services {\n        padding: 65px 20px 40px;\n      }\n\n      .ee-services .ee-services-header {\n        margin-bottom: 24px;\n      }\n\n      .ee-services .ee-services-eyebrow {\n        font-size: clamp(9.5px, 2.6vw, 10.5px);\n        letter-spacing: 0.6px;\n        padding: 5px 12px;\n        gap: 6px;\n        margin-bottom: 12px;\n        white-space: nowrap;\n      }\n\n      .ee-services .ee-services-title {\n        font-size: clamp(21px, 5.4vw, 27px);\n        line-height: 1.24;\n        margin-bottom: 12px;\n      }\n\n      .ee-services .ee-services-subtitle {\n        font-size: 14px;\n        line-height: 1.55;\n      }\n\n      .ee-mobile-tab-bar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        background: rgba(255, 255, 255, 0.75);\n        border: 1px solid rgba(142, 43, 41, 0.14);\n        border-radius: 100px;\n        padding: 5px;\n        margin: 0 auto 22px;\n        max-width: 480px;\n        width: 100%;\n        box-shadow: 0 4px 14px rgba(142, 43, 41, 0.05);\n      }\n\n      .ee-mobile-tab {\n        flex: 1;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        padding: 9px 10px;\n        border: none;\n        border-radius: 100px;\n        background: transparent;\n        color: var(--ee-text-muted);\n        font-family: inherit;\n        font-size: 12.5px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: all 0.25s ease;\n        white-space: nowrap;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      .ee-mobile-tab-num {\n        font-size: 11px;\n        font-weight: 700;\n        opacity: 0.65;\n        letter-spacing: 0.5px;\n      }\n\n      .ee-mobile-tab.ee-active {\n        background: var(--ee-primary);\n        color: var(--ee-white);\n        box-shadow: 0 4px 12px rgba(142, 43, 41, 0.25);\n        font-weight: 700;\n      }\n\n      .ee-mobile-tab.ee-active .ee-mobile-tab-num {\n        color: var(--ee-cream);\n        opacity: 1;\n      }\n\n      .ee-panes-wrapper {\n        display: block;\n        height: auto;\n        gap: 0;\n      }\n\n      .ee-pane {\n        display: none !important;\n        flex: none !important;\n        width: 100%;\n        height: auto;\n        border-radius: 18px;\n        background: var(--ee-white);\n        border: 1px solid rgba(142, 43, 41, 0.14);\n        box-shadow: 0 14px 32px -10px rgba(41, 41, 41, 0.08);\n        cursor: default;\n        overflow: hidden;\n      }\n\n      .ee-pane.ee-active {\n        display: block !important;\n        animation: eeCardFade 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n      }\n\n      @keyframes eeCardFade {\n        from {\n          opacity: 0;\n          transform: translateY(6px);\n        }\n        to {\n          opacity: 1;\n          transform: translateY(0);\n        }\n      }\n\n      .ee-pane-bg {\n        display: block !important;\n        position: relative !important;\n        width: 100% !important;\n        height: 150px !important;\n        transform: none !important;\n      }\n\n      .ee-pane-bg::after {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(180deg, rgba(20, 18, 18, 0.15) 0%, rgba(20, 18, 18, 0.55) 100%);\n      }\n\n      .ee-pane-overlay,\n      .ee-pane-collapsed-bar {\n        display: none !important;\n      }\n\n      .ee-pane-expanded-body {\n        position: relative !important;\n        inset: auto !important;\n        width: 100% !important;\n        min-width: 0 !important;\n        max-width: 100% !important;\n        height: auto !important;\n        padding: 20px 18px 20px !important;\n        opacity: 1 !important;\n        visibility: visible !important;\n        pointer-events: auto !important;\n        transform: none !important;\n        display: flex !important;\n        flex-direction: column !important;\n        background: var(--ee-white) !important;\n      }\n\n      .ee-expanded-top {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 8px;\n        margin-bottom: 10px;\n      }\n\n      .ee-expanded-badge {\n        background-color: rgba(142, 43, 41, 0.06);\n        border: 1px solid rgba(142, 43, 41, 0.16);\n        color: var(--ee-primary);\n        font-size: 10.5px;\n        font-weight: 700;\n        letter-spacing: 0.7px;\n        padding: 4px 11px;\n        border-radius: 100px;\n      }\n\n      .ee-expanded-num {\n        font-size: 16px;\n        font-weight: 800;\n        color: var(--ee-primary);\n        opacity: 0.45;\n      }\n\n      .ee-expanded-title {\n        color: var(--ee-text);\n        font-size: 20px;\n        font-weight: 700;\n        line-height: 1.25;\n        margin-bottom: 6px;\n      }\n\n      .ee-expanded-scope {\n        font-size: 13.5px;\n        line-height: 1.5;\n        color: var(--ee-text-muted);\n        opacity: 1;\n        margin-bottom: 16px;\n      }\n\n      .ee-services-list {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 7px;\n        margin-bottom: 18px;\n      }\n\n      .ee-service-item {\n        background: #FAF8F5;\n        border: 1px solid rgba(142, 43, 41, 0.09);\n        border-radius: 9px;\n        padding: 9px 12px;\n        color: var(--ee-text);\n        font-size: 13px;\n        line-height: 1.35;\n        font-weight: 500;\n        gap: 10px;\n      }\n\n      .ee-service-item:hover {\n        background: #F5ECE0;\n        border-color: rgba(142, 43, 41, 0.18);\n        transform: none;\n      }\n\n      .ee-service-bullet {\n        width: 18px;\n        height: 18px;\n        background: rgba(142, 43, 41, 0.1);\n        color: var(--ee-primary);\n        font-size: 11px;\n        font-weight: 800;\n      }\n\n      .ee-expanded-actions {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        padding-top: 14px;\n        border-top: 1px solid rgba(142, 43, 41, 0.1);\n        margin-top: 0;\n      }\n\n      .ee-service-whatsapp-btn {\n        width: 100%;\n        justify-content: space-between;\n        padding: 10px 12px 10px 22px;\n        font-size: 14.5px;\n        border-radius: 100px !important;\n      }\n\n      .ee-service-trust-tag {\n        width: 100%;\n        justify-content: center;\n        color: var(--ee-text-muted);\n        opacity: 1;\n        font-size: 12px;\n      }\n\n      .ee-trust-dot {\n        background-color: #2E7D32;\n      }\n    }\n\n    @media (min-width: 560px) and (max-width: 991px) {\n      .ee-services-list {\n        grid-template-columns: 1fr 1fr;\n        gap: 8px 12px;\n      }\n      .ee-pane-bg {\n        height: 180px !important;\n      }\n    }\n\n    @media (max-width: 360px) {\n      .ee-mobile-tab {\n        padding: 8px 6px;\n        font-size: 11px;\n        gap: 4px;\n      }\n      .ee-mobile-tab-num {\n        font-size: 9.5px;\n      }\n      .ee-services .ee-services-title {\n        font-size: 20px;\n      }\n      .ee-expanded-title {\n        font-size: 18px;\n      }\n      .ee-service-item {\n        font-size: 12.5px;\n        padding: 7px 10px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .ee-pane,\n      .ee-pane-bg,\n      .ee-pane-expanded-body,\n      .ee-pane-collapsed-bar,\n      .ee-service-whatsapp-btn,\n      .ee-mobile-tab,\n      .ee-eyebrow-dot,\n      .ee-trust-dot {\n        transition: none !important;\n        animation: none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"ee-services-grid-bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ee-services-container\">\n    \n    <div class=\"ee-services-header\">\n      <div class=\"ee-services-eyebrow\">\n        <span class=\"ee-eyebrow-dot\"><\/span>\n        <span>OUR CORE DISCIPLINES &bull; ABU DHABI &amp; DUBAI<\/span>\n      <\/div>\n      <h2 class=\"ee-services-title\">Specialized Electrical, Solar PV &amp; Manpower Services<\/h2>\n      <p class=\"ee-services-subtitle\">\n        Reliable engineering support, proactive maintenance, and certified technical workforce solutions tailored for residential villas, commercial facilities, and rooftop solar plants.\n      <\/p>\n    <\/div>\n\n    <div class=\"ee-mobile-tab-bar\" role=\"tablist\" aria-label=\"Services Navigation\">\n      <button type=\"button\" class=\"ee-mobile-tab ee-active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"ee-pane-0\" id=\"ee-tab-0\" data-index=\"0\">\n        <span class=\"ee-mobile-tab-num\">01<\/span>\n        <span>LV Electrical<\/span>\n      <\/button>\n      <button type=\"button\" class=\"ee-mobile-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ee-pane-1\" id=\"ee-tab-1\" data-index=\"1\">\n        <span class=\"ee-mobile-tab-num\">02<\/span>\n        <span>Solar PV<\/span>\n      <\/button>\n      <button type=\"button\" class=\"ee-mobile-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ee-pane-2\" id=\"ee-tab-2\" data-index=\"2\">\n        <span class=\"ee-mobile-tab-num\">03<\/span>\n        <span>Manpower<\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"ee-panes-wrapper\" role=\"region\" aria-label=\"Services Showcase\">\n\n      <!-- Pane 01: Residential, Commercial & Industrial Projects -->\n      <div class=\"ee-pane ee-active\" id=\"ee-pane-0\" tabindex=\"0\" role=\"tabpanel\" aria-labelledby=\"ee-tab-0\" aria-expanded=\"true\" aria-label=\"Residential, Commercial &amp; Industrial Projects\">\n        <div class=\"ee-pane-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=1200&auto=format&fit=crop');\"><\/div>\n        <div class=\"ee-pane-overlay\"><\/div>\n        \n        <div class=\"ee-pane-collapsed-bar\" aria-hidden=\"true\">\n          <div class=\"ee-collapsed-top\">\n            <span class=\"ee-collapsed-num\">01<\/span>\n          <\/div>\n          <div class=\"ee-collapsed-center-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n          <\/div>\n          <div class=\"ee-collapsed-title-box\">\n            <span class=\"ee-collapsed-title\">Residential, Commercial &amp; Industrial Projects<\/span>\n            <span class=\"ee-collapsed-prompt\">\n              <span>Explore Details<\/span>\n              <span class=\"ee-collapsed-plus-circle\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n              <\/span>\n            <\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"ee-pane-expanded-body\">\n          <div>\n            <div class=\"ee-expanded-top\">\n              <span class=\"ee-expanded-badge\">LV Electrical Works &amp; Maintenance<\/span>\n              <span class=\"ee-expanded-num\">01<\/span>\n            <\/div>\n            <h3 class=\"ee-expanded-title\">Residential, Commercial &amp; Industrial Projects<\/h3>\n            <p class=\"ee-expanded-scope\">Complete residential electrical repairs, lighting maintenance, DB modifications, and property upkeep.<\/p>\n            \n            <ul class=\"ee-services-list\">\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Electrical installation and repairs<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Electrical fault finding &amp; troubleshooting<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Lighting installation &amp; maintenance<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Switches &amp; socket repairs \/ replacements<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Electrical modifications &amp; maintenance<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Distribution board &amp; circuit-related work<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Minor plumbing &amp; handyman services<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Villa &amp; residential property maintenance<\/span><\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"ee-expanded-actions\">\n            <a href=\"https:\/\/wa.me\/971506129475?text=Hello%20Emirates%20Electro%2C%20I%20would%20like%20to%20enquire%20about%20your%20LV%20Electrical%20Works%20%26%20Maintenance%20services%20for%20residential%2C%20commercial%2C%20or%20industrial%20projects.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ee-service-whatsapp-btn\">\n              <span class=\"ee-service-wa-left\">\n                <svg class=\"ee-service-wa-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157.1zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/><\/svg>\n                <span>Inquire for LV Works<\/span>\n              <\/span>\n              <span class=\"ee-service-arrow-box\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M3.33334 8H12.6667\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M8 3.33334L12.6667 8L8 12.6667\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/a>\n            <div class=\"ee-service-trust-tag\">\n              <span class=\"ee-trust-dot\"><\/span>\n              <span>Abu Dhabi &amp; Dubai &bull; Fast On-Site Dispatch<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Pane 02: Solar PV O&M -->\n      <div class=\"ee-pane\" id=\"ee-pane-1\" tabindex=\"0\" role=\"tabpanel\" aria-labelledby=\"ee-tab-1\" aria-expanded=\"false\" aria-label=\"Solar PV Operation &amp; Maintenance\">\n        <div class=\"ee-pane-bg\" style=\"background-image: url('http:\/\/emirateselectro.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-31-at-16.11.13.jpeg');\"><\/div>\n        <div class=\"ee-pane-overlay\"><\/div>\n        \n        <div class=\"ee-pane-collapsed-bar\" aria-hidden=\"true\">\n          <div class=\"ee-collapsed-top\">\n            <span class=\"ee-collapsed-num\">02<\/span>\n          <\/div>\n          <div class=\"ee-collapsed-center-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\/><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\/><\/svg>\n          <\/div>\n          <div class=\"ee-collapsed-title-box\">\n            <span class=\"ee-collapsed-title\">Solar PV Operation &amp; Maintenance<\/span>\n            <span class=\"ee-collapsed-prompt\">\n              <span>Explore Details<\/span>\n              <span class=\"ee-collapsed-plus-circle\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n              <\/span>\n            <\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"ee-pane-expanded-body\">\n          <div>\n            <div class=\"ee-expanded-top\">\n              <span class=\"ee-expanded-badge\">Rooftop Solar PV<\/span>\n              <span class=\"ee-expanded-num\">02<\/span>\n            <\/div>\n            <h3 class=\"ee-expanded-title\">Solar PV Operation &amp; Maintenance<\/h3>\n            <p class=\"ee-expanded-scope\">Preventative rooftop maintenance, electrical diagnostics, inverter checks, and site support.<\/p>\n            \n            <ul class=\"ee-services-list\">\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Preventive maintenance of rooftop solar PV<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Electrical inspections &amp; troubleshooting<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Solar inverter &amp; equipment checks<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>AC\/DC-side electrical maintenance<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Cable &amp; connection integrity checks<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Corrective maintenance &amp; site support<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Ongoing support for commercial &amp; industrial installations<\/span><\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"ee-expanded-actions\">\n            <a href=\"https:\/\/wa.me\/971506129475?text=Hello%20Emirates%20Electro%2C%20I%20would%20like%20to%20enquire%20about%20your%20Solar%20PV%20Operation%20%26%20Maintenance%20services.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ee-service-whatsapp-btn\">\n              <span class=\"ee-service-wa-left\">\n                <svg class=\"ee-service-wa-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157.1zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/><\/svg>\n                <span>Inquire for Solar PV<\/span>\n              <\/span>\n              <span class=\"ee-service-arrow-box\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M3.33334 8H12.6667\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M8 3.33334L12.6667 8L8 12.6667\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/a>\n            <div class=\"ee-service-trust-tag\">\n              <span class=\"ee-trust-dot\"><\/span>\n              <span>Abu Dhabi &amp; Dubai &bull; Fast On-Site Dispatch<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Pane 03: Skilled Manpower -->\n      <div class=\"ee-pane\" id=\"ee-pane-2\" tabindex=\"0\" role=\"tabpanel\" aria-labelledby=\"ee-tab-2\" aria-expanded=\"false\" aria-label=\"Skilled Manpower Supply\">\n        <div class=\"ee-pane-bg\" style=\"background-image: url('http:\/\/emirateselectro.com\/wp-content\/uploads\/2026\/10\/technicians-repairing-air-conditioning-system-in-o-2026-09-23-17-33-45-utc.webp');\"><\/div>\n        <div class=\"ee-pane-overlay\"><\/div>\n        \n        <div class=\"ee-pane-collapsed-bar\" aria-hidden=\"true\">\n          <div class=\"ee-collapsed-top\">\n            <span class=\"ee-collapsed-num\">03<\/span>\n          <\/div>\n          <div class=\"ee-collapsed-center-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n          <\/div>\n          <div class=\"ee-collapsed-title-box\">\n            <span class=\"ee-collapsed-title\">Skilled Manpower Supply<\/span>\n            <span class=\"ee-collapsed-prompt\">\n              <span>Explore Details<\/span>\n              <span class=\"ee-collapsed-plus-circle\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n              <\/span>\n            <\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"ee-pane-expanded-body\">\n          <div>\n            <div class=\"ee-expanded-top\">\n              <span class=\"ee-expanded-badge\">Technical Workforce<\/span>\n              <span class=\"ee-expanded-num\">03<\/span>\n            <\/div>\n            <h3 class=\"ee-expanded-title\">Skilled Manpower Supply<\/h3>\n            <p class=\"ee-expanded-scope\">Certified, safety-trained electrical and maintenance personnel deployed across project sites.<\/p>\n            \n            <ul class=\"ee-services-list\">\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Electricians<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Supervisors<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Foremen<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Handymen<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Helpers<\/span><\/li>\n              <li class=\"ee-service-item\"><span class=\"ee-service-bullet\">\u2713<\/span><span>Maintenance personnel<\/span><\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"ee-expanded-actions\">\n            <a href=\"https:\/\/wa.me\/971506129475?text=Hello%20Emirates%20Electro%2C%20I%20would%20like%20to%20enquire%20about%20your%20Skilled%20Manpower%20Supply%20services.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ee-service-whatsapp-btn\">\n              <span class=\"ee-service-wa-left\">\n                <svg class=\"ee-service-wa-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157.1zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/><\/svg>\n                <span>Inquire for Manpower<\/span>\n              <\/span>\n              <span class=\"ee-service-arrow-box\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M3.33334 8H12.6667\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M8 3.33334L12.6667 8L8 12.6667\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/a>\n            <div class=\"ee-service-trust-tag\">\n              <span class=\"ee-trust-dot\"><\/span>\n              <span>Abu Dhabi &amp; Dubai &bull; Fast On-Site Dispatch<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function() {\n      function initServices() {\n        var section = document.querySelector(\".ee-services\");\n        if (!section) return;\n\n        var panes = section.querySelectorAll(\".ee-pane\");\n        var tabs = section.querySelectorAll(\".ee-mobile-tab\");\n        if (!panes.length) return;\n\n        function setActiveIndex(targetIdx) {\n          panes.forEach(function(pane, idx) {\n            if (idx === targetIdx) {\n              pane.classList.add(\"ee-active\");\n              pane.setAttribute(\"aria-expanded\", \"true\");\n            } else {\n              pane.classList.remove(\"ee-active\");\n              pane.setAttribute(\"aria-expanded\", \"false\");\n            }\n          });\n\n          tabs.forEach(function(tab, idx) {\n            if (idx === targetIdx) {\n              tab.classList.add(\"ee-active\");\n              tab.setAttribute(\"aria-selected\", \"true\");\n            } else {\n              tab.classList.remove(\"ee-active\");\n              tab.setAttribute(\"aria-selected\", \"false\");\n            }\n          });\n        }\n\n        tabs.forEach(function(tab) {\n          tab.addEventListener(\"click\", function(e) {\n            e.preventDefault();\n            var idx = parseInt(this.getAttribute(\"data-index\"), 10);\n            if (!isNaN(idx)) {\n              setActiveIndex(idx);\n            }\n          });\n        });\n\n        panes.forEach(function(pane, idx) {\n          pane.addEventListener(\"click\", function(e) {\n            if (e.target.closest(\"a\") || e.target.closest(\"button\")) {\n              return;\n            }\n            setActiveIndex(idx);\n          });\n\n          pane.addEventListener(\"keydown\", function(e) {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              if (!e.target.closest(\"a\") && !e.target.closest(\"button\")) {\n                e.preventDefault();\n                setActiveIndex(idx);\n              }\n            }\n          });\n        });\n      }\n\n      if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", initServices);\n      } else {\n        initServices();\n      }\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fb951f e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"7fb951f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f78c876 elementor-widget elementor-widget-html\" data-id=\"f78c876\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ee-why\" id=\"why\" aria-label=\"Why Emirates Electro\">\n  <style>\n    \/* ==========================================================================\n       Scoped Properties & Variables (Brand Colors & Typography Preserved)\n       ========================================================================== *\/\n    .ee-why {\n      --ee-primary: #8E2B29;\n      --ee-primary-dark: #6E2120;\n      --ee-cream: #F4EBDD;\n      --ee-cream-light: #FAF5ED;\n      --ee-text: #292929;\n      --ee-text-muted: #5A5A5A;\n      --ee-grey: #898989;\n      --ee-white: #FFFFFF;\n      --ee-border-subtle: rgba(142, 43, 41, 0.12);\n      --ee-border-accent: rgba(142, 43, 41, 0.22);\n      --ee-shadow-subtle: 0 8px 24px -6px rgba(41, 41, 41, 0.04);\n      --ee-shadow-hover: 0 18px 38px -8px rgba(142, 43, 41, 0.12);\n      \n      --ee-container-width: 1280px;\n      --ee-transition: 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    \/* Scoped Reset *\/\n    .ee-why *,\n    .ee-why *::before,\n    .ee-why *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Base Section *\/\n    .ee-why {\n      position: relative;\n      background: linear-gradient(145deg, #FFFFFF 0%, #FAF8F5 52%, #F4EBDD 100%);\n      font-family: inherit;\n      width: 100%;\n      padding: 95px 28px;\n      overflow: hidden;\n      border-bottom: 1px solid var(--ee-border-subtle);\n      scroll-margin-top: 80px;\n    }\n\n    \/* Ambient Corner Glow *\/\n    .ee-why::before {\n      content: '';\n      position: absolute;\n      top: -12%;\n      right: -5%;\n      width: 580px;\n      height: 580px;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(142, 43, 41, 0.045) 0%, rgba(244, 235, 221, 0.3) 45%, transparent 70%);\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    \/* Unified 64px Precision Engineering Grid *\/\n    .ee-why .ee-why-grid-bg {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      background-image: \n        linear-gradient(to right, rgba(142, 43, 41, 0.022) 1px, transparent 1px),\n        linear-gradient(to bottom, rgba(142, 43, 41, 0.022) 1px, transparent 1px);\n      background-size: 64px 64px;\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    @keyframes eeWhyPulse {\n      0%, 100% {\n        box-shadow: 0 0 0 0 rgba(142, 43, 41, 0.45);\n      }\n      50% {\n        box-shadow: 0 0 0 6px rgba(142, 43, 41, 0);\n      }\n    }\n\n    .ee-why .ee-why-container {\n      max-width: var(--ee-container-width);\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* ==========================================================================\n       Section Header (Matched to Hero, About & Services)\n       ========================================================================== *\/\n    .ee-why .ee-why-header {\n      text-align: center;\n      max-width: 820px;\n      margin: 0 auto 50px;\n    }\n\n    .ee-why .ee-why-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      font-size: 11.5px;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--ee-primary);\n      font-weight: 700;\n      margin-bottom: 16px;\n      background-color: rgba(255, 255, 255, 0.9);\n      padding: 6px 14px;\n      border-radius: 100px;\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      box-shadow: 0 4px 12px rgba(142, 43, 41, 0.04);\n      max-width: 100%;\n    }\n\n    .ee-why .ee-why-eyebrow-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background-color: var(--ee-primary);\n      display: inline-block;\n      flex-shrink: 0;\n      animation: eeWhyPulse 2.2s infinite;\n    }\n\n    .ee-why .ee-why-title {\n      font-size: clamp(28px, 3.2vw, 42px);\n      line-height: 1.2;\n      color: var(--ee-text);\n      font-weight: 700;\n      margin-bottom: 16px;\n      letter-spacing: -0.5px;\n    }\n\n    .ee-why .ee-why-subtitle {\n      font-size: clamp(15px, 1.1vw, 16.5px);\n      line-height: 1.6;\n      color: var(--ee-text-muted);\n      max-width: 680px;\n      margin: 0 auto;\n    }\n\n    \/* ==========================================================================\n       Bento Grid Layout (12 Columns Desktop)\n       ========================================================================== *\/\n    .ee-why .ee-why-grid {\n      display: grid;\n      grid-template-columns: repeat(12, 1fr);\n      gap: 22px;\n      margin-bottom: 28px;\n    }\n\n    \/* Base Card *\/\n    .ee-why .ee-why-card {\n      background: rgba(255, 255, 255, 0.92);\n      border: 1px solid rgba(142, 43, 41, 0.14);\n      border-radius: 20px;\n      padding: 32px 28px;\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      transition: all var(--ee-transition);\n      box-shadow: var(--ee-shadow-subtle);\n      overflow: hidden;\n    }\n\n    .ee-why .ee-why-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--ee-primary), rgba(142, 43, 41, 0.15), transparent);\n      opacity: 0;\n      transition: opacity var(--ee-transition);\n    }\n\n    .ee-why .ee-why-card:hover {\n      background: var(--ee-white);\n      transform: translateY(-4px);\n      box-shadow: var(--ee-shadow-hover);\n      border-color: var(--ee-primary);\n    }\n\n    .ee-why .ee-why-card:hover::before {\n      opacity: 1;\n    }\n\n    \/* Column Allocation (Desktop) *\/\n    .ee-why .ee-why-card-experience {\n      grid-column: span 7;\n      background: linear-gradient(135deg, #FFFFFF 0%, #FDFBFA 55%, #F6EDE0 100%);\n      border: 1px solid rgba(142, 43, 41, 0.2);\n    }\n\n    \/* Subtle Architectural '1986' Watermark in Featured Card 01 *\/\n    .ee-why .ee-why-card-experience::after {\n      content: '1986';\n      position: absolute;\n      bottom: 42px;\n      right: 24px;\n      font-size: 86px;\n      font-weight: 800;\n      line-height: 1;\n      letter-spacing: -3px;\n      color: rgba(142, 43, 41, 0.045);\n      pointer-events: none;\n      user-select: none;\n      z-index: 0;\n      transition: color var(--ee-transition), transform var(--ee-transition);\n    }\n\n    .ee-why .ee-why-card-experience:hover::after {\n      color: rgba(142, 43, 41, 0.075);\n      transform: translateY(-2px);\n    }\n\n    .ee-why .ee-why-card-workforce {\n      grid-column: span 5;\n    }\n\n    .ee-why .ee-why-card-pv {\n      grid-column: span 4;\n    }\n\n    .ee-why .ee-why-card-safety {\n      grid-column: span 4;\n    }\n\n    .ee-why .ee-why-card-support {\n      grid-column: span 4;\n    }\n\n    \/* Card Internal Elements *\/\n    .ee-why .ee-why-card > div {\n      position: relative;\n      z-index: 1;\n    }\n\n    .ee-why .ee-why-card-top {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 22px;\n    }\n\n    .ee-why .ee-why-top-right {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .ee-why .ee-why-icon-box {\n      width: 46px;\n      height: 46px;\n      border-radius: 12px;\n      background: rgba(142, 43, 41, 0.07);\n      border: 1px solid rgba(142, 43, 41, 0.14);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--ee-primary);\n      transition: all var(--ee-transition);\n    }\n\n    .ee-why .ee-why-card:hover .ee-why-icon-box {\n      background: var(--ee-primary);\n      border-color: var(--ee-primary);\n      color: var(--ee-white);\n      transform: scale(1.05);\n      box-shadow: 0 6px 14px rgba(142, 43, 41, 0.22);\n    }\n\n    .ee-why .ee-why-icon-box svg {\n      width: 21px;\n      height: 21px;\n      fill: currentColor;\n    }\n\n    \/* Unified Tinted Number Pill (01 - 05) *\/\n    .ee-why .ee-why-index {\n      font-size: 12px;\n      font-weight: 800;\n      color: var(--ee-primary);\n      background: rgba(142, 43, 41, 0.08);\n      padding: 4px 9px;\n      border-radius: 6px;\n      letter-spacing: 0.5px;\n      transition: background-color 0.25s ease, color 0.25s ease;\n    }\n\n    .ee-why .ee-why-card:hover .ee-why-index {\n      background: var(--ee-primary);\n      color: var(--ee-white);\n    }\n\n    .ee-why .ee-why-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      color: var(--ee-primary);\n      background: rgba(255, 255, 255, 0.9);\n      padding: 4px 11px;\n      border-radius: 100px;\n      border: 1px solid rgba(142, 43, 41, 0.18);\n    }\n\n    .ee-why .ee-why-card-title {\n      font-size: 19.5px;\n      line-height: 1.32;\n      font-weight: 700;\n      color: var(--ee-text);\n      margin-bottom: 10px;\n      letter-spacing: -0.2px;\n    }\n\n    .ee-why .ee-why-card-experience .ee-why-card-title {\n      font-size: 23px;\n    }\n\n    .ee-why .ee-why-card-text {\n      font-size: 14.5px;\n      line-height: 1.62;\n      color: var(--ee-text-muted);\n      margin-bottom: 22px;\n    }\n\n    .ee-why .ee-why-card-experience .ee-why-card-text {\n      font-size: 15px;\n      max-width: 92%;\n    }\n\n    \/* Capability Tags *\/\n    .ee-why .ee-why-tags {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      padding-top: 14px;\n      border-top: 1px solid rgba(142, 43, 41, 0.09);\n    }\n\n    .ee-why .ee-why-tag {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 11.5px;\n      font-weight: 600;\n      color: var(--ee-text);\n      background: #FAF8F5;\n      padding: 5px 11px;\n      border-radius: 7px;\n      border: 1px solid rgba(142, 43, 41, 0.1);\n      transition: all 0.25s ease;\n    }\n\n    .ee-why .ee-why-card:hover .ee-why-tag {\n      background: var(--ee-cream-light);\n      border-color: rgba(142, 43, 41, 0.2);\n    }\n\n    .ee-why .ee-why-tag-dot {\n      width: 5px;\n      height: 5px;\n      border-radius: 50%;\n      background: var(--ee-primary);\n      flex-shrink: 0;\n    }\n\n    \/* ==========================================================================\n       3-Pillar Bento Institutional Trust Dock (Matched to Hero & About)\n       ========================================================================== *\/\n    .ee-why .ee-why-trust-bar {\n      background: rgba(255, 255, 255, 0.72);\n      border: 1px solid var(--ee-border-subtle);\n      border-radius: 18px;\n      padding: 14px;\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 14px;\n    }\n\n    .ee-why .ee-why-trust-item {\n      display: flex;\n      align-items: center;\n      gap: 13px;\n      padding: 12px 16px;\n      border-radius: 12px;\n      background: rgba(255, 255, 255, 0.88);\n      border: 1px solid rgba(142, 43, 41, 0.09);\n      transition: all 0.25s ease;\n    }\n\n    .ee-why .ee-why-trust-item:hover {\n      background: var(--ee-white);\n      border-color: rgba(142, 43, 41, 0.22);\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(142, 43, 41, 0.06);\n    }\n\n    .ee-why .ee-why-trust-icon {\n      width: 38px;\n      height: 38px;\n      border-radius: 10px;\n      background: rgba(142, 43, 41, 0.08);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--ee-primary);\n      flex-shrink: 0;\n      transition: background-color 0.25s ease, color 0.25s ease;\n    }\n\n    .ee-why .ee-why-trust-item:hover .ee-why-trust-icon {\n      background: var(--ee-primary);\n      color: var(--ee-white);\n    }\n\n    .ee-why .ee-why-trust-icon svg {\n      width: 18px;\n      height: 18px;\n      fill: currentColor;\n    }\n\n    .ee-why .ee-why-trust-text strong {\n      display: block;\n      font-size: 13.5px;\n      color: var(--ee-text);\n      font-weight: 700;\n      line-height: 1.28;\n    }\n\n    .ee-why .ee-why-trust-text span {\n      display: block;\n      font-size: 11.5px;\n      color: var(--ee-text-muted);\n      margin-top: 2px;\n    }\n\n    \/* Carousel Navigation Indicator (Hidden on Desktop) *\/\n    .ee-why .ee-why-carousel-nav {\n      display: none;\n    }\n\n    \/* ==========================================================================\n       Responsive Breakpoints (Tablet & Mobile)\n       ========================================================================== *\/\n    @media (max-width: 1024px) {\n      .ee-why .ee-why-card-experience {\n        grid-column: span 12;\n      }\n      .ee-why .ee-why-card-workforce {\n        grid-column: span 6;\n      }\n      .ee-why .ee-why-card-pv {\n        grid-column: span 6;\n      }\n      .ee-why .ee-why-card-safety {\n        grid-column: span 6;\n      }\n      .ee-why .ee-why-card-support {\n        grid-column: span 6;\n      }\n      .ee-why .ee-why-trust-bar {\n        grid-template-columns: 1fr;\n        gap: 10px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .ee-why {\n        padding: 65px 20px 36px;\n        overflow-x: hidden;\n      }\n\n      .ee-why .ee-why-container {\n        width: 100%;\n        overflow: visible;\n      }\n\n      .ee-why .ee-why-header {\n        margin-bottom: 24px;\n      }\n\n      \/* Compact single-line eyebrow *\/\n      .ee-why .ee-why-eyebrow {\n        font-size: clamp(9.5px, 2.6vw, 10.5px);\n        letter-spacing: 0.6px;\n        padding: 5px 11px;\n        gap: 6px;\n        margin-bottom: 12px;\n        white-space: nowrap;\n      }\n\n      \/* Proportional mobile headline *\/\n      .ee-why .ee-why-title {\n        font-size: clamp(21px, 5.4vw, 27px);\n        line-height: 1.25;\n        margin-bottom: 12px;\n      }\n\n      .ee-why .ee-why-subtitle {\n        font-size: 14px;\n        line-height: 1.55;\n      }\n\n      \/* ==========================================================================\n         Swipeable Snap Carousel Container (Mobile)\n         ========================================================================== *\/\n      .ee-why .ee-why-grid {\n        display: flex !important;\n        flex-direction: row;\n        flex-wrap: nowrap;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n        gap: 14px;\n        margin-left: -20px;\n        margin-right: -20px;\n        padding: 6px 20px 16px;\n        margin-bottom: 4px;\n        position: relative;\n      }\n\n      .ee-why .ee-why-grid::-webkit-scrollbar {\n        display: none;\n      }\n\n      \/* Individual Carousel Card (85vw with natural peek) *\/\n      .ee-why .ee-why-card,\n      .ee-why .ee-why-card-experience,\n      .ee-why .ee-why-card-workforce,\n      .ee-why .ee-why-card-pv,\n      .ee-why .ee-why-card-safety,\n      .ee-why .ee-why-card-support {\n        flex: 0 0 85vw !important;\n        max-width: 335px !important;\n        width: 85vw !important;\n        min-width: 270px !important;\n        scroll-snap-align: center;\n        scroll-snap-stop: normal;\n        grid-column: auto !important;\n        padding: 22px 20px;\n        border-radius: 16px;\n        box-shadow: 0 8px 22px -6px rgba(41, 41, 41, 0.06);\n        margin: 0;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n      }\n\n      .ee-why .ee-why-card-experience::after {\n        font-size: 64px;\n        bottom: 48px;\n        right: 16px;\n      }\n\n      .ee-why .ee-why-card-top {\n        margin-bottom: 16px;\n      }\n\n      .ee-why .ee-why-icon-box {\n        width: 40px;\n        height: 40px;\n        border-radius: 10px;\n      }\n\n      .ee-why .ee-why-icon-box svg {\n        width: 19px;\n        height: 19px;\n      }\n\n      .ee-why .ee-why-card-title,\n      .ee-why .ee-why-card-experience .ee-why-card-title {\n        font-size: 18px;\n        line-height: 1.3;\n        margin-bottom: 8px;\n      }\n\n      .ee-why .ee-why-card-text,\n      .ee-why .ee-why-card-experience .ee-why-card-text {\n        font-size: 13.5px;\n        line-height: 1.55;\n        margin-bottom: 16px;\n        max-width: 100%;\n      }\n\n      .ee-why .ee-why-tags {\n        padding-top: 12px;\n        gap: 6px;\n      }\n\n      .ee-why .ee-why-tag {\n        font-size: 11px;\n        padding: 4px 9px;\n      }\n\n      \/* ==========================================================================\n         Upgraded Carousel Controls (Prev\/Next Arrows + Pill Dots + Counter)\n         ========================================================================== *\/\n      .ee-why .ee-why-carousel-nav {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        background: rgba(255, 255, 255, 0.85);\n        border: 1px solid rgba(142, 43, 41, 0.12);\n        border-radius: 100px;\n        padding: 6px 10px;\n        margin: 0 auto 24px;\n        max-width: 290px;\n        width: 100%;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\n      }\n\n      .ee-why .ee-why-nav-btn {\n        width: 30px;\n        height: 30px;\n        border-radius: 50%;\n        border: 1px solid rgba(142, 43, 41, 0.16);\n        background: var(--ee-white);\n        color: var(--ee-primary);\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        flex-shrink: 0;\n        transition: all 0.2s ease;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      .ee-why .ee-why-nav-btn:active {\n        background: var(--ee-primary);\n        color: var(--ee-white);\n        transform: scale(0.94);\n      }\n\n      .ee-why .ee-why-nav-btn svg {\n        width: 14px;\n        height: 14px;\n        stroke: currentColor;\n      }\n\n      .ee-why .ee-why-nav-center {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 4px;\n      }\n\n      .ee-why .ee-why-dots {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n\n      .ee-why .ee-why-dot {\n        width: 7px;\n        height: 7px;\n        border-radius: 4px;\n        background: rgba(142, 43, 41, 0.22);\n        border: none;\n        padding: 0;\n        cursor: pointer;\n        outline: none;\n        transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      .ee-why .ee-why-dot.active {\n        width: 22px;\n        background: var(--ee-primary);\n        border-radius: 10px;\n      }\n\n      .ee-why .ee-why-carousel-counter {\n        color: var(--ee-primary);\n        font-weight: 700;\n        font-size: 10.5px;\n        letter-spacing: 0.3px;\n      }\n\n      \/* ==========================================================================\n         Stacked Full-Visibility Trust Dock on Mobile (No Second Scrollbar)\n         ========================================================================== *\/\n      .ee-why .ee-why-trust-bar {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 8px;\n        padding: 10px;\n        border-radius: 16px;\n        background: rgba(255, 255, 255, 0.75);\n        border: 1px solid rgba(142, 43, 41, 0.12);\n      }\n\n      .ee-why .ee-why-trust-item {\n        padding: 11px 13px;\n        border-radius: 11px;\n        gap: 11px;\n      }\n\n      .ee-why .ee-why-trust-icon {\n        width: 32px;\n        height: 32px;\n        border-radius: 8px;\n      }\n\n      .ee-why .ee-why-trust-icon svg {\n        width: 15px;\n        height: 15px;\n      }\n\n      .ee-why .ee-why-trust-text strong {\n        font-size: 12.5px;\n      }\n\n      .ee-why .ee-why-trust-text span {\n        font-size: 11px;\n      }\n    }\n\n    \/* Small Phone Safeguard (<= 360px) *\/\n    @media (max-width: 360px) {\n      .ee-why {\n        padding-left: 14px;\n        padding-right: 14px;\n      }\n      .ee-why .ee-why-grid {\n        margin-left: -14px;\n        margin-right: -14px;\n        padding-left: 14px;\n        padding-right: 14px;\n      }\n      .ee-why .ee-why-card,\n      .ee-why .ee-why-card-experience,\n      .ee-why .ee-why-card-workforce,\n      .ee-why .ee-why-card-pv,\n      .ee-why .ee-why-card-safety,\n      .ee-why .ee-why-card-support {\n        flex: 0 0 88vw !important;\n        min-width: 250px !important;\n        padding: 20px 16px;\n      }\n      .ee-why .ee-why-eyebrow {\n        font-size: 8.5px;\n        letter-spacing: 0.3px;\n        padding: 4px 8px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .ee-why *,\n      .ee-why-eyebrow-dot {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n  <\/style>\n\n  <!-- Ambient Precision Grid Background -->\n  <div class=\"ee-why-grid-bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ee-why-container\">\n    \n    <!-- Section Header -->\n    <div class=\"ee-why-header\">\n      <div class=\"ee-why-eyebrow\">\n        <span class=\"ee-why-eyebrow-dot\"><\/span>\n        <span>WHY EMIRATES ELECTRO &bull; PROVEN VALUE<\/span>\n      <\/div>\n      <h2 class=\"ee-why-title\">Electrical Experience. Skilled People. Practical Solutions.<\/h2>\n      <p class=\"ee-why-subtitle\">Delivering high-reliability electrical contracting, technical manpower, and commercial solar PV support across the UAE since 1986.<\/p>\n    <\/div>\n\n    <!-- Bento Grid (5 Core Pillars) -->\n    <div class=\"ee-why-grid\">\n\n      <!-- Card 01: Decades of Electrical Experience (Featured 7 Cols) -->\n      <article class=\"ee-why-card ee-why-card-experience\">\n        <div>\n          <div class=\"ee-why-card-top\">\n            <div class=\"ee-why-icon-box\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 3L2 12h3v8h6v-5h2v5h6v-8h3L12 3zm0 3.84L17.16 11H6.84L12 6.84zM7 18v-5h3v5H7zm7 0v-5h3v5h-3z\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"ee-why-top-right\">\n              <span class=\"ee-why-badge\">EST. 1986 &bull; Abu Dhabi<\/span>\n              <span class=\"ee-why-index\">01<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"ee-why-card-body\">\n            <h3 class=\"ee-why-card-title\">Decades of Electrical Experience<\/h3>\n            <p class=\"ee-why-card-text\">Established in Abu Dhabi in 1986, Emirates Electro brings a long history of electrical installation and maintenance experience across residential, commercial and institutional projects.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"ee-why-tags\">\n          <span class=\"ee-why-tag\"><span class=\"ee-why-tag-dot\"><\/span> 40+ Years UAE Heritage<\/span>\n          <span class=\"ee-why-tag\"><span class=\"ee-why-tag-dot\"><\/span> Abu Dhabi Headquartered<\/span>\n          <span class=\"ee-why-tag\"><span class=\"ee-why-tag-dot\"><\/span> Residential &amp; Commercial<\/span>\n        <\/div>\n      <\/article>\n\n      <!-- Card 02: A Skilled Technical Workforce (5 Cols) -->\n      <article class=\"ee-why-card ee-why-card-workforce\">\n        <div>\n          <div class=\"ee-why-card-top\">\n            <div class=\"ee-why-icon-box\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/>\n              <\/svg>\n            <\/div>\n            <span class=\"ee-why-index\">02<\/span>\n          <\/div>\n          <div class=\"ee-why-card-body\">\n            <h3 class=\"ee-why-card-title\">A Skilled Technical Workforce<\/h3>\n            <p class=\"ee-why-card-text\">Our workforce includes engineering and supervisory personnel, foremen, electricians and support staff, enabling us to provide practical technical manpower for different project requirements.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"ee-why-tags\">\n          <span class=\"ee-why-tag\"><span class=\"ee-why-tag-dot\"><\/span> Supervisory Engineers<\/span>\n          <span class=\"ee-why-tag\"><span class=\"ee-why-tag-dot\"><\/span> Foremen &amp; Electricians<\/span>\n          <span class=\"ee-why-tag\"><span class=\"ee-why-tag-dot\"><\/span> Project Manpower<\/span>\n        <\/div>\n      <\/article>\n\n      <!-- Card 03: Electrical & Solar PV Experience (4 Cols) -->\n      <article class=\"ee-why-card ee-why-card-pv\">\n        <div>\n          <div class=\"ee-why-card-top\">\n            <div class=\"ee-why-icon-box\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M11 21h-1l1-7H7.5c-.88 0-.33-.75-.31-.78C8.48 10.94 10.42 7.54 13 3h1l-1 7h3.5c.49 0 .56.33.47.51l-.07.15C14.7 14.88 12.8 18.3 11 21z\"\/>\n              <\/svg>\n            <\/div>\n            <span class=\"ee-why-index\">03<\/span>\n          <\/div>\n          <div class=\"ee-why-card-body\">\n            <h3 class=\"ee-why-card-title\">Electrical &amp; Solar PV Experience<\/h3>\n            <p class=\"ee-why-card-text\">From LV electrical installations and residential projects to commercial rooftop solar PV operation and maintenance, our experience spans established electrical services and modern energy infrastructure.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"ee-why-tags\">\n          <span class=\"ee-why-tag\"><span class=\"ee-why-tag-dot\"><\/span> LV Electrical Works<\/span>\n          <span class=\"ee-why-tag\"><span class=\"ee-why-tag-dot\"><\/span> Rooftop Solar PV O&amp;M<\/span>\n        <\/div>\n      <\/article>\n\n      <!-- Card 04: A Focus on Safety & Quality (4 Cols) -->\n      <article class=\"ee-why-card ee-why-card-safety\">\n        <div>\n          <div class=\"ee-why-card-top\">\n            <div class=\"ee-why-icon-box\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/>\n              <\/svg>\n            <\/div>\n            <span class=\"ee-why-index\">04<\/span>\n          <\/div>\n          <div class=\"ee-why-card-body\">\n            <h3 class=\"ee-why-card-title\">A Focus on Safety &amp; Quality<\/h3>\n            <p class=\"ee-why-card-text\">Our company procedures cover inspection and testing, process control, personnel training, corrective and preventive action, and health and safety.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"ee-why-tags\">\n          <span class=\"ee-why-tag\"><span class=\"ee-why-tag-dot\"><\/span> Inspection &amp; Testing<\/span>\n          <span class=\"ee-why-tag\"><span class=\"ee-why-tag-dot\"><\/span> Health &amp; Safety Protocols<\/span>\n        <\/div>\n      <\/article>\n\n      <!-- Card 05: Flexible Technical Support (4 Cols) -->\n      <article class=\"ee-why-card ee-why-card-support\">\n        <div>\n          <div class=\"ee-why-card-top\">\n            <div class=\"ee-why-icon-box\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z\"\/>\n              <\/svg>\n            <\/div>\n            <span class=\"ee-why-index\">05<\/span>\n          <\/div>\n          <div class=\"ee-why-card-body\">\n            <h3 class=\"ee-why-card-title\">Flexible Technical Support<\/h3>\n            <p class=\"ee-why-card-text\">Whether the requirement involves villa electrical repairs, ongoing property maintenance, project manpower or solar PV maintenance, we adapt our support to the scope of work.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"ee-why-tags\">\n          <span class=\"ee-why-tag\"><span class=\"ee-why-tag-dot\"><\/span> Villa Repairs &amp; Maintenance<\/span>\n          <span class=\"ee-why-tag\"><span class=\"ee-why-tag-dot\"><\/span> Ongoing AMCs &amp; Manpower<\/span>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <!-- Mobile Carousel Navigation Dock (Prev\/Next Buttons + Pill Dots + Counter) -->\n    <div class=\"ee-why-carousel-nav\" aria-label=\"Why Emirates Electro Carousel Navigation\">\n      <button type=\"button\" class=\"ee-why-nav-btn ee-why-prev\" aria-label=\"Previous pillar\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n      <\/button>\n\n      <div class=\"ee-why-nav-center\">\n        <div class=\"ee-why-dots\" role=\"tablist\" aria-label=\"Pillar selectors\">\n          <button type=\"button\" class=\"ee-why-dot active\" role=\"tab\" aria-selected=\"true\" aria-label=\"Pillar 1: Decades of Electrical Experience\" data-index=\"0\"><\/button>\n          <button type=\"button\" class=\"ee-why-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Pillar 2: A Skilled Technical Workforce\" data-index=\"1\"><\/button>\n          <button type=\"button\" class=\"ee-why-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Pillar 3: Electrical &amp; Solar PV Experience\" data-index=\"2\"><\/button>\n          <button type=\"button\" class=\"ee-why-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Pillar 4: A Focus on Safety &amp; Quality\" data-index=\"3\"><\/button>\n          <button type=\"button\" class=\"ee-why-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Pillar 5: Flexible Technical Support\" data-index=\"4\"><\/button>\n        <\/div>\n        <span class=\"ee-why-carousel-counter\">1 of 5<\/span>\n      <\/div>\n\n      <button type=\"button\" class=\"ee-why-nav-btn ee-why-next\" aria-label=\"Next pillar\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n      <\/button>\n    <\/div>\n\n    <!-- 3-Pillar Bento Institutional Trust Dock -->\n    <div class=\"ee-why-trust-bar\">\n      \n      <div class=\"ee-why-trust-item\">\n        <div class=\"ee-why-trust-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14.5v-9l6 4.5-6 4.5z\"\/><\/svg>\n        <\/div>\n        <div class=\"ee-why-trust-text\">\n          <strong>Established in Abu Dhabi (1986)<\/strong>\n          <span>40+ years of continuous operating track record<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"ee-why-trust-item\">\n        <div class=\"ee-why-trust-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 14l-5-5 1.41-1.41L12 14.17l7.59-7.59L21 8l-9 9z\"\/><\/svg>\n        <\/div>\n        <div class=\"ee-why-trust-text\">\n          <strong>Inspection, Testing &amp; H&amp;S<\/strong>\n          <span>Structured quality and process control procedures<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"ee-why-trust-item\">\n        <div class=\"ee-why-trust-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"\/><\/svg>\n        <\/div>\n        <div class=\"ee-why-trust-text\">\n          <strong>Villas &amp; Commercial<\/strong>\n          <span>Comprehensive LV works, Solar PV EPC and O&amp;M services<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <!-- Self-Contained Mobile Carousel Controller (Vanilla JS) -->\n  <script>\n  (function() {\n    function initWhyCarousel() {\n      var section = document.getElementById('why');\n      if (!section) return;\n      \n      var grid = section.querySelector('.ee-why-grid');\n      var cards = section.querySelectorAll('.ee-why-card');\n      var dots = section.querySelectorAll('.ee-why-dot');\n      var counter = section.querySelector('.ee-why-carousel-counter');\n      var prevBtn = section.querySelector('.ee-why-prev');\n      var nextBtn = section.querySelector('.ee-why-next');\n      if (!grid || !cards.length || !dots.length) return;\n\n      var currentIndex = 0;\n\n      function updateActiveDot(index) {\n        currentIndex = index;\n        dots.forEach(function(dot, i) {\n          var isActive = i === index;\n          dot.classList.toggle('active', isActive);\n          dot.setAttribute('aria-selected', isActive ? 'true' : 'false');\n        });\n        if (counter) {\n          counter.textContent = (index + 1) + ' of ' + cards.length;\n        }\n      }\n\n      function scrollToCard(index) {\n        var boundedIndex = (index + cards.length) % cards.length;\n        var card = cards[boundedIndex];\n        if (!card) return;\n        var targetLeft = card.offsetLeft - (grid.clientWidth - card.clientWidth) \/ 2;\n        grid.scrollTo({\n          left: Math.max(0, targetLeft),\n          behavior: 'smooth'\n        });\n        updateActiveDot(boundedIndex);\n      }\n\n      \/\/ Tap dot to slide\n      dots.forEach(function(dot) {\n        dot.addEventListener('click', function(e) {\n          e.preventDefault();\n          var idx = parseInt(this.getAttribute('data-index'), 10);\n          if (!isNaN(idx)) {\n            scrollToCard(idx);\n          }\n        });\n      });\n\n      \/\/ Prev \/ Next button handlers\n      if (prevBtn) {\n        prevBtn.addEventListener('click', function(e) {\n          e.preventDefault();\n          scrollToCard(currentIndex - 1);\n        });\n      }\n      if (nextBtn) {\n        nextBtn.addEventListener('click', function(e) {\n          e.preventDefault();\n          scrollToCard(currentIndex + 1);\n        });\n      }\n\n      \/\/ Swipe \/ scroll sync with debouncing\n      var scrollTimeout;\n      grid.addEventListener('scroll', function() {\n        if (window.innerWidth > 768) return;\n        clearTimeout(scrollTimeout);\n        scrollTimeout = setTimeout(function() {\n          var gridCenter = grid.scrollLeft + (grid.clientWidth \/ 2);\n          var closestIndex = 0;\n          var minDistance = Infinity;\n\n          cards.forEach(function(card, i) {\n            var cardCenter = card.offsetLeft + (card.clientWidth \/ 2);\n            var dist = Math.abs(gridCenter - cardCenter);\n            if (dist < minDistance) {\n              minDistance = dist;\n              closestIndex = i;\n            }\n          });\n\n          updateActiveDot(closestIndex);\n        }, 30);\n      }, { passive: true });\n    }\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initWhyCarousel);\n    } else {\n      initWhyCarousel();\n    }\n  })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb35ddf e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"fb35ddf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15d3252 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"15d3252\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ee-projects\" id=\"projects\" aria-label=\"Projects and Experience\">\n  <style>\n    .ee-projects {\n      --ee-primary: #8E2B29;\n      --ee-primary-dark: #6E2120;\n      --ee-cream: #F4EBDD;\n      --ee-cream-light: #FAF5ED;\n      --ee-text: #292929;\n      --ee-text-muted: #5A5A5A;\n      --ee-grey: #898989;\n      --ee-white: #FFFFFF;\n      --ee-border-subtle: rgba(142, 43, 41, 0.12);\n      --ee-border-accent: rgba(142, 43, 41, 0.22);\n      \n      --ee-container-width: 1280px;\n      --ee-transition: 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .ee-projects *,\n    .ee-projects *::before,\n    .ee-projects *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .ee-projects {\n      position: relative;\n      z-index: 1;\n      display: block;\n      background: linear-gradient(145deg, #FFFFFF 0%, #FAF8F5 52%, #F4EBDD 100%);\n      font-family: inherit;\n      width: 100%;\n      padding: 95px 28px;\n      overflow: hidden;\n      border-bottom: 1px solid var(--ee-border-subtle);\n      scroll-margin-top: 80px;\n    }\n\n    .ee-projects::before {\n      content: '';\n      position: absolute;\n      bottom: -12%;\n      right: -5%;\n      width: 580px;\n      height: 580px;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(142, 43, 41, 0.045) 0%, rgba(244, 235, 221, 0.3) 45%, transparent 70%);\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    .ee-projects .ee-projects-grid-bg {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      background-image: \n        linear-gradient(to right, rgba(142, 43, 41, 0.022) 1px, transparent 1px),\n        linear-gradient(to bottom, rgba(142, 43, 41, 0.022) 1px, transparent 1px);\n      background-size: 64px 64px;\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    @keyframes eeProjectsPulse {\n      0%, 100% {\n        box-shadow: 0 0 0 0 rgba(142, 43, 41, 0.45);\n      }\n      50% {\n        box-shadow: 0 0 0 6px rgba(142, 43, 41, 0);\n      }\n    }\n\n    .ee-projects .ee-projects-container {\n      max-width: var(--ee-container-width);\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .ee-projects .ee-projects-header {\n      text-align: center;\n      max-width: 820px;\n      margin: 0 auto 50px;\n    }\n\n    .ee-projects .ee-projects-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      font-size: 11.5px;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--ee-primary);\n      font-weight: 700;\n      margin-bottom: 16px;\n      background-color: rgba(255, 255, 255, 0.9);\n      padding: 6px 14px;\n      border-radius: 100px;\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      box-shadow: 0 4px 12px rgba(142, 43, 41, 0.04);\n      max-width: 100%;\n    }\n\n    .ee-projects .ee-eyebrow-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background-color: var(--ee-primary);\n      display: inline-block;\n      flex-shrink: 0;\n      animation: eeProjectsPulse 2.2s infinite;\n    }\n\n    .ee-projects .ee-projects-title {\n      font-size: clamp(28px, 3.2vw, 42px);\n      line-height: 1.2;\n      color: var(--ee-text);\n      font-weight: 700;\n      margin-bottom: 16px;\n      letter-spacing: -0.5px;\n    }\n\n    .ee-projects .ee-projects-title span {\n      color: var(--ee-primary);\n    }\n\n    .ee-projects .ee-projects-subtitle {\n      font-size: clamp(15px, 1.1vw, 16.5px);\n      line-height: 1.6;\n      color: var(--ee-text-muted);\n      max-width: 720px;\n      margin: 0 auto;\n    }\n\n    .ee-projects .ee-projects-matrix {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n      margin-bottom: 36px;\n      align-items: stretch;\n    }\n\n    .ee-projects .ee-project-column {\n      position: relative;\n      background: rgba(255, 255, 255, 0.92);\n      border-radius: 20px;\n      border: 1px solid rgba(142, 43, 41, 0.14);\n      box-shadow: 0 10px 28px -8px rgba(41, 41, 41, 0.05);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      transition: transform var(--ee-transition), box-shadow var(--ee-transition), border-color var(--ee-transition), background-color var(--ee-transition);\n    }\n\n    .ee-projects .ee-project-column::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--ee-primary), rgba(142, 43, 41, 0.2), transparent);\n      opacity: 0;\n      transition: opacity var(--ee-transition);\n      z-index: 2;\n    }\n\n    .ee-projects .ee-project-column:hover {\n      background: var(--ee-white);\n      transform: translateY(-4px);\n      box-shadow: 0 20px 42px -10px rgba(142, 43, 41, 0.12);\n      border-color: var(--ee-primary);\n    }\n\n    .ee-projects .ee-project-column:hover::before,\n    .ee-projects .ee-col-featured::before {\n      opacity: 1;\n    }\n\n    .ee-projects .ee-col-featured {\n      border: 1.5px solid rgba(142, 43, 41, 0.24);\n      background: var(--ee-white);\n    }\n\n    .ee-projects .ee-col-header {\n      padding: 26px 24px 20px;\n      border-bottom: 1px solid var(--ee-border-subtle);\n      background: linear-gradient(180deg, rgba(244, 235, 221, 0.4) 0%, rgba(255, 255, 255, 0) 100%);\n    }\n\n    .ee-projects .ee-col-badge-wrap {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .ee-projects .ee-col-icon-box {\n      width: 42px;\n      height: 42px;\n      border-radius: 11px;\n      background: rgba(142, 43, 41, 0.08);\n      border: 1px solid rgba(142, 43, 41, 0.14);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--ee-primary);\n      flex-shrink: 0;\n      transition: all var(--ee-transition);\n    }\n\n    .ee-projects .ee-project-column:hover .ee-col-icon-box {\n      background: var(--ee-primary);\n      border-color: var(--ee-primary);\n      color: var(--ee-white);\n      transform: scale(1.05);\n      box-shadow: 0 6px 14px rgba(142, 43, 41, 0.22);\n    }\n\n    .ee-projects .ee-col-icon {\n      width: 20px;\n      height: 20px;\n      stroke: currentColor;\n    }\n\n    .ee-projects .ee-col-header-right {\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      flex-wrap: wrap;\n      justify-content: flex-end;\n    }\n\n    .ee-projects .ee-col-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 10px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: var(--ee-primary);\n      background-color: rgba(255, 255, 255, 0.9);\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      padding: 4px 10px;\n      border-radius: 100px;\n    }\n\n    .ee-projects .ee-col-badge-featured {\n      background-color: var(--ee-primary);\n      border-color: var(--ee-primary);\n      color: var(--ee-white);\n    }\n\n    .ee-projects .ee-col-index {\n      font-size: 11.5px;\n      font-weight: 800;\n      color: var(--ee-primary);\n      background: rgba(142, 43, 41, 0.08);\n      padding: 4px 8px;\n      border-radius: 6px;\n      letter-spacing: 0.5px;\n    }\n\n    .ee-projects .ee-col-title {\n      font-size: 19.5px;\n      font-weight: 700;\n      color: var(--ee-text);\n      line-height: 1.28;\n      margin-bottom: 6px;\n    }\n\n    .ee-projects .ee-col-desc {\n      font-size: 13.5px;\n      line-height: 1.52;\n      color: var(--ee-text-muted);\n    }\n\n    .ee-projects .ee-col-body {\n      padding: 20px 22px 22px;\n      display: flex;\n      flex-direction: column;\n      gap: 13px;\n      flex-grow: 1;\n    }\n\n    \/* Project Item Card (Left Border Accent Removed) *\/\n    .ee-projects .ee-item-card {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      background: #FAF8F5;\n      border: 1px solid rgba(142, 43, 41, 0.1);\n      border-radius: 12px;\n      padding: 15px 16px;\n      transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;\n    }\n\n    .ee-projects .ee-item-card:hover {\n      background: var(--ee-white);\n      border-color: rgba(142, 43, 41, 0.25);\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(142, 43, 41, 0.06);\n    }\n\n    .ee-projects .ee-item-top {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 6px;\n      flex-wrap: wrap;\n    }\n\n    .ee-projects .ee-item-name {\n      font-size: 15px;\n      font-weight: 700;\n      color: var(--ee-text);\n      line-height: 1.3;\n    }\n\n    .ee-projects .ee-capacity-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 5px;\n      font-size: 11px;\n      font-weight: 800;\n      color: var(--ee-primary);\n      background: rgba(142, 43, 41, 0.08);\n      padding: 3px 9px;\n      border-radius: 6px;\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      letter-spacing: 0.3px;\n      white-space: nowrap;\n    }\n\n    .ee-projects .ee-item-meta {\n      font-size: 12px;\n      color: var(--ee-primary);\n      font-weight: 600;\n      margin-bottom: 6px;\n      display: flex;\n      align-items: center;\n      gap: 5px;\n    }\n\n    .ee-projects .ee-item-meta svg {\n      width: 12px;\n      height: 12px;\n      fill: currentColor;\n      flex-shrink: 0;\n    }\n\n    .ee-projects .ee-item-details {\n      font-size: 12.5px;\n      line-height: 1.5;\n      color: var(--ee-text-muted);\n    }\n\n    .ee-projects .ee-sub-facilities {\n      list-style: none;\n      margin-top: 9px;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n    }\n\n    .ee-projects .ee-sub-facilities li {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--ee-text);\n      background: var(--ee-white);\n      border: 1px solid rgba(142, 43, 41, 0.12);\n      padding: 3px 9px;\n      border-radius: 6px;\n      display: inline-flex;\n      align-items: center;\n      gap: 5px;\n    }\n\n    .ee-projects .ee-sub-facilities li::before {\n      content: '';\n      width: 4px;\n      height: 4px;\n      border-radius: 50%;\n      background-color: var(--ee-primary);\n      display: inline-block;\n    }\n\n    .ee-projects .ee-projects-cta-bar {\n      background: rgba(255, 255, 255, 0.88);\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      border-radius: 18px;\n      padding: 20px 26px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      box-shadow: 0 10px 28px -8px rgba(41, 41, 41, 0.05);\n      flex-wrap: wrap;\n    }\n\n    .ee-projects .ee-cta-left {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n\n    .ee-projects .ee-cta-icon-box {\n      width: 46px;\n      height: 46px;\n      border-radius: 12px;\n      background: rgba(142, 43, 41, 0.08);\n      border: 1px solid rgba(142, 43, 41, 0.14);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--ee-primary);\n      flex-shrink: 0;\n    }\n\n    .ee-projects .ee-cta-icon-box svg {\n      width: 20px;\n      height: 20px;\n      fill: currentColor;\n    }\n\n    .ee-projects .ee-cta-text-box h3 {\n      font-size: 16.5px;\n      font-weight: 700;\n      color: var(--ee-text);\n      margin-bottom: 3px;\n    }\n\n    .ee-projects .ee-cta-text-box p {\n      font-size: 13.5px;\n      color: var(--ee-text-muted);\n    }\n\n    .ee-projects .ee-projects-whatsapp-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      background-color: var(--ee-primary);\n      color: var(--ee-white) !important;\n      padding: 9px 10px 9px 22px;\n      border-radius: 100px;\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 600;\n      transition: all var(--ee-transition);\n      box-shadow: 0 8px 20px -4px rgba(142, 43, 41, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);\n      flex-shrink: 0;\n    }\n\n    .ee-projects .ee-projects-wa-left {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n    }\n\n    .ee-projects .ee-projects-wa-icon {\n      width: 17px;\n      height: 17px;\n      fill: currentColor;\n      flex-shrink: 0;\n    }\n\n    .ee-projects .ee-projects-arrow-box {\n      width: 32px;\n      height: 32px;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.16);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      transition: transform var(--ee-transition), background-color var(--ee-transition), color var(--ee-transition);\n    }\n\n    .ee-projects .ee-projects-arrow-box svg {\n      width: 14px;\n      height: 14px;\n    }\n\n    .ee-projects .ee-projects-whatsapp-btn:hover,\n    .ee-projects .ee-projects-whatsapp-btn:focus-visible {\n      background-color: var(--ee-primary-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 12px 26px -4px rgba(142, 43, 41, 0.45);\n      color: var(--ee-white) !important;\n    }\n\n    .ee-projects .ee-projects-whatsapp-btn:hover .ee-projects-arrow-box {\n      background: var(--ee-white);\n      color: var(--ee-primary);\n      transform: translateX(2px);\n    }\n\n    .ee-projects .ee-projects-tab-bar,\n    .ee-projects .ee-projects-mobile-nav {\n      display: none;\n    }\n\n    \/* Responsive Breakpoints for Tablet and Mobile *\/\n    @media (max-width: 991px) {\n      .ee-projects {\n        padding: 65px 20px 36px;\n      }\n\n      .ee-projects .ee-projects-header {\n        margin-bottom: 24px;\n      }\n\n      .ee-projects .ee-projects-eyebrow {\n        font-size: clamp(9.5px, 2.6vw, 10.5px);\n        letter-spacing: 0.6px;\n        padding: 5px 11px;\n        gap: 6px;\n        margin-bottom: 12px;\n        white-space: nowrap;\n      }\n\n      .ee-projects .ee-projects-title {\n        font-size: clamp(21px, 5.4vw, 27px);\n        line-height: 1.25;\n        margin-bottom: 12px;\n      }\n\n      .ee-projects .ee-projects-subtitle {\n        font-size: 14px;\n        line-height: 1.55;\n      }\n\n      .ee-projects .ee-projects-tab-bar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        background: rgba(255, 255, 255, 0.78);\n        border: 1px solid rgba(142, 43, 41, 0.14);\n        border-radius: 100px;\n        padding: 5px;\n        margin: 0 auto 20px;\n        max-width: 480px;\n        width: 100%;\n        box-shadow: 0 4px 14px rgba(142, 43, 41, 0.05);\n        position: relative;\n        z-index: 2;\n      }\n\n      .ee-projects .ee-projects-tab {\n        flex: 1;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        padding: 9px 8px;\n        border: none;\n        border-radius: 100px;\n        background: transparent;\n        color: var(--ee-text-muted);\n        font-family: inherit;\n        font-size: 12.5px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: all 0.25s ease;\n        white-space: nowrap;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      .ee-projects .ee-projects-tab-num {\n        font-size: 11px;\n        font-weight: 700;\n        opacity: 0.65;\n        letter-spacing: 0.5px;\n      }\n\n      .ee-projects .ee-projects-tab.active {\n        background: var(--ee-primary);\n        color: var(--ee-white);\n        box-shadow: 0 4px 12px rgba(142, 43, 41, 0.25);\n        font-weight: 700;\n      }\n\n      .ee-projects .ee-projects-tab.active .ee-projects-tab-num {\n        color: var(--ee-cream);\n        opacity: 1;\n      }\n\n      .ee-projects .ee-projects-matrix {\n        display: block;\n        margin-bottom: 14px;\n      }\n\n      .ee-projects .ee-project-column {\n        display: none;\n        border-radius: 18px;\n        animation: eeProjectsFadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n        touch-action: pan-y;\n      }\n\n      .ee-projects .ee-project-column.active {\n        display: flex;\n      }\n\n      @keyframes eeProjectsFadeIn {\n        from {\n          opacity: 0;\n          transform: translateY(6px);\n        }\n        to {\n          opacity: 1;\n          transform: translateY(0);\n        }\n      }\n\n      .ee-projects .ee-col-header {\n        padding: 18px 18px 14px;\n      }\n\n      .ee-projects .ee-col-icon-box {\n        width: 36px;\n        height: 36px;\n        border-radius: 9px;\n      }\n\n      .ee-projects .ee-col-icon {\n        width: 17px;\n        height: 17px;\n      }\n\n      .ee-projects .ee-col-title {\n        font-size: 18px;\n      }\n\n      .ee-projects .ee-col-desc {\n        font-size: 13px;\n      }\n\n      .ee-projects .ee-col-body {\n        padding: 16px;\n        gap: 11px;\n      }\n\n      .ee-projects .ee-item-card {\n        padding: 13px 14px;\n        border-radius: 10px;\n      }\n\n      .ee-projects .ee-item-name {\n        font-size: 14.5px;\n      }\n\n      .ee-projects .ee-capacity-badge {\n        font-size: 11px;\n        padding: 2px 7px;\n      }\n\n      .ee-projects .ee-item-details {\n        font-size: 12.5px;\n      }\n\n      .ee-projects .ee-projects-mobile-nav {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        background: rgba(255, 255, 255, 0.85);\n        border: 1px solid rgba(142, 43, 41, 0.12);\n        border-radius: 100px;\n        padding: 5px 10px;\n        margin: 0 auto 24px;\n        max-width: 270px;\n        width: 100%;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\n      }\n\n      .ee-projects .ee-projects-nav-btn {\n        width: 28px;\n        height: 28px;\n        border-radius: 50%;\n        border: 1px solid rgba(142, 43, 41, 0.16);\n        background: var(--ee-white);\n        color: var(--ee-primary);\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        flex-shrink: 0;\n        transition: all 0.2s ease;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      .ee-projects .ee-projects-nav-btn:active {\n        background: var(--ee-primary);\n        color: var(--ee-white);\n        transform: scale(0.94);\n      }\n\n      .ee-projects .ee-projects-nav-btn svg {\n        width: 14px;\n        height: 14px;\n        stroke: currentColor;\n      }\n\n      .ee-projects .ee-projects-mobile-hint-text {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        font-size: 11.5px;\n        font-weight: 600;\n        color: var(--ee-text-muted);\n      }\n\n      .ee-projects .ee-projects-counter {\n        color: var(--ee-primary);\n        font-weight: 700;\n        background: rgba(142, 43, 41, 0.08);\n        padding: 2px 8px;\n        border-radius: 10px;\n        font-size: 11px;\n      }\n\n      .ee-projects .ee-projects-cta-bar {\n        padding: 18px 18px;\n        gap: 14px;\n        flex-direction: column;\n        align-items: stretch;\n        text-align: center;\n      }\n\n      .ee-projects .ee-cta-left {\n        flex-direction: column;\n        gap: 10px;\n      }\n\n      .ee-projects .ee-cta-icon-box {\n        width: 38px;\n        height: 38px;\n        border-radius: 10px;\n      }\n\n      .ee-projects .ee-cta-text-box h3 {\n        font-size: 15.5px;\n      }\n\n      .ee-projects .ee-cta-text-box p {\n        font-size: 13px;\n      }\n\n      .ee-projects .ee-projects-whatsapp-btn {\n        width: 100%;\n        justify-content: space-between;\n        padding: 10px 12px 10px 22px;\n      }\n    }\n\n    @media (max-width: 360px) {\n      .ee-projects {\n        padding-left: 14px;\n        padding-right: 14px;\n      }\n      .ee-projects .ee-projects-eyebrow {\n        font-size: 8.5px;\n        letter-spacing: 0.3px;\n        padding: 4px 8px;\n      }\n      .ee-projects .ee-projects-tab {\n        padding: 8px 4px;\n        font-size: 11px;\n        gap: 3px;\n      }\n      .ee-projects .ee-projects-tab-num {\n        font-size: 9.5px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .ee-projects *,\n      .ee-eyebrow-dot {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"ee-projects-grid-bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ee-projects-container\">\n    \n    <div class=\"ee-projects-header\">\n      <div class=\"ee-projects-eyebrow\">\n        <span class=\"ee-eyebrow-dot\"><\/span>\n        <span>DOCUMENTED TRACK RECORD &bull; ABU DHABI &amp; DUBAI<\/span>\n      <\/div>\n      <h2 class=\"ee-projects-title\">A Proven History of Electrical Work. <span>Supporting Solar.<\/span><\/h2>\n      <p class=\"ee-projects-subtitle\">\n        From high-end residential villa installations to institutional commercial landmarks and multi-megawatt commercial rooftop solar arrays, Emirates Electro delivers dependable technical execution across the UAE.\n      <\/p>\n    <\/div>\n\n    <div class=\"ee-projects-tab-bar\" role=\"tablist\" aria-label=\"Project Category Selector\">\n      <button type=\"button\" class=\"ee-projects-tab active\" role=\"tab\" aria-selected=\"true\" data-index=\"0\">\n        <span class=\"ee-projects-tab-num\">01<\/span>\n        <span>Solar PV<\/span>\n      <\/button>\n      <button type=\"button\" class=\"ee-projects-tab\" role=\"tab\" aria-selected=\"false\" data-index=\"1\">\n        <span class=\"ee-projects-tab-num\">02<\/span>\n        <span>Luxury Villas<\/span>\n      <\/button>\n      <button type=\"button\" class=\"ee-projects-tab\" role=\"tab\" aria-selected=\"false\" data-index=\"2\">\n        <span class=\"ee-projects-tab-num\">03<\/span>\n        <span>Commercial<\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"ee-projects-matrix\">\n      \n      <div class=\"ee-project-column ee-col-featured active\" data-col-index=\"0\">\n        <div class=\"ee-col-header\">\n          <div class=\"ee-col-badge-wrap\">\n            <div class=\"ee-col-icon-box\" aria-hidden=\"true\">\n              <svg class=\"ee-col-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\/><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"ee-col-header-right\">\n              <span class=\"ee-col-badge ee-col-badge-featured\">4+ MW of Solar Assets Under O&amp;M<\/span>\n              <span class=\"ee-col-index\">01<\/span>\n            <\/div>\n          <\/div>\n          <h3 class=\"ee-col-title\">Solar PV Operation &amp; Maint.<\/h3>\n          <p class=\"ee-col-desc\">Comprehensive preventative and corrective maintenance for commercial rooftop solar installations.<\/p>\n        <\/div>\n\n        <div class=\"ee-col-body\">\n          <div class=\"ee-item-card\">\n            <div class=\"ee-item-top\">\n              <h4 class=\"ee-item-name\">MAF Carrefour<\/h4>\n              <span class=\"ee-capacity-badge\">2.2 MWp<\/span>\n            <\/div>\n            <div class=\"ee-item-meta\">\n              <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z\"\/><\/svg>\n              <span>Dubai, United Arab Emirates<\/span>\n            <\/div>\n            <p class=\"ee-item-details\">Commercial rooftop solar PV operation and maintenance works.<\/p>\n          <\/div>\n\n          <div class=\"ee-item-card\">\n            <div class=\"ee-item-top\">\n              <h4 class=\"ee-item-name\">Bahmani Group<\/h4>\n              <span class=\"ee-capacity-badge\">1.25 MWp<\/span>\n            <\/div>\n            <div class=\"ee-item-meta\">\n              <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z\"\/><\/svg>\n              <span>Dubai, United Arab Emirates<\/span>\n            <\/div>\n            <p class=\"ee-item-details\">Industrial rooftop solar PV plant under O&amp;M.<\/p>\n          <\/div>\n\n          <div class=\"ee-item-card\">\n            <div class=\"ee-item-top\">\n              <h4 class=\"ee-item-name\">Other Solar PV Projects Under O&amp;M Services<\/h4>\n            <\/div>\n            <div class=\"ee-item-meta\">\n              <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z\"\/><\/svg>\n              <span>Jebel Ali Free Zone (JAFZA)<\/span>\n            <\/div>\n            <p class=\"ee-item-details\">Preventive rooftop solar maintenance involving:<\/p>\n            <ul class=\"ee-sub-facilities\">\n              <li>Steinweg Sharaf FZCO<\/li>\n              <li>Hadeed Trading FZCO<\/li>\n              <li>Retail Logistics LLC<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ee-project-column\" data-col-index=\"1\">\n        <div class=\"ee-col-header\">\n          <div class=\"ee-col-badge-wrap\">\n            <div class=\"ee-col-icon-box\" aria-hidden=\"true\">\n              <svg class=\"ee-col-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"ee-col-header-right\">\n              <span class=\"ee-col-badge\">Abu Dhabi Luxury<\/span>\n              <span class=\"ee-col-index\">02<\/span>\n            <\/div>\n          <\/div>\n          <h3 class=\"ee-col-title\">Residential &amp; Villa Projects<\/h3>\n          <p class=\"ee-col-desc\">Electrical installations, lighting, and power infrastructure for premier properties.<\/p>\n        <\/div>\n\n        <div class=\"ee-col-body\">\n          <div class=\"ee-item-card\">\n            <div class=\"ee-item-top\">\n              <h4 class=\"ee-item-name\">Al Gurm Villas<\/h4>\n            <\/div>\n            <div class=\"ee-item-meta\">\n              <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z\"\/><\/svg>\n              <span>Abu Dhabi, UAE<\/span>\n            <\/div>\n            <p class=\"ee-item-details\">High-specification electrical installation works across luxury residential villas in the prestigious Al Gurm archipelago.<\/p>\n          <\/div>\n\n          <div class=\"ee-item-card\">\n            <div class=\"ee-item-top\">\n              <h4 class=\"ee-item-name\">Al Watba Residential Villas<\/h4>\n            <\/div>\n            <div class=\"ee-item-meta\">\n              <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z\"\/><\/svg>\n              <span>Abu Dhabi, UAE<\/span>\n            <\/div>\n            <p class=\"ee-item-details\">Complete electrical installations, circuitry, distribution boards, and power layout works for residential villas.<\/p>\n          <\/div>\n\n          <div class=\"ee-item-card\">\n            <div class=\"ee-item-top\">\n              <h4 class=\"ee-item-name\">Villa Rossano<\/h4>\n            <\/div>\n            <div class=\"ee-item-meta\">\n              <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z\"\/><\/svg>\n              <span>Abu Dhabi, UAE<\/span>\n            <\/div>\n            <p class=\"ee-item-details\">Bespoke residential electrical installation, lighting circuitry, and electrical maintenance services.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ee-project-column\" data-col-index=\"2\">\n        <div class=\"ee-col-header\">\n          <div class=\"ee-col-badge-wrap\">\n            <div class=\"ee-col-icon-box\" aria-hidden=\"true\">\n              <svg class=\"ee-col-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\" ry=\"2\"\/><line x1=\"9\" y1=\"22\" x2=\"9\" y2=\"22.01\"\/><line x1=\"15\" y1=\"22\" x2=\"15\" y2=\"22.01\"\/><line x1=\"9\" y1=\"6\" x2=\"9\" y2=\"6.01\"\/><line x1=\"15\" y1=\"6\" x2=\"15\" y2=\"6.01\"\/><line x1=\"9\" y1=\"10\" x2=\"9\" y2=\"10.01\"\/><line x1=\"15\" y1=\"10\" x2=\"15\" y2=\"10.01\"\/><line x1=\"9\" y1=\"14\" x2=\"9\" y2=\"14.01\"\/><line x1=\"15\" y1=\"14\" x2=\"15\" y2=\"14.01\"\/><line x1=\"9\" y1=\"18\" x2=\"9\" y2=\"18.01\"\/><line x1=\"15\" y1=\"18\" x2=\"15\" y2=\"18.01\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"ee-col-header-right\">\n              <span class=\"ee-col-badge\">Commercial Landmarks<\/span>\n              <span class=\"ee-col-index\">03<\/span>\n            <\/div>\n          <\/div>\n          <h3 class=\"ee-col-title\">Commercial &amp; Institutional<\/h3>\n          <p class=\"ee-col-desc\">Proven electrical execution across large-scale commercial facilities, education campuses, and retail complexes.<\/p>\n        <\/div>\n\n        <div class=\"ee-col-body\">\n          <div class=\"ee-item-card\">\n            <div class=\"ee-item-top\">\n              <h4 class=\"ee-item-name\">Abu Dhabi University<\/h4>\n            <\/div>\n            <div class=\"ee-item-meta\">\n              <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z\"\/><\/svg>\n              <span>Abu Dhabi, UAE<\/span>\n            <\/div>\n            <p class=\"ee-item-details\">Electrical installation and technical support services for prominent campus facilities and educational environments.<\/p>\n          <\/div>\n\n          <div class=\"ee-item-card\">\n            <div class=\"ee-item-top\">\n              <h4 class=\"ee-item-name\">Marina Mall Extension<\/h4>\n            <\/div>\n            <div class=\"ee-item-meta\">\n              <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z\"\/><\/svg>\n              <span>Phase 1 Development &bull; Abu Dhabi<\/span>\n            <\/div>\n            <p class=\"ee-item-details\">Comprehensive commercial electrical and installation works for the premier retail destination's expansion project.<\/p>\n          <\/div>\n\n          <div class=\"ee-item-card\">\n            <div class=\"ee-item-top\">\n              <h4 class=\"ee-item-name\">Commercial Infrastructure<\/h4>\n            <\/div>\n            <div class=\"ee-item-meta\">\n              <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z\"\/><\/svg>\n              <span>Abu Dhabi &amp; Dubai<\/span>\n            <\/div>\n            <p class=\"ee-item-details\">Decades of ongoing commercial electrical maintenance, panel upgrades, and preventative servicing.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"ee-projects-mobile-nav\" aria-label=\"Project Category Navigation\">\n      <button type=\"button\" class=\"ee-projects-nav-btn ee-projects-prev\" aria-label=\"Previous project category\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n      <\/button>\n      <div class=\"ee-projects-mobile-hint-text\">\n        <span>Category<\/span>\n        <span class=\"ee-projects-counter\">1 of 3<\/span>\n      <\/div>\n      <button type=\"button\" class=\"ee-projects-nav-btn ee-projects-next\" aria-label=\"Next project category\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n      <\/button>\n    <\/div>\n\n    <div class=\"ee-projects-cta-bar\">\n      <div class=\"ee-cta-left\">\n        <div class=\"ee-cta-icon-box\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M11 21h-1l1-7H7.5c-.88 0-.33-.75-.31-.78C8.48 10.94 10.42 7.54 13 3h1l-1 7h3.5c.49 0 .56.33.47.51l-.07.15C14.7 14.88 12.8 18.3 11 21z\"\/><\/svg>\n        <\/div>\n        <div class=\"ee-cta-text-box\">\n          <h3>Have an Electrical or Solar PV Requirement?<\/h3>\n          <p>Connect with our technical team in Abu Dhabi or Dubai to discuss your property maintenance or solar O&amp;M needs.<\/p>\n        <\/div>\n      <\/div>\n\n      <a href=\"https:\/\/wa.me\/971506129475?text=Hello%20Emirates%20Electro%2C%20I%20would%20like%20to%20discuss%20an%20electrical%20or%20solar%20PV%20project.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ee-projects-whatsapp-btn\">\n        <span class=\"ee-projects-wa-left\">\n          <svg class=\"ee-projects-wa-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\">\n            <path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157.1zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/>\n          <\/svg>\n          <span>Discuss Your Project<\/span>\n        <\/span>\n        <span class=\"ee-projects-arrow-box\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M3.33334 8H12.6667\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M8 3.33334L12.6667 8L8 12.6667\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <script>\n  (function() {\n    function initProjectsMobile() {\n      var section = document.getElementById('projects');\n      if (!section) return;\n\n      var tabs = section.querySelectorAll('.ee-projects-tab');\n      var cols = section.querySelectorAll('.ee-project-column');\n      var counter = section.querySelector('.ee-projects-counter');\n      var matrix = section.querySelector('.ee-projects-matrix');\n      var prevBtn = section.querySelector('.ee-projects-prev');\n      var nextBtn = section.querySelector('.ee-projects-next');\n      if (!tabs.length || !cols.length) return;\n\n      var activeIndex = 0;\n\n      function setActivePillar(index) {\n        var boundedIndex = (index + cols.length) % cols.length;\n        activeIndex = boundedIndex;\n\n        tabs.forEach(function(tab, i) {\n          var isActive = i === boundedIndex;\n          tab.classList.toggle('active', isActive);\n          tab.setAttribute('aria-selected', isActive ? 'true' : 'false');\n        });\n\n        cols.forEach(function(col, i) {\n          var isActive = i === boundedIndex;\n          col.classList.toggle('active', isActive);\n        });\n\n        if (counter) {\n          counter.textContent = (boundedIndex + 1) + ' of ' + cols.length;\n        }\n      }\n\n      tabs.forEach(function(tab) {\n        tab.addEventListener('click', function(e) {\n          e.preventDefault();\n          var idx = parseInt(this.getAttribute('data-index'), 10);\n          if (!isNaN(idx)) {\n            setActivePillar(idx);\n          }\n        });\n      });\n\n      if (prevBtn) {\n        prevBtn.addEventListener('click', function(e) {\n          e.preventDefault();\n          setActivePillar(activeIndex - 1);\n        });\n      }\n      if (nextBtn) {\n        nextBtn.addEventListener('click', function(e) {\n          e.preventDefault();\n          setActivePillar(activeIndex + 1);\n        });\n      }\n\n      if (matrix) {\n        var startX = 0;\n        var startY = 0;\n        var threshold = 40;\n\n        matrix.addEventListener('touchstart', function(e) {\n          if (window.innerWidth > 991) return;\n          var touch = e.changedTouches[0];\n          startX = touch.clientX;\n          startY = touch.clientY;\n        }, { passive: true });\n\n        matrix.addEventListener('touchend', function(e) {\n          if (window.innerWidth > 991) return;\n          var touch = e.changedTouches[0];\n          var diffX = touch.clientX - startX;\n          var diffY = touch.clientY - startY;\n\n          if (Math.abs(diffX) > threshold && Math.abs(diffX) > Math.abs(diffY)) {\n            if (startX - touch.clientX > 0) {\n              setActivePillar(activeIndex + 1);\n            } else {\n              setActivePillar(activeIndex - 1);\n            }\n          }\n        }, { passive: true });\n      }\n    }\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initProjectsMobile);\n    } else {\n      initProjectsMobile();\n    }\n  })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49a3075 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"49a3075\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df548cc elementor-widget elementor-widget-html\" data-id=\"df548cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"ee-footer\" id=\"ee-footer\" role=\"contentinfo\">\n  <style>\n    \/* ==========================================================================\n       Scoped Properties & Variables (Brand Colors & Typography Preserved)\n       ========================================================================== *\/\n    .ee-footer {\n      --ee-primary: #8E2B29;\n      --ee-primary-dark: #6E2120;\n      --ee-cream: #F4EBDD;\n      --ee-cream-light: #FAF5ED;\n      --ee-text: #292929;\n      --ee-text-muted: #5A5A5A;\n      --ee-grey: #898989;\n      --ee-white: #FFFFFF;\n      --ee-border-subtle: rgba(142, 43, 41, 0.12);\n      --ee-border-accent: rgba(142, 43, 41, 0.22);\n      \n      --ee-container-width: 1280px;\n      --ee-transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    \/* Scoped Reset *\/\n    .ee-footer *,\n    .ee-footer *::before,\n    .ee-footer *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Base Section *\/\n    .ee-footer {\n      position: relative;\n      background: linear-gradient(145deg, #FFFFFF 0%, #FAF8F5 52%, #F4EBDD 100%);\n      color: var(--ee-text);\n      font-family: inherit;\n      width: 100%;\n      overflow: hidden;\n      border-top: 1px solid var(--ee-border-subtle);\n    }\n\n    \/* Top Architectural Accent Hairline *\/\n    .ee-footer::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: min(85%, 960px);\n      height: 2px;\n      background: linear-gradient(90deg, transparent 0%, rgba(142, 43, 41, 0.35) 50%, transparent 100%);\n      z-index: 2;\n      pointer-events: none;\n    }\n\n    \/* Precision Engineering Grid Background *\/\n    .ee-footer .ee-footer-grid-bg {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      background-image: \n        linear-gradient(to right, rgba(142, 43, 41, 0.022) 1px, transparent 1px),\n        linear-gradient(to bottom, rgba(142, 43, 41, 0.022) 1px, transparent 1px);\n      background-size: 64px 64px;\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    @keyframes eeFooterPulse {\n      0%, 100% {\n        box-shadow: 0 0 0 0 rgba(142, 43, 41, 0.45);\n      }\n      50% {\n        box-shadow: 0 0 0 5px rgba(142, 43, 41, 0);\n      }\n    }\n\n    \/* Main Footer Container *\/\n    .ee-footer .ee-footer-main {\n      position: relative;\n      z-index: 1;\n      max-width: var(--ee-container-width);\n      margin: 0 auto;\n      padding: 72px 28px 52px;\n      display: grid;\n      grid-template-columns: 1.3fr 0.75fr 1fr 1.35fr;\n      gap: 44px;\n      align-items: start;\n    }\n\n    .ee-footer .ee-footer-col {\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* Column Headings *\/\n    .ee-footer .ee-footer-heading {\n      color: var(--ee-text);\n      font-size: 12.5px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 22px;\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .ee-footer .ee-footer-heading::after {\n      content: '';\n      width: 22px;\n      height: 2px;\n      background-color: var(--ee-primary);\n      display: inline-block;\n      border-radius: 2px;\n    }\n\n    \/* Brand Column & Locked Logo Size *\/\n    .ee-footer .ee-footer-logo-link {\n      display: inline-block;\n      margin-bottom: 16px;\n      text-decoration: none;\n      width: fit-content;\n    }\n\n    .ee-footer .ee-footer-logo {\n      height: 42px !important;\n      max-height: 42px !important;\n      width: auto !important;\n      max-width: 175px !important;\n      object-fit: contain !important;\n      display: block;\n      transition: transform var(--ee-transition);\n    }\n\n    .ee-footer .ee-footer-logo-link:hover .ee-footer-logo {\n      transform: scale(1.02);\n    }\n\n    .ee-footer .ee-footer-bio {\n      font-size: 14px;\n      line-height: 1.65;\n      color: var(--ee-text-muted);\n      margin-bottom: 22px;\n      max-width: 92%;\n    }\n\n    \/* Live Operational Status Badge *\/\n    .ee-footer .ee-footer-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      background-color: rgba(255, 255, 255, 0.85);\n      border: 1px solid rgba(142, 43, 41, 0.16);\n      padding: 6px 14px;\n      border-radius: 100px;\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--ee-primary);\n      letter-spacing: 0.7px;\n      width: fit-content;\n      max-width: 100%;\n      box-shadow: 0 4px 12px rgba(142, 43, 41, 0.04);\n    }\n\n    .ee-footer .ee-badge-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background-color: var(--ee-primary);\n      display: inline-block;\n      flex-shrink: 0;\n      animation: eeFooterPulse 2.2s infinite;\n    }\n\n    \/* Flush-Left Link Lists with Slide-In Chevron *\/\n    .ee-footer .ee-footer-links {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: 13px;\n    }\n\n    .ee-footer .ee-footer-link {\n      color: var(--ee-text-muted);\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 500;\n      transition: color var(--ee-transition);\n      display: inline-flex;\n      align-items: center;\n      width: fit-content;\n    }\n\n    .ee-footer .ee-footer-link::before {\n      content: '\u203a';\n      color: var(--ee-primary);\n      font-size: 16px;\n      font-weight: 700;\n      line-height: 1;\n      opacity: 0;\n      max-width: 0;\n      overflow: hidden;\n      transform: translateX(-6px);\n      transition: all var(--ee-transition);\n    }\n\n    .ee-footer .ee-footer-link:hover,\n    .ee-footer .ee-footer-link:focus-visible {\n      color: var(--ee-primary);\n    }\n\n    .ee-footer .ee-footer-link:hover::before,\n    .ee-footer .ee-footer-link:focus-visible::before {\n      opacity: 1;\n      max-width: 14px;\n      margin-right: 7px;\n      transform: translateX(0);\n    }\n\n    \/* ==========================================================================\n       Col 4: Architectural Direct Contact Card\n       ========================================================================== *\/\n    .ee-footer .ee-footer-contact-card {\n      background: rgba(255, 255, 255, 0.78);\n      border: 1px solid rgba(142, 43, 41, 0.13);\n      border-radius: 18px;\n      padding: 22px 22px;\n      box-shadow: 0 12px 30px -10px rgba(41, 41, 41, 0.05);\n    }\n\n    .ee-footer .ee-footer-contact-card .ee-footer-heading {\n      margin-bottom: 18px;\n    }\n\n    .ee-footer .ee-footer-contact-list {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n      margin-bottom: 20px;\n    }\n\n    .ee-footer .ee-contact-row {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 14px;\n      line-height: 1.4;\n      color: var(--ee-text);\n    }\n\n    .ee-footer .ee-contact-icon-box {\n      width: 36px;\n      height: 36px;\n      border-radius: 10px;\n      background: rgba(142, 43, 41, 0.08);\n      border: 1px solid rgba(142, 43, 41, 0.12);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n\n    .ee-footer .ee-contact-icon {\n      width: 16px;\n      height: 16px;\n      fill: var(--ee-primary);\n    }\n\n    .ee-footer .ee-contact-text {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .ee-footer .ee-contact-label {\n      font-size: 10.5px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.7px;\n      color: var(--ee-grey);\n    }\n\n    .ee-footer .ee-contact-value {\n      font-size: 13.5px;\n      font-weight: 600;\n      color: var(--ee-text);\n    }\n\n    .ee-footer .ee-contact-text a {\n      color: var(--ee-text);\n      text-decoration: none;\n      font-size: 14.5px;\n      font-weight: 700;\n      transition: color var(--ee-transition);\n    }\n\n    .ee-footer .ee-contact-text a:hover {\n      color: var(--ee-primary);\n    }\n\n    \/* Modern WhatsApp Button with Nested Circle Arrow *\/\n    .ee-footer .ee-footer-whatsapp-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      background-color: var(--ee-primary);\n      color: var(--ee-white) !important;\n      padding: 9px 10px 9px 20px;\n      border-radius: 100px;\n      text-decoration: none;\n      font-size: 13.5px;\n      font-weight: 600;\n      transition: all var(--ee-transition);\n      box-shadow: 0 8px 20px -4px rgba(142, 43, 41, 0.3);\n      width: 100%;\n    }\n\n    .ee-footer .ee-wa-btn-left {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n    }\n\n    .ee-footer .ee-wa-icon {\n      width: 16px;\n      height: 16px;\n      fill: currentColor;\n      flex-shrink: 0;\n    }\n\n    .ee-footer .ee-wa-arrow-box {\n      width: 30px;\n      height: 30px;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.16);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      transition: transform var(--ee-transition), background-color var(--ee-transition), color var(--ee-transition);\n    }\n\n    .ee-footer .ee-wa-arrow-box svg {\n      width: 14px;\n      height: 14px;\n    }\n\n    .ee-footer .ee-footer-whatsapp-btn:hover,\n    .ee-footer .ee-footer-whatsapp-btn:focus-visible {\n      background-color: var(--ee-primary-dark);\n      color: var(--ee-white) !important;\n      transform: translateY(-2px);\n      box-shadow: 0 12px 24px -4px rgba(142, 43, 41, 0.4);\n    }\n\n    .ee-footer .ee-footer-whatsapp-btn:hover .ee-wa-arrow-box {\n      background: var(--ee-white);\n      color: var(--ee-primary);\n      transform: translateX(2px);\n    }\n\n    \/* ==========================================================================\n       Bottom Bar, Legal Links & Back-to-Top\n       ========================================================================== *\/\n    .ee-footer .ee-footer-bottom {\n      border-top: 1px solid var(--ee-border-subtle);\n      background-color: rgba(255, 255, 255, 0.65);\n      padding: 18px 28px;\n      position: relative;\n      z-index: 1;\n    }\n\n    .ee-footer .ee-footer-bottom-container {\n      max-width: var(--ee-container-width);\n      margin: 0 auto;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      flex-wrap: wrap;\n    }\n\n    .ee-footer .ee-copyright {\n      font-size: 13px;\n      color: var(--ee-text-muted);\n    }\n\n    \/* Legal Links Styling *\/\n    .ee-footer .ee-footer-legal {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    .ee-footer .ee-legal-link {\n      font-size: 13px;\n      color: var(--ee-text-muted);\n      text-decoration: none;\n      font-weight: 500;\n      transition: color var(--ee-transition);\n    }\n\n    .ee-footer .ee-legal-link:hover,\n    .ee-footer .ee-legal-link:focus-visible {\n      color: var(--ee-primary);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n\n    .ee-footer .ee-legal-sep {\n      color: var(--ee-border-accent);\n      font-size: 12px;\n      user-select: none;\n    }\n\n    .ee-footer .ee-back-to-top {\n      background-color: var(--ee-white);\n      border: 1px solid var(--ee-border-accent);\n      color: var(--ee-text);\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 7px 16px;\n      border-radius: 100px;\n      font-size: 12.5px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all var(--ee-transition);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\n      font-family: inherit;\n    }\n\n    .ee-footer .ee-back-to-top svg {\n      width: 13px;\n      height: 13px;\n      stroke: var(--ee-primary);\n      transition: transform var(--ee-transition);\n    }\n\n    .ee-footer .ee-back-to-top:hover,\n    .ee-footer .ee-back-to-top:focus-visible {\n      color: var(--ee-primary);\n      border-color: var(--ee-primary);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 14px rgba(142, 43, 41, 0.12);\n    }\n\n    .ee-footer .ee-back-to-top:hover svg {\n      transform: translateY(-2px);\n    }\n\n    \/* Accessibility Focus States *\/\n    .ee-footer a:focus-visible,\n    .ee-footer button:focus-visible {\n      outline: 2px dashed var(--ee-primary);\n      outline-offset: 4px;\n    }\n\n    \/* ==========================================================================\n       Responsive Breakpoints (Tablet & Mobile)\n       ========================================================================== *\/\n    @media (max-width: 1024px) {\n      .ee-footer .ee-footer-main {\n        grid-template-columns: 1fr 1fr;\n        gap: 36px;\n        padding: 55px 24px 40px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .ee-footer .ee-footer-main {\n        grid-template-columns: 1fr;\n        gap: 32px;\n        padding: 48px 20px 28px;\n      }\n\n      \/* Locked compact logo on mobile *\/\n      .ee-footer .ee-footer-logo {\n        height: 36px !important;\n        max-height: 36px !important;\n        max-width: 145px !important;\n      }\n\n      .ee-footer .ee-footer-bio {\n        font-size: 13.5px;\n        line-height: 1.6;\n        max-width: 100%;\n        margin-bottom: 16px;\n      }\n\n      .ee-footer .ee-footer-badge {\n        font-size: clamp(9.5px, 2.6vw, 10.5px);\n        letter-spacing: 0.6px;\n        padding: 5px 12px;\n        white-space: nowrap;\n      }\n\n      .ee-footer .ee-footer-contact-card {\n        padding: 18px 16px;\n      }\n\n      .ee-footer .ee-footer-bottom {\n        padding: 18px 20px;\n      }\n\n      .ee-footer .ee-footer-bottom-container {\n        flex-direction: column-reverse;\n        align-items: center;\n        text-align: center;\n        gap: 14px;\n      }\n    }\n\n    \/* Small Phone Safeguard (<= 360px) *\/\n    @media (max-width: 360px) {\n      .ee-footer .ee-footer-main {\n        padding-left: 14px;\n        padding-right: 14px;\n      }\n      .ee-footer .ee-footer-badge {\n        font-size: 8.5px;\n        letter-spacing: 0.3px;\n        padding: 4px 9px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .ee-footer *,\n      .ee-footer-link,\n      .ee-legal-link,\n      .ee-footer-whatsapp-btn,\n      .ee-back-to-top {\n        animation: none !important;\n        transition: none !important;\n        transform: none !important;\n      }\n    }\n  <\/style>\n\n  <!-- Ambient Precision Grid Background -->\n  <div class=\"ee-footer-grid-bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ee-footer-main\">\n    \n    <!-- Col 1: Brand & Credibility -->\n    <div class=\"ee-footer-col\">\n      <a href=\"#home\" class=\"ee-footer-logo-link\" aria-label=\"Emirates Electro Electrical Installations - Home\">\n        <img decoding=\"async\" src=\"https:\/\/emirateselectro.com\/wp-content\/uploads\/2026\/10\/Red-Brown-E-and-Circular-Emblem.png\" \n             alt=\"Emirates Electro Electrical Installations\" \n             class=\"ee-footer-logo\" \n             loading=\"lazy\">\n      <\/a>\n      <p class=\"ee-footer-bio\">\n        Professional electrical maintenance, villa electrical services, skilled technical manpower, and solar PV operation &amp; maintenance support across Abu Dhabi and Dubai.\n      <\/p>\n      <div class=\"ee-footer-badge\">\n        <span class=\"ee-badge-dot\"><\/span>\n        <span>ABU DHABI &amp; DUBAI OPERATIONS<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Col 2: Navigation Links (5 Items - 'Contact' Removed) -->\n    <div class=\"ee-footer-col\">\n      <h3 class=\"ee-footer-heading\">Navigation<\/h3>\n      <ul class=\"ee-footer-links\">\n        <li><a href=\"#home\" class=\"ee-footer-link\">Home<\/a><\/li>\n        <li><a href=\"#about\" class=\"ee-footer-link\">About Us<\/a><\/li>\n        <li><a href=\"#services\" class=\"ee-footer-link\">Services<\/a><\/li>\n        <li><a href=\"#projects\" class=\"ee-footer-link\">Projects<\/a><\/li>\n        <li><a href=\"#why\" class=\"ee-footer-link\">Why Us<\/a><\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- Col 3: Core Services (5 Items) -->\n    <div class=\"ee-footer-col\">\n      <h3 class=\"ee-footer-heading\">Core Services<\/h3>\n      <ul class=\"ee-footer-links\">\n        <li><a href=\"#services\" class=\"ee-footer-link\">Villa Electrical Maintenance<\/a><\/li>\n        <li><a href=\"#services\" class=\"ee-footer-link\">Solar PV Operation &amp; Maint.<\/a><\/li>\n        <li><a href=\"#services\" class=\"ee-footer-link\">Skilled Technical Manpower<\/a><\/li>\n        <li><a href=\"#services\" class=\"ee-footer-link\">DB &amp; Circuit Modifications<\/a><\/li>\n        <li><a href=\"#services\" class=\"ee-footer-link\">Fault Finding &amp; Repairs<\/a><\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- Col 4: Architectural Direct Contact Card -->\n    <div class=\"ee-footer-col ee-footer-contact-card\">\n      <h3 class=\"ee-footer-heading\">Direct Contact<\/h3>\n      <div class=\"ee-footer-contact-list\">\n        <div class=\"ee-contact-row\">\n          <div class=\"ee-contact-icon-box\" aria-hidden=\"true\">\n            <svg class=\"ee-contact-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"ee-contact-text\">\n            <span class=\"ee-contact-label\">Service Coverage<\/span>\n            <span class=\"ee-contact-value\">Abu Dhabi &amp; Dubai, UAE<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"ee-contact-row\">\n          <div class=\"ee-contact-icon-box\" aria-hidden=\"true\">\n            <svg class=\"ee-contact-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M6.62 10.79a15.053 15.053 0 0 0 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"ee-contact-text\">\n            <span class=\"ee-contact-label\">Direct Technical Line<\/span>\n            <a href=\"tel:+971506129475\">+971 50 612 9475<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- WhatsApp CTA with Nested Circle Arrow -->\n      <a href=\"https:\/\/wa.me\/971506129475?text=Hello%20Emirates%20Electro%2C%20I%20would%20like%20to%20enquire%20about%20your%20electrical%20installation%20and%20maintenance%20services.\" \n         target=\"_blank\" \n         rel=\"noopener noreferrer\" \n         class=\"ee-footer-whatsapp-btn\">\n        <span class=\"ee-wa-btn-left\">\n          <svg class=\"ee-wa-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\">\n            <path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157.1zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/>\n          <\/svg>\n          <span>Contact on WhatsApp<\/span>\n        <\/span>\n        <span class=\"ee-wa-arrow-box\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M3.33334 8H12.6667\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M8 3.33334L12.6667 8L8 12.6667\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <!-- Bottom Bar -->\n  <div class=\"ee-footer-bottom\">\n    <div class=\"ee-footer-bottom-container\">\n      <p class=\"ee-copyright\">\n        &copy; <span id=\"ee-year\">2026<\/span> Emirates Electro Electrical Installations. All rights reserved.\n      <\/p>\n\n      <!-- Legal Links -->\n      <nav class=\"ee-footer-legal\" aria-label=\"Legal navigation\">\n        <a href=\"https:\/\/emirateselectro.com\/index.php\/privacy-policy\/\" class=\"ee-legal-link\">Privacy Policy<\/a>\n        <span class=\"ee-legal-sep\" aria-hidden=\"true\">&bull;<\/span>\n        <a href=\"https:\/\/emirateselectro.com\/index.php\/terms-of-service\/\" class=\"ee-legal-link\">Terms of Service<\/a>\n      <\/nav>\n\n      <button class=\"ee-back-to-top\" id=\"ee-back-to-top\" aria-label=\"Scroll back to top of page\">\n        <span>Back to Top<\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <polyline points=\"18 15 12 9 6 15\"><\/polyline>\n        <\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- Footer Interactions & Dynamic Year Script -->\n  <script>\n    (function() {\n      function initFooter() {\n        \/\/ 1. Dynamic Year Update\n        var yearEl = document.getElementById(\"ee-year\");\n        if (yearEl) {\n          yearEl.textContent = new Date().getFullYear();\n        }\n\n        \/\/ 2. Smooth Scroll for \"Back to Top\"\n        var bttBtn = document.getElementById(\"ee-back-to-top\");\n        if (bttBtn) {\n          bttBtn.addEventListener(\"click\", function(e) {\n            e.preventDefault();\n            window.scrollTo({\n              top: 0,\n              behavior: \"smooth\"\n            });\n          });\n        }\n\n        \/\/ 3. Smooth Anchor Scrolling with Sticky Header Offset (75px)\n        var footerLinks = document.querySelectorAll(\".ee-footer .ee-footer-link, .ee-footer .ee-footer-logo-link\");\n        footerLinks.forEach(function(link) {\n          link.addEventListener(\"click\", function(e) {\n            var targetId = this.getAttribute(\"href\");\n            if (targetId && targetId.startsWith(\"#\")) {\n              var targetElement = document.querySelector(targetId);\n              if (targetElement) {\n                e.preventDefault();\n                var offset = 75;\n                var targetPosition = targetElement.getBoundingClientRect().top + window.scrollY - offset;\n                window.scrollTo({\n                  top: targetPosition,\n                  behavior: \"smooth\"\n                });\n              }\n            }\n          });\n        });\n      }\n\n      if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", initFooter);\n      } else {\n        initFooter();\n      }\n    })();\n  <\/script>\n<\/footer>\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>Menu 01Home &rsaquo; 02About Us &rsaquo; 03Services &rsaquo; 04Projects &rsaquo; 05Why Us &rsaquo; 06Contact &rsaquo; Direct Technical Line +971 50&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4768","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/emirateselectro.com\/index.php\/wp-json\/wp\/v2\/pages\/4768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emirateselectro.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/emirateselectro.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/emirateselectro.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emirateselectro.com\/index.php\/wp-json\/wp\/v2\/comments?post=4768"}],"version-history":[{"count":113,"href":"https:\/\/emirateselectro.com\/index.php\/wp-json\/wp\/v2\/pages\/4768\/revisions"}],"predecessor-version":[{"id":4892,"href":"https:\/\/emirateselectro.com\/index.php\/wp-json\/wp\/v2\/pages\/4768\/revisions\/4892"}],"wp:attachment":[{"href":"https:\/\/emirateselectro.com\/index.php\/wp-json\/wp\/v2\/media?parent=4768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}