{"id":2337,"date":"2026-03-01T15:53:00","date_gmt":"2026-03-01T13:53:00","guid":{"rendered":"https:\/\/mira-web.com\/?page_id=2337"},"modified":"2026-03-12T15:00:40","modified_gmt":"2026-03-12T13:00:40","slug":"profile","status":"publish","type":"page","link":"https:\/\/mira-web.com\/ar\/profile\/","title":{"rendered":"profile"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2337\" class=\"elementor elementor-2337\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82ab918 e-flex e-con-boxed e-con e-parent\" data-id=\"82ab918\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72ec07a elementor-widget elementor-widget-shortcode\" data-id=\"72ec07a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> \n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     MIRA WEB NAVBAR  [mira_navbar]\n     Paste CSS once (in theme customizer \/\n     Additional CSS or enqueue via wp_head).\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n:root{\n  --bg:#ffffff;--bg2:#fafaf8;--bg3:#f5f4ef;\n  --border:#e8e4d8;--border2:#d4c99a;\n  --gold:#c9a84c;--gold2:#e8c96a;--gold-dark:#9a7a2e;\n  --gold-glow:rgba(201,168,76,.15);\n  --text:#1a1a1a;--text2:#5a5550;--text3:#9a9088;\n  --nav-h:82px;--nav-top:0px;\n}\n*{margin:0;padding:0;box-sizing:border-box;}\nbody{font-family:'Inter',sans-serif;}\na{text-decoration:none;color:inherit;}\n\n\/* \u2500\u2500 Navbar \u2500\u2500 *\/\n.mira-navbar{\n  position:fixed;top:var(--nav-top);left:0;right:0;z-index:1000;\n  height:var(--nav-h);display:flex;align-items:center;padding:0 40px;\n  background:linear-gradient(160deg,rgba(255,255,255,.72) 0%,rgba(250,250,248,.72) 50%,rgba(245,244,239,.72) 100%);\n  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);\n  border-bottom:1px solid transparent;\n  transition:top .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease;\n}\n.mira-navbar.scrolled{\n  top:0;\n  background:linear-gradient(160deg,rgba(255,255,255,.96) 0%,rgba(250,250,248,.96) 50%,rgba(245,244,239,.96) 100%);\n  border-color:var(--border);box-shadow:0 4px 30px rgba(0,0,0,.07);\n}\n.mira-nav-inner{max-width:1200px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;}\n\n\/* Logo *\/\n.mira-nav-logo img{height:120px;width:auto;object-fit:contain;display:block;transition:opacity .2s,transform .2s;}\n.mira-nav-logo:hover img{opacity:.82;transform:scale(.97);}\n\n\/* Nav Links *\/\n.mira-nav-links{display:flex;align-items:center;gap:2px;list-style:none;}\n.mira-nav-links li a{\n  display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;\n  font-size:.82rem;font-weight:600;color:var(--text2);border:1px solid transparent;transition:all .2s;white-space:nowrap;\n}\n.mira-nav-links li a i{font-size:.72rem;color:var(--text3);transition:color .2s;}\n.mira-nav-links li a:hover{background:rgba(245,244,239,.9);color:var(--text);}\n.mira-nav-links li a:hover i{color:var(--gold);}\n.mira-nav-links li a.active{background:var(--gold-glow);color:var(--gold-dark);border-color:var(--border2);}\n.mira-nav-links li a.active i{color:var(--gold);}\n\n\/* Right side *\/\n.mira-nav-right{display:flex;align-items:center;gap:8px;}\n.mira-nav-socials{display:flex;align-items:center;gap:5px;}\n.mira-nav-soc{\n  width:35px;height:35px;border-radius:9px;display:flex;align-items:center;justify-content:center;\n  border:1px solid var(--border);color:var(--text3);font-size:.8rem;background:rgba(255,255,255,.45);transition:all .22s;\n}\n.mira-nav-soc:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(0,0,0,.09);}\n.mira-nav-soc.fb:hover{color:#1877f2;border-color:#1877f2;background:rgba(24,119,242,.09);}\n.mira-nav-soc.wa:hover{color:#25d366;border-color:#25d366;background:rgba(37,211,102,.09);}\n.mira-nav-soc.ig:hover{color:#e1306c;border-color:#e1306c;background:rgba(225,48,108,.09);}\n.mira-nav-sep{width:1px;height:22px;background:var(--border);margin:0 3px;flex-shrink:0;}\n.mira-nav-cta{\n  display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:9px;\n  background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;font-weight:700;font-size:.8rem;\n  border:none;cursor:pointer;box-shadow:0 4px 16px rgba(201,168,76,.42);transition:all .2s;white-space:nowrap;\n}\n.mira-nav-cta:hover{transform:translateY(-1px);box-shadow:0 7px 22px rgba(201,168,76,.58);}\n.mira-nav-cta i{font-size:.7rem;}\n\n\/* Burger *\/\n.mira-nav-burger{\n  display:none;width:40px;height:40px;border-radius:10px;background:rgba(245,244,239,.9);\n  border:1px solid var(--border);cursor:pointer;flex-shrink:0;align-items:center;justify-content:center;\n  position:relative;overflow:hidden;transition:background .2s,border-color .2s,box-shadow .2s;\n}\n.mira-nav-burger:hover{background:var(--gold-glow);border-color:var(--border2);box-shadow:0 4px 14px rgba(201,168,76,.22);}\n.mira-burger-box{display:flex;flex-direction:column;gap:5px;align-items:flex-end;}\n.mira-burger-box span{display:block;height:2px;border-radius:2px;background:var(--text2);transition:width .28s ease,transform .32s ease,opacity .28s ease,background .2s;transform-origin:right center;}\n.mira-burger-box span:nth-child(1){width:18px;}\n.mira-burger-box span:nth-child(2){width:12px;}\n.mira-nav-burger.open .mira-burger-box span:nth-child(1){width:18px;transform:translateY(3.5px) rotate(45deg);background:var(--gold-dark);}\n.mira-nav-burger.open .mira-burger-box span:nth-child(2){width:18px;transform:translateY(-3.5px) rotate(-45deg);background:var(--gold-dark);}\n.mira-nav-burger.open{background:var(--gold-glow);border-color:var(--border2);}\n\n\/* Mobile Drawer *\/\n.mira-nav-mobile{\n  position:fixed;top:calc(var(--nav-top) + var(--nav-h));left:0;right:0;\n  background:linear-gradient(160deg,rgba(255,255,255,.99) 0%,rgba(250,250,248,.99) 60%,rgba(245,244,239,.99) 100%);\n  backdrop-filter:blur(22px);border-bottom:1px solid var(--border);z-index:999;\n  padding:14px 20px 22px;transform:translateY(-14px);opacity:0;pointer-events:none;\n  transition:transform .28s ease,opacity .28s ease,top .35s ease;box-shadow:0 20px 50px rgba(0,0,0,.09);\n}\n.mira-nav-mobile.open{transform:translateY(0);opacity:1;pointer-events:all;}\n.mira-nav-mobile.scrolled-pos{top:72px;}\n.mira-mob-links{list-style:none;display:grid;gap:4px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:14px;}\n.mira-mob-links li a{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:10px;font-size:.88rem;font-weight:600;color:var(--text2);border:1px solid transparent;transition:.2s;}\n.mira-mob-icon{width:34px;height:34px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.76rem;color:var(--text3);flex-shrink:0;transition:.2s;}\n.mira-mob-links li a:hover,.mira-mob-links li a.active{background:var(--gold-glow);color:var(--gold-dark);border-color:var(--border2);}\n.mira-mob-links li a:hover .mira-mob-icon,.mira-mob-links li a.active .mira-mob-icon{background:var(--gold-glow);border-color:var(--border2);color:var(--gold);}\n.mira-mob-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;}\n.mira-mob-socials{display:flex;gap:8px;}\n.mira-mob-soc{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bg3);border:1px solid var(--border);color:var(--text2);font-size:.9rem;transition:.2s;}\n.mira-mob-soc.fb:hover{background:rgba(24,119,242,.1);color:#1877f2;border-color:#1877f2;}\n.mira-mob-soc.wa:hover{background:rgba(37,211,102,.1);color:#25d366;border-color:#25d366;}\n.mira-mob-soc.ig:hover{background:rgba(225,48,108,.1);color:#e1306c;border-color:#e1306c;}\n.mira-mob-cta{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;font-weight:700;font-size:.84rem;box-shadow:0 4px 14px rgba(201,168,76,.4);transition:.2s;}\n.mira-mob-cta:hover{box-shadow:0 6px 20px rgba(201,168,76,.5);}\n.mira-mob-cta i{font-size:.72rem;}\n\n\/* Overlay *\/\n.mira-nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.15);z-index:997;}\n.mira-nav-overlay.open{display:block;}\n\n\/* Responsive *\/\n@media(max-width:900px){.mira-nav-links{display:none;}}\n@media(max-width:640px){\n  .mira-navbar{padding:0 18px;}\n  .mira-nav-socials,.mira-nav-sep{display:none;}\n  .mira-nav-cta{display:none;}\n  .mira-nav-burger{display:flex;}\n}\n@media(min-width:641px) and (max-width:900px){\n  .mira-navbar{padding:0 28px;}\n  .mira-nav-burger{display:flex;}\n  .mira-nav-cta{font-size:.76rem;padding:9px 15px;}\n}\n<\/style>\n\n<!-- Fonts & Icons (loaded once via wp_enqueue if preferred) -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<nav class=\"mira-navbar\" id=\"mira-navbar\">\n  <div class=\"mira-nav-inner\">\n\n    <a href=\"https:\/\/mira-web.com\/ar\/\" class=\"mira-nav-logo\">\n      <img decoding=\"async\" src=\"https:\/\/mira-web.com\/wp-content\/uploads\/2026\/03\/Wardiere-6.png\" alt=\"Mira web\">\n    <\/a>\n\n    <ul class=\"mira-nav-links\">\n      <li><a href=\"https:\/\/mira-web.com\/ar\/\" class=\"\"><i class=\"fas fa-house\"><\/i> Home<\/a><\/li>\n      <li><a href=\"https:\/\/mira-web.com\/ar\/about\/\" class=\"\"><i class=\"fas fa-circle-info\"><\/i> About<\/a><\/li>\n      <li><a href=\"https:\/\/mira-web.com\/ar\/services\/\" class=\"\"><i class=\"fas fa-layer-group\"><\/i> Services<\/a><\/li>\n      <li><a href=\"https:\/\/mira-web.com\/ar\/profile\/\" class=\"\"><i class=\"fas fa-folder\"><\/i> Profile<\/a><\/li>\n      <li><a href=\"https:\/\/mira-web.com\/ar\/prices\/\" class=\"\"><i class=\"fas fa-tag\"><\/i> Pricing<\/a><\/li>\n    <\/ul>\n\n    <div class=\"mira-nav-right\">\n      <div class=\"mira-nav-socials\">\n        <a href=\"https:\/\/www.facebook.com\/share\/1BBaUvQ6eZ\/\" target=\"_blank\" rel=\"noopener\" class=\"mira-nav-soc fb\" title=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n        <a href=\"https:\/\/wa.me\/+201278397789\" target=\"_blank\" rel=\"noopener\" class=\"mira-nav-soc wa\" title=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n        <a href=\"https:\/\/www.instagram.com\/mira_web_eg?igsh=MWpxcDBkbjJpcnRjOQ==\" target=\"_blank\" rel=\"noopener\" class=\"mira-nav-soc ig\" title=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n      <\/div>\n      <div class=\"mira-nav-sep\"><\/div>\n      <a href=\"https:\/\/mira-web.com\/ar\/contact\/\" class=\"mira-nav-cta\">\n        <i class=\"fas fa-paper-plane\"><\/i> Request Now\n      <\/a>\n      <button class=\"mira-nav-burger\" id=\"mira-burger\" aria-label=\"Menu\">\n        <div class=\"mira-burger-box\">\n          <span><\/span><span><\/span>\n        <\/div>\n      <\/button>\n    <\/div>\n\n  <\/div>\n<\/nav>\n\n<div class=\"mira-nav-overlay\" id=\"mira-overlay\"><\/div>\n\n<div class=\"mira-nav-mobile\" id=\"mira-mobileMenu\">\n  <ul class=\"mira-mob-links\">\n    <li><a href=\"https:\/\/mira-web.com\/ar\/\" class=\"\" data-mira-close><span class=\"mira-mob-icon\"><i class=\"fas fa-house\"><\/i><\/span> Home<\/a><\/li>\n    <li><a href=\"https:\/\/mira-web.com\/ar\/about\/\" class=\"\" data-mira-close><span class=\"mira-mob-icon\"><i class=\"fas fa-circle-info\"><\/i><\/span> About<\/a><\/li>\n    <li><a href=\"https:\/\/mira-web.com\/ar\/services\/\" class=\"\" data-mira-close><span class=\"mira-mob-icon\"><i class=\"fas fa-layer-group\"><\/i><\/span> Services<\/a><\/li>\n\t\n\t <li><a href=\"https:\/\/mira-web.com\/ar\/profile\/\" class=\"\" data-mira-close><span class=\"mira-mob-icon\"><i class=\"fas fa-folder\"><\/i><\/span> Profile<\/a><\/li>\n\t\n\t\n    <li><a href=\"https:\/\/mira-web.com\/ar\/prices\/\" class=\"\" data-mira-close><span class=\"mira-mob-icon\"><i class=\"fas fa-tag\"><\/i><\/span> Pricing<\/a><\/li>\n  <\/ul>\n  <div class=\"mira-mob-footer\">\n    <div class=\"mira-mob-socials\">\n      <a href=\"https:\/\/www.facebook.com\/share\/1BBaUvQ6eZ\/\" target=\"_blank\" rel=\"noopener\" class=\"mira-mob-soc fb\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n      <a href=\"https:\/\/wa.me\/+201278397789\" target=\"_blank\" rel=\"noopener\" class=\"mira-mob-soc wa\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n      <a href=\"https:\/\/www.instagram.com\/mira_web_eg?igsh=MWpxcDBkbjJpcnRjOQ==\" target=\"_blank\" rel=\"noopener\" class=\"mira-mob-soc ig\"><i class=\"fab fa-instagram\"><\/i><\/a>\n    <\/div>\n    <a href=\"https:\/\/mira-web.com\/ar\/contact\/\" class=\"mira-mob-cta\" data-mira-close>\n      <i class=\"fas fa-paper-plane\"><\/i> Request Now\n    <\/a>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  const burger  = document.getElementById('mira-burger');\n  const menu    = document.getElementById('mira-mobileMenu');\n  const overlay = document.getElementById('mira-overlay');\n  const navbar  = document.getElementById('mira-navbar');\n\n  function closeMenu(){\n    menu.classList.remove('open');\n    overlay.classList.remove('open');\n    burger.classList.remove('open');\n    document.body.style.overflow = '';\n  }\n\n  burger.addEventListener('click', function(){\n    const open = menu.classList.toggle('open');\n    overlay.classList.toggle('open', open);\n    burger.classList.toggle('open', open);\n    document.body.style.overflow = open ? 'hidden' : '';\n  });\n\n  overlay.addEventListener('click', closeMenu);\n  document.querySelectorAll('[data-mira-close]').forEach(function(el){\n    el.addEventListener('click', closeMenu);\n  });\n\n  window.addEventListener('scroll', function(){\n    const scrolled = window.scrollY > 10;\n    navbar.classList.toggle('scrolled', scrolled);\n    menu.classList.toggle('scrolled-pos', scrolled);\n  });\n})();\n<\/script>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1dff8046 elementor-widget elementor-widget-text-editor\" data-id=\"1dff8046\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div style=\"font-family: 'Inter', sans-serif !important; padding: 20px 0 40px !important;\">\n<div style=\"display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 10px !important;\">\n<div style=\"width: 32px !important; height: 2px !important; background: #c9a84c !important; border-radius: 2px !important; flex-shrink: 0 !important;\"><\/div>\n<p>            <span style=\"font-size: .72rem !important; font-weight: 700 !important; letter-spacing: .15em !important; text-transform: uppercase !important; color: #9a7a2e !important;\">Our Work<\/span>\n        <\/div>\n<div style=\"display: grid !important; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)) !important; gap: 24px !important; margin-top: 32px !important;\">\n<div id=\"mira-card-34\"\n                     style=\"background: #fff !important; border: 1px solid #e8e4d8 !important; border-radius: 16px !important; overflow: hidden !important; position: relative !important; cursor: pointer !important; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;\"\n                     onmouseenter=\"\n                         this.style.setProperty('transform','translateY(-6px)','important');\n                         this.style.setProperty('box-shadow','0 8px 40px rgba(0,0,0,.09), 0 0 0 1px #d4c99a','important');\n                         this.style.setProperty('border-color','#d4c99a','important');\n                         this.querySelector('.mira-top-line').style.setProperty('transform','scaleX(1)','important');\n                         this.querySelector('.mira-screen-img').style.setProperty('transform','translateY(-60%)','important');\n                     \"\n                     onmouseleave=\"\n                         this.style.setProperty('transform','translateY(0)','important');\n                         this.style.setProperty('box-shadow','none','important');\n                         this.style.setProperty('border-color','#e8e4d8','important');\n                         this.querySelector('.mira-top-line').style.setProperty('transform','scaleX(0)','important');\n                         this.querySelector('.mira-screen-img').style.setProperty('transform','translateY(0)','important');\n                     \"><\/p>\n<p>                    <!-- Gold top line --><\/p>\n<div class=\"mira-top-line\" style=\"position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 3px !important; background: linear-gradient(90deg, #c9a84c, #f0d98a) !important; transform: scaleX(0) !important; transform-origin: left !important; transition: transform .28s ease !important; z-index: 2 !important;\"><\/div>\n<p>                    <!-- Browser chrome --><\/p>\n<div style=\"background: #f5f4ef !important; border-bottom: 1px solid #e8e4d8 !important; padding: 9px 14px !important; display: flex !important; align-items: center !important; gap: 7px !important;\">\n<div style=\"display: flex !important; gap: 5px !important;\">\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #ff5f57 !important; display: inline-block !important;\"><\/span><br \/>\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #febc2e !important; display: inline-block !important;\"><\/span><br \/>\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #28c840 !important; display: inline-block !important;\"><\/span>\n                        <\/div>\n<div style=\"flex: 1 !important; background: rgba(255,255,255,.7) !important; border: 1px solid #e8e4d8 !important; border-radius: 5px !important; padding: 3px 10px !important; font-size: 10px !important; color: #9a9088 !important; font-family: 'JetBrains Mono', monospace !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;\">\n                            bd-metal-eg.com                        <\/div>\n<\/p><\/div>\n<p>                    <!-- Screenshot --><\/p>\n<div style=\"width: 100% !important; height: 210px !important; overflow: hidden !important; background: #f5f4ef !important; position: relative !important;\">\n                        <img decoding=\"async\" class=\"mira-screen-img\"\n                             src=\"https:\/\/image.thum.io\/get\/width\/900\/fullpage\/noanimate\/https:\/\/bd-metal-eg.com\/about\/\"\n                             alt=\"BD metal\"\n                             loading=\"lazy\"\n                             style=\"width: 100% !important; height: auto !important; display: block !important; transition: transform 9s linear !important; transform: translateY(0) !important;\">\n                    <\/div>\n<p>                    <!-- Body --><\/p>\n<div style=\"padding: 18px 20px 20px !important;\">\n                        <span style=\"display: inline-block !important; font-size: .68rem !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #9a7a2e !important; background: rgba(201,168,76,.14) !important; border: 1px solid #d4c99a !important; padding: 3px 10px !important; border-radius: 999px !important; margin-bottom: 10px !important;\"><br \/>\n                            Landing page                        <\/span><\/p>\n<div style=\"font-size: 1rem !important; font-weight: 700 !important; color: #1a1a1a !important; margin-bottom: 7px !important; letter-spacing: -.01em !important; line-height: 1.35 !important;\">\n                            BD metal                        <\/div>\n<div style=\"font-size: .8rem !important; color: #5a5550 !important; line-height: 1.65 !important; margin-bottom: 16px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;\">\n                            Landing page for Metal forming company                        <\/div>\n<div style=\"display: flex !important; align-items: center !important; justify-content: space-between !important; border-top: 1px solid #e8e4d8 !important; padding-top: 14px !important; gap: 10px !important;\">\n                            <a href=\"https:\/\/bd-metal-eg.com\/about\/\"\n                               target=\"_blank\"\n                               rel=\"noopener\"\n                               style=\"display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: .78rem !important; font-weight: 700 !important; color: #9a7a2e !important; text-decoration: none !important; background: rgba(201,168,76,.14) !important; border: 1px solid #d4c99a !important; padding: 6px 14px !important; border-radius: 7px !important; transition: background .2s, color .2s !important;\"\n                               onmouseenter=\"this.style.setProperty('background','#c9a84c','important'); this.style.setProperty('color','#fff','important'); this.style.setProperty('border-color','#c9a84c','important');\"\n                               onmouseleave=\"this.style.setProperty('background','rgba(201,168,76,.14)','important'); this.style.setProperty('color','#9a7a2e','important'); this.style.setProperty('border-color','#d4c99a','important');\"><br \/>\n                                <svg viewBox=\"0 0 16 16\" style=\"width: 12px !important; height: 12px !important; fill: currentColor !important; flex-shrink: 0 !important;\">\n                                    <path d=\"M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z\"\/>\n                                    <path d=\"M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z\"\/>\n                                <\/svg><br \/>\n                                Visit Site<br \/>\n                            <\/a><br \/>\n                            <span style=\"font-size: .72rem !important; color: #9a9088 !important;\"><br \/>\n                                Mar 2026                            <\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"mira-card-33\"\n                     style=\"background: #fff !important; border: 1px solid #e8e4d8 !important; border-radius: 16px !important; overflow: hidden !important; position: relative !important; cursor: pointer !important; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;\"\n                     onmouseenter=\"\n                         this.style.setProperty('transform','translateY(-6px)','important');\n                         this.style.setProperty('box-shadow','0 8px 40px rgba(0,0,0,.09), 0 0 0 1px #d4c99a','important');\n                         this.style.setProperty('border-color','#d4c99a','important');\n                         this.querySelector('.mira-top-line').style.setProperty('transform','scaleX(1)','important');\n                         this.querySelector('.mira-screen-img').style.setProperty('transform','translateY(-60%)','important');\n                     \"\n                     onmouseleave=\"\n                         this.style.setProperty('transform','translateY(0)','important');\n                         this.style.setProperty('box-shadow','none','important');\n                         this.style.setProperty('border-color','#e8e4d8','important');\n                         this.querySelector('.mira-top-line').style.setProperty('transform','scaleX(0)','important');\n                         this.querySelector('.mira-screen-img').style.setProperty('transform','translateY(0)','important');\n                     \"><\/p>\n<p>                    <!-- Gold top line --><\/p>\n<div class=\"mira-top-line\" style=\"position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 3px !important; background: linear-gradient(90deg, #c9a84c, #f0d98a) !important; transform: scaleX(0) !important; transform-origin: left !important; transition: transform .28s ease !important; z-index: 2 !important;\"><\/div>\n<p>                    <!-- Browser chrome --><\/p>\n<div style=\"background: #f5f4ef !important; border-bottom: 1px solid #e8e4d8 !important; padding: 9px 14px !important; display: flex !important; align-items: center !important; gap: 7px !important;\">\n<div style=\"display: flex !important; gap: 5px !important;\">\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #ff5f57 !important; display: inline-block !important;\"><\/span><br \/>\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #febc2e !important; display: inline-block !important;\"><\/span><br \/>\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #28c840 !important; display: inline-block !important;\"><\/span>\n                        <\/div>\n<div style=\"flex: 1 !important; background: rgba(255,255,255,.7) !important; border: 1px solid #e8e4d8 !important; border-radius: 5px !important; padding: 3px 10px !important; font-size: 10px !important; color: #9a9088 !important; font-family: 'JetBrains Mono', monospace !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;\">\n                            ha-tronics.com                        <\/div>\n<\/p><\/div>\n<p>                    <!-- Screenshot --><\/p>\n<div style=\"width: 100% !important; height: 210px !important; overflow: hidden !important; background: #f5f4ef !important; position: relative !important;\">\n                        <img decoding=\"async\" class=\"mira-screen-img\"\n                             src=\"https:\/\/image.thum.io\/get\/width\/900\/fullpage\/noanimate\/https:\/\/ha-tronics.com\/about-us\/\"\n                             alt=\"Hamada ALber tronics\"\n                             loading=\"lazy\"\n                             style=\"width: 100% !important; height: auto !important; display: block !important; transition: transform 9s linear !important; transform: translateY(0) !important;\">\n                    <\/div>\n<p>                    <!-- Body --><\/p>\n<div style=\"padding: 18px 20px 20px !important;\">\n                        <span style=\"display: inline-block !important; font-size: .68rem !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #9a7a2e !important; background: rgba(201,168,76,.14) !important; border: 1px solid #d4c99a !important; padding: 3px 10px !important; border-radius: 999px !important; margin-bottom: 10px !important;\"><br \/>\n                            ecommerce                        <\/span><\/p>\n<div style=\"font-size: 1rem !important; font-weight: 700 !important; color: #1a1a1a !important; margin-bottom: 7px !important; letter-spacing: -.01em !important; line-height: 1.35 !important;\">\n                            Hamada ALber tronics                        <\/div>\n<div style=\"font-size: .8rem !important; color: #5a5550 !important; line-height: 1.65 !important; margin-bottom: 16px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;\">\n                            advanced E-commerce                        <\/div>\n<div style=\"display: flex !important; align-items: center !important; justify-content: space-between !important; border-top: 1px solid #e8e4d8 !important; padding-top: 14px !important; gap: 10px !important;\">\n                            <a href=\"https:\/\/ha-tronics.com\/about-us\/\"\n                               target=\"_blank\"\n                               rel=\"noopener\"\n                               style=\"display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: .78rem !important; font-weight: 700 !important; color: #9a7a2e !important; text-decoration: none !important; background: rgba(201,168,76,.14) !important; border: 1px solid #d4c99a !important; padding: 6px 14px !important; border-radius: 7px !important; transition: background .2s, color .2s !important;\"\n                               onmouseenter=\"this.style.setProperty('background','#c9a84c','important'); this.style.setProperty('color','#fff','important'); this.style.setProperty('border-color','#c9a84c','important');\"\n                               onmouseleave=\"this.style.setProperty('background','rgba(201,168,76,.14)','important'); this.style.setProperty('color','#9a7a2e','important'); this.style.setProperty('border-color','#d4c99a','important');\"><br \/>\n                                <svg viewBox=\"0 0 16 16\" style=\"width: 12px !important; height: 12px !important; fill: currentColor !important; flex-shrink: 0 !important;\">\n                                    <path d=\"M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z\"\/>\n                                    <path d=\"M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z\"\/>\n                                <\/svg><br \/>\n                                Visit Site<br \/>\n                            <\/a><br \/>\n                            <span style=\"font-size: .72rem !important; color: #9a9088 !important;\"><br \/>\n                                Mar 2026                            <\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"mira-card-31\"\n                     style=\"background: #fff !important; border: 1px solid #e8e4d8 !important; border-radius: 16px !important; overflow: hidden !important; position: relative !important; cursor: pointer !important; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;\"\n                     onmouseenter=\"\n                         this.style.setProperty('transform','translateY(-6px)','important');\n                         this.style.setProperty('box-shadow','0 8px 40px rgba(0,0,0,.09), 0 0 0 1px #d4c99a','important');\n                         this.style.setProperty('border-color','#d4c99a','important');\n                         this.querySelector('.mira-top-line').style.setProperty('transform','scaleX(1)','important');\n                         this.querySelector('.mira-screen-img').style.setProperty('transform','translateY(-60%)','important');\n                     \"\n                     onmouseleave=\"\n                         this.style.setProperty('transform','translateY(0)','important');\n                         this.style.setProperty('box-shadow','none','important');\n                         this.style.setProperty('border-color','#e8e4d8','important');\n                         this.querySelector('.mira-top-line').style.setProperty('transform','scaleX(0)','important');\n                         this.querySelector('.mira-screen-img').style.setProperty('transform','translateY(0)','important');\n                     \"><\/p>\n<p>                    <!-- Gold top line --><\/p>\n<div class=\"mira-top-line\" style=\"position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 3px !important; background: linear-gradient(90deg, #c9a84c, #f0d98a) !important; transform: scaleX(0) !important; transform-origin: left !important; transition: transform .28s ease !important; z-index: 2 !important;\"><\/div>\n<p>                    <!-- Browser chrome --><\/p>\n<div style=\"background: #f5f4ef !important; border-bottom: 1px solid #e8e4d8 !important; padding: 9px 14px !important; display: flex !important; align-items: center !important; gap: 7px !important;\">\n<div style=\"display: flex !important; gap: 5px !important;\">\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #ff5f57 !important; display: inline-block !important;\"><\/span><br \/>\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #febc2e !important; display: inline-block !important;\"><\/span><br \/>\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #28c840 !important; display: inline-block !important;\"><\/span>\n                        <\/div>\n<div style=\"flex: 1 !important; background: rgba(255,255,255,.7) !important; border: 1px solid #e8e4d8 !important; border-radius: 5px !important; padding: 3px 10px !important; font-size: 10px !important; color: #9a9088 !important; font-family: 'JetBrains Mono', monospace !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;\">\n                            brandsclub-eg.com                        <\/div>\n<\/p><\/div>\n<p>                    <!-- Screenshot --><\/p>\n<div style=\"width: 100% !important; height: 210px !important; overflow: hidden !important; background: #f5f4ef !important; position: relative !important;\">\n                        <img decoding=\"async\" class=\"mira-screen-img\"\n                             src=\"https:\/\/image.thum.io\/get\/width\/900\/fullpage\/noanimate\/https:\/\/brandsclub-eg.com\/en\/\"\n                             alt=\"Brands Club\"\n                             loading=\"lazy\"\n                             style=\"width: 100% !important; height: auto !important; display: block !important; transition: transform 9s linear !important; transform: translateY(0) !important;\">\n                    <\/div>\n<p>                    <!-- Body --><\/p>\n<div style=\"padding: 18px 20px 20px !important;\">\n                        <span style=\"display: inline-block !important; font-size: .68rem !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #9a7a2e !important; background: rgba(201,168,76,.14) !important; border: 1px solid #d4c99a !important; padding: 3px 10px !important; border-radius: 999px !important; margin-bottom: 10px !important;\"><br \/>\n                            ecommerce                        <\/span><\/p>\n<div style=\"font-size: 1rem !important; font-weight: 700 !important; color: #1a1a1a !important; margin-bottom: 7px !important; letter-spacing: -.01em !important; line-height: 1.35 !important;\">\n                            Brands Club                        <\/div>\n<div style=\"font-size: .8rem !important; color: #5a5550 !important; line-height: 1.65 !important; margin-bottom: 16px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;\">\n                            advanced E-commerce                        <\/div>\n<div style=\"display: flex !important; align-items: center !important; justify-content: space-between !important; border-top: 1px solid #e8e4d8 !important; padding-top: 14px !important; gap: 10px !important;\">\n                            <a href=\"https:\/\/brandsclub-eg.com\/en\/\"\n                               target=\"_blank\"\n                               rel=\"noopener\"\n                               style=\"display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: .78rem !important; font-weight: 700 !important; color: #9a7a2e !important; text-decoration: none !important; background: rgba(201,168,76,.14) !important; border: 1px solid #d4c99a !important; padding: 6px 14px !important; border-radius: 7px !important; transition: background .2s, color .2s !important;\"\n                               onmouseenter=\"this.style.setProperty('background','#c9a84c','important'); this.style.setProperty('color','#fff','important'); this.style.setProperty('border-color','#c9a84c','important');\"\n                               onmouseleave=\"this.style.setProperty('background','rgba(201,168,76,.14)','important'); this.style.setProperty('color','#9a7a2e','important'); this.style.setProperty('border-color','#d4c99a','important');\"><br \/>\n                                <svg viewBox=\"0 0 16 16\" style=\"width: 12px !important; height: 12px !important; fill: currentColor !important; flex-shrink: 0 !important;\">\n                                    <path d=\"M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z\"\/>\n                                    <path d=\"M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z\"\/>\n                                <\/svg><br \/>\n                                Visit Site<br \/>\n                            <\/a><br \/>\n                            <span style=\"font-size: .72rem !important; color: #9a9088 !important;\"><br \/>\n                                Mar 2026                            <\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"mira-card-30\"\n                     style=\"background: #fff !important; border: 1px solid #e8e4d8 !important; border-radius: 16px !important; overflow: hidden !important; position: relative !important; cursor: pointer !important; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;\"\n                     onmouseenter=\"\n                         this.style.setProperty('transform','translateY(-6px)','important');\n                         this.style.setProperty('box-shadow','0 8px 40px rgba(0,0,0,.09), 0 0 0 1px #d4c99a','important');\n                         this.style.setProperty('border-color','#d4c99a','important');\n                         this.querySelector('.mira-top-line').style.setProperty('transform','scaleX(1)','important');\n                         this.querySelector('.mira-screen-img').style.setProperty('transform','translateY(-60%)','important');\n                     \"\n                     onmouseleave=\"\n                         this.style.setProperty('transform','translateY(0)','important');\n                         this.style.setProperty('box-shadow','none','important');\n                         this.style.setProperty('border-color','#e8e4d8','important');\n                         this.querySelector('.mira-top-line').style.setProperty('transform','scaleX(0)','important');\n                         this.querySelector('.mira-screen-img').style.setProperty('transform','translateY(0)','important');\n                     \"><\/p>\n<p>                    <!-- Gold top line --><\/p>\n<div class=\"mira-top-line\" style=\"position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 3px !important; background: linear-gradient(90deg, #c9a84c, #f0d98a) !important; transform: scaleX(0) !important; transform-origin: left !important; transition: transform .28s ease !important; z-index: 2 !important;\"><\/div>\n<p>                    <!-- Browser chrome --><\/p>\n<div style=\"background: #f5f4ef !important; border-bottom: 1px solid #e8e4d8 !important; padding: 9px 14px !important; display: flex !important; align-items: center !important; gap: 7px !important;\">\n<div style=\"display: flex !important; gap: 5px !important;\">\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #ff5f57 !important; display: inline-block !important;\"><\/span><br \/>\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #febc2e !important; display: inline-block !important;\"><\/span><br \/>\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #28c840 !important; display: inline-block !important;\"><\/span>\n                        <\/div>\n<div style=\"flex: 1 !important; background: rgba(255,255,255,.7) !important; border: 1px solid #e8e4d8 !important; border-radius: 5px !important; padding: 3px 10px !important; font-size: 10px !important; color: #9a9088 !important; font-family: 'JetBrains Mono', monospace !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;\">\n                            alfa-tronics.com                        <\/div>\n<\/p><\/div>\n<p>                    <!-- Screenshot --><\/p>\n<div style=\"width: 100% !important; height: 210px !important; overflow: hidden !important; background: #f5f4ef !important; position: relative !important;\">\n                        <img decoding=\"async\" class=\"mira-screen-img\"\n                             src=\"https:\/\/image.thum.io\/get\/width\/900\/fullpage\/noanimate\/https:\/\/alfa-tronics.com\/\"\n                             alt=\"Alfa Tronics\"\n                             loading=\"lazy\"\n                             style=\"width: 100% !important; height: auto !important; display: block !important; transition: transform 9s linear !important; transform: translateY(0) !important;\">\n                    <\/div>\n<p>                    <!-- Body --><\/p>\n<div style=\"padding: 18px 20px 20px !important;\">\n                        <span style=\"display: inline-block !important; font-size: .68rem !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #9a7a2e !important; background: rgba(201,168,76,.14) !important; border: 1px solid #d4c99a !important; padding: 3px 10px !important; border-radius: 999px !important; margin-bottom: 10px !important;\"><br \/>\n                            ecommerce                        <\/span><\/p>\n<div style=\"font-size: 1rem !important; font-weight: 700 !important; color: #1a1a1a !important; margin-bottom: 7px !important; letter-spacing: -.01em !important; line-height: 1.35 !important;\">\n                            Alfa Tronics                        <\/div>\n<div style=\"font-size: .8rem !important; color: #5a5550 !important; line-height: 1.65 !important; margin-bottom: 16px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;\">\n                            advanced E-commerce                        <\/div>\n<div style=\"display: flex !important; align-items: center !important; justify-content: space-between !important; border-top: 1px solid #e8e4d8 !important; padding-top: 14px !important; gap: 10px !important;\">\n                            <a href=\"https:\/\/alfa-tronics.com\/\"\n                               target=\"_blank\"\n                               rel=\"noopener\"\n                               style=\"display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: .78rem !important; font-weight: 700 !important; color: #9a7a2e !important; text-decoration: none !important; background: rgba(201,168,76,.14) !important; border: 1px solid #d4c99a !important; padding: 6px 14px !important; border-radius: 7px !important; transition: background .2s, color .2s !important;\"\n                               onmouseenter=\"this.style.setProperty('background','#c9a84c','important'); this.style.setProperty('color','#fff','important'); this.style.setProperty('border-color','#c9a84c','important');\"\n                               onmouseleave=\"this.style.setProperty('background','rgba(201,168,76,.14)','important'); this.style.setProperty('color','#9a7a2e','important'); this.style.setProperty('border-color','#d4c99a','important');\"><br \/>\n                                <svg viewBox=\"0 0 16 16\" style=\"width: 12px !important; height: 12px !important; fill: currentColor !important; flex-shrink: 0 !important;\">\n                                    <path d=\"M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z\"\/>\n                                    <path d=\"M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z\"\/>\n                                <\/svg><br \/>\n                                Visit Site<br \/>\n                            <\/a><br \/>\n                            <span style=\"font-size: .72rem !important; color: #9a9088 !important;\"><br \/>\n                                Mar 2026                            <\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"mira-card-29\"\n                     style=\"background: #fff !important; border: 1px solid #e8e4d8 !important; border-radius: 16px !important; overflow: hidden !important; position: relative !important; cursor: pointer !important; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;\"\n                     onmouseenter=\"\n                         this.style.setProperty('transform','translateY(-6px)','important');\n                         this.style.setProperty('box-shadow','0 8px 40px rgba(0,0,0,.09), 0 0 0 1px #d4c99a','important');\n                         this.style.setProperty('border-color','#d4c99a','important');\n                         this.querySelector('.mira-top-line').style.setProperty('transform','scaleX(1)','important');\n                         this.querySelector('.mira-screen-img').style.setProperty('transform','translateY(-60%)','important');\n                     \"\n                     onmouseleave=\"\n                         this.style.setProperty('transform','translateY(0)','important');\n                         this.style.setProperty('box-shadow','none','important');\n                         this.style.setProperty('border-color','#e8e4d8','important');\n                         this.querySelector('.mira-top-line').style.setProperty('transform','scaleX(0)','important');\n                         this.querySelector('.mira-screen-img').style.setProperty('transform','translateY(0)','important');\n                     \"><\/p>\n<p>                    <!-- Gold top line --><\/p>\n<div class=\"mira-top-line\" style=\"position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 3px !important; background: linear-gradient(90deg, #c9a84c, #f0d98a) !important; transform: scaleX(0) !important; transform-origin: left !important; transition: transform .28s ease !important; z-index: 2 !important;\"><\/div>\n<p>                    <!-- Browser chrome --><\/p>\n<div style=\"background: #f5f4ef !important; border-bottom: 1px solid #e8e4d8 !important; padding: 9px 14px !important; display: flex !important; align-items: center !important; gap: 7px !important;\">\n<div style=\"display: flex !important; gap: 5px !important;\">\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #ff5f57 !important; display: inline-block !important;\"><\/span><br \/>\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #febc2e !important; display: inline-block !important;\"><\/span><br \/>\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #28c840 !important; display: inline-block !important;\"><\/span>\n                        <\/div>\n<div style=\"flex: 1 !important; background: rgba(255,255,255,.7) !important; border: 1px solid #e8e4d8 !important; border-radius: 5px !important; padding: 3px 10px !important; font-size: 10px !important; color: #9a9088 !important; font-family: 'JetBrains Mono', monospace !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;\">\n                            volt-tronics.com                        <\/div>\n<\/p><\/div>\n<p>                    <!-- Screenshot --><\/p>\n<div style=\"width: 100% !important; height: 210px !important; overflow: hidden !important; background: #f5f4ef !important; position: relative !important;\">\n                        <img decoding=\"async\" class=\"mira-screen-img\"\n                             src=\"https:\/\/image.thum.io\/get\/width\/900\/fullpage\/noanimate\/https:\/\/volt-tronics.com\/\"\n                             alt=\"volttronics\"\n                             loading=\"lazy\"\n                             style=\"width: 100% !important; height: auto !important; display: block !important; transition: transform 9s linear !important; transform: translateY(0) !important;\">\n                    <\/div>\n<p>                    <!-- Body --><\/p>\n<div style=\"padding: 18px 20px 20px !important;\">\n                        <span style=\"display: inline-block !important; font-size: .68rem !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #9a7a2e !important; background: rgba(201,168,76,.14) !important; border: 1px solid #d4c99a !important; padding: 3px 10px !important; border-radius: 999px !important; margin-bottom: 10px !important;\"><br \/>\n                            ecommerce                        <\/span><\/p>\n<div style=\"font-size: 1rem !important; font-weight: 700 !important; color: #1a1a1a !important; margin-bottom: 7px !important; letter-spacing: -.01em !important; line-height: 1.35 !important;\">\n                            volttronics                        <\/div>\n<div style=\"font-size: .8rem !important; color: #5a5550 !important; line-height: 1.65 !important; margin-bottom: 16px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;\">\n                            advanced E-commerce                        <\/div>\n<div style=\"display: flex !important; align-items: center !important; justify-content: space-between !important; border-top: 1px solid #e8e4d8 !important; padding-top: 14px !important; gap: 10px !important;\">\n                            <a href=\"https:\/\/volt-tronics.com\/\"\n                               target=\"_blank\"\n                               rel=\"noopener\"\n                               style=\"display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: .78rem !important; font-weight: 700 !important; color: #9a7a2e !important; text-decoration: none !important; background: rgba(201,168,76,.14) !important; border: 1px solid #d4c99a !important; padding: 6px 14px !important; border-radius: 7px !important; transition: background .2s, color .2s !important;\"\n                               onmouseenter=\"this.style.setProperty('background','#c9a84c','important'); this.style.setProperty('color','#fff','important'); this.style.setProperty('border-color','#c9a84c','important');\"\n                               onmouseleave=\"this.style.setProperty('background','rgba(201,168,76,.14)','important'); this.style.setProperty('color','#9a7a2e','important'); this.style.setProperty('border-color','#d4c99a','important');\"><br \/>\n                                <svg viewBox=\"0 0 16 16\" style=\"width: 12px !important; height: 12px !important; fill: currentColor !important; flex-shrink: 0 !important;\">\n                                    <path d=\"M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z\"\/>\n                                    <path d=\"M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z\"\/>\n                                <\/svg><br \/>\n                                Visit Site<br \/>\n                            <\/a><br \/>\n                            <span style=\"font-size: .72rem !important; color: #9a9088 !important;\"><br \/>\n                                Mar 2026                            <\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"mira-card-28\"\n                     style=\"background: #fff !important; border: 1px solid #e8e4d8 !important; border-radius: 16px !important; overflow: hidden !important; position: relative !important; cursor: pointer !important; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;\"\n                     onmouseenter=\"\n                         this.style.setProperty('transform','translateY(-6px)','important');\n                         this.style.setProperty('box-shadow','0 8px 40px rgba(0,0,0,.09), 0 0 0 1px #d4c99a','important');\n                         this.style.setProperty('border-color','#d4c99a','important');\n                         this.querySelector('.mira-top-line').style.setProperty('transform','scaleX(1)','important');\n                         this.querySelector('.mira-screen-img').style.setProperty('transform','translateY(-60%)','important');\n                     \"\n                     onmouseleave=\"\n                         this.style.setProperty('transform','translateY(0)','important');\n                         this.style.setProperty('box-shadow','none','important');\n                         this.style.setProperty('border-color','#e8e4d8','important');\n                         this.querySelector('.mira-top-line').style.setProperty('transform','scaleX(0)','important');\n                         this.querySelector('.mira-screen-img').style.setProperty('transform','translateY(0)','important');\n                     \"><\/p>\n<p>                    <!-- Gold top line --><\/p>\n<div class=\"mira-top-line\" style=\"position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 3px !important; background: linear-gradient(90deg, #c9a84c, #f0d98a) !important; transform: scaleX(0) !important; transform-origin: left !important; transition: transform .28s ease !important; z-index: 2 !important;\"><\/div>\n<p>                    <!-- Browser chrome --><\/p>\n<div style=\"background: #f5f4ef !important; border-bottom: 1px solid #e8e4d8 !important; padding: 9px 14px !important; display: flex !important; align-items: center !important; gap: 7px !important;\">\n<div style=\"display: flex !important; gap: 5px !important;\">\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #ff5f57 !important; display: inline-block !important;\"><\/span><br \/>\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #febc2e !important; display: inline-block !important;\"><\/span><br \/>\n                            <span style=\"width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #28c840 !important; display: inline-block !important;\"><\/span>\n                        <\/div>\n<div style=\"flex: 1 !important; background: rgba(255,255,255,.7) !important; border: 1px solid #e8e4d8 !important; border-radius: 5px !important; padding: 3px 10px !important; font-size: 10px !important; color: #9a9088 !important; font-family: 'JetBrains Mono', monospace !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;\">\n                            trusttronics.com                        <\/div>\n<\/p><\/div>\n<p>                    <!-- Screenshot --><\/p>\n<div style=\"width: 100% !important; height: 210px !important; overflow: hidden !important; background: #f5f4ef !important; position: relative !important;\">\n                        <img decoding=\"async\" class=\"mira-screen-img\"\n                             src=\"https:\/\/image.thum.io\/get\/width\/900\/fullpage\/noanimate\/https:\/\/trusttronics.com\/en\/\"\n                             alt=\"trust tronics\"\n                             loading=\"lazy\"\n                             style=\"width: 100% !important; height: auto !important; display: block !important; transition: transform 9s linear !important; transform: translateY(0) !important;\">\n                    <\/div>\n<p>                    <!-- Body --><\/p>\n<div style=\"padding: 18px 20px 20px !important;\">\n                        <span style=\"display: inline-block !important; font-size: .68rem !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #9a7a2e !important; background: rgba(201,168,76,.14) !important; border: 1px solid #d4c99a !important; padding: 3px 10px !important; border-radius: 999px !important; margin-bottom: 10px !important;\"><br \/>\n                            ecommerce                        <\/span><\/p>\n<div style=\"font-size: 1rem !important; font-weight: 700 !important; color: #1a1a1a !important; margin-bottom: 7px !important; letter-spacing: -.01em !important; line-height: 1.35 !important;\">\n                            trust tronics                        <\/div>\n<div style=\"font-size: .8rem !important; color: #5a5550 !important; line-height: 1.65 !important; margin-bottom: 16px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;\">\n                            Advanced E-Commerce Platform                        <\/div>\n<div style=\"display: flex !important; align-items: center !important; justify-content: space-between !important; border-top: 1px solid #e8e4d8 !important; padding-top: 14px !important; gap: 10px !important;\">\n                            <a href=\"https:\/\/trusttronics.com\/en\/\"\n                               target=\"_blank\"\n                               rel=\"noopener\"\n                               style=\"display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: .78rem !important; font-weight: 700 !important; color: #9a7a2e !important; text-decoration: none !important; background: rgba(201,168,76,.14) !important; border: 1px solid #d4c99a !important; padding: 6px 14px !important; border-radius: 7px !important; transition: background .2s, color .2s !important;\"\n                               onmouseenter=\"this.style.setProperty('background','#c9a84c','important'); this.style.setProperty('color','#fff','important'); this.style.setProperty('border-color','#c9a84c','important');\"\n                               onmouseleave=\"this.style.setProperty('background','rgba(201,168,76,.14)','important'); this.style.setProperty('color','#9a7a2e','important'); this.style.setProperty('border-color','#d4c99a','important');\"><br \/>\n                                <svg viewBox=\"0 0 16 16\" style=\"width: 12px !important; height: 12px !important; fill: currentColor !important; flex-shrink: 0 !important;\">\n                                    <path d=\"M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z\"\/>\n                                    <path d=\"M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z\"\/>\n                                <\/svg><br \/>\n                                Visit Site<br \/>\n                            <\/a><br \/>\n                            <span style=\"font-size: .72rem !important; color: #9a9088 !important;\"><br \/>\n                                Mar 2026                            <\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c488cb2 e-flex e-con-boxed e-con e-parent\" data-id=\"c488cb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fce864a elementor-widget elementor-widget-html\" data-id=\"fce864a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Section \u2013 Footer<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n<style>\r\n:root{\r\n  --bg:#ffffff;--bg2:#fafaf8;--bg3:#f5f4ef;--card:#ffffff;\r\n  --border:#e8e4d8;--border2:#d4c99a;--gold:#c9a84c;--gold2:#e8c96a;\r\n  --gold-dark:#9a7a2e;--gold-glow:rgba(201,168,76,.15);--text:#1a1a1a;--text2:#5a5550;--text3:#9a9088;\r\n}\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\nbody{font-family:'Inter',sans-serif;background:var(--bg2);overflow-x:hidden;}\r\na{text-decoration:none;color:inherit;}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfooter{background:var(--bg2);border-top:1px solid var(--border);padding:60px 40px 30px;}\r\n.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px;}\r\n@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;}}\r\n@media(max-width:600px){.footer-grid{grid-template-columns:1fr;}}\r\n\r\n.f-brand .f-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px;}\r\n.f-brand .f-logo span{font-weight:800;font-size:1.1rem;color:var(--text);}\r\n.f-brand p{font-size:.82rem;color:var(--text2);line-height:1.7;}\r\n\r\n.logo-gem{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold2) 100%);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff;box-shadow:0 4px 12px rgba(201,168,76,.4);}\r\n\r\n.f-col h4{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:14px;}\r\n.f-col ul{list-style:none;display:grid;gap:9px;}\r\n.f-col ul li a{font-size:.82rem;color:var(--text2);transition:color .2s;}\r\n.f-col ul li a:hover{color:var(--gold);}\r\n\r\n.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;max-width:1200px;margin:0 auto;font-size:.78rem;color:var(--text3);}\r\n.footer-bottom a{color:var(--gold-dark);}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<footer>\r\n  <div class=\"footer-grid\">\r\n    <div class=\"f-brand\">\r\n      <div class=\"f-logo\"><div class=\"logo-gem\">M<\/div><span>Mira Web<\/span><\/div>\r\n      <p>Your key to excellence in web design and digital presence. Building scalable, production-ready web applications for businesses across Egypt and the Arab world.<\/p>\r\n    <\/div>\r\n    <div class=\"f-col\">\r\n      <h4>Services<\/h4>\r\n      <ul>\r\n        <li><a href=\"#\">Laravel Development<\/a><\/li>\r\n        <li><a href=\"#\">WordPress & WooCommerce<\/a><\/li>\r\n        <li><a href=\"#\">Filament Admin Panel<\/a><\/li>\r\n        <li><a href=\"#\">Livewire Apps<\/a><\/li>\r\n        <li><a href=\"#\">Mobile Apps<\/a><\/li>\r\n        <li><a href=\"#\">UI\/UX Design<\/a><\/li>\r\n        <li><a href=\"#\">SEO Optimization<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"f-col\">\r\n      <h4>Company<\/h4>\r\n      <ul>\r\n        <li><a href=\"https:\/\/mira-web.com\/\" target=\"_blank\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/mira-web.com\/services\/\" target=\"_blank\">Services<\/a><\/li>\r\n        <li><a href=\"https:\/\/mira-web.com\/prices\/\" target=\"_blank\">Pricing<\/a><\/li>\r\n        <li><a href=\"https:\/\/mira-web.com\/about\/\" target=\"_blank\">About Us<\/a><\/li>\r\n        <li><a href=\"https:\/\/mira-web.com\/contact\/\" target=\"_blank\">Contact<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"f-col\">\r\n      <h4>Technologies<\/h4>\r\n      <ul>\r\n        <li><a href=\"#\">Laravel Framework<\/a><\/li>\r\n        <li><a href=\"#\">WordPress CMS<\/a><\/li>\r\n        <li><a href=\"#\">Filament <\/a><\/li>\r\n        <li><a href=\"#\">Livewire <\/a><\/li>\r\n        <li><a href=\"#\">Flutter & React Native<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"footer-bottom\">\r\n    <span>\u00a9 2025 <a href=\"https:\/\/mira-web.com\" target=\"_blank\">Mira Web<\/a> \u2014 All rights reserved.<\/span>\r\n    <span>Laravel \u00b7 WordPress \u00b7 Filament \u00b7 Livewire \u00b7 PHP \u00b7 Mobile<\/span>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Section \u2013 Footer MMira Web Your key to excellence in web design and digital presence. Building scalable, production-ready web applications for businesses across Egypt and the Arab world. Services Laravel Development WordPress &#038; WooCommerce Filament Admin Panel Livewire Apps Mobile Apps UI\/UX Design SEO Optimization Company Home Services Pricing About Us Contact Technologies Laravel Framework [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2337","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/pages\/2337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/comments?post=2337"}],"version-history":[{"count":13,"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/pages\/2337\/revisions"}],"predecessor-version":[{"id":2539,"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/pages\/2337\/revisions\/2539"}],"wp:attachment":[{"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/media?parent=2337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}