{"id":17051,"date":"2026-05-03T13:48:27","date_gmt":"2026-05-03T13:48:27","guid":{"rendered":"https:\/\/genz-mobile.com\/contact-us\/"},"modified":"2026-05-10T15:36:37","modified_gmt":"2026-05-10T15:36:37","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/genz-mobile.com\/ar\/contact-us\/","title":{"rendered":"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17051\" class=\"elementor elementor-17051 elementor-17011\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a68623a e-flex e-con-boxed e-con e-parent\" data-id=\"a68623a\" 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-6250399 elementor-widget elementor-widget-html\" data-id=\"6250399\" 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=\"ar\" dir=\"rtl\">\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>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0627\u0646\u0627 \u2014 Genz-Mobile<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Unbounded:wght@400;600;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ========== Genz-Mobile Contact Page \u2014 scoped under .gz-contact ========== *\/\r\n.gz-contact * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.gz-contact {\r\n  --gz-brand: #259da2;\r\n  --gz-brand-bright: #34dde4;\r\n  --gz-brand-deep: #0f4f52;\r\n  --gz-accent: #ff5c8a;\r\n  --gz-bg: #060912;\r\n  --gz-bg-2: #0c1424;\r\n  --gz-text: #eef2fa;\r\n  --gz-muted: #8a96b0;\r\n  --gz-card: rgba(20, 28, 46, 0.55);\r\n  --gz-border: rgba(52, 221, 228, 0.18);\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 100vh;\r\n  padding: clamp(40px, 6vw, 90px) clamp(20px, 5vw, 60px);\r\n  background: var(--gz-bg);\r\n  color: var(--gz-text);\r\n  font-family: 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* Animated mesh background *\/\r\n.gz-contact::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background:\r\n    radial-gradient(ellipse 60% 50% at 20% 10%, rgba(37, 157, 162, 0.35), transparent 60%),\r\n    radial-gradient(ellipse 50% 60% at 85% 80%, rgba(255, 92, 138, 0.18), transparent 60%),\r\n    radial-gradient(ellipse 70% 50% at 50% 100%, rgba(52, 221, 228, 0.22), transparent 70%);\r\n  z-index: -2;\r\n  animation: gz-drift 18s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gz-drift {\r\n  0%   { transform: translate(0, 0) scale(1); }\r\n  50%  { transform: translate(-3%, 2%) scale(1.05); }\r\n  100% { transform: translate(2%, -2%) scale(1.02); }\r\n}\r\n\r\n\/* Subtle grid texture *\/\r\n.gz-contact::after {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(52, 221, 228, 0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(52, 221, 228, 0.04) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  z-index: -1;\r\n  mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black, transparent 80%);\r\n  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black, transparent 80%);\r\n}\r\n\r\n\/* Floating orbs *\/\r\n.gz-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(70px);\r\n  opacity: 0.5;\r\n  z-index: -1;\r\n  pointer-events: none;\r\n}\r\n.gz-orb-1 { width: 320px; height: 320px; background: var(--gz-brand); top: -80px; left: -80px; animation: gz-float 12s ease-in-out infinite; }\r\n.gz-orb-2 { width: 260px; height: 260px; background: var(--gz-accent); bottom: 10%; right: -60px; animation: gz-float 14s ease-in-out infinite reverse; }\r\n\r\n@keyframes gz-float {\r\n  0%, 100% { transform: translate(0, 0); }\r\n  50%      { transform: translate(40px, -30px); }\r\n}\r\n\r\n\/* ============ Layout ============ *\/\r\n.gz-wrap {\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* ============ Hero ============ *\/\r\n.gz-hero {\r\n  text-align: center;\r\n  padding: clamp(20px, 4vw, 40px) 0 clamp(40px, 5vw, 70px);\r\n  animation: gz-rise 0.9s cubic-bezier(.2,.8,.2,1) both;\r\n}\r\n\r\n.gz-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 8px 18px;\r\n  border: 1px solid var(--gz-border);\r\n  border-radius: 100px;\r\n  background: rgba(52, 221, 228, 0.06);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--gz-brand-bright);\r\n  margin-bottom: 26px;\r\n}\r\n.gz-eyebrow::before {\r\n  content: '';\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--gz-brand-bright);\r\n  box-shadow: 0 0 12px var(--gz-brand-bright);\r\n  animation: gz-pulse 1.6s ease-in-out infinite;\r\n}\r\n@keyframes gz-pulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50%      { opacity: 0.4; transform: scale(0.7); }\r\n}\r\n\r\n.gz-title {\r\n  font-family: 'Unbounded', sans-serif;\r\n  font-size: clamp(40px, 8vw, 96px);\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  letter-spacing: -0.03em;\r\n  margin-bottom: 22px;\r\n}\r\n.gz-title .gz-rotate-wrap {\r\n  position: relative;\r\n  display: inline-block;\r\n  vertical-align: baseline;\r\n  height: 1em;\r\n  overflow: hidden;\r\n  min-width: 4ch;\r\n}\r\n.gz-rotate {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, var(--gz-brand-bright) 0%, var(--gz-brand) 60%, var(--gz-accent) 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n  font-style: italic;\r\n  font-weight: 900;\r\n}\r\n.gz-rotate-word {\r\n  display: inline-block;\r\n  animation: gz-word-slide 8s cubic-bezier(.6,0,.4,1) infinite;\r\n}\r\n@keyframes gz-word-slide {\r\n  0%, 18%   { transform: translateY(0); }\r\n  20%, 38%  { transform: translateY(-100%); }\r\n  40%, 58%  { transform: translateY(-200%); }\r\n  60%, 78%  { transform: translateY(-300%); }\r\n  80%, 100% { transform: translateY(-400%); }\r\n}\r\n\r\n.gz-subtitle {\r\n  font-size: clamp(15px, 1.5vw, 18px);\r\n  color: var(--gz-muted);\r\n  max-width: 560px;\r\n  margin: 0 auto 30px;\r\n}\r\n\r\n\/* Brand wordmark with shining z *\/\r\n.gz-brand {\r\n  display: inline-flex;\r\n  align-items: baseline;\r\n  gap: 0;\r\n  font-family: 'Unbounded', sans-serif;\r\n  font-size: clamp(22px, 3vw, 32px);\r\n  font-weight: 600;\r\n  letter-spacing: -0.02em;\r\n}\r\n.gz-brand-text { color: var(--gz-text); }\r\n.gz-z {\r\n  position: relative;\r\n  display: inline-block;\r\n  font-weight: 900;\r\n  background: linear-gradient(135deg, #b6fbff 0%, var(--gz-brand-bright) 30%, var(--gz-brand) 60%, #b6fbff 100%);\r\n  background-size: 200% 200%;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n  animation: gz-z-gradient 3s ease-in-out infinite;\r\n  filter: drop-shadow(0 0 18px rgba(52, 221, 228, 0.6));\r\n}\r\n.gz-z::after {\r\n  content: 'z';\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  background: linear-gradient(120deg,\r\n    transparent 0%,\r\n    transparent 35%,\r\n    rgba(255,255,255,0.95) 50%,\r\n    transparent 65%,\r\n    transparent 100%);\r\n  background-size: 250% 100%;\r\n  background-position: 200% 0;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n  animation: gz-z-shine 3.5s ease-in-out infinite;\r\n}\r\n@keyframes gz-z-gradient {\r\n  0%, 100% { background-position: 0% 50%; }\r\n  50%      { background-position: 100% 50%; }\r\n}\r\n@keyframes gz-z-shine {\r\n  0%   { background-position: 200% 0; }\r\n  60%  { background-position: -100% 0; }\r\n  100% { background-position: -100% 0; }\r\n}\r\n\r\n\/* ============ Cards ============ *\/\r\n.gz-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n  gap: 22px;\r\n  margin: 60px 0;\r\n}\r\n\r\n.gz-card {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 18px;\r\n  padding: 32px 28px;\r\n  background: var(--gz-card);\r\n  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n  border: 1px solid var(--gz-border);\r\n  border-radius: 24px;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  overflow: hidden;\r\n  transition: transform 0.5s cubic-bezier(.2,.8,.2,1), border-color 0.4s, box-shadow 0.4s;\r\n  animation: gz-rise 0.9s cubic-bezier(.2,.8,.2,1) both;\r\n}\r\n.gz-card:nth-child(1) { animation-delay: 0.1s; }\r\n.gz-card:nth-child(2) { animation-delay: 0.2s; }\r\n.gz-card:nth-child(3) { animation-delay: 0.3s; }\r\n\r\n.gz-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(52, 221, 228, 0.12), transparent 50%);\r\n  opacity: 0;\r\n  transition: opacity 0.4s;\r\n  pointer-events: none;\r\n}\r\n.gz-card:hover {\r\n  transform: translateY(-6px);\r\n  border-color: rgba(52, 221, 228, 0.5);\r\n  box-shadow: 0 20px 60px -20px rgba(52, 221, 228, 0.4);\r\n}\r\n.gz-card:hover::before { opacity: 1; }\r\n\r\n.gz-card-icon {\r\n  width: 56px; height: 56px;\r\n  border-radius: 16px;\r\n  display: grid; place-items: center;\r\n  background: linear-gradient(135deg, rgba(52, 221, 228, 0.15), rgba(37, 157, 162, 0.05));\r\n  border: 1px solid var(--gz-border);\r\n  color: var(--gz-brand-bright);\r\n  flex-shrink: 0;\r\n  transition: transform 0.4s;\r\n}\r\n.gz-card:hover .gz-card-icon {\r\n  transform: scale(1.1) rotate(-6deg);\r\n}\r\n.gz-card-icon svg { width: 26px; height: 26px; }\r\n\r\n.gz-card-label {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--gz-muted);\r\n}\r\n.gz-card-title {\r\n  font-family: 'Unbounded', sans-serif;\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  letter-spacing: -0.02em;\r\n  color: var(--gz-text);\r\n}\r\n.gz-card-value {\r\n  font-size: 15px;\r\n  color: var(--gz-brand-bright);\r\n  font-weight: 500;\r\n  word-break: break-word;\r\n}\r\n.gz-card-arrow {\r\n  position: absolute;\r\n  top: 28px; left: 24px; right: auto;\r\n  width: 36px; height: 36px;\r\n  border-radius: 50%;\r\n  border: 1px solid var(--gz-border);\r\n  display: grid; place-items: center;\r\n  color: var(--gz-brand-bright);\r\n  transition: transform 0.4s, background 0.4s;\r\n}\r\n.gz-card:hover .gz-card-arrow {\r\n  background: var(--gz-brand);\r\n  color: white;\r\n  transform: rotate(-45deg) translate(2px, -2px);\r\n}\r\n\r\n\/* WhatsApp pulse *\/\r\n.gz-card-whatsapp .gz-card-icon {\r\n  background: linear-gradient(135deg, rgba(37, 211, 102, 0.18), rgba(37, 211, 102, 0.04));\r\n  color: #25d366;\r\n  border-color: rgba(37, 211, 102, 0.3);\r\n}\r\n.gz-card-whatsapp .gz-card-icon::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 56px; height: 56px;\r\n  border-radius: 16px;\r\n  border: 2px solid #25d366;\r\n  animation: gz-ping 2s ease-out infinite;\r\n}\r\n@keyframes gz-ping {\r\n  0%   { opacity: 0.6; transform: scale(1); }\r\n  100% { opacity: 0; transform: scale(1.4); }\r\n}\r\n.gz-card-whatsapp .gz-card-icon { position: relative; }\r\n\r\n\/* Live indicator on chat card *\/\r\n.gz-live {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: #4ade80;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n.gz-live::before {\r\n  content: '';\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%;\r\n  background: #4ade80;\r\n  box-shadow: 0 0 10px #4ade80;\r\n  animation: gz-pulse 1.4s ease-in-out infinite;\r\n}\r\n\r\n\/* ============ Form ============ *\/\r\n.gz-form-section {\r\n  margin-top: 80px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.4fr;\r\n  gap: 60px;\r\n  align-items: start;\r\n}\r\n\r\n.gz-form-intro {\r\n  position: sticky;\r\n  top: 40px;\r\n  animation: gz-rise 0.9s cubic-bezier(.2,.8,.2,1) 0.4s both;\r\n}\r\n.gz-form-intro h2 {\r\n  font-family: 'Unbounded', sans-serif;\r\n  font-size: clamp(28px, 4vw, 44px);\r\n  font-weight: 800;\r\n  line-height: 1.05;\r\n  letter-spacing: -0.03em;\r\n  margin-bottom: 18px;\r\n}\r\n.gz-form-intro h2 em {\r\n  font-style: italic;\r\n  background: linear-gradient(135deg, var(--gz-brand-bright), var(--gz-accent));\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n.gz-form-intro p {\r\n  color: var(--gz-muted);\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n  margin-bottom: 32px;\r\n}\r\n.gz-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n}\r\n.gz-tag {\r\n  padding: 6px 14px;\r\n  border-radius: 100px;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  background: rgba(52, 221, 228, 0.08);\r\n  border: 1px solid var(--gz-border);\r\n  color: var(--gz-brand-bright);\r\n}\r\n\r\n.gz-form {\r\n  background: var(--gz-card);\r\n  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n  border: 1px solid var(--gz-border);\r\n  border-radius: 28px;\r\n  padding: clamp(28px, 4vw, 44px);\r\n  animation: gz-rise 0.9s cubic-bezier(.2,.8,.2,1) 0.5s both;\r\n}\r\n\r\n.gz-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n  margin-bottom: 22px;\r\n}\r\n.gz-field { position: relative; }\r\n.gz-field-full { grid-column: 1 \/ -1; }\r\n\r\n.gz-field input,\r\n.gz-field textarea {\r\n  width: 100%;\r\n  padding: 22px 18px 10px;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  border-radius: 14px;\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  color: var(--gz-text);\r\n  outline: none;\r\n  transition: border-color 0.3s, background 0.3s;\r\n}\r\n.gz-field textarea {\r\n  min-height: 130px;\r\n  resize: vertical;\r\n}\r\n.gz-field label {\r\n  position: absolute;\r\n  top: 18px; right: 18px; left: auto;\r\n  font-size: 14px;\r\n  color: var(--gz-muted);\r\n  pointer-events: none;\r\n  transition: all 0.25s cubic-bezier(.4, 0, .2, 1);\r\n}\r\n.gz-field input:focus,\r\n.gz-field textarea:focus {\r\n  border-color: var(--gz-brand-bright);\r\n  background: rgba(52, 221, 228, 0.05);\r\n}\r\n.gz-field input:focus + label,\r\n.gz-field input:not(:placeholder-shown) + label,\r\n.gz-field textarea:focus + label,\r\n.gz-field textarea:not(:placeholder-shown) + label {\r\n  top: 8px;\r\n  font-size: 11px;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  color: var(--gz-brand-bright);\r\n  font-weight: 600;\r\n}\r\n\r\n.gz-submit {\r\n  position: relative;\r\n  width: 100%;\r\n  margin-top: 8px;\r\n  padding: 18px 24px;\r\n  border: none;\r\n  border-radius: 14px;\r\n  background: linear-gradient(135deg, var(--gz-brand) 0%, var(--gz-brand-bright) 100%);\r\n  color: #001012;\r\n  font-family: 'Unbounded', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.05em;\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  transition: transform 0.3s, box-shadow 0.3s;\r\n}\r\n.gz-submit::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: -100%;\r\n  width: 100%; height: 100%;\r\n  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.5), transparent);\r\n  transition: left 0.6s;\r\n}\r\n.gz-submit:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 14px 40px -10px rgba(52, 221, 228, 0.6);\r\n}\r\n.gz-submit:hover::before { left: 100%; }\r\n.gz-submit span {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.gz-form-note {\r\n  margin-top: 18px;\r\n  font-size: 13px;\r\n  color: var(--gz-muted);\r\n  text-align: center;\r\n}\r\n\r\n\/* ============ Animations ============ *\/\r\n@keyframes gz-rise {\r\n  from { opacity: 0; transform: translateY(30px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* ============ Responsive ============ *\/\r\n@media (max-width: 880px) {\r\n  .gz-form-section { grid-template-columns: 1fr; gap: 36px; }\r\n  .gz-form-intro { position: static; }\r\n  .gz-row { grid-template-columns: 1fr; gap: 16px; margin-bottom: 16px; }\r\n}\r\n@media (max-width: 480px) {\r\n  .gz-cards { gap: 16px; }\r\n  .gz-card { padding: 26px 22px; }\r\n  .gz-form { padding: 24px 20px; }\r\n  .gz-card-arrow { display: none; }\r\n}\r\n\r\n\/* Reduced motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .gz-contact *, .gz-contact *::before, .gz-contact *::after {\r\n    animation-duration: 0.01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: 0.01ms !important;\r\n  }\r\n}\r\n\r\n\/* ===== Arabic \/ RTL Enhancements ===== *\/\r\n.gz-contact {\r\n  direction: rtl;\r\n  text-align: right;\r\n}\r\n.gz-hero { text-align: center; }\r\n.gz-brand { direction: ltr; }\r\n.gz-title,\r\n.gz-form-intro h2,\r\n.gz-card-title,\r\n.gz-submit {\r\n  letter-spacing: -0.02em;\r\n}\r\n.gz-eyebrow,\r\n.gz-card-label,\r\n.gz-live,\r\n.gz-tag {\r\n  letter-spacing: 0.02em;\r\n}\r\n.gz-card-arrow svg,\r\n.gz-submit svg {\r\n  transform: scaleX(-1);\r\n}\r\n.gz-field input,\r\n.gz-field textarea {\r\n  text-align: right;\r\n}\r\n\r\n\/* ===== Page background fix for Arabic Contact page ID 17051 ===== *\/\r\nbody.page-id-17051,\r\nbody.page-id-17051 .site,\r\nbody.page-id-17051 .site-content,\r\nbody.page-id-17051 #content,\r\nbody.page-id-17051 .content-area,\r\nbody.page-id-17051 .elementor,\r\nbody.page-id-17051 .elementor-section-wrap,\r\nbody.page-id-17051 .elementor-location-single,\r\nbody.page-id-17051 .elementor-widget-wrap,\r\nbody.page-id-17051 .elementor-container,\r\nbody.page-id-17051 .elementor-element,\r\nbody.page-id-17051 .e-con,\r\nbody.page-id-17051 .e-con-inner {\r\n  background:\r\n    radial-gradient(ellipse 60% 50% at 20% 10%, rgba(37, 157, 162, 0.35), transparent 60%),\r\n    radial-gradient(ellipse 50% 60% at 85% 80%, rgba(255, 92, 138, 0.18), transparent 60%),\r\n    radial-gradient(ellipse 70% 50% at 50% 100%, rgba(52, 221, 228, 0.22), transparent 70%),\r\n    #060912 !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"gz-contact\">\r\n  <span class=\"gz-orb gz-orb-1\"><\/span>\r\n  <span class=\"gz-orb gz-orb-2\"><\/span>\r\n\r\n  <div class=\"gz-wrap\">\r\n    <!-- \u0627\u0644\u0647\u064a\u0631\u0648 -->\r\n    <header class=\"gz-hero\">\r\n      <div class=\"gz-eyebrow\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0627\u0646\u0627<\/div>\r\n\r\n      <h1 class=\"gz-title\">\r\n          \u062e\u0644\u0651\u064a\u0646\u0627 \u0639\u0644\u0649 \u062a\u0648\u0627\u0635\u0644\r\n        <span class=\"gz-rotate-wrap\">\r\n          <span class=\"gz-rotate\">\r\n            <span class=\"gz-rotate-word\">\u0646\u062a\u0648\u0627\u0635\u0644.<\/span>\r\n            <span class=\"gz-rotate-word\">\u0646\u0641\u0647\u0645\u0643.<\/span>\r\n            <span class=\"gz-rotate-word\">\u0646\u062a\u0643\u0644\u0645.<\/span>\r\n            <span class=\"gz-rotate-word\">\u0646\u0637\u0648\u0651\u0631.<\/span>\r\n            <span class=\"gz-rotate-word\">\u0646\u062a\u0648\u0627\u0635\u0644.<\/span>\r\n          <\/span>\r\n        <\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"gz-subtitle\">\r\n        \u0639\u0646\u062f\u0643 \u0633\u0624\u0627\u0644\u061f \u0645\u0634\u0643\u0644\u0629\u061f \u0623\u0648 \u062d\u0627\u0628\u0628 \u062a\u0639\u0631\u0641 \u0623\u0643\u062a\u0631 \u0639\u0646 \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u061f <br>\r\n        \u0625\u062d\u0646\u0627 \u0645\u0648\u062c\u0648\u062f\u064a\u0646 \u2014 \u0648\u0628\u0646\u0631\u062f \u0641\u0639\u0644\u064b\u0627. \u0623\u0647\u0644\u0627\u064b \u0628\u064a\u0643 \u0641\u064a\r\n        <span class=\"gz-brand\"><span class=\"gz-brand-text\">gen<\/span><span class=\"gz-z\">z<\/span><span class=\"gz-brand-text\">-mobile<\/span><\/span>.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <!-- \u0643\u0631\u0648\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 -->\r\n    <section class=\"gz-cards\">\r\n      <!-- \u0627\u0644\u0625\u064a\u0645\u064a\u0644 -->\r\n      <a href=\"mailto:info@genz-mobile.com\" class=\"gz-card gz-card-email\" data-tilt>\r\n        <div class=\"gz-card-arrow\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"gz-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"3\"\/>\r\n            <path d=\"M2 7l10 6 10-6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"gz-card-label\">\u0631\u0627\u0633\u0644\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u0625\u064a\u0645\u064a\u0644<\/div>\r\n          <div class=\"gz-card-title\">\u0627\u0628\u0639\u062a\u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u062a\u0643<\/div>\r\n        <\/div>\r\n        <div class=\"gz-card-value\">info@genz-mobile.com<\/div>\r\n      <\/a>\r\n\r\n      <!-- \u0648\u0627\u062a\u0633\u0627\u0628 -->\r\n      <a href=\"https:\/\/wa.me\/201003248496\" target=\"_blank\" rel=\"noopener\" class=\"gz-card gz-card-whatsapp\" data-tilt>\r\n        <div class=\"gz-card-arrow\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"gz-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n            <path d=\"M17.6 6.32A7.85 7.85 0 0 0 12.05 4a7.94 7.94 0 0 0-6.88 11.9L4 20l4.2-1.1a7.93 7.93 0 0 0 3.84.98h.01a7.94 7.94 0 0 0 7.94-7.94 7.9 7.9 0 0 0-2.39-5.62Zm-5.55 12.22h-.01a6.6 6.6 0 0 1-3.36-.92l-.24-.14-2.49.65.66-2.43-.16-.25a6.6 6.6 0 0 1 10.25-8.16 6.55 6.55 0 0 1 1.93 4.67 6.61 6.61 0 0 1-6.58 6.58Zm3.62-4.93c-.2-.1-1.18-.58-1.36-.65-.18-.07-.31-.1-.45.1-.13.2-.5.65-.62.79-.11.13-.23.15-.43.05-.2-.1-.84-.31-1.6-1-.6-.52-1-1.18-1.12-1.38-.12-.2-.01-.31.09-.41.09-.09.2-.23.3-.35.1-.12.13-.2.2-.33.06-.13.03-.25-.02-.35-.05-.1-.45-1.1-.62-1.5-.16-.4-.33-.34-.45-.35h-.39a.74.74 0 0 0-.54.25c-.18.2-.7.69-.7 1.68 0 .99.72 1.95.82 2.08.1.13 1.42 2.17 3.44 3.04.48.21.86.33 1.15.42.49.16.93.13 1.28.08.39-.06 1.18-.48 1.35-.95.16-.46.16-.86.12-.94-.05-.08-.18-.13-.38-.23Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"gz-card-label\">WhatsApp<\/div>\r\n          <div class=\"gz-card-title\">\u0631\u062f \u0633\u0631\u064a\u0639 \u0648\u062a\u062c\u0631\u0628\u0629 \u0623\u0633\u0647\u0644<\/div>\r\n        <\/div>\r\n        <div class=\"gz-card-value\">+20 100 324 8496<\/div>\r\n      <\/a>\r\n\r\n      <!-- \u0627\u0644\u0634\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0634\u0631 -->\r\n      <a href=\"#\" class=\"gz-card gz-card-chat\" data-tilt onclick=\"return openLiveChat(event)\">\r\n        <div class=\"gz-card-arrow\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"gz-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\r\n            <circle cx=\"8\" cy=\"10\" r=\"1\" fill=\"currentColor\"\/>\r\n            <circle cx=\"12\" cy=\"10\" r=\"1\" fill=\"currentColor\"\/>\r\n            <circle cx=\"16\" cy=\"10\" r=\"1\" fill=\"currentColor\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"gz-card-label\">\u0627\u0644\u0634\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0634\u0631<\/div>\r\n          <div class=\"gz-card-title\">\u0643\u0644\u0645\u0646\u0627 \u062f\u0644\u0648\u0642\u062a\u064a<\/div>\r\n        <\/div>\r\n        <div class=\"gz-live\">\u0625\u062d\u0646\u0627 \u0623\u0648\u0646\u0644\u0627\u064a\u0646<\/div>\r\n      <\/a>\r\n    <\/section>\r\n\r\n    <!-- \u0641\u0648\u0631\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 -->\r\n    <section class=\"gz-form-section\">\r\n      <div class=\"gz-form-intro\">\r\n        <h2>\u0623\u0648 \u0627\u0628\u0639\u062a\u0644\u0646\u0627<br><em>\u0631\u0633\u0627\u0644\u0629<\/em>.<\/h2>\r\n        <p>\u0642\u0648\u0644\u0646\u0627 \u0645\u062d\u062a\u0627\u062c \u0625\u064a\u0647 \u2014 \u0637\u0644\u0628\u0627\u062a\u060c \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0623\u0648 \u0627\u0633\u062a\u0631\u062c\u0627\u0639\u060c \u0634\u0631\u0627\u0643\u0627\u062a\u060c \u0623\u0648 \u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0646\u0641\u0633\u0643 \u0646\u0648\u0641\u0631\u0647\u0627. \u0646\u0627\u0633 \u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u0631\u062f \u0633\u0631\u064a\u0639 \u0628\u062c\u062f.<\/p>\r\n        <div class=\"gz-tags\">\r\n          <span class=\"gz-tag\">\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u0644\u0637\u0644\u0628<\/span>\r\n          <span class=\"gz-tag\">\u062f\u0639\u0645 \u0641\u0646\u064a<\/span>\r\n          <span class=\"gz-tag\">\u062c\u0645\u0644\u0629<\/span>\r\n          <span class=\"gz-tag\">\u0625\u0639\u0644\u0627\u0645 \u0648\u062a\u0639\u0627\u0648\u0646<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <form class=\"gz-form\" id=\"gzContactForm\" novalidate>\r\n        <div class=\"gz-row\">\r\n          <div class=\"gz-field\">\r\n            <input type=\"text\" id=\"gz-name\" placeholder=\" \" required>\r\n            <label for=\"gz-name\">\u0627\u0633\u0645\u0643<\/label>\r\n          <\/div>\r\n          <div class=\"gz-field\">\r\n            <input type=\"email\" id=\"gz-email\" placeholder=\" \" required>\r\n            <label for=\"gz-email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gz-row\">\r\n          <div class=\"gz-field gz-field-full\">\r\n            <input type=\"text\" id=\"gz-subject\" placeholder=\" \">\r\n            <label for=\"gz-subject\">\u0627\u0644\u0645\u0648\u0636\u0648\u0639<\/label>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gz-row\">\r\n          <div class=\"gz-field gz-field-full\">\r\n            <textarea id=\"gz-message\" placeholder=\" \" required><\/textarea>\r\n            <label for=\"gz-message\">\u0631\u0633\u0627\u0644\u062a\u0643<\/label>\r\n          <\/div>\r\n        <\/div>\r\n        <button type=\"submit\" class=\"gz-submit\">\r\n          <span>\r\n            \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <p class=\"gz-form-note\">\u0647\u0646\u0631\u062f \u0639\u0644\u064a\u0643 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629\u060c \u0648\u063a\u0627\u0644\u0628\u064b\u0627 \u0623\u0633\u0631\u0639 \u0645\u0646 \u0643\u062f\u0647.<\/p>\r\n      <\/form>\r\n    <\/section>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ 3D tilt + glow follow on cards\r\n  document.querySelectorAll('.gz-contact [data-tilt]').forEach(card => {\r\n    card.addEventListener('mousemove', (e) => {\r\n      const rect = card.getBoundingClientRect();\r\n      const x = e.clientX - rect.left;\r\n      const y = e.clientY - rect.top;\r\n      card.style.setProperty('--mx', (x \/ rect.width * 100) + '%');\r\n      card.style.setProperty('--my', (y \/ rect.height * 100) + '%');\r\n    });\r\n  });\r\n\r\n  \/\/ Form submission \u2014 send via mailto fallback (replace with Contact Form 7 \/ WPForms shortcode if you prefer)\r\n  const form = document.getElementById('gzContactForm');\r\n  if (form) {\r\n    form.addEventListener('submit', function(e){\r\n      e.preventDefault();\r\n      const name    = document.getElementById('gz-name').value.trim();\r\n      const email   = document.getElementById('gz-email').value.trim();\r\n      const subject = document.getElementById('gz-subject').value.trim() || '\u0631\u0633\u0627\u0644\u0629 \u062c\u062f\u064a\u062f\u0629 \u0645\u0646 genz-mobile.com';\r\n      const message = document.getElementById('gz-message').value.trim();\r\n\r\n      if (!name || !email || !message) {\r\n        alert('\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u0643\u062a\u0628 \u0627\u0644\u0627\u0633\u0645 \u0648\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629.');\r\n        return;\r\n      }\r\n\r\n      const body = `\u0627\u0644\u0627\u0633\u0645: ${name}%0D%0A\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a: ${email}%0D%0A%0D%0A${encodeURIComponent(message)}`;\r\n      window.location.href = `mailto:info@genz-mobile.com?subject=${encodeURIComponent(subject)}&body=${body}`;\r\n    });\r\n  }\r\n\r\n  \/\/ Live chat opener \u2014 adapt to whatever chat plugin you use (Tawk.to, Tidio, WhatsApp Chat, etc.)\r\n  window.openLiveChat = function(e){\r\n    e.preventDefault();\r\n    \/\/ Tawk.to:        if (window.Tawk_API) Tawk_API.maximize();\r\n    \/\/ Tidio:          if (window.tidioChatApi) tidioChatApi.open();\r\n    \/\/ WhatsApp fallback:\r\n    if (window.Tawk_API && typeof Tawk_API.maximize === 'function') {\r\n      Tawk_API.maximize();\r\n    } else if (window.tidioChatApi && typeof tidioChatApi.open === 'function') {\r\n      tidioChatApi.open();\r\n    } else {\r\n      window.open('https:\/\/wa.me\/201003248496', '_blank');\r\n    }\r\n    return false;\r\n  };\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0627\u0646\u0627 \u2014 Genz-Mobile \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0627\u0646\u0627 \u062e\u0644\u0651\u064a\u0646\u0627 \u0639\u0644\u0649 \u062a\u0648\u0627\u0635\u0644 \u0646\u062a\u0648\u0627\u0635\u0644. \u0646\u0641\u0647\u0645\u0643. \u0646\u062a\u0643\u0644\u0645. \u0646\u0637\u0648\u0651\u0631. \u0646\u062a\u0648\u0627\u0635\u0644. \u0639\u0646\u062f\u0643 \u0633\u0624\u0627\u0644\u061f \u0645\u0634\u0643\u0644\u0629\u061f \u0623\u0648 \u062d\u0627\u0628\u0628 \u062a\u0639\u0631\u0641 \u0623\u0643\u062a\u0631 \u0639\u0646 \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u061f \u0625\u062d\u0646\u0627 \u0645\u0648\u062c\u0648\u062f\u064a\u0646 \u2014 \u0648\u0628\u0646\u0631\u062f \u0641\u0639\u0644\u064b\u0627. \u0623\u0647\u0644\u0627\u064b<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17051","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/pages\/17051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/comments?post=17051"}],"version-history":[{"count":5,"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/pages\/17051\/revisions"}],"predecessor-version":[{"id":17057,"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/pages\/17051\/revisions\/17057"}],"wp:attachment":[{"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/media?parent=17051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}