{"id":746,"date":"2026-05-25T17:32:45","date_gmt":"2026-05-25T17:32:45","guid":{"rendered":"https:\/\/hmagency.net\/?page_id=746"},"modified":"2026-05-25T18:20:35","modified_gmt":"2026-05-25T18:20:35","slug":"under-maintance","status":"publish","type":"page","link":"https:\/\/hmagency.net\/","title":{"rendered":"under maintance"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"746\" class=\"elementor elementor-746\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3f6580 e-con-full e-flex e-con e-parent\" data-id=\"e3f6580\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-449ee07 elementor-widget elementor-widget-html\" data-id=\"449ee07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"hm-maint-v10\">\r\n  <div class=\"glow-bg\">\r\n    <div class=\"blob blob-1\"><\/div>\r\n    <div class=\"blob blob-2\"><\/div>\r\n    <div class=\"blob blob-3\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"content-wrapper\">\r\n    <header>\r\n      <a href=\"#\" class=\"logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/hmagency.net\/wp-content\/uploads\/2025\/12\/2-1-300x252.png\" alt=\"HM Agency\">\r\n        <div class=\"logo-info\">\r\n          <span class=\"logo-name\">H.M Agency<\/span>\r\n          <span class=\"logo-tag\" id=\"l-tag\">EST. 2021<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <div class=\"header-right\">\r\n        <div class=\"status-pill\">\r\n          <span class=\"pulse-dot\"><\/span>\r\n          <span id=\"status-txt\">Scheduled maintenance<\/span>\r\n        <\/div>\r\n        <div class=\"lang-toggle\">\r\n          <button class=\"lang-btn active\" data-lang=\"en\">EN<\/button>\r\n          <button class=\"lang-btn\" data-lang=\"ar\">AR<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <main>\r\n      <div class=\"eyebrow\">\r\n        <div class=\"line\"><\/div>\r\n        <span id=\"eye-txt\">We'll be back stronger<\/span>\r\n        <div class=\"line\"><\/div>\r\n      <\/div>\r\n\r\n      <h1 class=\"headline\" id=\"head-txt\">\r\n        Under <span class=\"italic\">maintenance.<\/span><br>Back <span class=\"accent\">shortly.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"subtitle\" id=\"sub-txt\">\r\n        We're fine-tuning the experience behind the scenes. Returning with sharper systems and a refined identity.\r\n      <\/p>\r\n\r\n      <div class=\"countdown-card\">\r\n        <div class=\"cd-block\">\r\n          <span class=\"cd-value\" id=\"d-val\">00<\/span>\r\n          <span class=\"cd-label\" id=\"d-lbl\">Days<\/span>\r\n        <\/div>\r\n        <span class=\"cd-sep\">:<\/span>\r\n        <div class=\"cd-block\">\r\n          <span class=\"cd-value\" id=\"h-val\">00<\/span>\r\n          <span class=\"cd-label\" id=\"h-lbl\">Hours<\/span>\r\n        <\/div>\r\n        <span class=\"cd-sep\">:<\/span>\r\n        <div class=\"cd-block\">\r\n          <span class=\"cd-value\" id=\"m-val\">00<\/span>\r\n          <span class=\"cd-label\" id=\"m-lbl\">Minutes<\/span>\r\n        <\/div>\r\n        <span class=\"cd-sep\">:<\/span>\r\n        <div class=\"cd-block\">\r\n          <span class=\"cd-value\" id=\"s-val\">00<\/span>\r\n          <span class=\"cd-label\" id=\"s-lbl\">Seconds<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"progress-wrap\">\r\n        <div class=\"progress-meta\">\r\n          <span id=\"prg-lbl\">Maintenance progress<\/span>\r\n          <span class=\"progress-pct\" id=\"prg-pct\">35%<\/span>\r\n        <\/div>\r\n        <div class=\"progress-track\">\r\n          <div class=\"progress-fill\" id=\"prg-fill\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/main>\r\n\r\n    <footer>\r\n      <div class=\"socials\">\r\n        <a href=\"https:\/\/www.instagram.com\/hmagencey\" class=\"social-a\" aria-label=\"Instagram\" target=\"_blank\">\r\n          <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.linkedin.com\/company\/hmgencey\" class=\"social-a\" aria-label=\"LinkedIn\" target=\"_blank\">\r\n          <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"https:\/\/x.com\/hmagencey\" class=\"social-a\" aria-label=\"X (Twitter)\" target=\"_blank\">\r\n          <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.facebook.com\/hmagencey\" class=\"social-a\" aria-label=\"Facebook\" target=\"_blank\">\r\n          <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.snapchat.com\/@hm_agency\" class=\"social-a\" aria-label=\"Snapchat\" target=\"_blank\">\r\n          <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12.206.793c.99 0 4.347.276 5.93 3.821.529 1.193.403 3.219.299 4.847l-.003.06c-.012.18-.022.345-.03.51.075.045.203.09.401.09.3-.016.659-.12 1.033-.301.165-.088.344-.104.464-.104.182 0 .359.029.509.09.45.149.734.479.734.838.015.449-.39.839-1.213 1.168-.089.029-.209.075-.344.119-.45.135-1.139.36-1.333.81-.09.224-.061.524.12.868l.015.015c.06.136 1.526 3.475 4.791 4.014.255.044.435.27.42.509 0 .075-.015.149-.045.225-.24.569-1.273.988-3.146 1.271-.059.091-.12.375-.164.57-.029.179-.074.36-.134.553-.076.271-.27.405-.555.405h-.03c-.135 0-.313-.031-.538-.074-.36-.075-.765-.135-1.273-.135-.3 0-.599.015-.913.074-.6.104-1.123.464-1.723.884-.853.599-1.826 1.288-3.294 1.288-.06 0-.119-.015-.18-.015h-.149c-1.468 0-2.427-.675-3.279-1.288-.599-.42-1.107-.779-1.707-.884-.314-.045-.629-.074-.928-.074-.54 0-.958.089-1.272.149-.211.043-.391.074-.54.074-.374 0-.523-.224-.583-.42-.061-.192-.09-.389-.135-.567-.046-.181-.105-.494-.166-.57-1.918-.222-2.95-.642-3.189-1.226-.031-.063-.052-.15-.055-.225-.015-.239.165-.465.42-.509 3.264-.54 4.73-3.878 4.791-4.02l.016-.029c.18-.345.224-.645.119-.869-.195-.434-.884-.658-1.332-.809-.121-.029-.24-.074-.346-.119-1.107-.435-1.257-.93-1.197-1.273.09-.479.674-.793 1.168-.793.146 0 .27.029.383.074.42.194.789.3 1.104.3.234 0 .384-.06.465-.105l-.046-.569c-.098-1.626-.225-3.651.307-4.837C7.392 1.077 10.739.807 11.727.807l.419-.015h.06z\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"ticker\">\r\n        <div class=\"ticker-inner\" id=\"tick-box\"><\/div>\r\n      <\/div>\r\n\r\n      <a href=\"https:\/\/wa.me\/+970598764057\" class=\"cta-btn\" target=\"_blank\">\r\n        <svg viewBox=\"0 0 24 24\" class=\"wa-icon\"><path fill=\"currentColor\" d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.52 5.307 1.521 5.473 0 9.925-4.452 9.928-9.925.001-2.654-1.034-5.148-2.916-7.032-1.881-1.883-4.377-2.918-7.027-2.919-5.474 0-9.927 4.451-9.93 9.925-.001 2.043.535 3.61 1.566 5.393l-.994 3.634 3.733-.979zm10.174-6.701c-.163-.268-.6-.431-1.251-.756s-3.854-1.901-4.453-2.119c-.599-.218-1.034-.326-1.468.326-.434.652-1.683 2.119-2.063 2.554-.38.435-.761.489-1.412.163-.652-.326-2.75-1.013-5.238-3.23-1.936-1.727-3.243-3.86-3.623-4.512-.38-.652-.041-.993.285-1.318.293-.292.652-.761.978-1.141.326-.381.434-.652.652-1.087.217-.434.108-.815-.054-1.141-.163-.326-1.468-3.533-2.011-4.837-.529-1.274-1.066-1.101-1.468-1.121-.38-.019-.815-.021-1.25-.021s-1.141.163-1.739.815c-.599.652-2.282 2.23-2.282 5.436 0 3.206 2.337 6.299 2.663 6.734.326.435 4.598 7.02 11.137 9.843 1.555.672 2.769 1.074 3.714 1.373 1.562.496 2.984.427 4.107.259 1.251-.188 3.854-1.576 4.397-3.1c.543-1.522.543-2.826.38-3.1z\"\/><\/svg>\r\n        <span id=\"cta-txt\">Contact us<\/span>\r\n      <\/a>\r\n    <\/footer>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;900&family=Inter:wght@400;500;700;900&display=swap');\r\n\r\n#hm-maint-v10 {\r\n  --p: #6B5BB5; --p-d: #4A3E8C; --p-l: #9B8DD9; --s: #5DA473; --b: #0A0A0F; --brd: #2A2A3A; --g: #6B6B7D; --m: #A8A8B8; --w: #F5F4FA;\r\n  \r\n  \/* \u0627\u0644\u062c\u0648\u0647\u0631 \u0627\u0644\u062c\u062f\u064a\u062f: \u0633\u0645\u0627\u062d \u0644\u0644\u0633\u0643\u0631\u0648\u0644 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629 \u0641\u064a \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\r\n  position: fixed !important; inset: 0 !important;\r\n  width: 100vw !important; height: 100vh !important; height: 100dvh !important;\r\n  margin: 0 !important; padding: 0 !important;\r\n  z-index: 99999999 !important;\r\n  background: var(--b) !important; color: var(--w) !important;\r\n  font-family: 'Inter', sans-serif !important;\r\n  overflow-x: hidden !important; overflow-y: auto !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#hm-maint-v10 *, #hm-maint-v10 *::before, #hm-maint-v10 *::after { box-sizing: border-box !important; margin: 0; padding: 0; }\r\n#hm-maint-v10.rtl, #hm-maint-v10.rtl * { font-family: 'Cairo', sans-serif !important; direction: rtl !important; }\r\n\r\n\/* \u2500\u2500 \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0633\u0627\u0626\u0644\u0629 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u2500\u2500 *\/\r\n#hm-maint-v10 .glow-bg { position: fixed !important; inset: 0 !important; overflow: hidden !important; z-index: 1 !important; filter: blur(90px) !important; opacity: 0.7 !important; pointer-events: none !important; }\r\n#hm-maint-v10 .blob { position: absolute !important; border-radius: 50% !important; mix-blend-mode: screen !important; opacity: 0.6 !important; animation: moveBlob 22s infinite alternate ease-in-out !important; }\r\n#hm-maint-v10 .blob-1 { top: -10% !important; left: -10% !important; width: 50vw !important; height: 50vw !important; background: var(--p) !important; }\r\n#hm-maint-v10 .blob-2 { bottom: -10% !important; right: -10% !important; width: 45vw !important; height: 45vw !important; background: var(--p-d) !important; animation-delay: -4s !important; animation-duration: 18s !important; }\r\n#hm-maint-v10 .blob-3 { top: 40% !important; left: 30% !important; width: 35vw !important; height: 35vw !important; background: var(--s) !important; animation-delay: -2s !important; animation-duration: 25s !important; }\r\n\r\n@keyframes moveBlob {\r\n  0% { transform: translate(0, 0) scale(1); }\r\n  50% { transform: translate(7vw, 5vh) scale(1.15); }\r\n  100% { transform: translate(-3vw, 10vh) scale(0.9); }\r\n}\r\n\r\n\/* \u2500\u2500 \u063a\u0644\u0627\u0641 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u062a\u0645\u0631\u0643\u0632 (Flexbox \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0645\u0645\u062a\u0627\u0632\u0629) \u2500\u2500 *\/\r\n#hm-maint-v10 .content-wrapper {\r\n  position: relative !important; z-index: 5 !important;\r\n  width: 100% !important; min-height: 100% !important;\r\n  padding: 40px 5% !important;\r\n  display: flex !important; flex-direction: column !important; justify-content: space-between !important;\r\n}\r\n\r\n#hm-maint-v10 header { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; flex-shrink: 0 !important; }\r\n\r\n\/* \u2500\u2500 \u0627\u0644\u0647\u064a\u062f\u0631 \u0648\u0627\u0644\u0644\u0648\u063a\u0648 \u2500\u2500 *\/\r\n#hm-maint-v10 .logo { display: flex !important; align-items: center !important; gap: 12px !important; text-decoration: none !important; }\r\n#hm-maint-v10 .logo img { width: 45px !important; height: auto !important; filter: drop-shadow(0 0 8px rgba(107,91,181,0.5)) !important; }\r\n#hm-maint-v10 .logo-info { display: flex !important; flex-direction: column !important; }\r\n#hm-maint-v10 .logo-name { font-size: 16px !important; font-weight: 700 !important; color: var(--w) !important; line-height: 1.2 !important; }\r\n#hm-maint-v10 .logo-tag { font-size: 9px !important; color: var(--g) !important; letter-spacing: 2px !important; line-height: 1.2 !important; margin-top: 2px !important; }\r\n\r\n#hm-maint-v10 .header-right { display: flex !important; align-items: center !important; gap: 16px !important; }\r\n#hm-maint-v10 .status-pill { display: flex !important; align-items: center !important; gap: 8px !important; padding: 6px 14px !important; background: rgba(28,28,40,0.6) !important; border: 1px solid var(--brd) !important; border-radius: 100px !important; backdrop-filter: blur(10px) !important; font-size: 11px !important; color: var(--m) !important; text-transform: uppercase !important; }\r\n#hm-maint-v10 .pulse-dot { width: 7px !important; height: 7px !important; background: var(--s) !important; border-radius: 50% !important; box-shadow: 0 0 8px var(--s) !important; animation: pRing 2s infinite !important; }\r\n@keyframes pRing { 0% { box-shadow: 0 0 0 0 rgba(93,164,115,0.7); } 70% { box-shadow: 0 0 0 8px rgba(93,164,115,0); } 100% { box-shadow: 0 0 0 0 rgba(93,164,115,0); } }\r\n\r\n#hm-maint-v10 .lang-toggle { display: flex !important; background: rgba(28,28,40,0.6) !important; border: 1px solid var(--brd) !important; border-radius: 100px !important; padding: 3px !important; backdrop-filter: blur(10px) !important; }\r\n#hm-maint-v10 .lang-btn { padding: 5px 14px !important; border-radius: 100px !important; font-size: 11px !important; font-weight: 700 !important; background: transparent !important; color: var(--g) !important; border: none !important; cursor: pointer !important; transition: all 0.3s !important; }\r\n#hm-maint-v10 .lang-btn.active { background: var(--p) !important; color: var(--w) !important; box-shadow: 0 2px 10px rgba(107,91,181,0.4) !important; }\r\n\r\n\/* \u2500\u2500 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0626\u064a\u0633\u064a (\u064a\u062a\u0645\u062f\u062f \u0644\u0644\u0648\u0633\u0637) \u2500\u2500 *\/\r\n#hm-maint-v10 main {\r\n  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;\r\n  text-align: center !important; max-width: 800px !important; margin: 0 auto !important; width: 100% !important;\r\n  flex: 1 !important; padding: 40px 0 !important;\r\n}\r\n\r\n#hm-maint-v10 .eyebrow { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 16px !important; }\r\n#hm-maint-v10 .eyebrow .line { width: 30px !important; height: 1px !important; background: var(--p-l) !important; opacity: 0.5 !important; }\r\n#hm-maint-v10 .eyebrow span { font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; color: var(--p-l) !important; letter-spacing: 3px !important; }\r\n#hm-maint-v10.rtl .eyebrow span { letter-spacing: 0 !important; }\r\n\r\n#hm-maint-v10 .headline { font-size: clamp(32px, 6vw, 64px) !important; font-weight: 900 !important; line-height: 1.15 !important; letter-spacing: -0.03em !important; margin-bottom: 16px !important; color: var(--w) !important; }\r\n#hm-maint-v10.rtl .headline { font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0 !important; }\r\n#hm-maint-v10 .headline .italic { font-style: italic !important; font-weight: 300 !important; color: var(--p-l) !important; }\r\n#hm-maint-v10.rtl .headline .italic { font-style: normal !important; font-weight: 300 !important; }\r\n#hm-maint-v10 .headline .accent { color: var(--s) !important; }\r\n\r\n#hm-maint-v10 .subtitle { font-size: clamp(13px, 1.2vw, 15px) !important; color: var(--m) !important; max-width: 500px !important; line-height: 1.6 !important; margin-bottom: 32px !important; }\r\n#hm-maint-v10.rtl .subtitle { line-height: 1.8 !important; font-weight: 400 !important; }\r\n\r\n\/* \u0627\u0644\u0639\u062f\u0627\u062f \u0627\u0644\u0632\u0645\u0646\u064a *\/\r\n#hm-maint-v10 .countdown-card { display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(22,22,34,0.6) !important; border: 1px solid var(--brd) !important; border-radius: 16px !important; padding: 16px 24px !important; backdrop-filter: blur(15px) !important; width: fit-content !important; max-width: 100% !important; }\r\n#hm-maint-v10 .cd-block { display: flex !important; flex-direction: column !important; align-items: center !important; padding: 0 16px !important; }\r\n#hm-maint-v10 .cd-sep { font-size: 28px !important; font-weight: 200 !important; color: var(--brd) !important; padding-bottom: 14px !important; }\r\n#hm-maint-v10 .cd-value { font-size: clamp(26px, 4.5vw, 40px) !important; font-weight: 900 !important; color: var(--w) !important; font-variant-numeric: tabular-nums !important; }\r\n#hm-maint-v10 .cd-label { font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; color: var(--g) !important; letter-spacing: 1px !important; margin-top: 4px !important; }\r\n\r\n#hm-maint-v10 .progress-wrap { margin-top: 28px !important; width: 100% !important; max-width: 380px !important; }\r\n#hm-maint-v10 .progress-meta { display: flex !important; justify-content: space-between !important; margin-bottom: 8px !important; font-size: 10px !important; color: var(--g) !important; text-transform: uppercase !important; }\r\n#hm-maint-v10 .progress-pct { color: var(--s) !important; }\r\n#hm-maint-v10 .progress-track { height: 2px !important; background: var(--brd) !important; border-radius: 2px !important; width: 100% !important; position: relative !important; }\r\n#hm-maint-v10 .progress-fill { height: 100% !important; background: linear-gradient(90deg, var(--p), var(--s)) !important; width: 35% !important; transition: width 0.5s ease !important; }\r\n\r\n\/* \u2500\u2500 \u0627\u0644\u0641\u0648\u062a\u0631 \u0627\u0644\u0645\u062a\u062c\u0627\u0648\u0628 \u2500\u2500 *\/\r\n#hm-maint-v10 footer {\r\n  display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important;\r\n  width: 100% !important; flex-shrink: 0 !important;\r\n}\r\n\r\n#hm-maint-v10 .socials { display: flex !important; gap: 10px !important; align-items: center !important; flex-direction: row !important; }\r\n#hm-maint-v10 .social-a { width: 38px !important; height: 38px !important; border: 1px solid var(--brd) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--m) !important; transition: all 0.3s ease !important; text-decoration: none !important; background: rgba(28,28,40,0.3) !important; }\r\n#hm-maint-v10 .social-a:hover { border-color: var(--s) !important; color: var(--s) !important; transform: translateY(-3px) !important; background: rgba(93,164,115,0.1) !important; }\r\n#hm-maint-v10 .social-a svg { width: 16px !important; height: 16px !important; display: block !important; }\r\n\r\n#hm-maint-v10 .ticker { flex: 1 !important; overflow: hidden !important; margin: 0 20px !important; mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent) !important; -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent) !important; }\r\n#hm-maint-v10 .ticker-inner { display: flex !important; gap: 36px !important; white-space: nowrap !important; width: max-content !important; animation: tScroll 25s linear infinite !important; }\r\n#hm-maint-v10.rtl .ticker-inner { animation-direction: reverse !important; }\r\n#hm-maint-v10 .ticker-item { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; color: var(--m) !important; }\r\n#hm-maint-v10 .ticker-dot { width: 4px !important; height: 4px !important; background: var(--p-l) !important; border-radius: 50% !important; }\r\n@keyframes tScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n\r\n#hm-maint-v10 .cta-btn { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 10px 22px !important; background: var(--p) !important; color: var(--w) !important; text-decoration: none !important; border-radius: 100px !important; font-size: 11px !important; font-weight: 700 !important; border: 1px solid rgba(155,141,217,0.2) !important; transition: all 0.3s !important; white-space: nowrap !important; }\r\n#hm-maint-v10 .cta-btn:hover { background: var(--p-d) !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(107,91,181,0.4) !important; }\r\n#hm-maint-v10 .cta-btn svg.wa-icon { width: 15px !important; height: 15px !important; display: block !important; }\r\n\r\n\/* \u2500\u2500 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  #hm-maint-v10 .content-wrapper { padding: 30px 20px !important; }\r\n  \r\n  #hm-maint-v10 .status-pill, #hm-maint-v10 .ticker { display: none !important; }\r\n  \r\n  #hm-maint-v10 main { padding: 20px 0 !important; justify-content: center !important; }\r\n  #hm-maint-v10 .headline { font-size: clamp(28px, 8vw, 42px) !important; margin-bottom: 12px !important; }\r\n  #hm-maint-v10 .subtitle { font-size: 13px !important; margin-bottom: 24px !important; line-height: 1.5 !important; padding: 0 10px !important; }\r\n  \r\n  #hm-maint-v10 .countdown-card { padding: 12px 10px !important; border-radius: 12px !important; }\r\n  #hm-maint-v10 .cd-block { padding: 0 8px !important; }\r\n  #hm-maint-v10 .cd-sep { font-size: 22px !important; padding-bottom: 12px !important; }\r\n  \r\n  #hm-maint-v10 .progress-wrap { margin-top: 24px !important; }\r\n\r\n  \/* \u0627\u0644\u0641\u0648\u062a\u0631 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u064a\u0623\u062e\u0630 \u0634\u0643\u0644 \u0639\u0645\u0648\u062f\u064a \u0648\u0648\u0627\u0636\u062d *\/\r\n  #hm-maint-v10 footer { \r\n    flex-direction: column !important; \r\n    gap: 20px !important; \r\n    align-items: center !important; \r\n  }\r\n  #hm-maint-v10 .socials { gap: 12px !important; }\r\n  #hm-maint-v10 .social-a { width: 42px !important; height: 42px !important; }\r\n  #hm-maint-v10 .social-a svg { width: 18px !important; height: 18px !important; }\r\n  #hm-maint-v10 .cta-btn { width: 100% !important; justify-content: center !important; max-width: 280px !important; padding: 12px !important; font-size: 12px !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const wrapper = document.getElementById('hm-maint-v10');\r\n  if (!wrapper) return;\r\n\r\n  \/\/ \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621: \u0627\u0644\u0633\u0628\u062a 30 \u0645\u0627\u064a\u0648 2026 \u0627\u0644\u0633\u0627\u0639\u0629 00:00:00 (\u0644\u064a\u0644\u0629 \u0627\u0644\u062c\u0645\u0639\u0629)\r\n  const TARGET_DATE = new Date('2026-05-30T00:00:00').getTime();\r\n  \/\/ \u062a\u0627\u0631\u064a\u062e \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u062d\u0633\u0627\u0628 \u0644\u0644\u0640 Progress bar \r\n  const START_DATE = new Date('2026-05-25T00:00:00').getTime();\r\n  const TOTAL_DURATION = TARGET_DATE - START_DATE;\r\n\r\n  const T = {\r\n    en: {\r\n      logoTag: 'EST. 2021', status: 'Scheduled maintenance', eyebrow: \"We'll be back stronger\",\r\n      h1: `Under <span class=\"italic\">maintenance.<\/span><br>Back <span class=\"accent\">shortly.<\/span>`,\r\n      subtitle: \"We're fine-tuning the experience behind the scenes. Returning with sharper systems and a refined identity.\",\r\n      days: 'Days', hours: 'Hours', mins: 'Minutes', secs: 'Seconds', progressLabel: 'Maintenance progress', cta: 'Contact us',\r\n      ticker: ['Optimizing performance','Refining user experience','Upgrading our systems','Returning soon']\r\n    },\r\n    ar: {\r\n      logoTag: '\u062a\u0623\u0633\u0633\u062a \u0662\u0660\u0662\u0661', status: '\u0635\u064a\u0627\u0646\u0629 \u0645\u062c\u062f\u0648\u0644\u0629', eyebrow: '\u0633\u0646\u0639\u0648\u062f \u0623\u0642\u0648\u0649 \u0642\u0631\u064a\u0628\u0627\u064b',\r\n      h1: `\u0627\u0644\u0645\u0648\u0642\u0639 \u062a\u062d\u062a <span class=\"italic\">\u0627\u0644\u0635\u064a\u0627\u0646\u0629.<\/span><br>\u0633\u0646\u0639\u0648\u062f <span class=\"accent\">\u0642\u0631\u064a\u0628\u0627\u064b.<\/span>`,\r\n      subtitle: '\u0646\u0642\u0648\u0645 \u0628\u0623\u0639\u0645\u0627\u0644 \u0635\u064a\u0627\u0646\u0629 \u0645\u062c\u062f\u0648\u0644\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u062a\u0643. \u0633\u0646\u0639\u0648\u062f \u0628\u0623\u0646\u0638\u0645\u0629 \u0623\u0643\u062b\u0631 \u062f\u0642\u0629\u064b \u0648\u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u062c\u062f\u062f\u0629.',\r\n      days: '\u064a\u0648\u0645', hours: '\u0633\u0627\u0639\u0629', mins: '\u062f\u0642\u064a\u0642\u0629', secs: '\u062b\u0627\u0646\u064a\u0629', progressLabel: '\u062a\u0642\u062f\u0645 \u0627\u0644\u0635\u064a\u0627\u0646\u0629', cta: '\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627',\r\n      ticker: ['\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0646\u0638\u0645\u0629','\u062a\u0637\u0648\u064a\u0631 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645','\u062a\u0631\u0642\u064a\u0629 \u0627\u0644\u062e\u0648\u0627\u062f\u0645','\u0646\u0639\u0648\u062f \u0642\u0631\u064a\u0628\u0627\u064b']\r\n    }\r\n  };\r\n\r\n  function applyLang(l) {\r\n    localStorage.setItem('hm_lang_v10', l);\r\n    const t = T[l];\r\n    wrapper.classList.toggle('rtl', l === 'ar');\r\n    \r\n    document.getElementById('l-tag').textContent = t.logoTag;\r\n    document.getElementById('status-txt').textContent = t.status;\r\n    document.getElementById('eye-txt').textContent = t.eyebrow;\r\n    document.getElementById('head-txt').innerHTML = t.h1;\r\n    document.getElementById('sub-txt').textContent = t.subtitle;\r\n    document.getElementById('d-lbl').textContent = t.days;\r\n    document.getElementById('h-lbl').textContent = t.hours;\r\n    document.getElementById('m-lbl').textContent = t.mins;\r\n    document.getElementById('s-lbl').textContent = t.secs;\r\n    document.getElementById('prg-lbl').textContent = t.progressLabel;\r\n    document.getElementById('cta-txt').textContent = t.cta;\r\n    \r\n    const repeated = [...t.ticker, ...t.ticker, ...t.ticker];\r\n    const tickerBox = document.getElementById('tick-box');\r\n    if (tickerBox) {\r\n      tickerBox.innerHTML = repeated.map(txt => `<span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>${txt}<\/span>`).join('');\r\n    }\r\n\r\n    wrapper.querySelectorAll('.lang-btn').forEach(b => b.classList.toggle('active', b.dataset.lang === l));\r\n  }\r\n\r\n  wrapper.querySelectorAll('.lang-btn').forEach(b => {\r\n    b.addEventListener('click', () => applyLang(b.dataset.lang));\r\n  });\r\n\r\n  function pad(n) { return String(Math.max(0, n)).padStart(2, '0'); }\r\n\r\n  function tick() {\r\n    const now = Date.now();\r\n    const diff = Math.max(0, TARGET_DATE - now);\r\n\r\n    document.getElementById('d-val').textContent = pad(Math.floor(diff \/ 864e5));\r\n    document.getElementById('h-val').textContent = pad(Math.floor((diff % 864e5) \/ 36e5));\r\n    document.getElementById('m-val').textContent = pad(Math.floor((diff % 36e5) \/ 6e4));\r\n    document.getElementById('s-val').textContent = pad(Math.floor((diff % 6e4) \/ 1e3));\r\n\r\n    const elapsed = now - START_DATE;\r\n    let pct = Math.round((elapsed \/ TOTAL_DURATION) * 100);\r\n    pct = Math.min(100, Math.max(35, pct));\r\n    \r\n    document.getElementById('prg-fill').style.width = pct + '%';\r\n    document.getElementById('prg-pct').textContent = pct + '%';\r\n  }\r\n\r\n  tick();\r\n  setInterval(tick, 1000);\r\n  applyLang(localStorage.getItem('hm_lang_v10') || 'en');\r\n})();\r\n<\/script>\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>H.M Agency EST. 2021 Scheduled maintenance EN AR We&#8217;ll be back stronger Under maintenance.Back shortly. We&#8217;re fine-tuning the experience behind the scenes. Returning with sharper systems and a refined identity. 00 Days : 00 Hours : 00 Minutes : 00 Seconds Maintenance progress 35% Contact us<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-746","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/hmagency.net\/index.php\/wp-json\/wp\/v2\/pages\/746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hmagency.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hmagency.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hmagency.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hmagency.net\/index.php\/wp-json\/wp\/v2\/comments?post=746"}],"version-history":[{"count":40,"href":"https:\/\/hmagency.net\/index.php\/wp-json\/wp\/v2\/pages\/746\/revisions"}],"predecessor-version":[{"id":791,"href":"https:\/\/hmagency.net\/index.php\/wp-json\/wp\/v2\/pages\/746\/revisions\/791"}],"wp:attachment":[{"href":"https:\/\/hmagency.net\/index.php\/wp-json\/wp\/v2\/media?parent=746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}