{"id":1193,"date":"2025-07-19T16:20:34","date_gmt":"2025-07-19T13:20:34","guid":{"rendered":"https:\/\/mira-web.com\/?page_id=1193"},"modified":"2026-03-12T14:22:00","modified_gmt":"2026-03-12T12:22:00","slug":"contact","status":"publish","type":"page","link":"https:\/\/mira-web.com\/ar\/contact\/","title":{"rendered":"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMira Web \u2013 Navbar<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&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;\r\n --bg2:#fafaf8;\r\n --bg3:#f5f4ef;\r\n --border:#e8e4d8;\r\n --border2:#d4c99a;\r\n --gold:#c9a84c;\r\n --gold2:#e8c96a;\r\n --gold-dark:#9a7a2e;\r\n --gold-glow:rgba(201,168,76,.15);\r\n --text:#1a1a1a;\r\n --text2:#5a5550;\r\n --text3:#9a9088;\r\n --nav-h:82px;\r\n --nav-top:0px;\r\n}\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\n\/* Hero gradient mirrored on body so navbar blends *\/\r\nbody{\r\n font-family:'Inter',sans-serif;\r\n background:linear-gradient(160deg,#ffffff 0%,#fafaf8 50%,#f5f4ef 100%);\r\n min-height:100vh;\r\n}\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n NAVBAR \u2014 hero gradient bg\r\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 *\/\r\n.navbar{\r\n position:fixed;\r\n top:var(--nav-top);\r\n left:0;right:0;\r\n z-index:1000;\r\n height:var(--nav-h);\r\n display:flex;align-items:center;\r\n padding:0 40px;\r\n\r\n \/* exact same gradient as hero section *\/\r\n background:linear-gradient(160deg,\r\n rgba(255,255,255,.72) 0%,\r\n rgba(250,250,248,.72) 50%,\r\n rgba(245,244,239,.72) 100%\r\n );\r\n backdrop-filter:blur(16px);\r\n -webkit-backdrop-filter:blur(16px);\r\n border-bottom:1px solid transparent;\r\n transition:\r\n top .35s ease,\r\n background .35s ease,\r\n border-color .35s ease,\r\n box-shadow .35s ease;\r\n}\r\n.navbar.scrolled{\r\n top:0;\r\n background:linear-gradient(160deg,\r\n rgba(255,255,255,.96) 0%,\r\n rgba(250,250,248,.96) 50%,\r\n rgba(245,244,239,.96) 100%\r\n );\r\n border-color:var(--border);\r\n box-shadow:0 4px 30px rgba(0,0,0,.07);\r\n}\r\n\r\n.nav-inner{\r\n max-width:1200px;margin:0 auto;width:100%;\r\n display:flex;align-items:center;\r\n justify-content:space-between;gap:16px;\r\n}\r\n\r\n\/* \u2500\u2500 Logo \u2500\u2500 *\/\r\n.nav-logo img{\r\n height:120px;width:auto;\r\n object-fit:contain;display:block;\r\n transition:opacity .2s,transform .2s;\r\n}\r\n.nav-logo:hover img{opacity:.82;transform:scale(.97);}\r\n\r\n\/* \u2500\u2500 Nav Links \u2500\u2500 *\/\r\n.nav-links{\r\n display:flex;align-items:center;\r\n gap:2px;list-style:none;\r\n}\r\n.nav-links li a{\r\n display:flex;align-items:center;gap:7px;\r\n padding:8px 14px;border-radius:9px;\r\n font-size:.82rem;font-weight:600;\r\n color:var(--text2);\r\n border:1px solid transparent;\r\n transition:all .2s;white-space:nowrap;\r\n}\r\n.nav-links li a i{\r\n font-size:.72rem;color:var(--text3);transition:color .2s;\r\n}\r\n.nav-links li a:hover{\r\n background:rgba(245,244,239,.9);color:var(--text);\r\n}\r\n.nav-links li a:hover i{color:var(--gold);}\r\n.nav-links li a.active{\r\n background:var(--gold-glow);\r\n color:var(--gold-dark);\r\n border-color:var(--border2);\r\n}\r\n.nav-links li a.active i{color:var(--gold);}\r\n\r\n\/* \u2500\u2500 Right \u2500\u2500 *\/\r\n.nav-right{display:flex;align-items:center;gap:8px;}\r\n\r\n\/* Social icons *\/\r\n.nav-socials{display:flex;align-items:center;gap:5px;}\r\n.nav-soc{\r\n width:35px;height:35px;border-radius:9px;\r\n display:flex;align-items:center;justify-content:center;\r\n border:1px solid var(--border);\r\n color:var(--text3);font-size:.8rem;\r\n background:rgba(255,255,255,.45);\r\n transition:all .22s;\r\n}\r\n.nav-soc:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(0,0,0,.09);}\r\n.nav-soc.fb:hover{color:#1877f2;border-color:#1877f2;background:rgba(24,119,242,.09);}\r\n.nav-soc.wa:hover{color:#25d366;border-color:#25d366;background:rgba(37,211,102,.09);}\r\n.nav-soc.ig:hover{color:#e1306c;border-color:#e1306c;background:rgba(225,48,108,.09);}\r\n\r\n.nav-sep{width:1px;height:22px;background:var(--border);margin:0 3px;flex-shrink:0;}\r\n\r\n\/* CTA *\/\r\n.nav-cta{\r\n display:inline-flex;align-items:center;gap:7px;\r\n padding:10px 20px;border-radius:9px;\r\n background:linear-gradient(135deg,var(--gold),var(--gold2));\r\n color:#fff;font-weight:700;font-size:.8rem;\r\n border:none;cursor:pointer;\r\n box-shadow:0 4px 16px rgba(201,168,76,.42);\r\n transition:all .2s;white-space:nowrap;\r\n}\r\n.nav-cta:hover{transform:translateY(-1px);box-shadow:0 7px 22px rgba(201,168,76,.58);}\r\n.nav-cta i{font-size:.7rem;}\r\n\r\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\r\n MODERN MENU BUTTON \u2014 grid of dots\r\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 *\/\r\n.nav-burger{\r\n display:none;\r\n width:40px;height:40px;border-radius:10px;\r\n background:rgba(245,244,239,.9);\r\n border:1px solid var(--border);\r\n cursor:pointer;flex-shrink:0;\r\n align-items:center;justify-content:center;\r\n position:relative;overflow:hidden;\r\n transition:background .2s, border-color .2s, box-shadow .2s;\r\n}\r\n.nav-burger:hover{\r\n background:var(--gold-glow);\r\n border-color:var(--border2);\r\n box-shadow:0 4px 14px rgba(201,168,76,.22);\r\n}\r\n\r\n\/* two-line modern icon (thick + thin) *\/\r\n.burger-box{\r\n display:flex;flex-direction:column;\r\n gap:5px;align-items:flex-end;\r\n}\r\n.burger-box span{\r\n display:block;height:2px;border-radius:2px;\r\n background:var(--text2);\r\n transition:width .28s ease, transform .32s ease,\r\n opacity .28s ease, background .2s;\r\n transform-origin:right center;\r\n}\r\n.burger-box span:nth-child(1){width:18px;}\r\n.burger-box span:nth-child(2){width:12px;} \/* shorter \u2014 asymmetric = modern *\/\r\n\r\n\/* open state \u2192 X *\/\r\n.nav-burger.open .burger-box span:nth-child(1){\r\n width:18px;\r\n transform:translateY(3.5px) rotate(45deg);\r\n background:var(--gold-dark);\r\n}\r\n.nav-burger.open .burger-box span:nth-child(2){\r\n width:18px;\r\n transform:translateY(-3.5px) rotate(-45deg);\r\n background:var(--gold-dark);\r\n}\r\n.nav-burger.open{\r\n background:var(--gold-glow);\r\n border-color:var(--border2);\r\n}\r\n\r\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\r\n MOBILE DRAWER\r\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 *\/\r\n.nav-mobile{\r\n position:fixed;\r\n top:calc(var(--nav-top) + var(--nav-h));\r\n left:0;right:0;\r\n background:linear-gradient(160deg,\r\n rgba(255,255,255,.99) 0%,\r\n rgba(250,250,248,.99) 60%,\r\n rgba(245,244,239,.99) 100%\r\n );\r\n backdrop-filter:blur(22px);\r\n border-bottom:1px solid var(--border);\r\n z-index:999;\r\n padding:14px 20px 22px;\r\n transform:translateY(-14px);\r\n opacity:0;pointer-events:none;\r\n transition:transform .28s ease,opacity .28s ease,top .35s ease;\r\n box-shadow:0 20px 50px rgba(0,0,0,.09);\r\n}\r\n.nav-mobile.open{transform:translateY(0);opacity:1;pointer-events:all;}\r\n.nav-mobile.scrolled-pos{top:72px;}\r\n\r\n.nav-mob-links{\r\n list-style:none;display:grid;gap:4px;\r\n padding-bottom:14px;\r\n border-bottom:1px solid var(--border);\r\n margin-bottom:14px;\r\n}\r\n.nav-mob-links li a{\r\n display:flex;align-items:center;gap:13px;\r\n padding:11px 12px;border-radius:10px;\r\n font-size:.88rem;font-weight:600;color:var(--text2);\r\n border:1px solid transparent;transition:.2s;\r\n}\r\n.mob-icon{\r\n width:34px;height:34px;border-radius:8px;\r\n background:var(--bg3);border:1px solid var(--border);\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:.76rem;color:var(--text3);\r\n flex-shrink:0;transition:.2s;\r\n}\r\n.nav-mob-links li a:hover,\r\n.nav-mob-links li a.active{\r\n background:var(--gold-glow);color:var(--gold-dark);border-color:var(--border2);\r\n}\r\n.nav-mob-links li a:hover .mob-icon,\r\n.nav-mob-links li a.active .mob-icon{\r\n background:var(--gold-glow);border-color:var(--border2);color:var(--gold);\r\n}\r\n\r\n.nav-mob-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;}\r\n.nav-mob-socials{display:flex;gap:8px;}\r\n.nav-mob-soc{\r\n width:42px;height:42px;border-radius:10px;\r\n display:flex;align-items:center;justify-content:center;\r\n background:var(--bg3);border:1px solid var(--border);\r\n color:var(--text2);font-size:.9rem;transition:.2s;\r\n}\r\n.nav-mob-soc.fb:hover{background:rgba(24,119,242,.1);color:#1877f2;border-color:#1877f2;}\r\n.nav-mob-soc.wa:hover{background:rgba(37,211,102,.1);color:#25d366;border-color:#25d366;}\r\n.nav-mob-soc.ig:hover{background:rgba(225,48,108,.1);color:#e1306c;border-color:#e1306c;}\r\n\r\n.nav-mob-cta{\r\n flex:1;display:flex;align-items:center;justify-content:center;gap:8px;\r\n padding:12px 16px;border-radius:10px;\r\n background:linear-gradient(135deg,var(--gold),var(--gold2));\r\n color:#fff;font-weight:700;font-size:.84rem;\r\n box-shadow:0 4px 14px rgba(201,168,76,.4);transition:.2s;\r\n}\r\n.nav-mob-cta:hover{box-shadow:0 6px 20px rgba(201,168,76,.5);}\r\n.nav-mob-cta i{font-size:.72rem;}\r\n\r\n\/* Overlay *\/\r\n.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.15);z-index:997;}\r\n.nav-overlay.open{display:block;}\r\n\r\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\r\n RESPONSIVE\r\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 *\/\r\n@media(max-width:900px){.nav-links{display:none;}}\r\n@media(max-width:640px){\r\n .navbar{padding:0 18px;}\r\n .nav-socials,.nav-sep{display:none;}\r\n .nav-cta{display:none;}\r\n .nav-burger{display:flex;}\r\n}\r\n@media(min-width:641px) and (max-width:900px){\r\n .navbar{padding:0 28px;}\r\n .nav-burger{display:flex;}\r\n .nav-cta{font-size:.76rem;padding:9px 15px;}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<nav class=\"navbar\" id=\"navbar\">\r\n <div class=\"nav-inner\">\r\n\r\n <a href=\"#home\" class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/mira-web.com\/wp-content\/uploads\/2026\/03\/Wardiere-6.png\" alt=\"Mira Web\">\r\n <\/a>\r\n\r\n <ul class=\"nav-links\">\r\n <li><a href=\"https:\/\/mira-web.com\/\" class=\"active\"><i class=\"fas fa-house\"><\/i> Home<\/a><\/li>\r\n <li><a href=\"https:\/\/mira-web.com\/about\/\"><i class=\"fas fa-circle-info\"><\/i> About<\/a><\/li>\r\n <li><a href\"https:\/\/mira-web.com\/services\/\"><i class=\"fas fa-layer-group\"><\/i> Services<\/a><\/li>\r\n <li><a href=\"https:\/\/mira-web.com\/profile\/\"><i class=\"fas fa-folder\"><\/i> Profile<\/a><\/li>\r\n \r\n <li><a href=\"https:\/\/mira-web.com\/prices\/\"><i class=\"fas fa-tag\"><\/i> Pricing<\/a><\/li>\r\n <\/ul>\r\n\r\n <div class=\"nav-right\">\r\n <div class=\"nav-socials\">\r\n <a href=\"https:\/\/www.facebook.com\/share\/1BBaUvQ6eZ\/\" target=\"_blank\" class=\"nav-soc fb\" title=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"https:\/\/wa.me\/+201278397789\" target=\"_blank\" class=\"nav-soc wa\" title=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <a href=\"https:\/\/www.instagram.com\/mira_web_eg?igsh=MWpxcDBkbjJpcnRjOQ==\" target=\"_blank\" class=\"nav-soc ig\" title=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <\/div>\r\n <div class=\"nav-sep\"><\/div>\r\n <a href=\"https:\/\/mira-web.com\/contact\/\" target=\"_blank\" class=\"nav-cta\">\r\n <i class=\"fas fa-paper-plane\"><\/i> Request Now\r\n <\/a>\r\n <!-- Modern menu button -->\r\n <button class=\"nav-burger\" id=\"burger\" aria-label=\"Menu\">\r\n <div class=\"burger-box\">\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/nav>\r\n\r\n<div class=\"nav-overlay\" id=\"overlay\"><\/div>\r\n\r\n<div class=\"nav-mobile\" id=\"mobileMenu\">\r\n <ul class=\"nav-mob-links\">\r\n <li><a href=\"https:\/\/mira-web.com\/\" class=\"active\" data-close><span class=\"mob-icon\"><i class=\"fas fa-house\"><\/i><\/span> Home<\/a><\/li>\r\n <li><a href=\"https:\/\/mira-web.com\/about\" data-close><span class=\"mob-icon\"><i class=\"fas fa-circle-info\"><\/i><\/span> About<\/a><\/li>\r\n <li><a href=\"https:\/\/mira-web.com\/services\" data-close><span class=\"mob-icon\"><i class=\"fas fa-layer-group\"><\/i><\/span> Services<\/a><\/li>\r\n <li><a href=\"https:\/\/mira-web.com\/pricies\" data-close><span class=\"mob-icon\"><i class=\"fas fa-tag\"><\/i><\/span> Pricing<\/a><\/li>\r\n <\/ul>\r\n <div class=\"nav-mob-footer\">\r\n <div class=\"nav-mob-socials\">\r\n <a href=\"https:\/\/facebook.com\" target=\"_blank\" class=\"nav-mob-soc fb\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"https:\/\/wa.me\/+201278397789\" target=\"_blank\" class=\"nav-mob-soc wa\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <a href=\"https:\/\/instagram.com\" target=\"_blank\" class=\"nav-mob-soc ig\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <\/div>\r\n <a href=\"https:\/\/mira-web.com\/contact\/\" target=\"_blank\" class=\"nav-mob-cta\" data-close>\r\n <i class=\"fas fa-paper-plane\"><\/i> Request Now\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst burger = document.getElementById('burger');\r\nconst menu = document.getElementById('mobileMenu');\r\nconst overlay = document.getElementById('overlay');\r\nconst navbar = document.getElementById('navbar');\r\n\r\nburger.addEventListener('click', () => {\r\n const open = menu.classList.toggle('open');\r\n overlay.classList.toggle('open', open);\r\n burger.classList.toggle('open', open);\r\n document.body.style.overflow = open ? 'hidden' : '';\r\n});\r\n\r\noverlay.addEventListener('click', closeMenu);\r\ndocument.querySelectorAll('[data-close]').forEach(el =>\r\n el.addEventListener('click', closeMenu)\r\n);\r\n\r\nfunction closeMenu(){\r\n menu.classList.remove('open');\r\n overlay.classList.remove('open');\r\n burger.classList.remove('open');\r\n document.body.style.overflow = '';\r\n}\r\n\r\nwindow.addEventListener('scroll', () => {\r\n const scrolled = window.scrollY > 10;\r\n navbar.classList.toggle('scrolled', scrolled);\r\n menu.classList.toggle('scrolled-pos', scrolled);\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64cf2265 elementor-widget elementor-widget-text-editor\" data-id=\"64cf2265\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<div class=\"wp-block-spacer\" style=\"height: 30px;\" aria-hidden=\"true\">\u00a0<\/div>\n<p><style>\n#mira-contact-grid {\n display: grid !important;\n grid-template-columns: repeat(2, 1fr) !important;\n gap: 12px !important;\n margin-bottom: 12px !important;\n}\n@media (max-width: 560px) {\n #mira-contact-grid { grid-template-columns: 1fr !important; }\n}\n@media (max-width: 640px) {\n #mira-form-header-pad { padding-left: 14px !important; padding-right: 14px !important; }\n #mira-form-body-pad { padding-left: 14px !important; padding-right: 14px !important; }\n}\n<\/style>\n<p><!-- Toast --><\/p>\n<div id=\"mira-toast\"\n style=\"position: fixed !important; bottom: 36px !important; right: 24px !important; z-index: 99999 !important; display: flex !important; align-items: center !important; gap: 10px !important; padding: 13px 20px !important; border-radius: 10px !important; font-size: .88rem !important; font-weight: 600 !important; color: #fff !important; background: linear-gradient(135deg, #9a7a2e, #c9a84c) !important; box-shadow: 0 6px 24px rgba(201,168,76,.45) !important; opacity: 0 !important; transform: translateY(16px) !important; transition: opacity .35s ease, transform .35s ease !important; pointer-events: none !important;\"><br \/>\n <svg viewBox=\"0 0 16 16\" style=\"width: 16px !important; height: 16px !important; fill: #fff !important; flex-shrink: 0 !important;\"><path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\"\/><path d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z\"\/><\/svg>\n <\/div>\n<p><!-- Form --><\/p>\n<div style=\"font-family: 'Inter', sans-serif !important;\">\n<div style=\"background: #ffffff !important; border: 1px solid #e8e4d8 !important; border-radius: 16px !important; box-shadow: 0 8px 40px rgba(0,0,0,.08) !important; overflow: hidden !important; position: relative !important;\">\n<p> <!-- Gold top accent line --><\/p>\n<div style=\"position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 3px !important; background: linear-gradient(90deg, #9a7a2e, #c9a84c, #f0d98a) !important; z-index: 1 !important;\"><\/div>\n<p> <!-- Form header --><\/p>\n<div id=\"mira-form-header-pad\" style=\"padding: 18px 22px 0 !important;\">\n<div style=\"display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: .72rem !important; font-weight: 700 !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: #9a7a2e !important; margin-bottom: 6px !important;\">\n <span style=\"display: block !important; width: 24px !important; height: 1.5px !important; background: #c9a84c !important; border-radius: 1px !important;\"><\/span><br \/>\n Get in Touch\n <\/div>\n<div style=\"font-size: 1.25rem !important; font-weight: 800 !important; color: #1a1a1a !important; letter-spacing: -.03em !important; margin-bottom: 3px !important;\">Start Your Project<\/div>\n<p style=\"font-size: .8rem !important; color: #5a5550 !important; line-height: 1.5 !important; margin-bottom: 16px !important;\">Tell us about your vision \u2014 we’ll turn it into a powerful digital experience.<\/p>\n<\/p><\/div>\n<p> <!-- Form body --><\/p>\n<div id=\"mira-form-body-pad\" style=\"padding: 0 22px 22px !important;\">\n<form method=\"post\">\n<div id=\"mira-contact-grid\">\n<p> <!-- Name --><\/p>\n<div style=\"display: flex !important; flex-direction: column !important; gap: 4px !important;\">\n <label style=\"font-size: .75rem !important; font-weight: 600 !important; color: #5a5550 !important; letter-spacing: .03em !important; display: flex !important; align-items: center !important; gap: 6px !important;\"><br \/>\n <svg viewBox=\"0 0 16 16\" style=\"width: 12px !important; height: 12px !important; fill: #c9a84c !important; flex-shrink: 0 !important;\"><path d=\"M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.029 10 8 10c-2.03 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z\"\/><\/svg><br \/>\n Full Name<br \/>\n <\/label><br \/>\n <input type=\"text\" name=\"client_name\" placeholder=\"Ahmed Mohamed\" required\n style=\"width: 100% !important; padding: 6px 10px !important; border-radius: 8px !important; border: 1px solid #e8e4d8 !important; background: #f5f4ef !important; color: #1a1a1a !important; font-family: 'Inter', sans-serif !important; font-size: .8rem !important; outline: none !important; transition: border-color .2s, box-shadow .2s, background .2s !important; box-sizing: border-box !important; -webkit-appearance: none !important; appearance: none !important;\"\n onfocus=\"this.style.setProperty('border-color','#c9a84c','important'); this.style.setProperty('background','#fff','important'); this.style.setProperty('box-shadow','0 0 0 3px rgba(201,168,76,.12)','important');\"\n onblur=\"this.style.setProperty('border-color','#e8e4d8','important'); this.style.setProperty('background','#f5f4ef','important'); this.style.setProperty('box-shadow','none','important');\">\n <\/div>\n<p> <!-- Email --><\/p>\n<div style=\"display: flex !important; flex-direction: column !important; gap: 4px !important;\">\n <label style=\"font-size: .75rem !important; font-weight: 600 !important; color: #5a5550 !important; letter-spacing: .03em !important; display: flex !important; align-items: center !important; gap: 6px !important;\"><br \/>\n <svg viewBox=\"0 0 16 16\" style=\"width: 12px !important; height: 12px !important; fill: #c9a84c !important; flex-shrink: 0 !important;\"><path d=\"M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.708 2.825L15 11.105V5.383zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741zM1 11.105l4.708-2.897L1 5.383v5.722z\"\/><\/svg><br \/>\n Email Address<br \/>\n <\/label><br \/>\n <input type=\"email\" name=\"email\" placeholder=\"ahmed@example.com\" required\n style=\"width: 100% !important; padding: 6px 10px !important; border-radius: 8px !important; border: 1px solid #e8e4d8 !important; background: #f5f4ef !important; color: #1a1a1a !important; font-family: 'Inter', sans-serif !important; font-size: .8rem !important; outline: none !important; transition: border-color .2s, box-shadow .2s, background .2s !important; box-sizing: border-box !important; -webkit-appearance: none !important; appearance: none !important;\"\n onfocus=\"this.style.setProperty('border-color','#c9a84c','important'); this.style.setProperty('background','#fff','important'); this.style.setProperty('box-shadow','0 0 0 3px rgba(201,168,76,.12)','important');\"\n onblur=\"this.style.setProperty('border-color','#e8e4d8','important'); this.style.setProperty('background','#f5f4ef','important'); this.style.setProperty('box-shadow','none','important');\">\n <\/div>\n<p> <!-- Phone --><\/p>\n<div style=\"display: flex !important; flex-direction: column !important; gap: 4px !important;\">\n <label style=\"font-size: .75rem !important; font-weight: 600 !important; color: #5a5550 !important; letter-spacing: .03em !important; display: flex !important; align-items: center !important; gap: 6px !important;\"><br \/>\n <svg viewBox=\"0 0 16 16\" style=\"width: 12px !important; height: 12px !important; fill: #c9a84c !important; flex-shrink: 0 !important;\"><path d=\"M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z\"\/><\/svg><br \/>\n Phone Number<br \/>\n <\/label><br \/>\n <input type=\"text\" name=\"phone\" placeholder=\"+20 100 000 0000\" required\n style=\"width: 100% !important; padding: 6px 10px !important; border-radius: 8px !important; border: 1px solid #e8e4d8 !important; background: #f5f4ef !important; color: #1a1a1a !important; font-family: 'Inter', sans-serif !important; font-size: .8rem !important; outline: none !important; transition: border-color .2s, box-shadow .2s, background .2s !important; box-sizing: border-box !important; -webkit-appearance: none !important; appearance: none !important;\"\n onfocus=\"this.style.setProperty('border-color','#c9a84c','important'); this.style.setProperty('background','#fff','important'); this.style.setProperty('box-shadow','0 0 0 3px rgba(201,168,76,.12)','important');\"\n onblur=\"this.style.setProperty('border-color','#e8e4d8','important'); this.style.setProperty('background','#f5f4ef','important'); this.style.setProperty('box-shadow','none','important');\">\n <\/div>\n<p> <!-- Industry --><\/p>\n<div style=\"display: flex !important; flex-direction: column !important; gap: 4px !important;\">\n <label style=\"font-size: .75rem !important; font-weight: 600 !important; color: #5a5550 !important; letter-spacing: .03em !important; display: flex !important; align-items: center !important; gap: 6px !important;\"><br \/>\n <svg viewBox=\"0 0 16 16\" style=\"width: 12px !important; height: 12px !important; fill: #c9a84c !important; flex-shrink: 0 !important;\"><path d=\"M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V1zm11 0H3v14h3v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V15h3V1z\"\/><\/svg><br \/>\n Industry<br \/>\n <\/label><br \/>\n <select name=\"industry\" required\n style=\"width: 100% !important; padding: 6px 32px 6px 10px !important; border-radius: 8px !important; border: 1px solid #e8e4d8 !important; background: #f5f4ef url(\\\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%239a9088' d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'\/%3E%3C\/svg%3E\\\") no-repeat right 12px center !important; color: #1a1a1a !important; font-family: 'Inter', sans-serif !important; font-size: .8rem !important; outline: none !important; transition: border-color .2s, box-shadow .2s !important; box-sizing: border-box !important; -webkit-appearance: none !important; appearance: none !important; cursor: pointer !important;\"\n onfocus=\"this.style.setProperty('border-color','#c9a84c','important'); this.style.setProperty('box-shadow','0 0 0 3px rgba(201,168,76,.12)','important');\"\n onblur=\"this.style.setProperty('border-color','#e8e4d8','important'); this.style.setProperty('box-shadow','none','important');\"><option value=\"\">Select Industry<\/option><option>Real Estate<\/option><option>E-commerce<\/option><option>Medical \/ Health<\/option><option>Education \/ School<\/option><option>Construction<\/option><option>Beauty \/ Salon<\/option><option>Marketing Agency<\/option><option>Legal \/ Lawyer<\/option><option>Other<\/option><\/select>\n <\/div>\n<p> <!-- Service --><\/p>\n<div style=\"display: flex !important; flex-direction: column !important; gap: 4px !important;\">\n <label style=\"font-size: .75rem !important; font-weight: 600 !important; color: #5a5550 !important; letter-spacing: .03em !important; display: flex !important; align-items: center !important; gap: 6px !important;\"><br \/>\n <svg viewBox=\"0 0 16 16\" style=\"width: 12px !important; height: 12px !important; fill: #c9a84c !important; flex-shrink: 0 !important;\"><path d=\"M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z\"\/><path d=\"M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8zm0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z\"\/><\/svg><br \/>\n Service Needed<br \/>\n <\/label><br \/>\n <select name=\"service\" required\n style=\"width: 100% !important; padding: 6px 32px 6px 10px !important; border-radius: 8px !important; border: 1px solid #e8e4d8 !important; background: #f5f4ef url(\\\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%239a9088' d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'\/%3E%3C\/svg%3E\\\") no-repeat right 12px center !important; color: #1a1a1a !important; font-family: 'Inter', sans-serif !important; font-size: .8rem !important; outline: none !important; transition: border-color .2s, box-shadow .2s !important; box-sizing: border-box !important; -webkit-appearance: none !important; appearance: none !important; cursor: pointer !important;\"\n onfocus=\"this.style.setProperty('border-color','#c9a84c','important'); this.style.setProperty('box-shadow','0 0 0 3px rgba(201,168,76,.12)','important');\"\n onblur=\"this.style.setProperty('border-color','#e8e4d8','important'); this.style.setProperty('box-shadow','none','important');\"><option value=\"\">Select Service<\/option><option>Website Design<\/option><option>Laravel App<\/option><option>WordPress<\/option><option>Hosting & Domain<\/option><option>SEO Optimization<\/option><option>CRM \/ ERP System<\/option><\/select>\n <\/div>\n<p> <!-- Message \u2014 full width always --><\/p>\n<div style=\"display: flex !important; flex-direction: column !important; gap: 4px !important; grid-column: 1 \/ -1 !important;\">\n <label style=\"font-size: .75rem !important; font-weight: 600 !important; color: #5a5550 !important; letter-spacing: .03em !important; display: flex !important; align-items: center !important; gap: 6px !important;\"><br \/>\n <svg viewBox=\"0 0 16 16\" style=\"width: 12px !important; height: 12px !important; fill: #c9a84c !important; flex-shrink: 0 !important;\"><path d=\"M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z\"\/><\/svg><br \/>\n Additional Notes<br \/>\n <\/label><br \/>\n <textarea name=\"message\" placeholder=\"Tell us about your project, goals or any specific requirements...\"\n style=\"width: 100% !important; padding: 6px 10px !important; border-radius: 8px !important; border: 1px solid #e8e4d8 !important; background: #f5f4ef !important; color: #1a1a1a !important; font-family: 'Inter', sans-serif !important; font-size: .8rem !important; outline: none !important; transition: border-color .2s, box-shadow .2s, background .2s !important; box-sizing: border-box !important; resize: vertical !important; min-height: 65px !important;\"\n onfocus=\"this.style.setProperty('border-color','#c9a84c','important'); this.style.setProperty('background','#fff','important'); this.style.setProperty('box-shadow','0 0 0 3px rgba(201,168,76,.12)','important');\"\n onblur=\"this.style.setProperty('border-color','#e8e4d8','important'); this.style.setProperty('background','#f5f4ef','important'); this.style.setProperty('box-shadow','none','important');\"><\/textarea>\n <\/div>\n<\/p><\/div>\n<p> <!-- Divider --><\/p>\n<div style=\"height: 1px !important; background: #e8e4d8 !important; margin: 4px 0 14px !important;\"><\/div>\n<p> <!-- Submit button --><br \/>\n <button type=\"submit\" name=\"mira_form_submit\"\n style=\"width: 100% !important; padding: 11px 24px !important; border-radius: 10px !important; border: none !important; background: linear-gradient(135deg, #c9a84c 0%, #e8c96a 100%) !important; color: #fff !important; font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: .9rem !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; box-shadow: 0 6px 24px rgba(201,168,76,.4) !important; transition: transform .2s, box-shadow .2s !important;\"\n onmouseenter=\"this.style.setProperty('transform','translateY(-2px)','important'); this.style.setProperty('box-shadow','0 10px 32px rgba(201,168,76,.5)','important');\"\n onmouseleave=\"this.style.setProperty('transform','translateY(0)','important'); this.style.setProperty('box-shadow','0 6px 24px rgba(201,168,76,.4)','important');\"><br \/>\n <svg viewBox=\"0 0 16 16\" style=\"width: 15px !important; height: 15px !important; fill: #fff !important; flex-shrink: 0 !important;\"><path d=\"M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576 6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z\"\/><\/svg><br \/>\n Send Request<br \/>\n <\/button><\/p>\n<p> <!-- Trust badges --><\/p>\n<div style=\"display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 14px !important; margin-top: 12px !important;\">\n <span style=\"display: flex !important; align-items: center !important; gap: 6px !important; font-size: .75rem !important; font-weight: 600 !important; color: #9a9088 !important;\"><br \/>\n <svg viewBox=\"0 0 16 16\" style=\"width: 13px !important; height: 13px !important; fill: #c9a84c !important;\"><path d=\"M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524z\"\/><\/svg><br \/>\n Secure & Private<br \/>\n <\/span><br \/>\n <span style=\"display: flex !important; align-items: center !important; gap: 6px !important; font-size: .75rem !important; font-weight: 600 !important; color: #9a9088 !important;\"><br \/>\n <svg viewBox=\"0 0 16 16\" style=\"width: 13px !important; height: 13px !important; fill: #c9a84c !important;\"><path d=\"M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z\"\/><path d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z\"\/><\/svg><br \/>\n Reply within 24h<br \/>\n <\/span><br \/>\n <span style=\"display: flex !important; align-items: center !important; gap: 6px !important; font-size: .75rem !important; font-weight: 600 !important; color: #9a9088 !important;\"><br \/>\n <svg viewBox=\"0 0 16 16\" style=\"width: 13px !important; height: 13px !important; fill: #c9a84c !important;\"><path d=\"M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z\"\/><\/svg><br \/>\n No spam, ever<br \/>\n <\/span>\n <\/div>\n<\/p><\/form>\n<\/p><\/div>\n<\/div>\n<\/div>\n<p><script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const toast = document.getElementById(\"mira-toast\");\n if (toast && toast.textContent.trim() !== \"\") {\n toast.style.setProperty(\"opacity\", \"1\", \"important\");\n toast.style.setProperty(\"transform\", \"translateY(0)\", \"important\");\n toast.style.setProperty(\"pointer-events\", \"auto\", \"important\");\n setTimeout(() => {\n toast.style.setProperty(\"opacity\", \"0\", \"important\");\n toast.style.setProperty(\"transform\", \"translateY(16px)\", \"important\");\n toast.style.setProperty(\"pointer-events\", \"none\", \"important\");\n const url = new URL(window.location);\n url.searchParams.delete(\"form_status\");\n url.searchParams.delete(\"message\");\n window.history.replaceState({}, document.title, url.toString());\n }, 4000);\n }\n});\n<\/script><\/p>\n\n<p>\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0729c5c e-con-full e-flex e-con e-parent\" data-id=\"0729c5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3dc0f1 elementor-widget-mobile__width-inherit elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f3dc0f1\" 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<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mira Web \u2013 Navbar Home About Services Profile Pricing Request Now Home About Services Pricing Request Now \u00a0 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 & WooCommerce Filament Admin Panel […]<\/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":"disabled","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-1193","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/pages\/1193","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=1193"}],"version-history":[{"count":21,"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/pages\/1193\/revisions"}],"predecessor-version":[{"id":2527,"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/pages\/1193\/revisions\/2527"}],"wp:attachment":[{"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/media?parent=1193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}