{"id":9967,"date":"2022-11-25T05:55:04","date_gmt":"2022-11-25T05:55:04","guid":{"rendered":"https:\/\/mthemeus.com\/demos\/wp\/xmoze\/?page_id=9967"},"modified":"2026-10-23T05:07:12","modified_gmt":"2026-10-23T05:07:12","slug":"home","status":"publish","type":"page","link":"https:\/\/shetecdemo.com\/propertysoftware\/","title":{"rendered":"Best And Latest Property Software In Pakistan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9967\" class=\"elementor elementor-9967\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9294fd8 elementor-section-full_width elementor-section-height-default elementor-section-height-default mas-addons-sticky-no\" data-id=\"9294fd8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;mas_addons_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e49b93f\" data-id=\"e49b93f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-72fe902 mas-addons-sticky-no elementor-widget elementor-widget-html\" data-id=\"72fe902\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mas_addons_sticky&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n.ps-hero {\r\n  --bg: #0c0a14; --bg-2: #110e1b; --surface: #171322; --surface-2: #1f1a2e;\r\n  --line: rgba(255, 170, 140, 0.17); --fg: #fbf3ee; --muted: #bbaebb;\r\n  --accent: #ffa51f; --accent-2: #ff4f7b; --accent-ink: #1a1024;\r\n  --good: #34d399; --warn: #ffd166; --glow: rgba(255, 110, 90, 0.42);\r\n  --font-display: \"Bricolage Grotesque\", \"Segoe UI\", system-ui, sans-serif;\r\n  --font-body: \"Manrope\", \"Segoe UI\", system-ui, sans-serif;\r\n  --font-mono: \"JetBrains Mono\", ui-monospace, Menlo, monospace;\r\n  color-scheme: dark;\r\n  position: relative; isolation: isolate; overflow: hidden;\r\n  background: var(--bg); color: var(--fg);\r\n  font-family: var(--font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased;\r\n  text-align: left;\r\n}\r\n.ps-hero[data-theme=\"light\"] {\r\n  --bg: #fffaf6; --bg-2: #fff0e6; --surface: #ffffff; --surface-2: #fff5ee;\r\n  --line: rgba(120, 50, 30, 0.16); --fg: #1a1230; --muted: #5f5470;\r\n  --accent: #e8780a; --accent-2: #e63e6d; --good: #0e8f63; --warn: #c2850a; --glow: rgba(240, 100, 70, 0.28);\r\n  color-scheme: light;\r\n}\r\n.ps-hero *, .ps-hero *::before, .ps-hero *::after { box-sizing: border-box; }\r\n.ps-hero a { color: inherit; text-decoration: none; }\r\n.ps-hero h1, .ps-hero h2, .ps-hero h3, .ps-hero h4 { font-family: var(--font-display); margin: 0; padding: 0; text-wrap: balance; letter-spacing: -0.025em; color: inherit; }\r\n.ps-hero p { margin: 0; }\r\n.ps-hero ul { list-style: none; margin: 0; padding: 0; }\r\n.ps-hero button { font: inherit; color: inherit; cursor: pointer; }\r\n.ps-hero :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 8px; }\r\n.ps-hero svg.ps-i { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n.ps-hero svg.ps-i.ps-solid { fill: currentColor; }\r\n.ps-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 16px; padding-right: 16px; }\r\n.ps-grad { background: linear-gradient(100deg, var(--accent) 10%, var(--accent-2) 90%); -webkit-background-clip: text; background-clip: text; color: transparent; }\r\n.ps-theme-sun { display: none; }\r\n.ps-hero[data-theme=\"dark\"] .ps-theme-sun { display: block; }\r\n.ps-hero[data-theme=\"dark\"] .ps-theme-moon { display: none; }\r\n\r\n\/* ---------- header ---------- *\/\r\n.ps-site-header { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--bg) 70%, transparent); backdrop-filter: blur(16px) saturate(1.4); -webkit-backdrop-filter: blur(16px) saturate(1.4); border-bottom: 1px solid var(--line); }\r\n.ps-nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 70px; }\r\n.ps-brand { display: flex; align-items: center; gap: 11px; font-family: var(--font-display); font-weight: 800; font-size: 20px; letter-spacing: -0.02em; }\r\n.ps-brand-mark { width: 40px; height: 40px; display: grid; place-items: center; filter: drop-shadow(0 6px 14px var(--glow)); }\r\n.ps-nav-links { display: flex; align-items: center; gap: 4px; }\r\n.ps-nav-links a.ps-link { position: relative; padding: 9px 15px; border-radius: 999px; color: var(--muted); font-weight: 600; font-size: 15px; transition: color .2s; }\r\n.ps-nav-links a.ps-link::after { content: \"\"; position: absolute; left: 15px; right: 15px; bottom: 4px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--accent), var(--accent-2)); transform: scaleX(0); transform-origin: left; transition: transform .3s cubic-bezier(.2,.8,.2,1); }\r\n.ps-nav-links a.ps-link:hover, .ps-nav-links a.ps-link.ps-on { color: var(--fg); }\r\n.ps-nav-links a.ps-link:hover::after, .ps-nav-links a.ps-link.ps-on::after { transform: scaleX(1); }\r\n.ps-nav-right { display: flex; align-items: center; gap: 10px; }\r\n.ps-icon-btn { width: 42px; height: 42px; border-radius: 13px; border: 1px solid var(--line); background: var(--surface); display: grid; place-items: center; transition: background .2s, transform .2s; }\r\n.ps-icon-btn:hover { background: var(--surface-2); transform: translateY(-1px); }\r\n.ps-menu-btn { display: none; }\r\n.ps-nav-links [data-mobile-only] { display: none; }\r\n@media (max-width: 880px) {\r\n  .ps-menu-btn { display: grid; }\r\n  .ps-nav-right .ps-nav-cta { display: none; }\r\n  .ps-nav-links { position: absolute; left: 0; right: 0; top: 70px; flex-direction: column; align-items: stretch; background: var(--bg); border-bottom: 1px solid var(--line); padding: 12px max(16px, env(safe-area-inset-left, 0px)) 22px; display: none; }\r\n  .ps-nav-links.ps-open { display: flex; }\r\n  .ps-nav-links a.ps-link { padding: 15px 12px; font-size: 17px; }\r\n  .ps-nav-links [data-mobile-only] { display: inline-flex; }\r\n}\r\n\r\n\/* ---------- buttons ---------- *\/\r\n.ps-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 26px; border-radius: 999px; font-weight: 700; font-size: 15.5px; border: 1px solid transparent; white-space: nowrap; will-change: transform; transition: box-shadow .25s, background .25s, border-color .25s; }\r\n.ps-btn-primary { background: linear-gradient(100deg, var(--accent), var(--accent-2)); color: var(--accent-ink); box-shadow: 0 14px 34px -12px var(--glow); overflow: hidden; }\r\n.ps-btn-primary::before { content: \"\"; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.35) 50%, transparent 70%); transform: translateX(-120%); transition: transform .7s; }\r\n.ps-btn-primary:hover { box-shadow: 0 20px 44px -12px var(--glow); }\r\n.ps-btn-primary:hover::before { transform: translateX(120%); }\r\n.ps-btn-primary > * { position: relative; }\r\n.ps-btn-ghost { border-color: var(--line); background: color-mix(in srgb, var(--surface) 60%, transparent); backdrop-filter: blur(8px); }\r\n.ps-btn-ghost:hover { background: var(--surface-2); border-color: var(--accent); }\r\n.ps-btn .ps-play { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--accent) 22%, transparent); color: var(--accent); }\r\n\r\n\/* ---------- hero ---------- *\/\r\n.ps-hero { position: relative; isolation: isolate; overflow: hidden; background: var(--bg); }\r\n.ps-aurora { position: absolute; inset: -20% -10% auto; height: 120%; z-index: -3; filter: blur(70px); opacity: .85; pointer-events: none; }\r\n.ps-aurora i { position: absolute; border-radius: 50%; mix-blend-mode: screen; }\r\n.ps-aurora i:nth-child(1) { width: 46vw; height: 46vw; left: 0; top: 0; background: radial-gradient(circle, color-mix(in srgb, var(--accent) 55%, transparent), transparent 65%); animation: ps-drift1 18s ease-in-out infinite alternate; }\r\n.ps-aurora i:nth-child(2) { width: 40vw; height: 40vw; right: 0; top: 6%; background: radial-gradient(circle, color-mix(in srgb, var(--accent-2) 55%, transparent), transparent 65%); animation: ps-drift2 22s ease-in-out infinite alternate; }\r\n.ps-aurora i:nth-child(3) { width: 30vw; height: 30vw; left: 38%; top: 42%; background: radial-gradient(circle, color-mix(in srgb, #ffc14d 36%, transparent), transparent 65%); animation: ps-drift1 26s ease-in-out infinite alternate-reverse; }\r\n@keyframes ps-drift1 { to { transform: translate(10vw, 8vh) scale(1.15); } }\r\n@keyframes ps-drift2 { to { transform: translate(-9vw, 12vh) scale(.9); } }\r\n.ps-net { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; display: block; }\r\n.ps-grid-bg { position: absolute; inset: 0; z-index: -2; pointer-events: none; opacity: .45; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 60px 60px; mask-image: radial-gradient(75% 70% at 50% 35%, #000, transparent 80%); -webkit-mask-image: radial-gradient(75% 70% at 50% 35%, #000, transparent 80%); }\r\n.ps-spot { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(420px circle at var(--mx, 70%) var(--my, 30%), color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%); }\r\n.ps-hero-grid { display: grid; grid-template-columns: 1.04fr 1fr; gap: 64px; align-items: center; padding-block: 76px 70px; }\r\n.ps-hero-grid > * { min-width: 0; }\r\n\r\n.ps-badge { display: inline-flex; align-items: center; gap: 10px; padding: 6px 16px 6px 6px; border-radius: 999px; border: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 70%, transparent); backdrop-filter: blur(10px); font-size: 13.5px; font-weight: 600; color: var(--muted); }\r\n.ps-badge b { padding: 3px 10px; border-radius: 999px; background: linear-gradient(100deg, var(--accent), var(--accent-2)); color: var(--accent-ink); font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; }\r\nh1.ps-title { font-size: clamp(40px, 6vw, 76px); font-weight: 800; line-height: 1.02; margin-top: 24px; }\r\nh1.ps-title .ps-line { display: block; }\r\n.ps-rotor { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin-top: 22px; font-family: var(--font-display); font-weight: 700; font-size: clamp(20px, 2.4vw, 28px); letter-spacing: -0.01em; }\r\n.ps-rotor .ps-slot { position: relative; display: inline-block; height: 1.3em; overflow: hidden; vertical-align: bottom; }\r\n.ps-rotor .ps-word { display: block; height: 1.3em; line-height: 1.3em; animation: ps-wordin .55s cubic-bezier(.2,.9,.2,1) both; }\r\n@keyframes ps-wordin { from { transform: translateY(100%); opacity: 0; } to { transform: none; opacity: 1; } }\r\n.ps-caret { display: inline-block; width: 3px; height: 1.05em; background: var(--accent); margin-left: 2px; animation: ps-blink 1s steps(2) infinite; vertical-align: -2px; }\r\n@keyframes ps-blink { 50% { opacity: 0; } }\r\n.ps-lead { margin-top: 22px; font-size: 18px; color: var(--muted); max-width: 54ch; }\r\n.ps-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }\r\n.ps-proof { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 28px; margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--line); }\r\n.ps-proof .ps-chips { display: flex; flex-wrap: wrap; gap: 8px; }\r\n.ps-proof .ps-chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 999px; border: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 60%, transparent); font-size: 13px; font-weight: 700; color: var(--muted); transition: color .2s, border-color .2s, transform .2s; }\r\n.ps-proof .ps-chip:hover { color: var(--fg); border-color: var(--accent); transform: translateY(-2px); }\r\n.ps-proof .ps-chip svg { color: var(--accent); }\r\n.ps-proof small { color: var(--muted); font-size: 13px; font-weight: 600; }\r\n\r\n\/* ---------- 3D scene ---------- *\/\r\n.ps-scene { position: relative; perspective: 1500px; padding: 28px 30px 40px; }\r\n.ps-stage { position: relative; transform-style: preserve-3d; transform: rotateX(var(--rx, 6deg)) rotateY(var(--ry, -10deg)); will-change: transform; }\r\n.ps-glow-ring { position: absolute; inset: 6% 4%; border-radius: 40px; background: linear-gradient(135deg, var(--accent), var(--accent-2)); filter: blur(46px); opacity: .38; transform: translateZ(-60px); }\r\n.ps-dash { position: relative; border-radius: 24px; background: color-mix(in srgb, var(--surface) 92%, transparent); border: 1px solid var(--line); box-shadow: 0 50px 90px -34px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.06); overflow: hidden; backdrop-filter: blur(12px); }\r\n.ps-dash-top { display: flex; align-items: center; gap: 8px; padding: 13px 16px; border-bottom: 1px solid var(--line); background: var(--surface-2); }\r\n.ps-dash-top i { width: 10px; height: 10px; border-radius: 50%; background: var(--line); }\r\n.ps-dash-top i:nth-child(1) { background: #ff6b6b; opacity: .8; } .ps-dash-top i:nth-child(2) { background: #fbbf24; opacity: .8; } .ps-dash-top i:nth-child(3) { background: #34d399; opacity: .8; }\r\n.ps-dash-top span { margin-left: 10px; font-family: var(--font-mono); font-size: 11px; color: var(--muted); }\r\n.ps-dash-top .ps-live { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-body); font-weight: 700; font-size: 11px; color: var(--good); }\r\n.ps-dash-top .ps-live::before { content: \"\"; width: 7px; height: 7px; border-radius: 50%; background: var(--good); animation: ps-ping 1.6s ease-out infinite; }\r\n@keyframes ps-ping { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--good) 60%, transparent); } 100% { box-shadow: 0 0 0 9px transparent; } }\r\n.ps-dash-body { display: grid; grid-template-columns: 52px 1fr; }\r\n.ps-side { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 16px 0; border-right: 1px solid var(--line); }\r\n.ps-side span { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; color: var(--muted); }\r\n.ps-side span.ps-on { background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: var(--accent-ink); }\r\n.ps-main { padding: 16px; display: grid; gap: 12px; min-width: 0; }\r\n.ps-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }\r\n.ps-kpi { padding: 12px 13px; border-radius: 14px; border: 1px solid var(--line); background: var(--surface-2); min-width: 0; }\r\n.ps-kpi small { display: block; font-size: 10.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }\r\n.ps-kpi b { display: block; margin-top: 2px; font-family: var(--font-display); font-size: 25px; font-variant-numeric: tabular-nums; line-height: 1.15; white-space: nowrap; }\r\n.ps-kpi em { font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--good); }\r\n.ps-chart { padding: 14px 14px 8px; border-radius: 14px; border: 1px solid var(--line); background: var(--surface-2); }\r\n.ps-chart header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; font-size: 12px; font-weight: 700; color: var(--muted); }\r\n.ps-chart svg { display: block; width: 100%; height: auto; overflow: visible; }\r\n.ps-draw { stroke-dasharray: 1; stroke-dashoffset: 1; animation: ps-draw 1.8s .3s cubic-bezier(.3,.7,.2,1) forwards; }\r\n@keyframes ps-draw { to { stroke-dashoffset: 0; } }\r\n.ps-fade-area { animation: ps-fadein 1.2s 1s both; }\r\n@keyframes ps-fadein { from { opacity: 0; } to { opacity: 1; } }\r\n.ps-rows { display: grid; gap: 8px; }\r\n.ps-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line); background: var(--surface-2); font-size: 12.5px; }\r\n.ps-row b { display: block; font-weight: 700; }\r\n.ps-row small { color: var(--muted); font-size: 11.5px; }\r\n.ps-tag { padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; }\r\n.ps-tag.ps-ok { color: var(--good); background: color-mix(in srgb, var(--good) 15%, transparent); }\r\n.ps-tag.ps-wait { color: var(--accent); background: color-mix(in srgb, var(--accent) 15%, transparent); }\r\n.ps-tag.ps-hot { color: var(--warn); background: color-mix(in srgb, var(--warn) 16%, transparent); }\r\n.ps-sample { position: absolute; right: 14px; bottom: 8px; font-family: var(--font-mono); font-size: 9.5px; color: var(--muted); opacity: .8; }\r\n\r\n.ps-layer { position: absolute; border-radius: 18px; background: color-mix(in srgb, var(--surface) 94%, transparent); border: 1px solid var(--line); box-shadow: 0 30px 60px -24px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.07); backdrop-filter: blur(14px); }\r\n.ps-l-donut { right: -34px; bottom: -34px; width: 196px; padding: 14px; transform: translateZ(90px); animation: ps-bob 7s ease-in-out infinite; }\r\n.ps-l-kpi { left: -38px; top: 30%; padding: 12px 16px; transform: translateZ(120px); display: flex; gap: 12px; align-items: center; animation: ps-bob 6s -2s ease-in-out infinite; }\r\n.ps-l-toast { right: 14%; top: -30px; width: 250px; padding: 10px; transform: translateZ(70px); display: grid; gap: 8px; animation: ps-bob 8s -4s ease-in-out infinite; }\r\n@keyframes ps-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }\r\n.ps-l-donut h4 { margin: 0 0 8px; font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }\r\n.ps-donut-wrap { display: flex; align-items: center; gap: 12px; }\r\n.ps-donut-wrap svg { width: 78px; height: 78px; flex: none; transform: rotate(-90deg); }\r\n.ps-donut-wrap ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; font-size: 11.5px; font-weight: 600; color: var(--muted); }\r\n.ps-donut-wrap li { display: flex; align-items: center; gap: 6px; }\r\n.ps-donut-wrap li i { width: 8px; height: 8px; border-radius: 3px; }\r\n.ps-seg { transition: stroke-dasharray 1.4s cubic-bezier(.2,.8,.2,1); }\r\n.ps-ic { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; color: var(--accent-ink); background: linear-gradient(135deg, var(--accent), var(--accent-2)); flex: none; }\r\n.ps-l-kpi b { display: block; font-family: var(--font-display); font-size: 22px; line-height: 1.1; }\r\n.ps-l-kpi small { font-size: 11px; font-weight: 700; color: var(--muted); }\r\n.ps-toast { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line); font-size: 12px; animation: ps-toastin .5s cubic-bezier(.2,.9,.2,1) both; }\r\n.ps-toast .ps-ic { width: 30px; height: 30px; border-radius: 10px; }\r\n.ps-toast b { display: block; font-weight: 700; line-height: 1.25; }\r\n.ps-toast small { color: var(--muted); font-size: 11px; }\r\n@keyframes ps-toastin { from { transform: translateY(-14px) scale(.96); opacity: 0; } to { transform: none; opacity: 1; } }\r\n@media (max-width: 1100px) { .ps-l-kpi { left: -14px; } .ps-l-donut { right: -10px; } }\r\n@media (max-width: 980px) { .ps-hero-grid { grid-template-columns: 1fr; gap: 50px; padding-block: 52px 56px; } .ps-scene { max-width: 640px; margin: 0 auto; width: 100%; } }\r\n@media (max-width: 640px) { .ps-scene { padding: 10px 6px 34px; } .ps-layer.ps-l-kpi, .ps-layer.ps-l-toast { display: none; } .ps-l-donut { right: -2px; bottom: -22px; width: 170px; } .ps-kpi b { font-size: 19px; } .ps-dash-body { grid-template-columns: 1fr; } .ps-side { display: none; } }\r\n\r\n\/* ---------- marquee ---------- *\/\r\n.ps-marquee { border-top: 1px solid var(--line); background: color-mix(in srgb, var(--bg-2) 80%, transparent); backdrop-filter: blur(8px); overflow: hidden; }\r\n.ps-marquee-track { display: flex; width: max-content; animation: ps-scroll 34s linear infinite; }\r\n.ps-marquee:hover .ps-marquee-track { animation-play-state: paused; }\r\n.ps-mq { display: inline-flex; align-items: center; gap: 12px; padding: 20px 34px; font-family: var(--font-display); font-weight: 700; font-size: 18px; color: var(--muted); white-space: nowrap; }\r\n.ps-mq svg { color: var(--accent); }\r\n.ps-mq::after { content: \"\"; width: 5px; height: 5px; margin-left: 22px; border-radius: 50%; background: var(--line); }\r\n@keyframes ps-scroll { to { transform: translateX(-50%); } }\r\n.ps-cue { position: absolute; left: 50%; bottom: 84px; transform: translateX(-50%); display: none; }\r\n@media (min-width: 981px) { .ps-cue { display: block; } }\r\n.ps-cue span { display: block; width: 24px; height: 38px; border: 2px solid var(--line); border-radius: 14px; position: relative; }\r\n.ps-cue span::after { content: \"\"; position: absolute; left: 50%; top: 7px; width: 3px; height: 8px; margin-left: -1.5px; border-radius: 2px; background: var(--accent); animation: ps-wheel 1.8s ease-in-out infinite; }\r\n@keyframes ps-wheel { 0% { transform: translateY(0); opacity: 1; } 80% { transform: translateY(12px); opacity: 0; } 100% { opacity: 0; } }\r\n\r\n\r\n\/* extra light-theme tweaks and reduced motion *\/\r\n.ps-hero[data-theme=\"light\"] .ps-aurora i { mix-blend-mode: multiply; opacity: .5; }\r\n@media (prefers-reduced-motion: reduce) {\r\n  .ps-hero *, .ps-hero *::before, .ps-hero *::after { animation: none !important; transition: none !important; }\r\n  .ps-draw { stroke-dashoffset: 0; }\r\n}\r\n\r\n<\/style>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap\">\r\n\r\n<!-- Icon sprite -->\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\" focusable=\"false\">\r\n  <defs><linearGradient id=\"ps-lg\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#ffa51f\"\/><stop offset=\"100%\" stop-color=\"#ff4f7b\"\/><\/linearGradient><\/defs>\r\n  <symbol id=\"ps-logo\" viewBox=\"0 0 42 42\" fill=\"none\">\r\n    <path d=\"M14 4H28a8 8 0 0 1 8 8v12a8 8 0 0 1-8 8H18l-8 6v-8.5A8 8 0 0 1 6 24V12a8 8 0 0 1 8-8z\" stroke=\"url(#ps-lg)\" stroke-width=\"3.4\" stroke-linejoin=\"round\"\/>\r\n    <path d=\"M13.5 20L21 13.5 28.5 20\" stroke=\"url(#ps-lg)\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n    <path d=\"M15.5 18.5V27h11v-8.5\" stroke=\"url(#ps-lg)\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n    <path d=\"M19.2 21h3.6v3.6h-3.6zM21 21v3.6M19.2 22.8h3.6\" stroke=\"url(#ps-lg)\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\r\n  <\/symbol>\r\n  <symbol id=\"ps-i-users\" viewBox=\"0 0 24 24\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/symbol>\r\n  <symbol id=\"ps-i-briefcase\" viewBox=\"0 0 24 24\"><path d=\"M4 7h16a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 13h18\"\/><\/symbol>\r\n  <symbol id=\"ps-i-trend\" viewBox=\"0 0 24 24\"><path d=\"M3 17l6-6 4 4 8-8M15 7h6v6\"\/><\/symbol>\r\n  <symbol id=\"ps-i-receipt\" viewBox=\"0 0 24 24\"><path d=\"M6 3h12v18l-3-2-3 2-3-2-3 2zM9 8h6M9 12h6\"\/><\/symbol>\r\n  <symbol id=\"ps-i-book\" viewBox=\"0 0 24 24\"><path d=\"M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2zM4 19a2 2 0 0 0 2 2h13M9 8h6\"\/><\/symbol>\r\n  <symbol id=\"ps-i-percent\" viewBox=\"0 0 24 24\"><path d=\"M19 5L5 19M7.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M16.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3\"\/><\/symbol>\r\n  <symbol id=\"ps-i-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/symbol>\r\n  <symbol id=\"ps-i-play\" viewBox=\"0 0 24 24\"><path d=\"M8 5l11 7-11 7z\"\/><\/symbol>\r\n  <symbol id=\"ps-i-check\" viewBox=\"0 0 24 24\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/symbol>\r\n  <symbol id=\"ps-i-close\" viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/symbol>\r\n  <symbol id=\"ps-i-menu\" viewBox=\"0 0 24 24\"><path d=\"M4 7h16M4 12h16M4 17h16\"\/><\/symbol>\r\n  <symbol id=\"ps-i-sun\" viewBox=\"0 0 24 24\"><path d=\"M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4\"\/><\/symbol>\r\n  <symbol id=\"ps-i-moon\" viewBox=\"0 0 24 24\"><path d=\"M20 14.5A8 8 0 0 1 9.5 4a8 8 0 1 0 10.5 10.5\"\/><\/symbol>\r\n  <symbol id=\"ps-i-bell\" viewBox=\"0 0 24 24\"><path d=\"M6 9a6 6 0 0 1 12 0c0 6 2 7 2 7H4s2-1 2-7M10 20a2 2 0 0 0 4 0\"\/><\/symbol>\r\n  <symbol id=\"ps-i-grid\" viewBox=\"0 0 24 24\"><path d=\"M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z\"\/><\/symbol>\r\n  <symbol id=\"ps-i-home\" viewBox=\"0 0 24 24\"><path d=\"M3 11l9-7 9 7v9a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z\"\/><\/symbol>\r\n<\/svg>\r\n\r\n<section class=\"ps-hero\" id=\"top\" data-theme=\"dark\">\r\n  <div class=\"ps-aurora\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/div>\r\n  <div class=\"ps-grid-bg\" aria-hidden=\"true\"><\/div>\r\n  <canvas class=\"ps-net\" aria-hidden=\"true\"><\/canvas>\r\n  <div class=\"ps-spot\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- Header (remove this block if your WordPress theme already has its own header) -->\r\n  <header class=\"ps-site-header\">\r\n    <div class=\"ps-wrap ps-nav\">\r\n      <a class=\"ps-brand\" href=\"\/\" aria-label=\"Property Software home\">\r\n        <span class=\"ps-brand-mark\"><svg width=\"40\" height=\"40\" aria-hidden=\"true\"><use href=\"#ps-logo\"\/><\/svg><\/span>\r\n        PropertySoftware\r\n      <\/a>\r\n      <nav class=\"ps-nav-links\" aria-label=\"Main\">\r\n        <a class=\"ps-link ps-on\" href=\"#top\">Home<\/a>\r\n        <a class=\"ps-link\" href=\"#about\">About<\/a>\r\n        <a class=\"ps-link\" href=\"#products\">Our Products<\/a>\r\n        <a class=\"ps-link\" href=\"#contact\">Contact Us<\/a>\r\n        <a class=\"ps-btn ps-btn-primary\" data-mobile-only=\"1\" style=\"margin-top:6px\" href=\"https:\/\/shetecdemo.com\/propertysoftware\/book-demo\/\"><span>Book Demo<\/span><\/a>\r\n      <\/nav>\r\n      <div class=\"ps-nav-right\">\r\n        <a class=\"ps-btn ps-btn-primary ps-nav-cta\" data-magnet style=\"padding:11px 22px\" href=\"https:\/\/shetecdemo.com\/propertysoftware\/book-demo\/\"><span>Book Demo<\/span><\/a>\r\n        <button class=\"ps-icon-btn\" type=\"button\" data-theme-toggle aria-label=\"Toggle light and dark theme\">\r\n          <svg class=\"ps-i ps-theme-sun\" width=\"18\" height=\"18\"><use href=\"#ps-i-sun\"\/><\/svg>\r\n          <svg class=\"ps-i ps-theme-moon\" width=\"18\" height=\"18\"><use href=\"#ps-i-moon\"\/><\/svg>\r\n        <\/button>\r\n        <button class=\"ps-icon-btn ps-menu-btn\" type=\"button\" data-menu-toggle aria-label=\"Open menu\" aria-expanded=\"false\">\r\n          <svg class=\"ps-i\" width=\"18\" height=\"18\"><use href=\"#ps-i-menu\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <div class=\"ps-wrap ps-hero-grid\">\r\n    <div>\r\n      <span class=\"ps-badge\"><b>New<\/b>Made for real estate companies in Pakistan<\/span>\r\n      <h1 class=\"ps-title\">\r\n        <span class=\"ps-line\">Best and latest<\/span>\r\n        <span class=\"ps-line ps-grad\">property software<\/span>\r\n        <span class=\"ps-line\">in Pakistan<\/span>\r\n      <\/h1>\r\n      <div class=\"ps-rotor\">\r\n        <span>One platform for<\/span>\r\n        <span class=\"ps-slot\"><span class=\"ps-word ps-grad\" data-rotor>CRM<\/span><\/span>\r\n        <span class=\"ps-caret\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n      <p class=\"ps-lead\">Emerging tools and efficient algorithms that help real estate companies build better relationships with clients and users, and stay head-to-head with their market competitors.<\/p>\r\n      <div class=\"ps-actions\">\r\n        <a class=\"ps-btn ps-btn-primary\" data-magnet href=\"https:\/\/shetecdemo.com\/propertysoftware\/book-demo\/\"><span>Book Demo<\/span><svg class=\"ps-i\" width=\"18\" height=\"18\"><use href=\"#ps-i-arrow\"\/><\/svg><\/a>\r\n        <a class=\"ps-btn ps-btn-ghost\" data-magnet href=\"#products\"><span class=\"ps-play\"><svg class=\"ps-i ps-solid\" width=\"12\" height=\"12\"><use href=\"#ps-i-play\"\/><\/svg><\/span><span>Explore products<\/span><\/a>\r\n      <\/div>\r\n      <div class=\"ps-proof\">\r\n        <small>Everything in one system<\/small>\r\n        <div class=\"ps-chips\">\r\n          <span class=\"ps-chip\"><svg class=\"ps-i\" width=\"14\" height=\"14\"><use href=\"#ps-i-check\"\/><\/svg>Online + offline<\/span>\r\n          <span class=\"ps-chip\"><svg class=\"ps-i\" width=\"14\" height=\"14\"><use href=\"#ps-i-check\"\/><\/svg>Customizable<\/span>\r\n          <span class=\"ps-chip\"><svg class=\"ps-i\" width=\"14\" height=\"14\"><use href=\"#ps-i-check\"\/><\/svg>LAN ready<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ps-scene\">\r\n      <div class=\"ps-stage\">\r\n        <div class=\"ps-glow-ring\"><\/div>\r\n        <div class=\"ps-dash\" role=\"img\" aria-label=\"Preview of the Property Software dashboard with sample figures\">\r\n          <div class=\"ps-dash-top\"><i><\/i><i><\/i><i><\/i><span>app.propertysoftware \/ overview<\/span><span class=\"ps-live\">Live<\/span><\/div>\r\n          <div class=\"ps-dash-body\">\r\n            <div class=\"ps-side\">\r\n              <span class=\"ps-on\"><svg class=\"ps-i\" width=\"16\" height=\"16\"><use href=\"#ps-i-grid\"\/><\/svg><\/span>\r\n              <span><svg class=\"ps-i\" width=\"16\" height=\"16\"><use href=\"#ps-i-users\"\/><\/svg><\/span>\r\n              <span><svg class=\"ps-i\" width=\"16\" height=\"16\"><use href=\"#ps-i-receipt\"\/><\/svg><\/span>\r\n              <span><svg class=\"ps-i\" width=\"16\" height=\"16\"><use href=\"#ps-i-book\"\/><\/svg><\/span>\r\n              <span><svg class=\"ps-i\" width=\"16\" height=\"16\"><use href=\"#ps-i-bell\"\/><\/svg><\/span>\r\n            <\/div>\r\n            <div class=\"ps-main\">\r\n              <div class=\"ps-kpis\">\r\n                <div class=\"ps-kpi\"><small>Leads<\/small><b data-leads>1,284<\/b><em>+12% this month<\/em><\/div>\r\n                <div class=\"ps-kpi\"><small>Bookings<\/small><b>342<\/b><em>+8% this month<\/em><\/div>\r\n                <div class=\"ps-kpi\"><small>Collected<\/small><b>Rs 86M<\/b><em>+15% this month<\/em><\/div>\r\n              <\/div>\r\n              <div class=\"ps-chart\">\r\n                <header><span>Bookings, last 13 weeks<\/span><span class=\"ps-tag ps-ok\">On track<\/span><\/header>\r\n                <div data-chart><\/div>\r\n              <\/div>\r\n              <div class=\"ps-rows\">\r\n                <div class=\"ps-row\"><div><b>Plot 14-B, Block C<\/b><small>Booking confirmed, installment 3 of 12<\/small><\/div><span class=\"ps-tag ps-ok\">Paid<\/span><\/div>\r\n                <div class=\"ps-row\"><div><b>Shop 7, Commercial Row<\/b><small>Follow-up call tomorrow, 11:00<\/small><\/div><span class=\"ps-tag ps-hot\">Hot lead<\/span><\/div>\r\n                <div class=\"ps-row\"><div><b>Plot 22-A, Block F<\/b><small>Agent commission calculated<\/small><\/div><span class=\"ps-tag ps-wait\">Pending<\/span><\/div>\r\n              <\/div>\r\n              <div style=\"height:6px\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"ps-sample\">Sample data<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ps-layer ps-l-toast\" data-toasts aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"ps-layer ps-l-kpi\">\r\n          <span class=\"ps-ic\"><svg class=\"ps-i\" width=\"18\" height=\"18\"><use href=\"#ps-i-trend\"\/><\/svg><\/span>\r\n          <div><small>Conversion<\/small><b>26.6%<\/b><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ps-layer ps-l-donut\">\r\n          <h4>Collections<\/h4>\r\n          <div class=\"ps-donut-wrap\">\r\n            <svg viewBox=\"0 0 80 80\" role=\"img\" aria-label=\"Sample collections: 58 percent paid, 28 percent due, 14 percent late\">\r\n              <circle cx=\"40\" cy=\"40\" r=\"30\" fill=\"none\" stroke=\"var(--line)\" stroke-width=\"10\"\/>\r\n              <circle class=\"ps-seg\" data-pct=\"58\" data-off=\"0\" cx=\"40\" cy=\"40\" r=\"30\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"10\" stroke-dasharray=\"0 188.5\"\/>\r\n              <circle class=\"ps-seg\" data-pct=\"28\" data-off=\"58\" cx=\"40\" cy=\"40\" r=\"30\" fill=\"none\" stroke=\"var(--accent-2)\" stroke-width=\"10\" stroke-dasharray=\"0 188.5\"\/>\r\n              <circle class=\"ps-seg\" data-pct=\"14\" data-off=\"86\" cx=\"40\" cy=\"40\" r=\"30\" fill=\"none\" stroke=\"var(--warn)\" stroke-width=\"10\" stroke-dasharray=\"0 188.5\"\/>\r\n            <\/svg>\r\n            <ul>\r\n              <li><i style=\"background:var(--accent)\"><\/i>Paid 58%<\/li>\r\n              <li><i style=\"background:var(--accent-2)\"><\/i>Due 28%<\/li>\r\n              <li><i style=\"background:var(--warn)\"><\/i>Late 14%<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ps-cue\" aria-hidden=\"true\"><span><\/span><\/div>\r\n\r\n  <div class=\"ps-marquee\" aria-label=\"Modules\">\r\n    <div class=\"ps-marquee-track\" data-marquee>\r\n      <span class=\"ps-mq\"><svg class=\"ps-i\" width=\"20\" height=\"20\"><use href=\"#ps-i-users\"\/><\/svg>CRM<\/span>\r\n      <span class=\"ps-mq\"><svg class=\"ps-i\" width=\"20\" height=\"20\"><use href=\"#ps-i-briefcase\"\/><\/svg>HRMS<\/span>\r\n      <span class=\"ps-mq\"><svg class=\"ps-i\" width=\"20\" height=\"20\"><use href=\"#ps-i-trend\"\/><\/svg>SAMS<\/span>\r\n      <span class=\"ps-mq\"><svg class=\"ps-i\" width=\"20\" height=\"20\"><use href=\"#ps-i-receipt\"\/><\/svg>Billings<\/span>\r\n      <span class=\"ps-mq\"><svg class=\"ps-i\" width=\"20\" height=\"20\"><use href=\"#ps-i-book\"\/><\/svg>Accounts<\/span>\r\n      <span class=\"ps-mq\"><svg class=\"ps-i\" width=\"20\" height=\"20\"><use href=\"#ps-i-percent\"\/><\/svg>Commission<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* Property Software hero: JavaScript part. No libraries needed. *\/\r\n(function () {\r\n  \"use strict\";\r\n  var root = document.querySelector(\".ps-hero\");\r\n  if (!root || root.getAttribute(\"data-ps-ready\")) return;\r\n  root.setAttribute(\"data-ps-ready\", \"1\");\r\n\r\n  var REDUCED = false;\r\n  try { REDUCED = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches; } catch (e) {}\r\n  var FINE = false;\r\n  try { FINE = window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches; } catch (e) {}\r\n  function $(s, c) { return (c || root).querySelector(s); }\r\n  function $$(s, c) { return Array.prototype.slice.call((c || root).querySelectorAll(s)); }\r\n  function icon(name, size) {\r\n    return '<svg class=\"ps-i\" width=\"' + size + '\" height=\"' + size + '\" aria-hidden=\"true\"><use href=\"#ps-i-' + name + '\"\/><\/svg>';\r\n  }\r\n\r\n  \/* ---- theme (follows the visitor's system, button toggles) ---- *\/\r\n  try { root.setAttribute(\"data-theme\", window.matchMedia(\"(prefers-color-scheme: light)\").matches ? \"light\" : \"dark\"); } catch (e) {}\r\n  var themeBtn = $(\"[data-theme-toggle]\");\r\n  if (themeBtn) themeBtn.addEventListener(\"click\", function () {\r\n    root.setAttribute(\"data-theme\", root.getAttribute(\"data-theme\") === \"dark\" ? \"light\" : \"dark\");\r\n  });\r\n\r\n  \/* ---- mobile menu ---- *\/\r\n  var menuBtn = $(\"[data-menu-toggle]\"), links = $(\".ps-nav-links\");\r\n  if (menuBtn && links) {\r\n    menuBtn.addEventListener(\"click\", function () {\r\n      var open = links.classList.toggle(\"ps-open\");\r\n      menuBtn.setAttribute(\"aria-expanded\", open ? \"true\" : \"false\");\r\n      menuBtn.innerHTML = icon(open ? \"close\" : \"menu\", 18);\r\n    });\r\n    $$(\"a\", links).forEach(function (a) { a.addEventListener(\"click\", function () { links.classList.remove(\"ps-open\"); menuBtn.innerHTML = icon(\"menu\", 18); }); });\r\n  }\r\n\r\n  \/* ---- magnetic buttons ---- *\/\r\n  if (!REDUCED) $$(\"[data-magnet]\").forEach(function (el) {\r\n    el.addEventListener(\"pointermove\", function (e) {\r\n      var r = el.getBoundingClientRect();\r\n      el.style.transform = \"translate(\" + ((e.clientX - (r.left + r.width \/ 2)) * 0.28).toFixed(1) + \"px,\" + ((e.clientY - (r.top + r.height \/ 2)) * 0.4).toFixed(1) + \"px)\";\r\n    });\r\n    el.addEventListener(\"pointerleave\", function () {\r\n      el.style.transition = \"transform .45s cubic-bezier(.2,.9,.2,1), box-shadow .25s\";\r\n      el.style.transform = \"\";\r\n      setTimeout(function () { el.style.transition = \"\"; }, 460);\r\n    });\r\n  });\r\n\r\n  \/* ---- cursor spotlight ---- *\/\r\n  if (!REDUCED) root.addEventListener(\"pointermove\", function (e) {\r\n    var r = root.getBoundingClientRect();\r\n    root.style.setProperty(\"--mx\", (e.clientX - r.left) + \"px\");\r\n    root.style.setProperty(\"--my\", (e.clientY - r.top) + \"px\");\r\n  });\r\n\r\n  \/* ---- rotating word ---- *\/\r\n  var rot = $(\"[data-rotor]\");\r\n  if (rot && !REDUCED) {\r\n    var words = [\"CRM\", \"Sales\", \"Billing\", \"Accounts\", \"Commission\", \"HRMS\"], wi = 0;\r\n    setInterval(function () {\r\n      wi = (wi + 1) % words.length;\r\n      var n = rot.cloneNode(false);\r\n      n.textContent = words[wi];\r\n      rot.parentNode.replaceChild(n, rot);\r\n      rot = n;\r\n    }, 2300);\r\n  }\r\n\r\n  \/* ---- marquee: repeat items so the loop is seamless ---- *\/\r\n  var track = $(\"[data-marquee]\");\r\n  if (track) {\r\n    var base = track.innerHTML;\r\n    track.innerHTML = base + base + base + base;\r\n  }\r\n\r\n  \/* ---- bookings chart ---- *\/\r\n  var chartHost = $(\"[data-chart]\");\r\n  if (chartHost) {\r\n    var pts = [14, 22, 19, 30, 27, 38, 34, 46, 43, 55, 62, 58, 70];\r\n    var w = 440, ht = 118, max = 76, step = w \/ (pts.length - 1);\r\n    var xy = pts.map(function (v, i) { return [i * step, ht - (v \/ max) * (ht - 12)]; });\r\n    var line = xy.map(function (c, i) { return (i ? \"L\" : \"M\") + c[0].toFixed(1) + \" \" + c[1].toFixed(1); }).join(\" \");\r\n    var area = line + \" L\" + w + \" \" + ht + \" L0 \" + ht + \" Z\";\r\n    var last = xy[xy.length - 1];\r\n    var grid = [0.25, 0.5, 0.75].map(function (f) { return '<line x1=\"0\" x2=\"' + w + '\" y1=\"' + (ht * f) + '\" y2=\"' + (ht * f) + '\" stroke=\"var(--line)\" stroke-dasharray=\"3 6\"\/>'; }).join(\"\");\r\n    chartHost.innerHTML =\r\n      '<svg viewBox=\"0 0 ' + w + \" \" + (ht + 6) + '\" role=\"img\" aria-label=\"Sample chart of bookings rising over thirteen weeks\" style=\"display:block;width:100%;height:auto;overflow:visible\">' +\r\n      '<defs><linearGradient id=\"ps-ga\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"var(--accent)\" stop-opacity=\".5\"\/><stop offset=\"100%\" stop-color=\"var(--accent)\" stop-opacity=\"0\"\/><\/linearGradient><\/defs>' +\r\n      grid +\r\n      '<path class=\"ps-fade-area\" d=\"' + area + '\" fill=\"url(#ps-ga)\"\/>' +\r\n      '<path class=\"ps-draw\" d=\"' + line + '\" pathLength=\"1\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>' +\r\n      '<circle class=\"ps-fade-area\" cx=\"' + last[0] + '\" cy=\"' + last[1] + '\" r=\"5\" fill=\"var(--accent)\" stroke=\"var(--surface-2)\" stroke-width=\"3\"\/><\/svg>';\r\n  }\r\n\r\n  \/* ---- collections donut ---- *\/\r\n  var C = 2 * Math.PI * 30;\r\n  setTimeout(function () {\r\n    $$(\".ps-seg\").forEach(function (c) {\r\n      var len = (parseFloat(c.getAttribute(\"data-pct\")) \/ 100) * C;\r\n      c.setAttribute(\"stroke-dasharray\", (len - 2) + \" \" + C);\r\n      c.setAttribute(\"stroke-dashoffset\", -((parseFloat(c.getAttribute(\"data-off\")) \/ 100) * C));\r\n    });\r\n  }, 400);\r\n\r\n  \/* ---- live leads counter ---- *\/\r\n  var leadsEl = $(\"[data-leads]\"), leads = 1284;\r\n  if (leadsEl && !REDUCED) setInterval(function () { leads += 1 + Math.floor(Math.random() * 3); leadsEl.textContent = leads.toLocaleString(\"en-US\"); }, 1900);\r\n\r\n  \/* ---- notification toasts ---- *\/\r\n  var toastHost = $(\"[data-toasts]\");\r\n  var FEED = [\r\n    [\"users\", \"New lead assigned\", \"Plot 14-B, Block C\"],\r\n    [\"receipt\", \"Installment received\", \"Booking #2041\"],\r\n    [\"percent\", \"Commission calculated\", \"Agent payout ready\"],\r\n    [\"trend\", \"Deal moved to Booked\", \"Shop 7, Commercial Row\"],\r\n    [\"briefcase\", \"Payroll processed\", \"Sales team, this month\"]\r\n  ];\r\n  var tn = 0;\r\n  function renderToasts() {\r\n    if (!toastHost) return;\r\n    toastHost.innerHTML = [0, 1].map(function (k) {\r\n      var it = FEED[(tn + 1 - k + FEED.length * 100) % FEED.length];\r\n      return '<div class=\"ps-toast\" style=\"opacity:' + (k ? 0.6 : 1) + (k ? \";animation:none\" : \"\") + '\"><span class=\"ps-ic\">' + icon(it[0], 15) + \"<\/span><div><b>\" + it[1] + \"<\/b><small>\" + it[2] + \"<\/small><\/div><\/div>\";\r\n    }).join(\"\");\r\n  }\r\n  renderToasts();\r\n  if (!REDUCED) setInterval(function () { tn++; renderToasts(); }, 2800);\r\n\r\n  \/* ---- 3D tilt of the dashboard ---- *\/\r\n  var scene = $(\".ps-scene\"), stage = $(\".ps-stage\");\r\n  if (scene && stage && !REDUCED) {\r\n    var cur = { x: -10, y: 6 }, tgt = { x: -10, y: 6 }, t0 = 0;\r\n    function apply() {\r\n      stage.style.setProperty(\"--ry\", cur.x.toFixed(2) + \"deg\");\r\n      stage.style.setProperty(\"--rx\", cur.y.toFixed(2) + \"deg\");\r\n    }\r\n    if (FINE) {\r\n      window.addEventListener(\"pointermove\", function (e) {\r\n        var r = scene.getBoundingClientRect();\r\n        tgt.x = -10 + ((e.clientX - r.left) \/ r.width - 0.5) * 16;\r\n        tgt.y = 6 - ((e.clientY - r.top) \/ r.height - 0.5) * 12;\r\n      });\r\n      scene.addEventListener(\"pointerleave\", function () { tgt.x = -10; tgt.y = 6; });\r\n      (function loop() { cur.x += (tgt.x - cur.x) * 0.08; cur.y += (tgt.y - cur.y) * 0.08; apply(); requestAnimationFrame(loop); })();\r\n    } else {\r\n      (function idle() { t0 += 0.012; tgt.x = -8 + Math.sin(t0) * 6; tgt.y = 5 + Math.cos(t0 * 0.8) * 3; cur.x += (tgt.x - cur.x) * 0.05; cur.y += (tgt.y - cur.y) * 0.05; apply(); requestAnimationFrame(idle); })();\r\n    }\r\n  }\r\n\r\n  \/* ---- network canvas ---- *\/\r\n  var c = $(\".ps-net\");\r\n  if (c && c.getContext) {\r\n    var ctx = c.getContext(\"2d\"), W = 0, H = 0, dpr = Math.min(window.devicePixelRatio || 1, 2);\r\n    var nodes = [], mouse = { x: -999, y: -999 }, visible = true, tick = 0, colA = \"#ffa51f\", colB = \"#ff4f7b\";\r\n    function readColors() {\r\n      var cs = getComputedStyle(root);\r\n      colA = cs.getPropertyValue(\"--accent\").trim() || colA;\r\n      colB = cs.getPropertyValue(\"--accent-2\").trim() || colB;\r\n    }\r\n    function size() {\r\n      var r = root.getBoundingClientRect(); W = r.width; H = r.height;\r\n      c.width = W * dpr; c.height = H * dpr; ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\r\n      var n = Math.round(Math.min(90, Math.max(26, (W * H) \/ 17000)));\r\n      nodes = [];\r\n      for (var i = 0; i < n; i++) nodes.push({ x: Math.random() * W, y: Math.random() * H, vx: (Math.random() - 0.5) * 0.35, vy: (Math.random() - 0.5) * 0.35, r: Math.random() * 1.6 + 0.9, k: Math.random() < 0.5 ? 0 : 1 });\r\n    }\r\n    function frame() {\r\n      if (visible) {\r\n        tick++; if (tick % 90 === 1) readColors();\r\n        ctx.clearRect(0, 0, W, H);\r\n        var i, j, a, b, dx, dy, d, md;\r\n        for (i = 0; i < nodes.length; i++) {\r\n          a = nodes[i];\r\n          if (!REDUCED) { a.x += a.vx; a.y += a.vy; }\r\n          if (a.x < 0 || a.x > W) a.vx *= -1;\r\n          if (a.y < 0 || a.y > H) a.vy *= -1;\r\n          dx = a.x - mouse.x; dy = a.y - mouse.y; md = Math.sqrt(dx * dx + dy * dy);\r\n          if (md < 140 && md > 0 && !REDUCED) { a.x += (dx \/ md) * 1.1; a.y += (dy \/ md) * 1.1; }\r\n        }\r\n        for (i = 0; i < nodes.length; i++) {\r\n          a = nodes[i];\r\n          for (j = i + 1; j < nodes.length; j++) {\r\n            b = nodes[j]; dx = a.x - b.x; dy = a.y - b.y; d = dx * dx + dy * dy;\r\n            if (d < 17000) { ctx.globalAlpha = (1 - d \/ 17000) * 0.5; ctx.strokeStyle = a.k ? colB : colA; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(a.x, a.y); ctx.lineTo(b.x, b.y); ctx.stroke(); }\r\n          }\r\n          dx = a.x - mouse.x; dy = a.y - mouse.y; d = dx * dx + dy * dy;\r\n          if (d < 32000) { ctx.globalAlpha = (1 - d \/ 32000) * 0.85; ctx.strokeStyle = colA; ctx.beginPath(); ctx.moveTo(a.x, a.y); ctx.lineTo(mouse.x, mouse.y); ctx.stroke(); }\r\n          ctx.globalAlpha = 0.9; ctx.fillStyle = a.k ? colB : colA; ctx.beginPath(); ctx.arc(a.x, a.y, a.r, 0, 6.283); ctx.fill();\r\n        }\r\n        ctx.globalAlpha = 1;\r\n      }\r\n      if (!REDUCED) requestAnimationFrame(frame);\r\n    }\r\n    root.addEventListener(\"pointermove\", function (e) { var r = c.getBoundingClientRect(); mouse.x = e.clientX - r.left; mouse.y = e.clientY - r.top; });\r\n    root.addEventListener(\"pointerleave\", function () { mouse.x = mouse.y = -999; });\r\n    if (\"IntersectionObserver\" in window) new IntersectionObserver(function (en) { visible = en[0].isIntersecting; }).observe(root);\r\n    if (\"ResizeObserver\" in window) new ResizeObserver(function () { size(); if (REDUCED) frame(); }).observe(root); else { size(); window.addEventListener(\"resize\", size); }\r\n    size(); readColors(); frame();\r\n  }\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9cc1690 elementor-section-full_width elementor-section-height-default elementor-section-height-default mas-addons-sticky-no\" data-id=\"9cc1690\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;mas_addons_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2eb60ad\" data-id=\"2eb60ad\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-12c46f4 mas-addons-sticky-no elementor-widget elementor-widget-html\" data-id=\"12c46f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mas_addons_sticky&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n.pa-sec {\r\n  --bg: #0c0a14; --bg-2: #110e1b; --surface: #171322; --surface-2: #1f1a2e;\r\n  --line: rgba(255, 170, 140, 0.17); --fg: #fbf3ee; --muted: #bbaebb;\r\n  --accent: #ffa51f; --accent-2: #ff4f7b; --accent-ink: #1a1024;\r\n  --good: #34d399; --warn: #ffd166; --glow: rgba(255, 110, 90, 0.42);\r\n  --font-display: \"Bricolage Grotesque\", \"Segoe UI\", system-ui, sans-serif;\r\n  --font-body: \"Manrope\", \"Segoe UI\", system-ui, sans-serif;\r\n  --font-mono: \"JetBrains Mono\", ui-monospace, Menlo, monospace;\r\n  color-scheme: dark;\r\n  position: relative; isolation: isolate; overflow: hidden;\r\n  background: var(--bg); color: var(--fg);\r\n  font-family: var(--font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased;\r\n  text-align: left; padding-block: 96px;\r\n}\r\n.pa-sec[data-theme=\"light\"] {\r\n  --bg: #fffaf6; --bg-2: #fff0e6; --surface: #ffffff; --surface-2: #fff5ee;\r\n  --line: rgba(120, 50, 30, 0.16); --fg: #1a1230; --muted: #5f5470;\r\n  --accent: #e8780a; --accent-2: #e63e6d; --good: #0e8f63; --warn: #c2850a; --glow: rgba(240, 100, 70, 0.28);\r\n  color-scheme: light;\r\n}\r\n.pa-sec *, .pa-sec *::before, .pa-sec *::after { box-sizing: border-box; }\r\n.pa-sec a { color: inherit; text-decoration: none; }\r\n.pa-sec h2, .pa-sec h3, .pa-sec h4 { font-family: var(--font-display); margin: 0; padding: 0; color: inherit; text-wrap: balance; letter-spacing: -0.025em; line-height: 1.08; }\r\n.pa-sec p { margin: 0; }\r\n.pa-sec ul { list-style: none; margin: 0; padding: 0; }\r\n.pa-sec button { font: inherit; color: inherit; cursor: pointer; }\r\n.pa-sec :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 8px; }\r\n.pa-sec svg.pa-i { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n.pa-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 16px; padding-right: 16px; position: relative; }\r\n.pa-grad { background: linear-gradient(100deg, var(--accent) 10%, var(--accent-2) 90%); -webkit-background-clip: text; background-clip: text; color: transparent; }\r\n.pa-eyebrow { font-family: var(--font-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }\r\n\r\n.pa-glow { position: absolute; inset: 0; z-index: -1; pointer-events: none; background:\r\n  radial-gradient(40% 35% at 8% 18%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%),\r\n  radial-gradient(40% 40% at 96% 70%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 70%); }\r\n\r\n\/* reveal on scroll (content is visible unless JS marks it as waiting) *\/\r\n.pa-sec .pa-pre { opacity: 0; transform: translateY(28px); }\r\n.pa-sec [data-pa-reveal] { transition: opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1); }\r\n\r\n\/* ---------- stats band ---------- *\/\r\n.pa-stats { display: grid; grid-template-columns: 1.25fr repeat(3, 1fr); border: 1px solid var(--line); border-radius: 28px; overflow: hidden;\r\n  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 9%, var(--surface)), var(--surface) 55%, color-mix(in srgb, var(--accent-2) 8%, var(--surface))); }\r\n.pa-stats-head { padding: 38px; display: flex; flex-direction: column; justify-content: center; gap: 14px; }\r\n.pa-stats-head h2 { font-size: clamp(24px, 2.6vw, 32px); font-weight: 700; max-width: 17ch; }\r\n.pa-stat { padding: 38px 30px; border-left: 1px solid var(--line); display: flex; flex-direction: column; justify-content: center; gap: 6px; min-width: 0; }\r\n.pa-num { font-family: var(--font-display); font-weight: 800; font-size: clamp(46px, 5.2vw, 68px); line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -0.03em; white-space: nowrap; }\r\n.pa-label { color: var(--muted); font-size: 14.5px; font-weight: 600; }\r\n.pa-bar { margin-top: 12px; height: 4px; border-radius: 4px; background: var(--line); overflow: hidden; }\r\n.pa-bar i { display: block; height: 100%; width: var(--fill, 100%); border-radius: 4px; background: linear-gradient(90deg, var(--accent), var(--accent-2)); transform-origin: left; }\r\n.pa-sec .pa-bar.pa-wait i { transform: scaleX(0); }\r\n.pa-bar i { transition: transform 1.6s cubic-bezier(.2,.8,.2,1); }\r\n\r\n\/* ---------- about ---------- *\/\r\n.pa-about { display: grid; grid-template-columns: 1fr 1.08fr; gap: 64px; align-items: center; margin-top: 104px; }\r\n.pa-about > * { min-width: 0; }\r\n.pa-about h2 { font-size: clamp(32px, 4.2vw, 54px); font-weight: 800; margin-top: 16px; }\r\n.pa-about .pa-copy { margin-top: 22px; display: grid; gap: 14px; color: var(--muted); font-size: 17px; max-width: 58ch; }\r\n.pa-sec .pa-feats { display: grid; gap: 6px; margin: 30px -18px 0; }\r\n.pa-sec .pa-feat { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: start; padding: 16px 18px; border-radius: 18px; border: 1px solid transparent; transition: border-color .25s, background .25s, transform .25s; }\r\n.pa-feat:hover { border-color: var(--line); background: var(--surface); transform: translateX(4px); }\r\n.pa-ic { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; color: var(--accent-ink); background: linear-gradient(135deg, var(--accent), var(--accent-2)); flex: none; }\r\n.pa-feat h3 { font-size: 18px; letter-spacing: -0.01em; }\r\n.pa-feat p { margin-top: 4px; color: var(--muted); font-size: 15px; }\r\n.pa-cta { margin-top: 30px; display: inline-flex; align-items: center; gap: 10px; padding: 15px 26px; border-radius: 999px; font-weight: 700; font-size: 15.5px; color: var(--accent-ink); background: linear-gradient(100deg, var(--accent), var(--accent-2)); box-shadow: 0 14px 34px -12px var(--glow); position: relative; overflow: hidden; transition: transform .25s, box-shadow .25s; }\r\n.pa-cta::before { content: \"\"; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.4) 50%, transparent 70%); transform: translateX(-120%); transition: transform .7s; }\r\n.pa-cta:hover { transform: translateY(-2px); box-shadow: 0 20px 44px -12px var(--glow); }\r\n.pa-cta:hover::before { transform: translateX(120%); }\r\n.pa-cta > * { position: relative; }\r\n\r\n\/* ---------- online \/ offline panel ---------- *\/\r\n.pa-panel { position: relative; border-radius: 30px; border: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 94%, transparent); padding: 18px; box-shadow: 0 50px 90px -40px rgba(0,0,0,.55); }\r\n.pa-panel::before { content: \"\"; position: absolute; inset: 8% 6%; z-index: -1; border-radius: 40px; background: linear-gradient(135deg, var(--accent), var(--accent-2)); filter: blur(52px); opacity: .22; }\r\n.pa-tabs { position: relative; display: grid; grid-template-columns: 1fr 1fr; padding: 5px; border-radius: 999px; background: var(--bg-2); border: 1px solid var(--line); }\r\n.pa-tab { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 11px 14px; border: 0; background: transparent; border-radius: 999px; font-weight: 700; font-size: 15px; color: var(--muted); transition: color .3s; }\r\n.pa-tab[aria-selected=\"true\"] { color: var(--accent-ink); }\r\n.pa-pill { position: absolute; z-index: 0; top: 5px; bottom: 5px; left: 5px; width: calc(50% - 5px); border-radius: 999px; background: linear-gradient(100deg, var(--accent), var(--accent-2)); box-shadow: 0 10px 24px -10px var(--glow); transition: transform .45s cubic-bezier(.2,.9,.2,1); }\r\n.pa-tabs[data-active=\"1\"] .pa-pill { transform: translateX(100%); }\r\n.pa-views { display: grid; margin-top: 16px; }\r\n.pa-view { grid-area: 1 \/ 1; min-width: 0; opacity: 0; visibility: hidden; transform: translateY(12px) scale(.985); transition: opacity .45s, transform .45s, visibility 0s .45s; }\r\n.pa-view.pa-on { opacity: 1; visibility: visible; transform: none; transition: opacity .45s, transform .45s, visibility 0s; }\r\n.pa-cap { margin-top: 14px; padding: 0 6px 4px; font-size: 14px; color: var(--muted); display: flex; gap: 10px; align-items: flex-start; }\r\n.pa-cap svg { color: var(--good); flex: none; margin-top: 3px; }\r\n\r\n\/* online mock *\/\r\n.pa-browser { border-radius: 20px; border: 1px solid var(--line); background: var(--surface-2); overflow: hidden; }\r\n.pa-bar-top { display: flex; align-items: center; gap: 7px; padding: 11px 14px; border-bottom: 1px solid var(--line); background: var(--bg-2); }\r\n.pa-bar-top i { width: 9px; height: 9px; border-radius: 50%; background: var(--line); }\r\n.pa-bar-top span { margin-left: 10px; font-family: var(--font-mono); font-size: 11px; color: var(--muted); }\r\n.pa-bar-top .pa-lock { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-body); font-weight: 700; color: var(--good); }\r\n.pa-portal { padding: 18px; display: grid; gap: 14px; }\r\n.pa-who { display: flex; align-items: center; gap: 12px; }\r\n.pa-avatar { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; color: var(--accent-ink); background: linear-gradient(135deg, var(--accent), var(--accent-2)); }\r\n.pa-who b { display: block; line-height: 1.2; }\r\n.pa-who small { color: var(--muted); font-size: 12.5px; }\r\n.pa-plot { padding: 16px; border-radius: 16px; border: 1px solid var(--line); background: var(--surface); display: grid; gap: 12px; }\r\n.pa-plot-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }\r\n.pa-plot-top b { font-family: var(--font-display); font-size: 19px; letter-spacing: -0.01em; }\r\n.pa-plot-top small { display: block; color: var(--muted); font-size: 12.5px; }\r\n.pa-badge { padding: 4px 11px; border-radius: 999px; font-size: 11.5px; font-weight: 700; color: var(--good); background: color-mix(in srgb, var(--good) 15%, transparent); white-space: nowrap; }\r\n.pa-prog { display: grid; gap: 7px; font-size: 12.5px; font-weight: 700; color: var(--muted); }\r\n.pa-prog div { display: flex; justify-content: space-between; }\r\n.pa-prog .pa-track { height: 8px; border-radius: 8px; background: var(--line); overflow: hidden; display: block; }\r\n.pa-prog .pa-track i { display: block; height: 100%; width: 25%; border-radius: 8px; background: linear-gradient(90deg, var(--accent), var(--accent-2)); }\r\n.pa-pays { display: grid; gap: 8px; }\r\n.pa-pay { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line); background: var(--surface); font-size: 13px; }\r\n.pa-pay .pa-dot { width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; color: var(--good); background: color-mix(in srgb, var(--good) 15%, transparent); }\r\n.pa-pay b { display: block; line-height: 1.25; }\r\n.pa-pay small { color: var(--muted); font-size: 11.5px; }\r\n.pa-pay em { font-style: normal; font-weight: 800; font-variant-numeric: tabular-nums; }\r\n.pa-paybtn { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 12px; border-radius: 12px; border: 0; font-weight: 800; color: var(--accent-ink); background: linear-gradient(100deg, var(--accent), var(--accent-2)); }\r\n.pa-note { font-family: var(--font-mono); font-size: 10px; color: var(--muted); text-align: right; padding: 0 14px 10px; }\r\n\r\n\/* offline diagram *\/\r\n.pa-lan { border-radius: 20px; border: 1px solid var(--line); background: var(--surface-2); padding: 10px; background-image: radial-gradient(var(--line) 1px, transparent 1px); background-size: 22px 22px; }\r\n.pa-lan svg { display: block; width: 100%; height: auto; }\r\n.pa-lan text { font-family: var(--font-body); fill: var(--fg); font-weight: 700; font-size: 14px; }\r\n.pa-lan .pa-mono { font-family: var(--font-mono); font-size: 10px; fill: var(--muted); letter-spacing: .1em; font-weight: 500; }\r\n.pa-lan .pa-node { fill: var(--surface); stroke: var(--line); stroke-width: 1.5; }\r\n.pa-lan .pa-wire { stroke: var(--line); stroke-width: 2; stroke-dasharray: 4 6; fill: none; }\r\n\r\n@media (max-width: 1000px) {\r\n  .pa-stats { grid-template-columns: repeat(3, 1fr); }\r\n  .pa-stats-head { grid-column: 1 \/ -1; padding: 32px 30px 8px; }\r\n  .pa-stats-head h2 { max-width: 26ch; }\r\n  .pa-stat { border-top: 1px solid var(--line); }\r\n  .pa-stat:nth-child(2) { border-left: 0; }\r\n  .pa-about { grid-template-columns: 1fr; gap: 48px; margin-top: 80px; }\r\n}\r\n@media (max-width: 640px) {\r\n  .pa-sec { padding-block: 64px; }\r\n  .pa-stats { grid-template-columns: 1fr; }\r\n  .pa-stat { border-left: 0; padding: 26px 28px; }\r\n  .pa-stats-head { padding: 28px 28px 20px; }\r\n  .pa-panel { padding: 12px; border-radius: 24px; }\r\n  .pa-tab { font-size: 14px; padding: 10px 8px; }\r\n  .pa-portal { padding: 14px; }\r\n  .pa-about { margin-top: 64px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .pa-sec *, .pa-sec *::before, .pa-sec *::after { animation: none !important; transition: none !important; }\r\n  .pa-sec .pa-pre { opacity: 1; transform: none; }\r\n  .pa-sec .pa-bar.pa-wait i { transform: none; }\r\n}\r\n\r\n<\/style>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap\">\r\n\r\n<section class=\"pa-sec\" id=\"about\" data-theme=\"dark\">\r\n  <div class=\"pa-glow\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"pa-wrap\">\r\n\r\n    <!-- Stats band. Change the numbers in data-count and data-suffix. -->\r\n    <div class=\"pa-stats\" data-pa-reveal>\r\n      <div class=\"pa-stats-head\">\r\n        <h2>We help solve complex problems and opportunities worldwide<\/h2>\r\n      <\/div>\r\n      <div class=\"pa-stat\">\r\n        <div class=\"pa-num pa-grad\"><span data-count=\"10\" data-suffix=\"+\">10+<\/span><\/div>\r\n        <div class=\"pa-label\">Years of experience<\/div>\r\n        <div class=\"pa-bar\" style=\"--fill:55%\"><i><\/i><\/div>\r\n      <\/div>\r\n      <div class=\"pa-stat\">\r\n        <div class=\"pa-num pa-grad\"><span data-count=\"50\" data-suffix=\"+\">50+<\/span><\/div>\r\n        <div class=\"pa-label\">Customized Software<\/div>\r\n        <div class=\"pa-bar\" style=\"--fill:75%\"><i><\/i><\/div>\r\n      <\/div>\r\n      <div class=\"pa-stat\">\r\n        <div class=\"pa-num pa-grad\"><span data-count=\"100\" data-suffix=\"%\">100%<\/span><\/div>\r\n        <div class=\"pa-label\">Companies success rate<\/div>\r\n        <div class=\"pa-bar\" style=\"--fill:100%\"><i><\/i><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pa-about\">\r\n      <div>\r\n        <span class=\"pa-eyebrow\" data-pa-reveal>About<\/span>\r\n        <h2 data-pa-reveal data-d=\"80\">Digitally improve customer experience <span class=\"pa-grad\">online and offline<\/span><\/h2>\r\n        <div class=\"pa-copy\" data-pa-reveal data-d=\"160\">\r\n          <p>In today\u2019s era, every sector of large businesses is attracted to technology for enhancing their operations and acts to provide their users or customers an efficient experience to gain long-term relations. Property Software in Pakistan is working in this regard and helping many businesses inside and outside Pakistan.<\/p>\r\n          <p>Property Management Software rides towards a collection of digital tools and applications designed with specific algorithms for the real estate field.<\/p>\r\n        <\/div>\r\n        <ul class=\"pa-feats\">\r\n          <li class=\"pa-feat\" data-pa-reveal data-d=\"120\">\r\n            <span class=\"pa-ic\"><svg class=\"pa-i\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18\"\/><\/svg><\/span>\r\n            <div><h3>Customer Relation Management<\/h3><p>Up-to-date information about a client's engagement with sales, marketing, or even with services.<\/p><\/div>\r\n          <\/li>\r\n          <li class=\"pa-feat\" data-pa-reveal data-d=\"200\">\r\n            <span class=\"pa-ic\"><svg class=\"pa-i\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l9 5-9 5-9-5zM3 13l9 5 9-5M3 17.5l9 5 9-5\"\/><\/svg><\/span>\r\n            <div><h3>Accounts Management<\/h3><p>Customizable, so it easily fits all types of businesses online as well as offline.<\/p><\/div>\r\n          <\/li>\r\n          <li class=\"pa-feat\" data-pa-reveal data-d=\"280\">\r\n            <span class=\"pa-ic\"><svg class=\"pa-i\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 17l6-6 4 4 8-8M15 7h6v6\"\/><\/svg><\/span>\r\n            <div><h3>Sales Management System (SAMS)<\/h3><p>Automation in sales proceedings, and customer interactions tracked efficiently.<\/p><\/div>\r\n          <\/li>\r\n        <\/ul>\r\n        <a class=\"pa-cta\" href=\"https:\/\/shetecdemo.com\/propertysoftware\/book-demo\/\" data-pa-reveal data-d=\"320\"><span>Book Demo<\/span><svg class=\"pa-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n      <\/div>\r\n\r\n      <!-- Online \/ offline interactive panel -->\r\n      <div class=\"pa-panel\" data-pa-reveal data-d=\"120\">\r\n        <div class=\"pa-tabs\" role=\"tablist\" aria-label=\"Online or offline\" data-active=\"0\">\r\n          <span class=\"pa-pill\" aria-hidden=\"true\"><\/span>\r\n          <button class=\"pa-tab\" role=\"tab\" id=\"pa-t0\" aria-selected=\"true\" aria-controls=\"pa-v0\" type=\"button\">\r\n            <svg class=\"pa-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18\"\/><\/svg>Online\r\n          <\/button>\r\n          <button class=\"pa-tab\" role=\"tab\" id=\"pa-t1\" aria-selected=\"false\" aria-controls=\"pa-v1\" tabindex=\"-1\" type=\"button\">\r\n            <svg class=\"pa-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 5h16v10H4zM8 19h8M12 15v4\"\/><\/svg>Offline\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"pa-views\">\r\n          <!-- ONLINE -->\r\n          <div class=\"pa-view pa-on\" id=\"pa-v0\" role=\"tabpanel\" aria-labelledby=\"pa-t0\">\r\n            <div class=\"pa-browser\" role=\"img\" aria-label=\"Sample customer portal showing a plot booking, installment progress and recent payments\">\r\n              <div class=\"pa-bar-top\"><i><\/i><i><\/i><i><\/i><span>portal.propertysoftware \/ my-plot<\/span><span class=\"pa-lock\"><svg class=\"pa-i\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"><path d=\"M6 11h12v9H6zM8 11V8a4 4 0 0 1 8 0v3\"\/><\/svg>Secure<\/span><\/div>\r\n              <div class=\"pa-portal\">\r\n                <div class=\"pa-who\"><span class=\"pa-avatar\">AK<\/span><div><b>Ayesha Khan<\/b><small>Customer since 2024<\/small><\/div><\/div>\r\n                <div class=\"pa-plot\">\r\n                  <div class=\"pa-plot-top\"><div><b>Plot 14-B, Block C<\/b><small>5 Marla, residential<\/small><\/div><span class=\"pa-badge\">Booking confirmed<\/span><\/div>\r\n                  <div class=\"pa-prog\"><div><span>Installments paid<\/span><span>3 of 12<\/span><\/div><span class=\"pa-track\"><i data-w=\"25\"><\/i><\/span><\/div>\r\n                <\/div>\r\n                <div class=\"pa-pays\">\r\n                  <div class=\"pa-pay\"><span class=\"pa-dot\"><svg class=\"pa-i\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><\/span><div><b>Installment 3<\/b><small>Receipt ready to download<\/small><\/div><em>Rs 85,000<\/em><\/div>\r\n                  <div class=\"pa-pay\"><span class=\"pa-dot\"><svg class=\"pa-i\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><\/span><div><b>Installment 2<\/b><small>Paid online<\/small><\/div><em>Rs 85,000<\/em><\/div>\r\n                <\/div>\r\n                <span class=\"pa-paybtn\">Pay next installment<\/span>\r\n              <\/div>\r\n              <div class=\"pa-note\">Sample data<\/div>\r\n            <\/div>\r\n            <p class=\"pa-cap\"><svg class=\"pa-i\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>Provide your users or customers an efficient experience to gain long-term relations.<\/p>\r\n          <\/div>\r\n\r\n          <!-- OFFLINE -->\r\n          <div class=\"pa-view\" id=\"pa-v1\" role=\"tabpanel\" aria-labelledby=\"pa-t1\">\r\n            <div class=\"pa-lan\">\r\n              <svg viewBox=\"0 0 480 360\" role=\"img\" aria-label=\"Diagram of a server on your LAN connected to the SAMS, Accounts, HRMS and Billings\">\r\n                <defs><linearGradient id=\"pa-g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0%\" stop-color=\"var(--accent)\"\/><stop offset=\"100%\" stop-color=\"var(--accent-2)\"\/><\/linearGradient><\/defs>\r\n                <path class=\"pa-wire\" d=\"M150 84 L240 180\"\/><path class=\"pa-wire\" d=\"M330 84 L240 180\"\/><path class=\"pa-wire\" d=\"M150 276 L240 180\"\/><path class=\"pa-wire\" d=\"M330 276 L240 180\"\/>\r\n                <circle r=\"4.5\" fill=\"var(--accent)\"><animateMotion dur=\"3s\" repeatCount=\"indefinite\" path=\"M150 84 L240 180\"\/><\/circle>\r\n                <circle r=\"4.5\" fill=\"var(--accent-2)\"><animateMotion dur=\"3s\" begin=\"-1.5s\" repeatCount=\"indefinite\" path=\"M240 180 L330 84\"\/><\/circle>\r\n                <circle r=\"4.5\" fill=\"var(--accent-2)\"><animateMotion dur=\"3.4s\" begin=\"-.8s\" repeatCount=\"indefinite\" path=\"M150 276 L240 180\"\/><\/circle>\r\n                <circle r=\"4.5\" fill=\"var(--accent)\"><animateMotion dur=\"3.4s\" begin=\"-2.4s\" repeatCount=\"indefinite\" path=\"M240 180 L330 276\"\/><\/circle>\r\n                <circle cx=\"240\" cy=\"180\" r=\"46\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"2\"><animate attributeName=\"r\" values=\"46;84\" dur=\"3s\" repeatCount=\"indefinite\"\/><animate attributeName=\"opacity\" values=\".55;0\" dur=\"3s\" repeatCount=\"indefinite\"\/><\/circle>\r\n                <circle cx=\"240\" cy=\"180\" r=\"46\" fill=\"var(--surface)\" stroke=\"url(#pa-g)\" stroke-width=\"3.5\"\/>\r\n                <text x=\"240\" y=\"177\" text-anchor=\"middle\">Server<\/text>\r\n                <text class=\"pa-mono\" x=\"240\" y=\"196\" text-anchor=\"middle\">LAN<\/text>\r\n                <g><rect class=\"pa-node\" x=\"28\" y=\"62\" width=\"124\" height=\"44\" rx=\"14\"\/><circle cx=\"48\" cy=\"84\" r=\"5\" fill=\"var(--accent)\"\/><text x=\"95\" y=\"89\" text-anchor=\"middle\">SAMS<\/text><\/g>\r\n                <g><rect class=\"pa-node\" x=\"328\" y=\"62\" width=\"124\" height=\"44\" rx=\"14\"\/><circle cx=\"348\" cy=\"84\" r=\"5\" fill=\"var(--accent-2)\"\/><text x=\"395\" y=\"89\" text-anchor=\"middle\">Accounts<\/text><\/g>\r\n                <g><rect class=\"pa-node\" x=\"28\" y=\"254\" width=\"124\" height=\"44\" rx=\"14\"\/><circle cx=\"48\" cy=\"276\" r=\"5\" fill=\"var(--accent-2)\"\/><text x=\"95\" y=\"281\" text-anchor=\"middle\">HRMS<\/text><\/g>\r\n                <g><rect class=\"pa-node\" x=\"328\" y=\"254\" width=\"124\" height=\"44\" rx=\"14\"\/><circle cx=\"348\" cy=\"276\" r=\"5\" fill=\"var(--accent)\"\/><text x=\"395\" y=\"281\" text-anchor=\"middle\">Billings<\/text><\/g>\r\n                <text class=\"pa-mono\" x=\"240\" y=\"338\" text-anchor=\"middle\">CONNECTED WITH YOUR LAN<\/text>\r\n              <\/svg>\r\n            <\/div>\r\n            <p class=\"pa-cap\"><svg class=\"pa-i\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>All you need is to connect it with your LAN and you integrate it with all your other available systems quite easily and you can remain in contact with all of your accounts department.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* Property Software: About + stats section (JavaScript part). No libraries needed. *\/\r\n(function () {\r\n  \"use strict\";\r\n  var sec = document.querySelector(\".pa-sec\");\r\n  if (!sec || sec.getAttribute(\"data-pa-ready\")) return;\r\n  sec.setAttribute(\"data-pa-ready\", \"1\");\r\n\r\n  var REDUCED = false;\r\n  try { REDUCED = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches; } catch (e) {}\r\n  function $$(s, c) { return Array.prototype.slice.call((c || sec).querySelectorAll(s)); }\r\n\r\n  \/* ---- theme: follows the hero's light\/dark toggle (or the visitor's system if there is no hero) ---- *\/\r\n  var hero = document.querySelector(\".ps-hero\");\r\n  function sysTheme() { try { return window.matchMedia(\"(prefers-color-scheme: light)\").matches ? \"light\" : \"dark\"; } catch (e) { return \"dark\"; } }\r\n  function syncTheme() { sec.setAttribute(\"data-theme\", (hero && hero.getAttribute(\"data-theme\")) || sysTheme()); }\r\n  syncTheme();\r\n  if (hero && \"MutationObserver\" in window) new MutationObserver(syncTheme).observe(hero, { attributes: true, attributeFilter: [\"data-theme\"] });\r\n\r\n  var hasIO = \"IntersectionObserver\" in window;\r\n\r\n  \/* ---- reveal on scroll (only hides things that are still below the screen) ---- *\/\r\n  if (hasIO && !REDUCED) {\r\n    var vh = window.innerHeight || 800;\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (en) {\r\n        if (!en.isIntersecting) return;\r\n        var el = en.target;\r\n        el.style.transitionDelay = (parseInt(el.getAttribute(\"data-d\"), 10) || 0) + \"ms\";\r\n        el.classList.remove(\"pa-pre\");\r\n        io.unobserve(el);\r\n      });\r\n    }, { threshold: 0.12, rootMargin: \"0px 0px -6% 0px\" });\r\n    $$(\"[data-pa-reveal]\").forEach(function (el) {\r\n      if (el.getBoundingClientRect().top > vh) { el.classList.add(\"pa-pre\"); io.observe(el); }\r\n    });\r\n  }\r\n\r\n  \/* ---- count-up numbers and bars ---- *\/\r\n  var stats = $$(\".pa-stat\");\r\n  function runStat(st) {\r\n    var span = st.querySelector(\"[data-count]\"), bar = st.querySelector(\".pa-bar\");\r\n    if (bar) { bar.classList.remove(\"pa-wait\"); }\r\n    if (!span || REDUCED) return;\r\n    var end = parseFloat(span.getAttribute(\"data-count\")), suf = span.getAttribute(\"data-suffix\") || \"\", t0 = null, dur = 1700;\r\n    function step(ts) {\r\n      if (t0 === null) t0 = ts;\r\n      var p = Math.min(1, (ts - t0) \/ dur), e = 1 - Math.pow(1 - p, 3);\r\n      span.textContent = Math.round(end * e) + suf;\r\n      if (p < 1) requestAnimationFrame(step);\r\n    }\r\n    span.textContent = \"0\" + suf;\r\n    requestAnimationFrame(step);\r\n  }\r\n  if (hasIO && !REDUCED) {\r\n    stats.forEach(function (st) { var b = st.querySelector(\".pa-bar\"); if (b) b.classList.add(\"pa-wait\"); });\r\n    var io2 = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (en) {\r\n        if (!en.isIntersecting) return;\r\n        var idx = stats.indexOf(en.target);\r\n        setTimeout(function () { runStat(en.target); }, 120 * idx);\r\n        io2.unobserve(en.target);\r\n      });\r\n    }, { threshold: 0.4 });\r\n    stats.forEach(function (st) { io2.observe(st); });\r\n  }\r\n\r\n  \/* ---- progress bar in the portal mock ---- *\/\r\n  $$(\"[data-w]\").forEach(function (i) { i.style.transition = \"width 1.4s cubic-bezier(.2,.8,.2,1)\"; });\r\n\r\n  \/* ---- online \/ offline tabs ---- *\/\r\n  var tabsWrap = sec.querySelector(\".pa-tabs\"), tabs = $$(\".pa-tab\"), views = $$(\".pa-view\"), current = 0, userTouched = false, timer = null;\r\n  function show(i, fromUser) {\r\n    if (fromUser) { userTouched = true; clearInterval(timer); }\r\n    current = i;\r\n    tabsWrap.setAttribute(\"data-active\", String(i));\r\n    tabs.forEach(function (t, k) { t.setAttribute(\"aria-selected\", k === i ? \"true\" : \"false\"); t.tabIndex = k === i ? 0 : -1; });\r\n    views.forEach(function (v, k) { v.classList.toggle(\"pa-on\", k === i); });\r\n  }\r\n  tabs.forEach(function (t, i) {\r\n    t.addEventListener(\"click\", function () { show(i, true); });\r\n    t.addEventListener(\"keydown\", function (e) {\r\n      if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") { var n = (i + 1) % tabs.length; show(n, true); tabs[n].focus(); e.preventDefault(); }\r\n    });\r\n  });\r\n  var panel = sec.querySelector(\".pa-panel\");\r\n  if (panel && hasIO && !REDUCED) {\r\n    new IntersectionObserver(function (en) {\r\n      if (userTouched) return;\r\n      clearInterval(timer);\r\n      if (en[0].isIntersecting) timer = setInterval(function () { show((current + 1) % tabs.length, false); }, 6500);\r\n    }, { threshold: 0.5 }).observe(panel);\r\n    panel.addEventListener(\"pointerenter\", function () { clearInterval(timer); });\r\n  }\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9316470 elementor-section-full_width elementor-section-height-default elementor-section-height-default mas-addons-sticky-no\" data-id=\"9316470\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;mas_addons_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a9a7371\" data-id=\"a9a7371\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3f3be33 mas-addons-sticky-no elementor-widget elementor-widget-html\" data-id=\"3f3be33\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mas_addons_sticky&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Property Software: three-step process + call to action, single-file version. Paste the whole file into one WordPress Custom HTML block below the Products section. -->\r\n<style>\r\n\/* Property Software: three-step process + call to action. Everything is scoped under .pp-sec and prefixed pp- so it will not clash with your WordPress theme. *\/\r\n.pp-sec {\r\n  --bg: #0c0a14; --bg-2: #110e1b; --surface: #171322; --surface-2: #1f1a2e;\r\n  --line: rgba(255, 170, 140, 0.17); --fg: #fbf3ee; --muted: #bbaebb;\r\n  --accent: #ffa51f; --accent-2: #ff4f7b; --accent-ink: #1a1024;\r\n  --good: #34d399; --warn: #ffd166; --glow: rgba(255, 110, 90, 0.42);\r\n  --font-display: \"Bricolage Grotesque\", \"Segoe UI\", system-ui, sans-serif;\r\n  --font-body: \"Manrope\", \"Segoe UI\", system-ui, sans-serif;\r\n  --font-mono: \"JetBrains Mono\", ui-monospace, Menlo, monospace;\r\n  color-scheme: dark;\r\n  position: relative; isolation: isolate; overflow: hidden; overflow: clip;\r\n  background: var(--bg); color: var(--fg);\r\n  font-family: var(--font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased;\r\n  text-align: left; padding-block: 100px 110px; border-top: 1px solid var(--line);\r\n}\r\n.pp-sec[data-theme=\"light\"] {\r\n  --bg: #fffaf6; --bg-2: #fff0e6; --surface: #ffffff; --surface-2: #fff5ee;\r\n  --line: rgba(120, 50, 30, 0.16); --fg: #1a1230; --muted: #5f5470;\r\n  --accent: #e8780a; --accent-2: #e63e6d; --good: #0e8f63; --warn: #c2850a; --glow: rgba(240, 100, 70, 0.28);\r\n  color-scheme: light;\r\n}\r\n.pp-sec *, .pp-sec *::before, .pp-sec *::after { box-sizing: border-box; }\r\n.pp-sec a { color: inherit; text-decoration: none; }\r\n.pp-sec h2, .pp-sec h3 { font-family: var(--font-display); margin: 0; padding: 0; color: inherit; text-wrap: balance; letter-spacing: -0.025em; line-height: 1.08; }\r\n.pp-sec p { margin: 0; }\r\n.pp-sec :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 10px; }\r\n.pp-sec svg.pp-i { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n.pp-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 16px; padding-right: 16px; position: relative; }\r\n.pp-grad { background: linear-gradient(100deg, var(--accent) 10%, var(--accent-2) 90%); -webkit-background-clip: text; background-clip: text; color: transparent; }\r\n.pp-glow { position: absolute; inset: 0; z-index: -1; pointer-events: none; background:\r\n  radial-gradient(36% 40% at 50% 0%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 70%),\r\n  radial-gradient(34% 36% at 100% 100%, color-mix(in srgb, var(--accent-2) 14%, transparent), transparent 70%); }\r\n.pp-sec .pp-pre { opacity: 0; transform: translateY(28px); }\r\n.pp-sec [data-pp-reveal] { transition: opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1); }\r\n\r\n.pp-head { max-width: 780px; display: grid; gap: 18px; margin-bottom: 64px; }\r\n.pp-head h2 { font-size: clamp(32px, 4.4vw, 56px); font-weight: 800; }\r\n.pp-head p { color: var(--muted); font-size: 18px; max-width: 58ch; }\r\n\r\n\/* ---------- steps ---------- *\/\r\n.pp-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }\r\n.pp-card { position: relative; display: grid; gap: 22px; align-content: start; padding-top: 4px; }\r\n.pp-badge { position: relative; z-index: 2; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 21px; color: var(--accent); background: var(--bg); border: 2px solid var(--line); transition: all .5s cubic-bezier(.2,.8,.2,1); }\r\n.pp-seg { position: absolute; z-index: 1; left: 64px; top: 26px; height: 3px; width: calc(100% + 28px - 76px); border-radius: 3px; background: var(--line); overflow: hidden; }\r\n.pp-seg i { display: block; height: 100%; width: 100%; background: linear-gradient(90deg, var(--accent), var(--accent-2)); transform-origin: left; transform: scaleX(1); transition: transform 1s cubic-bezier(.3,.7,.2,1) .35s; }\r\n.pp-js .pp-card:not(.pp-on) .pp-seg i { transform: scaleX(0); }\r\n.pp-card.pp-on .pp-badge { color: var(--accent-ink); background: linear-gradient(135deg, var(--accent), var(--accent-2)); border-color: transparent; box-shadow: 0 12px 30px -10px var(--glow); }\r\n.pp-js .pp-card:not(.pp-on) .pp-badge { color: var(--muted); }\r\n.pp-body { border-radius: 26px; border: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 94%, transparent); padding: 14px 14px 26px; display: grid; gap: 20px; transition: transform .35s, border-color .35s, box-shadow .35s; }\r\n.pp-card:hover .pp-body { transform: translateY(-5px); border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); box-shadow: 0 30px 60px -34px var(--glow); }\r\n.pp-art { position: relative; height: 190px; border-radius: 18px; background: var(--surface-2); border: 1px solid var(--line); overflow: hidden; display: grid; place-items: center; }\r\n.pp-art::before { content: \"\"; position: absolute; inset: 0; background-image: radial-gradient(var(--line) 1px, transparent 1px); background-size: 18px 18px; opacity: .8; }\r\n.pp-art > * { position: relative; }\r\n.pp-txt { padding: 0 12px; display: grid; gap: 10px; }\r\n.pp-txt h3 { font-size: 26px; font-weight: 800; }\r\n.pp-txt p { color: var(--muted); font-size: 16px; }\r\n\r\n\/* art 1: call *\/\r\n.pp-call { display: grid; justify-items: center; gap: 14px; }\r\n.pp-ring { position: relative; width: 72px; height: 72px; border-radius: 50%; display: grid; place-items: center; color: var(--accent-ink); background: linear-gradient(135deg, var(--accent), var(--accent-2)); box-shadow: 0 14px 30px -10px var(--glow); }\r\n.pp-ring::before, .pp-ring::after { content: \"\"; position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--accent); opacity: 0; }\r\n.pp-on .pp-ring::before { animation: pp-pulse 2.4s ease-out infinite; }\r\n.pp-on .pp-ring::after { animation: pp-pulse 2.4s 1.2s ease-out infinite; }\r\n@keyframes pp-pulse { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(2.1); opacity: 0; } }\r\n.pp-on .pp-ring svg { animation: pp-shake 2.4s ease-in-out infinite; }\r\n@keyframes pp-shake { 0%, 60%, 100% { transform: rotate(0); } 5%, 15%, 25% { transform: rotate(-14deg); } 10%, 20%, 30% { transform: rotate(14deg); } }\r\n.pp-lines { display: grid; gap: 7px; width: 150px; }\r\n.pp-lines i { display: block; height: 8px; border-radius: 8px; background: var(--line); }\r\n.pp-lines i:nth-child(1) { width: 100%; } .pp-lines i:nth-child(2) { width: 72%; margin-inline: auto; }\r\n\/* art 2: contract *\/\r\n.pp-doc { width: 150px; height: 150px; padding: 16px 16px 12px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 20px 40px -24px rgba(0,0,0,.6); display: grid; align-content: start; gap: 8px; transform: rotate(-3deg); }\r\n.pp-doc i { display: block; height: 7px; border-radius: 7px; background: var(--line); }\r\n.pp-doc i:nth-child(1) { width: 60%; background: color-mix(in srgb, var(--accent) 55%, var(--line)); } .pp-doc i:nth-child(3) { width: 85%; } .pp-doc i:nth-child(4) { width: 70%; }\r\n.pp-doc svg { margin-top: 8px; width: 100%; height: 40px; overflow: visible; }\r\n.pp-sign { fill: none; stroke: url(#pp-g); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 0; }\r\n.pp-on .pp-sign { animation: pp-write 3.6s cubic-bezier(.5,.1,.3,1) infinite; }\r\n@keyframes pp-write { 0% { stroke-dashoffset: 1; } 55%, 90% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 0; opacity: 0; } }\r\n.pp-stamp { position: absolute; right: 22%; bottom: 18%; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: var(--accent-ink); background: linear-gradient(135deg, var(--accent), var(--accent-2)); box-shadow: 0 10px 22px -8px var(--glow); transform: scale(0); }\r\n.pp-on .pp-stamp { animation: pp-stamp 3.6s infinite; }\r\n@keyframes pp-stamp { 0%, 52% { transform: scale(0) rotate(-30deg); } 62%, 92% { transform: scale(1) rotate(0); } 100% { transform: scale(1); opacity: 0; } }\r\n\/* art 3: brand *\/\r\n.pp-brand { display: grid; justify-items: center; gap: 14px; }\r\n.pp-brand svg.pp-logo { width: 78px; height: 78px; filter: drop-shadow(0 12px 22px var(--glow)); }\r\n.pp-on .pp-brand svg.pp-logo { animation: pp-float 4s ease-in-out infinite; }\r\n@keyframes pp-float { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-7px) scale(1.04); } }\r\n.pp-bars { display: flex; gap: 8px; align-items: end; height: 46px; }\r\n.pp-bars i { display: block; width: 18px; height: var(--h); border-radius: 6px 6px 3px 3px; background: linear-gradient(180deg, var(--accent), var(--accent-2)); transform-origin: bottom; }\r\n.pp-js .pp-card:not(.pp-on) .pp-bars i { transform: scaleY(0.12); }\r\n.pp-bars i { transition: transform .9s cubic-bezier(.2,.8,.2,1); }\r\n.pp-bars i:nth-child(2) { transition-delay: .1s; } .pp-bars i:nth-child(3) { transition-delay: .2s; } .pp-bars i:nth-child(4) { transition-delay: .3s; } .pp-bars i:nth-child(5) { transition-delay: .4s; }\r\n\r\n\/* ---------- call to action ---------- *\/\r\n.pp-cta { position: relative; margin-top: 110px; border-radius: 34px; padding: 68px 40px; text-align: center; border: 1px solid var(--line); overflow: hidden; isolation: isolate; background:\r\n  radial-gradient(60% 130% at 50% 0%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%),\r\n  radial-gradient(45% 90% at 100% 100%, color-mix(in srgb, var(--accent-2) 30%, transparent), transparent 70%), var(--surface); }\r\n.pp-cta::before { content: \"\"; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(60% 80% at 50% 40%, #000, transparent 80%); -webkit-mask-image: radial-gradient(60% 80% at 50% 40%, #000, transparent 80%); opacity: .55; }\r\n.pp-orb { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); background: linear-gradient(135deg, var(--accent), var(--accent-2)); opacity: .9; }\r\n.pp-orb.a { width: 16px; height: 16px; left: 9%; top: 26%; animation: pp-bob 6s ease-in-out infinite; }\r\n.pp-orb.b { width: 10px; height: 10px; right: 12%; top: 22%; animation: pp-bob 7s -2s ease-in-out infinite; }\r\n.pp-orb.c { width: 22px; height: 22px; right: 8%; bottom: 20%; animation: pp-bob 8s -4s ease-in-out infinite; opacity: .6; }\r\n.pp-orb.d { width: 12px; height: 12px; left: 14%; bottom: 18%; animation: pp-bob 5.5s -1s ease-in-out infinite; opacity: .7; }\r\n@keyframes pp-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-16px); } }\r\n.pp-cta h2 { font-size: clamp(30px, 4.4vw, 58px); font-weight: 800; max-width: 20ch; margin: 0 auto; }\r\n.pp-btn { position: relative; margin-top: 34px; display: inline-flex; align-items: center; gap: 10px; padding: 18px 34px; border-radius: 999px; font-weight: 800; font-size: 17px; color: var(--accent-ink); background: linear-gradient(100deg, var(--accent), var(--accent-2)); box-shadow: 0 18px 44px -14px var(--glow); overflow: hidden; will-change: transform; transition: box-shadow .25s; }\r\n.pp-btn::before { content: \"\"; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.42) 50%, transparent 70%); transform: translateX(-120%); transition: transform .7s; }\r\n.pp-btn:hover { box-shadow: 0 24px 54px -14px var(--glow); }\r\n.pp-btn:hover::before { transform: translateX(120%); }\r\n.pp-btn > * { position: relative; }\r\n\r\n@media (max-width: 980px) {\r\n  .pp-steps { grid-template-columns: 1fr; gap: 26px; }\r\n  .pp-card { padding-left: 74px; }\r\n  .pp-badge { position: absolute; left: 0; top: 4px; }\r\n  .pp-seg { left: 25px; top: 62px; width: 3px; height: calc(100% + 26px - 66px); }\r\n  .pp-seg i { transform-origin: top; transform: scaleY(1); }\r\n  .pp-js .pp-card:not(.pp-on) .pp-seg i { transform: scaleY(0); }\r\n  .pp-head { margin-bottom: 44px; }\r\n}\r\n@media (max-width: 640px) {\r\n  .pp-sec { padding-block: 64px 72px; }\r\n  .pp-card { padding-left: 58px; }\r\n  .pp-badge { width: 42px; height: 42px; font-size: 18px; }\r\n  .pp-seg { left: 20px; top: 52px; height: calc(100% + 26px - 56px); }\r\n  .pp-cta { margin-top: 64px; padding: 48px 20px; border-radius: 26px; }\r\n  .pp-txt h3 { font-size: 23px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .pp-sec *, .pp-sec *::before, .pp-sec *::after { animation: none !important; transition: none !important; }\r\n  .pp-sec .pp-pre { opacity: 1; transform: none; }\r\n  .pp-sign { stroke-dashoffset: 0; } .pp-stamp { transform: scale(1); }\r\n}\r\n\r\n<\/style>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap\">\r\n\r\n<section class=\"pp-sec\" id=\"process\" data-theme=\"dark\">\r\n  <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\" focusable=\"false\"><defs><linearGradient id=\"pp-g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0%\" stop-color=\"#ffa51f\"\/><stop offset=\"100%\" stop-color=\"#ff4f7b\"\/><\/linearGradient><\/defs><\/svg>\r\n  <div class=\"pp-glow\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"pp-wrap\">\r\n    <div class=\"pp-head\" data-pp-reveal>\r\n      <h2>A simple and effective <span class=\"pp-grad\" style=\"white-space:nowrap\">three-step<\/span> to get the project done<\/h2>\r\n      <p>Our expertise &amp; previous work experience help set up your digital business for long-term success. Doing business with us is simple.<\/p>\r\n    <\/div>\r\n\r\n    <ol class=\"pp-steps\" style=\"list-style:none;margin:0;padding:0\">\r\n      <li class=\"pp-card\" data-pp-step>\r\n        <span class=\"pp-badge\" aria-hidden=\"true\">1<\/span><span class=\"pp-seg\" aria-hidden=\"true\"><i><\/i><\/span>\r\n        <div class=\"pp-body\">\r\n          <div class=\"pp-art\" aria-hidden=\"true\">\r\n            <div class=\"pp-call\"><span class=\"pp-ring\"><svg class=\"pp-i\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\"><path d=\"M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2\"\/><\/svg><\/span><div class=\"pp-lines\"><i><\/i><i><\/i><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"pp-txt\"><h3>Book a call<\/h3><p>Book a call with us and Let's see what we can do for you! Please give us some details so we can put you in touch.<\/p><\/div>\r\n        <\/div>\r\n      <\/li>\r\n      <li class=\"pp-card\" data-pp-step>\r\n        <span class=\"pp-badge\" aria-hidden=\"true\">2<\/span><span class=\"pp-seg\" aria-hidden=\"true\"><i><\/i><\/span>\r\n        <div class=\"pp-body\">\r\n          <div class=\"pp-art\" aria-hidden=\"true\">\r\n            <div class=\"pp-doc\"><i><\/i><i><\/i><i><\/i><i><\/i><svg viewBox=\"0 0 110 40\"><path class=\"pp-sign\" pathLength=\"1\" d=\"M6 30 C14 6 22 38 30 18 S46 10 52 26 S68 34 76 14 S92 12 104 24\"\/><\/svg><\/div>\r\n            <span class=\"pp-stamp\"><svg class=\"pp-i\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><\/span>\r\n          <\/div>\r\n          <div class=\"pp-txt\"><h3>Sign a contract<\/h3><p>A contract is a legally binding agreement. Legally binding contracts must include a party making an offer for brand<\/p><\/div>\r\n        <\/div>\r\n      <\/li>\r\n      <li class=\"pp-card\" data-pp-step>\r\n        <span class=\"pp-badge\" aria-hidden=\"true\">3<\/span>\r\n        <div class=\"pp-body\">\r\n          <div class=\"pp-art\" aria-hidden=\"true\">\r\n            <div class=\"pp-brand\">\r\n              <svg class=\"pp-logo\" viewBox=\"0 0 42 42\" fill=\"none\"><path d=\"M14 4H28a8 8 0 0 1 8 8v12a8 8 0 0 1-8 8H18l-8 6v-8.5A8 8 0 0 1 6 24V12a8 8 0 0 1 8-8z\" stroke=\"url(#pp-g)\" stroke-width=\"3.4\" stroke-linejoin=\"round\"\/><path d=\"M13.5 20L21 13.5 28.5 20\" stroke=\"url(#pp-g)\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M15.5 18.5V27h11v-8.5\" stroke=\"url(#pp-g)\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M19.2 21h3.6v3.6h-3.6zM21 21v3.6M19.2 22.8h3.6\" stroke=\"url(#pp-g)\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/><\/svg>\r\n              <div class=\"pp-bars\"><i style=\"--h:35%\"><\/i><i style=\"--h:52%\"><\/i><i style=\"--h:44%\"><\/i><i style=\"--h:74%\"><\/i><i style=\"--h:100%\"><\/i><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"pp-txt\"><h3>Build your brand<\/h3><p>To raise awareness of your company's business plans and marketing initiatives in order to establish a distinctive market.<\/p><\/div>\r\n        <\/div>\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <div class=\"pp-cta\" data-pp-reveal>\r\n      <span class=\"pp-orb a\" aria-hidden=\"true\"><\/span><span class=\"pp-orb b\" aria-hidden=\"true\"><\/span><span class=\"pp-orb c\" aria-hidden=\"true\"><\/span><span class=\"pp-orb d\" aria-hidden=\"true\"><\/span>\r\n      <h2>Are you interested in working with us? <span class=\"pp-grad\">Let's do something great!<\/span><\/h2>\r\n      <a class=\"pp-btn\" data-pp-magnet href=\"https:\/\/propertysoftware.com.pk\/book-demo\/\"><span>Book Demo<\/span><svg class=\"pp-i\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* Property Software: three-step process + call to action (JavaScript part). No libraries needed. *\/\r\n(function () {\r\n  \"use strict\";\r\n  var sec = document.querySelector(\".pp-sec\");\r\n  if (!sec || sec.getAttribute(\"data-pp-ready\")) return;\r\n  sec.setAttribute(\"data-pp-ready\", \"1\");\r\n\r\n  var REDUCED = false;\r\n  try { REDUCED = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches; } catch (e) {}\r\n  function $$(s, c) { return Array.prototype.slice.call((c || sec).querySelectorAll(s)); }\r\n\r\n  \/* ---- theme follows the hero's light\/dark toggle ---- *\/\r\n  var hero = document.querySelector(\".ps-hero\");\r\n  function sysTheme() { try { return window.matchMedia(\"(prefers-color-scheme: light)\").matches ? \"light\" : \"dark\"; } catch (e) { return \"dark\"; } }\r\n  function syncTheme() { sec.setAttribute(\"data-theme\", (hero && hero.getAttribute(\"data-theme\")) || sysTheme()); }\r\n  syncTheme();\r\n  if (hero && \"MutationObserver\" in window) new MutationObserver(syncTheme).observe(hero, { attributes: true, attributeFilter: [\"data-theme\"] });\r\n\r\n  var hasIO = \"IntersectionObserver\" in window;\r\n  var cards = $$(\"[data-pp-step]\");\r\n\r\n  \/* ---- reveal on scroll ---- *\/\r\n  if (hasIO && !REDUCED) {\r\n    var vh = window.innerHeight || 800;\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (en) {\r\n        if (!en.isIntersecting) return;\r\n        en.target.classList.remove(\"pp-pre\"); io.unobserve(en.target);\r\n      });\r\n    }, { threshold: 0.1, rootMargin: \"0px 0px -4% 0px\" });\r\n    $$(\"[data-pp-reveal]\").forEach(function (el) { if (el.getBoundingClientRect().top > vh) { el.classList.add(\"pp-pre\"); io.observe(el); } });\r\n  }\r\n\r\n  \/* ---- steps light up one after another ---- *\/\r\n  if (hasIO && !REDUCED) {\r\n    sec.classList.add(\"pp-js\");\r\n    var queue = 0, timer = null;\r\n    var io2 = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (en) {\r\n        if (!en.isIntersecting) return;\r\n        var el = en.target; io2.unobserve(el);\r\n        var delay = queue * 750; queue++;\r\n        setTimeout(function () { el.classList.add(\"pp-on\"); }, delay);\r\n        clearTimeout(timer); timer = setTimeout(function () { queue = 0; }, 1200);\r\n      });\r\n    }, { threshold: 0.35 });\r\n    cards.forEach(function (c) { io2.observe(c); });\r\n  } else {\r\n    cards.forEach(function (c) { c.classList.add(\"pp-on\"); });\r\n  }\r\n\r\n  \/* ---- magnetic button ---- *\/\r\n  var mag = sec.querySelector(\"[data-pp-magnet]\");\r\n  if (mag && !REDUCED) {\r\n    mag.addEventListener(\"pointermove\", function (e) {\r\n      var r = mag.getBoundingClientRect();\r\n      mag.style.transform = \"translate(\" + ((e.clientX - (r.left + r.width \/ 2)) * 0.28).toFixed(1) + \"px,\" + ((e.clientY - (r.top + r.height \/ 2)) * 0.4).toFixed(1) + \"px)\";\r\n    });\r\n    mag.addEventListener(\"pointerleave\", function () {\r\n      mag.style.transition = \"transform .45s cubic-bezier(.2,.9,.2,1), box-shadow .25s\";\r\n      mag.style.transform = \"\";\r\n      setTimeout(function () { mag.style.transition = \"\"; }, 460);\r\n    });\r\n  }\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6e61a5 mas-addons-sticky-no elementor-widget elementor-widget-html\" data-id=\"a6e61a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mas_addons_sticky&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  <style>\r\n  .pr-sec {\r\n    --bg: #0c0a14; --bg-2: #110e1b; --surface: #171322; --surface-2: #1f1a2e;\r\n    --line: rgba(255, 170, 140, 0.17); --fg: #fbf3ee; --muted: #bbaebb;\r\n    --accent: #ffa51f; --accent-2: #ff4f7b; --accent-ink: #1a1024;\r\n    --good: #34d399; --warn: #ffd166; --glow: rgba(255, 110, 90, 0.42);\r\n    --font-display: \"Bricolage Grotesque\", \"Segoe UI\", system-ui, sans-serif;\r\n    --font-body: \"Manrope\", \"Segoe UI\", system-ui, sans-serif;\r\n    --font-mono: \"JetBrains Mono\", ui-monospace, Menlo, monospace;\r\n    color-scheme: dark;\r\n    position: relative; isolation: isolate; overflow: hidden; overflow: clip;\r\n    background: var(--bg-2); color: var(--fg);\r\n    font-family: var(--font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased;\r\n    text-align: left; padding-block: 100px; border-top: 1px solid var(--line);\r\n  }\r\n  .pr-sec[data-theme=\"light\"] {\r\n    --bg: #fffaf6; --bg-2: #fff0e6; --surface: #ffffff; --surface-2: #fff5ee;\r\n    --line: rgba(120, 50, 30, 0.16); --fg: #1a1230; --muted: #5f5470;\r\n    --accent: #e8780a; --accent-2: #e63e6d; --good: #0e8f63; --warn: #c2850a; --glow: rgba(240, 100, 70, 0.28);\r\n    color-scheme: light;\r\n  }\r\n  .pr-sec *, .pr-sec *::before, .pr-sec *::after { box-sizing: border-box; }\r\n  .pr-sec a { color: inherit; text-decoration: none; }\r\n  .pr-sec h2, .pr-sec h3, .pr-sec h4 { font-family: var(--font-display); margin: 0; padding: 0; color: inherit; text-wrap: balance; letter-spacing: -0.025em; line-height: 1.08; }\r\n  .pr-sec p { margin: 0; }\r\n  .pr-sec ul { list-style: none; margin: 0; padding: 0; }\r\n  .pr-sec button { font: inherit; color: inherit; cursor: pointer; }\r\n  .pr-sec :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 10px; }\r\n  .pr-sec svg.pr-i { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n  .pr-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 16px; padding-right: 16px; position: relative; }\r\n  .pr-grad { background: linear-gradient(100deg, var(--accent) 10%, var(--accent-2) 90%); -webkit-background-clip: text; background-clip: text; color: transparent; }\r\n  .pr-eyebrow { font-family: var(--font-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }\r\n  .pr-glow { position: absolute; inset: 0; z-index: -1; pointer-events: none; background:\r\n    radial-gradient(38% 40% at 100% 0%, color-mix(in srgb, var(--accent-2) 15%, transparent), transparent 70%),\r\n    radial-gradient(36% 40% at 0% 100%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%); }\r\n  .pr-sec .pr-pre { opacity: 0; transform: translateY(28px); }\r\n  .pr-sec [data-pr-reveal] { transition: opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1); }\r\n\r\n  .pr-head { max-width: 820px; display: grid; gap: 16px; margin-bottom: 52px; }\r\n  .pr-head h2 { font-size: clamp(32px, 4.4vw, 56px); font-weight: 800; }\r\n\r\n  \/* ---------- explorer ---------- *\/\r\n  .pr-grid { display: grid; grid-template-columns: 330px minmax(0, 1fr); gap: 28px; align-items: start; }\r\n  .pr-list { display: grid; gap: 8px; position: sticky; top: 96px; }\r\n  .pr-item { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: center; text-align: left; padding: 14px 16px; min-height: 72px; border-radius: 18px; border: 1px solid transparent; background: transparent; overflow: visible; transition: background .25s, border-color .25s, transform .25s; }\r\n  .pr-item:hover { background: color-mix(in srgb, var(--surface) 70%, transparent); transform: translateX(3px); }\r\n  .pr-item[aria-selected=\"true\"] { background: var(--surface); border-color: var(--line); box-shadow: 0 20px 40px -26px rgba(0,0,0,.6); transform: none; }\r\n  .pr-ic { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; color: var(--muted); background: var(--surface-2); border: 1px solid var(--line); flex: none; transition: all .3s; }\r\n  .pr-item[aria-selected=\"true\"] .pr-ic { color: var(--accent-ink); background: linear-gradient(135deg, var(--accent), var(--accent-2)); border-color: transparent; box-shadow: 0 10px 22px -10px var(--glow); }\r\n  .pr-item small { display: block; font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }\r\n  .pr-item > span:nth-child(2), .pr-ph > div { min-width: 0; }\r\n  .pr-item b { display: block; font-family: var(--font-display); font-size: 17px; line-height: 1.2; letter-spacing: -0.01em; white-space: normal; overflow-wrap: anywhere; }\r\n  .pr-item[aria-selected=\"true\"] small { color: var(--accent); }\r\n  .pr-prog { position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; transform-origin: left; transform: scaleX(0); background: linear-gradient(90deg, var(--accent), var(--accent-2)); }\r\n  .pr-auto .pr-item[aria-selected=\"true\"] .pr-prog { animation: pr-fill var(--pr-dur, 11s) linear forwards; }\r\n  @keyframes pr-fill { to { transform: scaleX(1); } }\r\n\r\n  .pr-stage { position: relative; border-radius: 30px; border: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 94%, transparent); box-shadow: 0 50px 90px -44px rgba(0,0,0,.55); min-width: 0; }\r\n  .pr-panel { display: none; min-width: 0; padding: 34px; }\r\n  .pr-panel.pr-on { display: block; animation: pr-in .5s cubic-bezier(.2,.8,.2,1) both; }\r\n  @keyframes pr-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }\r\n  .pr-ph { display: flex; align-items: center; gap: 16px; }\r\n  .pr-ph .pr-ic { width: 54px; height: 54px; border-radius: 17px; color: var(--accent-ink); background: linear-gradient(135deg, var(--accent), var(--accent-2)); border: 0; }\r\n  .pr-ph small { font-family: var(--font-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }\r\n  .pr-ph h3 { font-size: clamp(26px, 3vw, 38px); font-weight: 800; margin-top: 4px; white-space: normal; overflow-wrap: anywhere; }\r\n  .pr-body { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 32px; margin-top: 26px; align-items: start; }\r\n  .pr-text { display: grid; gap: 14px; color: var(--muted); font-size: 16.5px; min-width: 0; }\r\n  .pr-text h4, .pr-more h4 { margin-top: 8px; font-family: var(--font-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg); font-weight: 500; }\r\n  .pr-text .pr-lab { color: var(--fg); font-weight: 700; }\r\n  .pr-sec .pr-ul { display: grid; gap: 10px; }\r\n  .pr-sec .pr-ul li { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; font-size: 15.5px; }\r\n  .pr-sec .pr-ul li svg { color: var(--good); margin-top: 4px; }\r\n  .pr-sec .pr-ul.pr-two { grid-template-columns: 1fr 1fr; gap: 10px 22px; }\r\n\r\n  \/* illustrations *\/\r\n  .pr-vis { border-radius: 22px; border: 1px solid var(--line); background: var(--surface-2); padding: 16px; display: grid; gap: 12px; position: sticky; top: 96px; min-width: 0; }\r\n  .pr-vh { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 12px; font-weight: 700; color: var(--muted); }\r\n  .pr-vh em { font-style: normal; font-family: var(--font-mono); font-size: 10px; font-weight: 500; opacity: .85; }\r\n  .pr-row { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); font-size: 13px; min-width: 0; }\r\n  .pr-row b { display: block; line-height: 1.25; }\r\n  .pr-row small { color: var(--muted); font-size: 11.5px; }\r\n  .pr-av { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 12px; color: var(--accent-ink); background: linear-gradient(135deg, var(--accent), var(--accent-2)); }\r\n  .pr-chips { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }\r\n  .pr-chip { padding: 2px 8px; border-radius: 999px; font-size: 10.5px; font-weight: 700; border: 1px solid var(--line); color: var(--muted); }\r\n  .pr-chip.pr-hi { color: var(--accent-ink); background: linear-gradient(100deg, var(--accent), var(--accent-2)); border-color: transparent; }\r\n  .pr-tag { padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; white-space: nowrap; }\r\n  .pr-tag.pr-ok { color: var(--good); background: color-mix(in srgb, var(--good) 15%, transparent); }\r\n  .pr-tag.pr-wt { color: var(--warn); background: color-mix(in srgb, var(--warn) 16%, transparent); }\r\n  .pr-meter { display: grid; gap: 6px; font-size: 12px; font-weight: 700; color: var(--muted); }\r\n  .pr-meter div { display: flex; justify-content: space-between; }\r\n  .pr-track { height: 8px; border-radius: 8px; background: var(--line); overflow: hidden; display: block; }\r\n  .pr-track i { display: block; height: 100%; width: var(--w, 50%); border-radius: 8px; background: linear-gradient(90deg, var(--accent), var(--accent-2)); transform-origin: left; }\r\n  .pr-on .pr-track i { animation: pr-grow 1.1s .15s cubic-bezier(.2,.8,.2,1) both; }\r\n  @keyframes pr-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }\r\n  .pr-step { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 11px 12px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); font-size: 13px; font-weight: 700; }\r\n  .pr-step .pr-dot { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; color: var(--good); background: color-mix(in srgb, var(--good) 15%, transparent); }\r\n  .pr-inv { padding: 14px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); display: grid; gap: 10px; font-size: 13px; }\r\n  .pr-inv .pr-line { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); }\r\n  .pr-inv .pr-line b { color: var(--fg); font-variant-numeric: tabular-nums; }\r\n  .pr-inv .pr-total { padding-top: 10px; border-top: 1px dashed var(--line); font-weight: 800; color: var(--fg); }\r\n  .pr-inv .pr-total b { font-family: var(--font-display); font-size: 20px; }\r\n  .pr-bars { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; align-items: end; height: 150px; padding: 6px 4px 0; }\r\n  .pr-bars span { display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; height: 100%; text-align: center; font-size: 10.5px; font-weight: 700; color: var(--muted); }\r\n  .pr-bars i { display: block; flex: none; height: calc(var(--h, 40%) * 0.8); border-radius: 8px 8px 4px 4px; background: linear-gradient(180deg, var(--accent), var(--accent-2)); transform-origin: bottom; opacity: .95; }\r\n  .pr-bars span:nth-child(6) i { box-shadow: 0 0 0 2px var(--bg-2), 0 0 0 4px var(--accent); }\r\n  .pr-on .pr-bars i { animation: pr-up .9s cubic-bezier(.2,.8,.2,1) both; }\r\n  .pr-bars span:nth-child(2) i { animation-delay: .06s; } .pr-bars span:nth-child(3) i { animation-delay: .12s; } .pr-bars span:nth-child(4) i { animation-delay: .18s; } .pr-bars span:nth-child(5) i { animation-delay: .24s; } .pr-bars span:nth-child(6) i { animation-delay: .3s; } .pr-bars span:nth-child(7) i { animation-delay: .36s; }\r\n  @keyframes pr-up { from { transform: scaleY(0); } to { transform: scaleY(1); } }\r\n  .pr-funnel { display: grid; gap: 9px; }\r\n  .pr-funnel div { display: grid; gap: 4px; font-size: 12px; font-weight: 700; color: var(--muted); }\r\n  .pr-funnel div > span { display: flex; justify-content: space-between; }\r\n  .pr-funnel .pr-track { height: 14px; border-radius: 6px; }\r\n  .pr-funnel .pr-track i { border-radius: 6px; }\r\n\r\n  @media (max-width: 1080px) {\r\n    .pr-grid { grid-template-columns: 1fr; gap: 20px; }\r\n    .pr-list { position: static; display: flex; overflow-x: auto; gap: 8px; padding: 2px 2px 10px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }\r\n    .pr-item { flex: none; scroll-snap-align: start; padding: 10px 16px 10px 10px; border-color: var(--line); background: var(--surface); }\r\n    .pr-item b { display: none; }\r\n    .pr-item small { font-size: 12px; color: var(--fg); }\r\n    .pr-item[aria-selected=\"true\"] small { color: var(--accent-ink); }\r\n    .pr-item[aria-selected=\"true\"] { background: linear-gradient(100deg, var(--accent), var(--accent-2)); border-color: transparent; }\r\n    .pr-item[aria-selected=\"true\"] .pr-ic { background: rgba(255,255,255,.28); box-shadow: none; }\r\n    .pr-ic { width: 36px; height: 36px; border-radius: 11px; }\r\n    .pr-body { grid-template-columns: 1fr; }\r\n    .pr-vis { position: static; }\r\n  }\r\n  @media (max-width: 640px) {\r\n    .pr-sec { padding-block: 64px; }\r\n    .pr-panel { padding: 22px 18px; }\r\n    .pr-head { margin-bottom: 34px; }\r\n    .pr-sec .pr-ul.pr-two { grid-template-columns: 1fr; }\r\n    .pr-ph .pr-ic { width: 46px; height: 46px; }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .pr-sec *, .pr-sec *::before, .pr-sec *::after { animation: none !important; transition: none !important; }\r\n    .pr-sec .pr-pre { opacity: 1; transform: none; }\r\n  }\r\n\r\n  \/* ---------- benefits row ---------- *\/\r\n  .pr-more { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); display: grid; gap: 14px; }\r\n\r\n  \/* ---------- scroll-driven mode (large screens): the explorer pins to the screen and the product follows your scroll ---------- *\/\r\n  .pr-pinned .pr-pin { height: var(--pr-h, auto); }\r\n  .pr-pinned .pr-sticky { position: sticky; top: var(--pr-top, 28px); }\r\n  .pr-pinned .pr-list { position: static; }\r\n  .pr-pinned .pr-stage { display: grid; }\r\n  .pr-pinned .pr-panel { display: block; grid-area: 1 \/ 1; opacity: 0; visibility: hidden; transform: translateY(22px) scale(.99); animation: none; transition: opacity .55s cubic-bezier(.2,.8,.2,1), transform .65s cubic-bezier(.2,.8,.2,1), visibility 0s .55s; }\r\n  .pr-pinned .pr-panel.pr-on { opacity: 1; visibility: visible; transform: none; animation: none; transition: opacity .55s cubic-bezier(.2,.8,.2,1), transform .65s cubic-bezier(.2,.8,.2,1), visibility 0s; }\r\n  .pr-pinned .pr-vis { position: static; }\r\n  .pr-pinned .pr-prog { transition: none; animation: none !important; }\r\n  .pr-pinned .pr-item[aria-selected=\"true\"] .pr-prog { transform: scaleX(var(--pr-p, 0)); }\r\n\r\n  \/* compact sizing in scroll-driven mode so the whole panel fits on a laptop screen *\/\r\n  .pr-sec.pr-pinned .pr-panel { padding: 22px 26px 24px; }\r\n  .pr-sec.pr-pinned .pr-ph { gap: 14px; }\r\n  .pr-sec.pr-pinned .pr-ph .pr-ic { width: 46px; height: 46px; border-radius: 14px; }\r\n  .pr-sec.pr-pinned .pr-ph h3 { font-size: clamp(24px, 2.3vw, 31px); }\r\n  .pr-sec.pr-pinned .pr-body { margin-top: 16px; gap: 24px; }\r\n  .pr-sec.pr-pinned .pr-text { font-size: 15px; line-height: 1.55; gap: 10px; }\r\n  .pr-sec.pr-pinned .pr-text h4, .pr-sec.pr-pinned .pr-more h4 { margin-top: 2px; }\r\n  .pr-sec.pr-pinned .pr-ul { gap: 7px; }\r\n  .pr-sec.pr-pinned .pr-ul li { font-size: 14.5px; line-height: 1.45; gap: 10px; }\r\n  .pr-sec.pr-pinned .pr-ul li svg { margin-top: 2px; width: 16px; height: 16px; }\r\n  .pr-sec.pr-pinned .pr-more { margin-top: 14px; padding-top: 14px; gap: 10px; }\r\n  .pr-sec.pr-pinned .pr-ul.pr-two { gap: 7px 24px; }\r\n  .pr-sec.pr-pinned .pr-vis { padding: 12px; gap: 8px; border-radius: 18px; }\r\n  .pr-sec.pr-pinned .pr-row { padding: 8px 10px; }\r\n  .pr-sec.pr-pinned .pr-step { padding: 8px 12px; }\r\n  .pr-sec.pr-pinned .pr-bars { height: 112px; }\r\n  .pr-sec.pr-pinned .pr-inv { padding: 12px; gap: 8px; }\r\n  .pr-sec.pr-pinned .pr-item { padding: 10px 14px; }\r\n  .pr-sec.pr-pinned .pr-list { gap: 6px; }\r\n\r\n  .pr-sec.pr-pinned .pr-grid { align-items: center; }\r\n  .pr-sec.pr-pinned .pr-stage { overflow: hidden; align-self: center; transition: height .65s cubic-bezier(.2,.8,.2,1); }\r\n\r\n  <\/style>\r\n\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap\">\r\n\r\n  <section class=\"pr-sec\" id=\"products\" data-theme=\"dark\">\r\n    <div class=\"pr-glow\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"pr-wrap\">\r\n      <div class=\"pr-head\" data-pr-reveal>\r\n        <span class=\"pr-eyebrow\">Our Products<\/span>\r\n        <h2>We passionately deliver a wide range of <span class=\"pr-grad\">Customized Software<\/span><\/h2>\r\n      <\/div>\r\n      <div class=\"pr-pin\"><div class=\"pr-sticky\"><div class=\"pr-grid\">\r\n        <div class=\"pr-list\" role=\"tablist\" aria-orientation=\"vertical\" aria-label=\"Our Products\">\r\n          <button class=\"pr-item\" role=\"tab\" id=\"pr-t0\" aria-selected=\"true\" aria-controls=\"pr-p0\" tabindex=\"0\" type=\"button\">\r\n            <span class=\"pr-ic\"><svg class=\"pr-i\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/span><span><small>CRM<\/small><b>Customer Relation Management<\/b><\/span><span class=\"pr-prog\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <button class=\"pr-item\" role=\"tab\" id=\"pr-t1\" aria-selected=\"false\" aria-controls=\"pr-p1\" tabindex=\"-1\" type=\"button\">\r\n            <span class=\"pr-ic\"><svg class=\"pr-i\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 7h16a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 13h18\"\/><\/svg><\/span><span><small>HRMS<\/small><b>HR Management System (HRMS)<\/b><\/span><span class=\"pr-prog\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <button class=\"pr-item\" role=\"tab\" id=\"pr-t2\" aria-selected=\"false\" aria-controls=\"pr-p2\" tabindex=\"-1\" type=\"button\">\r\n            <span class=\"pr-ic\"><svg class=\"pr-i\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 17l6-6 4 4 8-8M15 7h6v6\"\/><\/svg><\/span><span><small>SAMS<\/small><b>Sales Management System (SAMS)<\/b><\/span><span class=\"pr-prog\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <button class=\"pr-item\" role=\"tab\" id=\"pr-t3\" aria-selected=\"false\" aria-controls=\"pr-p3\" tabindex=\"-1\" type=\"button\">\r\n            <span class=\"pr-ic\"><svg class=\"pr-i\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 3h12v18l-3-2-3 2-3-2-3 2zM9 8h6M9 12h6\"\/><\/svg><\/span><span><small>Billings<\/small><b>Billings<\/b><\/span><span class=\"pr-prog\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <button class=\"pr-item\" role=\"tab\" id=\"pr-t4\" aria-selected=\"false\" aria-controls=\"pr-p4\" tabindex=\"-1\" type=\"button\">\r\n            <span class=\"pr-ic\"><svg class=\"pr-i\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2zM4 19a2 2 0 0 0 2 2h13M9 8h6\"\/><\/svg><\/span><span><small>Accounts<\/small><b>Accounts Management<\/b><\/span><span class=\"pr-prog\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <button class=\"pr-item\" role=\"tab\" id=\"pr-t5\" aria-selected=\"false\" aria-controls=\"pr-p5\" tabindex=\"-1\" type=\"button\">\r\n            <span class=\"pr-ic\"><svg class=\"pr-i\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 5L5 19M7.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M16.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3\"\/><\/svg><\/span><span><small>Commission<\/small><b>Commission Management<\/b><\/span><span class=\"pr-prog\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n        <\/div>\r\n        <div class=\"pr-stage\">\r\n        <article class=\"pr-panel pr-on\" id=\"pr-p0\" role=\"tabpanel\" aria-labelledby=\"pr-t0\">\r\n          <div class=\"pr-ph\"><span class=\"pr-ic\"><svg class=\"pr-i\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/span><div><small>CRM<\/small><h3>Customer Relation Management<\/h3><\/div><\/div>\r\n          <div class=\"pr-body\"><div class=\"pr-text\"><p>If you want to get yourself up-to-date information about a client\u2019s engagement with sales, marketing, or even with services then CRM is the system that is going to help you in this regard and Property Software is providing one of the best CRM systems to its clients for their potential businesses to enhance long-term relationships with their customers or users.<\/p><\/div><div class=\"pr-vis\"><div class=\"pr-vh\"><span>Client engagement<\/span><em>Sample data<\/em><\/div>\r\n  <div class=\"pr-row\"><span class=\"pr-av\">AR<\/span><div><b>Ahmed Raza<\/b><small>Engaged this week<\/small><\/div><div class=\"pr-chips\"><span class=\"pr-chip pr-hi\">Sales<\/span><span class=\"pr-chip pr-hi\">Service<\/span><\/div><\/div>\r\n  <div class=\"pr-row\"><span class=\"pr-av\">SM<\/span><div><b>Sana Malik<\/b><small>Engaged today<\/small><\/div><div class=\"pr-chips\"><span class=\"pr-chip pr-hi\">Sales<\/span><span class=\"pr-chip pr-hi\">Marketing<\/span><\/div><\/div>\r\n  <div class=\"pr-row\"><span class=\"pr-av\">BH<\/span><div><b>Bilal Hussain<\/b><small>Engaged this month<\/small><\/div><div class=\"pr-chips\"><span class=\"pr-chip pr-hi\">Marketing<\/span><\/div><\/div>\r\n  <div class=\"pr-meter\"><div><span>Long-term relationships<\/span><span>Growing<\/span><\/div><span class=\"pr-track\"><i style=\"--w:78%\"><\/i><\/span><\/div><\/div><\/div>\r\n        <\/article>\r\n        <article class=\"pr-panel\" id=\"pr-p1\" role=\"tabpanel\" aria-labelledby=\"pr-t1\">\r\n          <div class=\"pr-ph\"><span class=\"pr-ic\"><svg class=\"pr-i\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 7h16a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 13h18\"\/><\/svg><\/span><div><small>HRMS<\/small><h3>HR Management System (HRMS)<\/h3><\/div><\/div>\r\n          <div class=\"pr-body\"><div class=\"pr-text\"><p>Property Software\u2019s HRMS meets all your needs for managing your company\u2019s human resources. Our technology can improve certain processes, such as hiring, orienting, and paying new employees. Its attractive user interface and powerful features, including as automated workflows and analytics tools, may help you streamline your HR processes while meeting all legal standards.<\/p><\/div><div class=\"pr-vis\"><div class=\"pr-vh\"><span>HR workflow<\/span><em>Sample data<\/em><\/div>\r\n  <div class=\"pr-step\"><span class=\"pr-dot\"><svg class=\"pr-i\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><\/span><span>Hiring<\/span><span class=\"pr-tag pr-ok\">Done<\/span><\/div>\r\n  <div class=\"pr-step\"><span class=\"pr-dot\"><svg class=\"pr-i\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><\/span><span>Orienting<\/span><span class=\"pr-tag pr-ok\">Done<\/span><\/div>\r\n  <div class=\"pr-step\"><span class=\"pr-dot\"><svg class=\"pr-i\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><\/span><span>Paying<\/span><span class=\"pr-tag pr-wt\">In progress<\/span><\/div>\r\n  <div class=\"pr-meter\"><div><span>Payroll<\/span><span>Automated<\/span><\/div><span class=\"pr-track\"><i style=\"--w:82%\"><\/i><\/span><\/div>\r\n  <div class=\"pr-meter\"><div><span>Employee performance<\/span><span>Monitored<\/span><\/div><span class=\"pr-track\"><i style=\"--w:66%\"><\/i><\/span><\/div><\/div><\/div>\r\n        <div class=\"pr-more\"><h4>Benefits<\/h4><ul class=\"pr-ul pr-two\"><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>HR procedures are simplified and automating.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Local law compliance<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Use data analysis and report-writing tools to enhance judgment.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Recruiting must be accelerated.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Simplify hiring.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Eliminating error-prone human data entry saves time.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Employee performance must be monitored.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Promote teamwork.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Increase workplace productivity and morale.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Manage firm payroll and benefits.<\/span><\/li><\/ul><\/div>\r\n        <\/article>\r\n        <article class=\"pr-panel\" id=\"pr-p2\" role=\"tabpanel\" aria-labelledby=\"pr-t2\">\r\n          <div class=\"pr-ph\"><span class=\"pr-ic\"><svg class=\"pr-i\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 17l6-6 4 4 8-8M15 7h6v6\"\/><\/svg><\/span><div><small>SAMS<\/small><h3>Sales Management System (SAMS)<\/h3><\/div><\/div>\r\n          <div class=\"pr-body\"><div class=\"pr-text\"><p>Sales Management System (SAMS) is a software developed and assembled by property software that is helping many businesses for improving and generating more sales and proceedings and also build better relationships with their potential customers.<\/p><p class=\"pr-lab\">One of the best features of SAMS is:<\/p><ul class=\"pr-ul\"><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>You can enjoy automation in sales proceedings.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Keep you up-to-date with your customer\u2019s progress with the business by tracking your customer\u2019s interaction quite efficiently.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>It also provides you with beneficial data about insights for judging and taking action.<\/span><\/li><\/ul><\/div><div class=\"pr-vis\"><div class=\"pr-vh\"><span>Sales proceedings<\/span><em>Sample data<\/em><\/div>\r\n  <div class=\"pr-funnel\">\r\n  <div><span><span>Sales leads<\/span><span>240<\/span><\/span><span class=\"pr-track\"><i style=\"--w:100%\"><\/i><\/span><\/div>\r\n  <div><span><span>Customer interaction<\/span><span>178<\/span><\/span><span class=\"pr-track\"><i style=\"--w:74%\"><\/i><\/span><\/div>\r\n  <div><span><span>Cost calculations<\/span><span>115<\/span><\/span><span class=\"pr-track\"><i style=\"--w:48%\"><\/i><\/span><\/div>\r\n  <div><span><span>Invoicing and payments<\/span><span>74<\/span><\/span><span class=\"pr-track\"><i style=\"--w:31%\"><\/i><\/span><\/div>\r\n  <\/div>\r\n  <div class=\"pr-meter\"><div><span>Automation in sales proceedings<\/span><span>On<\/span><\/div><span class=\"pr-track\"><i style=\"--w:100%\"><\/i><\/span><\/div><\/div><\/div>\r\n        <div class=\"pr-more\"><h4>Benefits<\/h4><ul class=\"pr-ul pr-two\"><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Productivity and customer involvement boost income.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Sales leads, cost calculations, invoicing, and payments are all automated.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Fast replies and personalized attention boost client satisfaction.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Analyze consumer behavior data.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Streamlined, error-free procedures boost accuracy.<\/span><\/li><li><svg class=\"pr-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><span>Access to a central data repository improves teamwork.<\/span><\/li><\/ul><\/div>\r\n        <\/article>\r\n        <article class=\"pr-panel\" id=\"pr-p3\" role=\"tabpanel\" aria-labelledby=\"pr-t3\">\r\n          <div class=\"pr-ph\"><span class=\"pr-ic\"><svg class=\"pr-i\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 3h12v18l-3-2-3 2-3-2-3 2zM9 8h6M9 12h6\"\/><\/svg><\/span><div><small>Billings<\/small><h3>Billings<\/h3><\/div><\/div>\r\n          <div class=\"pr-body\"><div class=\"pr-text\"><p>Property management software streamlines real estate billing. Real estate organizations can issue accurate bills, track payments, and manage accounts using billing modules. Eliminating human and data entry mistakes improves billing processes.<\/p><\/div><div class=\"pr-vis\"><div class=\"pr-vh\"><span>Invoice<\/span><em>Sample data<\/em><\/div>\r\n  <div class=\"pr-inv\"><div class=\"pr-line\"><span>Invoice no.<\/span><b>#1042<\/b><\/div><div class=\"pr-line\"><span>Installment 4<\/span><b>Rs 85,000<\/b><\/div><div class=\"pr-line\"><span>Service charges<\/span><b>Rs 2,500<\/b><\/div><div class=\"pr-line pr-total\"><span>Total<\/span><b>Rs 87,500<\/b><\/div><\/div>\r\n  <div class=\"pr-row\"><span class=\"pr-av\"><svg class=\"pr-i\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 3h12v18l-3-2-3 2-3-2-3 2zM9 8h6M9 12h6\"\/><\/svg><\/span><div><b>Payment tracked<\/b><small>Accurate bill, no data entry mistakes<\/small><\/div><span class=\"pr-tag pr-ok\">Paid<\/span><\/div><\/div><\/div>\r\n        <\/article>\r\n        <article class=\"pr-panel\" id=\"pr-p4\" role=\"tabpanel\" aria-labelledby=\"pr-t4\">\r\n          <div class=\"pr-ph\"><span class=\"pr-ic\"><svg class=\"pr-i\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2zM4 19a2 2 0 0 0 2 2h13M9 8h6\"\/><\/svg><\/span><div><small>Accounts<\/small><h3>Accounts Management<\/h3><\/div><\/div>\r\n          <div class=\"pr-body\"><div class=\"pr-text\"><p>Account Management System is another best feature produced by property software in Pakistan. The software that they are using is customizable and hence it easily fits all types of businesses online as well as offline. All types of its users are enjoying using it as its user dashboard is quite efficient and easy for all types of businesses. All you need is to connect it with your LAN and you integrate it with all your other available systems quite easily and you can remain in contact with all of your accounts department.<\/p><p>All of its features are very easy to use and it allows your accounts team to create and analyze all types of reports on a daily basis.<\/p><\/div><div class=\"pr-vis\"><div class=\"pr-vh\"><span>Daily report<\/span><em>Sample data<\/em><\/div>\r\n  <div class=\"pr-bars\" role=\"img\" aria-label=\"Sample bar chart of daily account entries across one week\">\r\n  <span><i style=\"--h:42%\"><\/i>Mon<\/span><span><i style=\"--h:58%\"><\/i>Tue<\/span><span><i style=\"--h:36%\"><\/i>Wed<\/span><span><i style=\"--h:64%\"><\/i>Thu<\/span><span><i style=\"--h:52%\"><\/i>Fri<\/span><span><i style=\"--h:84%\"><\/i>Sat<\/span><span><i style=\"--h:70%\"><\/i>Sun<\/span><\/div>\r\n  <div class=\"pr-row\"><span class=\"pr-av\"><svg class=\"pr-i\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2zM4 19a2 2 0 0 0 2 2h13M9 8h6\"\/><\/svg><\/span><div><b>Connected with your LAN<\/b><small>Integrated with your other available systems<\/small><\/div><span class=\"pr-tag pr-ok\">Online<\/span><\/div><\/div><\/div>\r\n        <\/article>\r\n        <article class=\"pr-panel\" id=\"pr-p5\" role=\"tabpanel\" aria-labelledby=\"pr-t5\">\r\n          <div class=\"pr-ph\"><span class=\"pr-ic\"><svg class=\"pr-i\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 5L5 19M7.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M16.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3\"\/><\/svg><\/span><div><small>Commission<\/small><h3>Commission Management<\/h3><\/div><\/div>\r\n          <div class=\"pr-body\"><div class=\"pr-text\"><p>Real estate commission management may be difficult. Property management software may accelerate commission calculation and distribution. Real estate professionals can concentrate on their strengths knowing they will be paid correctly, promptly, and openly.<\/p><\/div><div class=\"pr-vis\"><div class=\"pr-vh\"><span>Commission distribution<\/span><em>Sample data<\/em><\/div>\r\n  <div class=\"pr-row\"><span class=\"pr-av\">A<\/span><div><b>Agent A<\/b><small>2.0% of sale value<\/small><\/div><span class=\"pr-tag pr-ok\">Paid<\/span><\/div>\r\n  <div class=\"pr-row\"><span class=\"pr-av\">B<\/span><div><b>Agent B<\/b><small>1.5% of sale value<\/small><\/div><span class=\"pr-tag pr-ok\">Paid<\/span><\/div>\r\n  <div class=\"pr-row\"><span class=\"pr-av\">C<\/span><div><b>Agent C<\/b><small>1.0% of sale value<\/small><\/div><span class=\"pr-tag pr-wt\">Calculating<\/span><\/div>\r\n  <div class=\"pr-meter\"><div><span>Calculated and distributed<\/span><span>Correctly, promptly, openly<\/span><\/div><span class=\"pr-track\"><i style=\"--w:88%\"><\/i><\/span><\/div><\/div><\/div>\r\n        <\/article>\r\n        <\/div>\r\n      <\/div><\/div><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n  \/* Property Software: Products section (JavaScript part). No libraries needed.\r\n    Large screens: the explorer pins to the screen and the product changes as you scroll.\r\n    Small screens (or if a parent element blocks \"sticky\"): normal tabs. *\/\r\n  (function () {\r\n    \"use strict\";\r\n    var sec = document.querySelector(\".pr-sec\");\r\n    if (!sec || sec.getAttribute(\"data-pr-ready\")) return;\r\n    sec.setAttribute(\"data-pr-ready\", \"1\");\r\n\r\n    var REDUCED = false;\r\n    try { REDUCED = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches; } catch (e) {}\r\n    function $$(s, c) { return Array.prototype.slice.call((c || sec).querySelectorAll(s)); }\r\n\r\n    \/* ---- theme follows the hero's light\/dark toggle ---- *\/\r\n    var hero = document.querySelector(\".ps-hero\");\r\n    function sysTheme() { try { return window.matchMedia(\"(prefers-color-scheme: light)\").matches ? \"light\" : \"dark\"; } catch (e) { return \"dark\"; } }\r\n    function syncTheme() { sec.setAttribute(\"data-theme\", (hero && hero.getAttribute(\"data-theme\")) || sysTheme()); }\r\n    syncTheme();\r\n    if (hero && \"MutationObserver\" in window) new MutationObserver(syncTheme).observe(hero, { attributes: true, attributeFilter: [\"data-theme\"] });\r\n\r\n    var hasIO = \"IntersectionObserver\" in window;\r\n\r\n    \/* ---- reveal heading on scroll ---- *\/\r\n    if (hasIO && !REDUCED) {\r\n      var vh0 = window.innerHeight || 800;\r\n      var io = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (en) {\r\n          if (!en.isIntersecting) return;\r\n          en.target.classList.remove(\"pr-pre\"); io.unobserve(en.target);\r\n        });\r\n      }, { threshold: 0.08, rootMargin: \"0px 0px -4% 0px\" });\r\n      $$(\"[data-pr-reveal]\").forEach(function (el) { if (el.getBoundingClientRect().top > vh0) { el.classList.add(\"pr-pre\"); io.observe(el); } });\r\n    }\r\n\r\n    \/* ---- explorer ---- *\/\r\n    var stage = sec.querySelector(\".pr-stage\"), pin = sec.querySelector(\".pr-pin\"), sticky = sec.querySelector(\".pr-sticky\"), list = sec.querySelector(\".pr-list\"), grid = sec.querySelector(\".pr-grid\");\r\n    var tabs = $$(\".pr-item\"), panels = $$(\".pr-panel\"), N = tabs.length;\r\n    var TOP = 20, current = 0, pinned = false, step = 480, ticking = false, heights = [];\r\n    var DUR = 11000, timer = null, stopped = false, inView = false, hovering = false;\r\n    list.style.setProperty(\"--pr-dur\", (DUR \/ 1000) + \"s\");\r\n\r\n    function show(i, byUser) {\r\n      if (i !== current || byUser === \"force\") {\r\n        current = i;\r\n        tabs.forEach(function (t, k) { t.setAttribute(\"aria-selected\", k === i ? \"true\" : \"false\"); t.tabIndex = k === i ? 0 : -1; });\r\n        panels.forEach(function (p, k) { p.classList.toggle(\"pr-on\", k === i); });\r\n      }\r\n      if (pinned && heights[i]) stage.style.height = heights[i] + \"px\";\r\n      if (byUser === true && !pinned && list.scrollWidth > list.clientWidth) list.scrollTo({ left: tabs[i].offsetLeft - 16, behavior: REDUCED ? \"auto\" : \"smooth\" });\r\n    }\r\n    function pinTop() { return pin.getBoundingClientRect().top + window.pageYOffset; }\r\n    function onScroll() {\r\n      ticking = false;\r\n      if (!pinned) return;\r\n      var dist = TOP - pin.getBoundingClientRect().top;\r\n      var total = N * step;\r\n      var p = Math.max(0, Math.min(0.9999, dist \/ total));\r\n      var seg = p * N, idx = Math.floor(seg), frac = seg - idx;\r\n      show(idx, false);\r\n      sec.style.setProperty(\"--pr-p\", frac.toFixed(3));\r\n    }\r\n    function requestTick() { if (!ticking) { ticking = true; requestAnimationFrame(onScroll); } }\r\n    function goTo(i) {\r\n      var y = pinTop() - TOP + i * step + step * 0.5;\r\n      window.scrollTo({ top: y, behavior: REDUCED ? \"auto\" : \"smooth\" });\r\n    }\r\n\r\n    \/* is \"sticky\" going to work? (a parent with overflow hidden\/auto would stop it) *\/\r\n    function stickyOk() {\r\n      for (var el = pin.parentElement; el && el !== document.body && el !== document.documentElement; el = el.parentElement) {\r\n        var cs = getComputedStyle(el);\r\n        if (\/(auto|scroll|hidden)\/.test(cs.overflowX + \" \" + cs.overflowY)) return false;\r\n      }\r\n      return true;\r\n    }\r\n    var mq = window.matchMedia ? window.matchMedia(\"(min-width: 1081px) and (min-height: 640px)\") : { matches: false };\r\n    function setMode() {\r\n      var want = mq.matches && stickyOk();\r\n      if (want) {\r\n        sec.classList.add(\"pr-pinned\");\r\n        TOP = 20; step = Math.max(380, Math.round(window.innerHeight * 0.55));\r\n        pin.style.setProperty(\"--pr-h\", \"auto\");\r\n        stage.style.height = \"\";\r\n        heights = panels.map(function (p) { p.style.alignSelf = \"start\"; var v = p.offsetHeight + 2; p.style.alignSelf = \"\"; return v; });\r\n        var sh = Math.max(list.offsetHeight, Math.max.apply(null, heights));\r\n        if (sh > window.innerHeight - TOP - 12) { want = false; sec.classList.remove(\"pr-pinned\"); }   \/* does not fit on this screen *\/\r\n        else {\r\n          TOP = Math.max(20, Math.round((window.innerHeight - sh) \/ 2));\r\n          sticky.style.top = TOP + \"px\"; grid.style.minHeight = sh + \"px\";\r\n          pin.style.setProperty(\"--pr-h\", (sh + N * step) + \"px\");\r\n        }\r\n      }\r\n      if (!want) { sec.classList.remove(\"pr-pinned\"); pin.style.removeProperty(\"--pr-h\"); stage.style.height = \"\"; sticky.style.top = \"\"; grid.style.minHeight = \"\"; }\r\n      else stage.style.height = heights[current] + \"px\";\r\n      pinned = want;\r\n      clearTimeout(timer); sec.classList.remove(\"pr-auto\");\r\n      if (pinned) onScroll(); else schedule();\r\n    }\r\n\r\n    \/* --- tabs mode: autoplay while visible, stops after the first click --- *\/\r\n    function schedule() {\r\n      clearTimeout(timer);\r\n      sec.classList.remove(\"pr-auto\");\r\n      if (pinned || stopped || REDUCED || !inView || hovering) return;\r\n      void list.offsetWidth;\r\n      sec.classList.add(\"pr-auto\");\r\n      timer = setTimeout(function () { show((current + 1) % N, false); schedule(); }, DUR);\r\n    }\r\n\r\n    tabs.forEach(function (t, i) {\r\n      t.addEventListener(\"click\", function () { if (pinned) goTo(i); else { stopped = true; show(i, true); schedule(); } });\r\n      t.addEventListener(\"keydown\", function (e) {\r\n        var n = -1;\r\n        if (e.key === \"ArrowDown\" || e.key === \"ArrowRight\") n = (i + 1) % N;\r\n        else if (e.key === \"ArrowUp\" || e.key === \"ArrowLeft\") n = (i - 1 + N) % N;\r\n        else if (e.key === \"Home\") n = 0;\r\n        else if (e.key === \"End\") n = N - 1;\r\n        if (n < 0) return;\r\n        e.preventDefault(); tabs[n].focus();\r\n        if (pinned) goTo(n); else { stopped = true; show(n, true); schedule(); }\r\n      });\r\n    });\r\n    grid.addEventListener(\"pointerenter\", function () { hovering = true; schedule(); });\r\n    grid.addEventListener(\"pointerleave\", function () { hovering = false; schedule(); });\r\n    if (hasIO) new IntersectionObserver(function (en) { inView = en[0].isIntersecting; schedule(); }, { threshold: 0.35 }).observe(grid);\r\n\r\n    window.addEventListener(\"scroll\", requestTick, { passive: true });\r\n    var rt; window.addEventListener(\"resize\", function () { clearTimeout(rt); rt = setTimeout(setMode, 150); });\r\n    if (mq.addEventListener) mq.addEventListener(\"change\", setMode);\r\n    window.addEventListener(\"load\", setMode);\r\n    setMode();\r\n  })();\r\n\r\n  <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4e9440b elementor-section-full_width elementor-section-height-default elementor-section-height-default mas-addons-sticky-no\" data-id=\"4e9440b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;mas_addons_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b8a67c1\" data-id=\"b8a67c1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8054ff4 mas-addons-sticky-no elementor-widget elementor-widget-html\" data-id=\"8054ff4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mas_addons_sticky&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Property Software: Contact section, single-file version. Paste the whole file into one WordPress Custom HTML block below the process section. -->\r\n<style>\r\n\/* Property Software: Contact section. Everything is scoped under .pc-sec and prefixed pc- so it will not clash with your WordPress theme. *\/\r\n.pc-sec {\r\n  --bg: #0c0a14; --bg-2: #110e1b; --surface: #171322; --surface-2: #1f1a2e;\r\n  --line: rgba(255, 170, 140, 0.17); --fg: #fbf3ee; --muted: #bbaebb;\r\n  --accent: #ffa51f; --accent-2: #ff4f7b; --accent-ink: #1a1024;\r\n  --good: #34d399; --warn: #ffd166; --bad: #ff7a7a; --glow: rgba(255, 110, 90, 0.42);\r\n  --font-display: \"Bricolage Grotesque\", \"Segoe UI\", system-ui, sans-serif;\r\n  --font-body: \"Manrope\", \"Segoe UI\", system-ui, sans-serif;\r\n  --font-mono: \"JetBrains Mono\", ui-monospace, Menlo, monospace;\r\n  color-scheme: dark;\r\n  position: relative; isolation: isolate; overflow: hidden; overflow: clip;\r\n  background: var(--bg-2); color: var(--fg);\r\n  font-family: var(--font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased;\r\n  text-align: left; padding-block: 100px 110px; border-top: 1px solid var(--line);\r\n}\r\n.pc-sec[data-theme=\"light\"] {\r\n  --bg: #fffaf6; --bg-2: #fff0e6; --surface: #ffffff; --surface-2: #fff5ee;\r\n  --line: rgba(120, 50, 30, 0.16); --fg: #1a1230; --muted: #5f5470;\r\n  --accent: #e8780a; --accent-2: #e63e6d; --good: #0e8f63; --warn: #c2850a; --bad: #d23b3b; --glow: rgba(240, 100, 70, 0.28);\r\n  color-scheme: light;\r\n}\r\n.pc-sec *, .pc-sec *::before, .pc-sec *::after { box-sizing: border-box; }\r\n.pc-sec a { color: inherit; text-decoration: none; }\r\n.pc-sec h2, .pc-sec h3 { font-family: var(--font-display); margin: 0; padding: 0; color: inherit; text-wrap: balance; letter-spacing: -0.025em; line-height: 1.05; }\r\n.pc-sec p { margin: 0; }\r\n.pc-sec button, .pc-sec input, .pc-sec textarea { font: inherit; color: inherit; }\r\n.pc-sec button { cursor: pointer; }\r\n.pc-sec :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 10px; }\r\n.pc-sec svg.pc-i { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n.pc-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 16px; padding-right: 16px; position: relative; }\r\n.pc-grad { background: linear-gradient(100deg, var(--accent) 10%, var(--accent-2) 90%); -webkit-background-clip: text; background-clip: text; color: transparent; }\r\n.pc-eyebrow { font-family: var(--font-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }\r\n.pc-glow { position: absolute; inset: 0; z-index: -1; pointer-events: none; background:\r\n  radial-gradient(40% 40% at 0% 0%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 70%),\r\n  radial-gradient(38% 40% at 100% 100%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 70%); }\r\n.pc-sec .pc-pre { opacity: 0; transform: translateY(28px); }\r\n.pc-sec [data-pc-reveal] { transition: opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1); }\r\n\r\n.pc-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 56px; align-items: start; }\r\n.pc-left { display: grid; gap: 30px; align-content: start; }\r\n.pc-left h2 { font-size: clamp(44px, 6.2vw, 84px); font-weight: 800; margin-top: 14px; }\r\n.pc-left h2 span { display: block; }\r\n\r\n\/* contact cards *\/\r\n.pc-cards { display: grid; gap: 12px; }\r\n.pc-card { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 18px 20px; border-radius: 22px; border: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 92%, transparent); transition: transform .3s, border-color .3s, box-shadow .3s; }\r\n.pc-card:hover { transform: translateX(6px); border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); box-shadow: 0 24px 50px -30px var(--glow); }\r\n.pc-ic { width: 48px; height: 48px; border-radius: 15px; display: grid; place-items: center; color: var(--accent-ink); background: linear-gradient(135deg, var(--accent), var(--accent-2)); flex: none; box-shadow: 0 10px 24px -10px var(--glow); }\r\n.pc-card h3 { font-size: 13px; font-family: var(--font-mono); font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }\r\n.pc-card b { display: block; margin-top: 3px; font-family: var(--font-display); font-weight: 700; font-size: 19px; letter-spacing: -0.01em; line-height: 1.25; overflow-wrap: anywhere; }\r\n.pc-copy { width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--line); background: var(--surface-2); display: grid; place-items: center; color: var(--muted); transition: all .25s; position: relative; }\r\n.pc-copy:hover { color: var(--fg); border-color: var(--accent); }\r\n.pc-copy.pc-done { color: var(--accent-ink); background: linear-gradient(135deg, var(--accent), var(--accent-2)); border-color: transparent; }\r\n.pc-copy .pc-tip { position: absolute; right: 0; bottom: calc(100% + 8px); padding: 4px 10px; border-radius: 8px; background: var(--fg); color: var(--bg); font-size: 11px; font-weight: 700; white-space: nowrap; opacity: 0; transform: translateY(4px); pointer-events: none; transition: all .25s; }\r\n.pc-copy.pc-done .pc-tip { opacity: 1; transform: none; }\r\n\r\n\/* map strip *\/\r\n.pc-map { position: relative; height: 176px; border-radius: 22px; border: 1px solid var(--line); background: var(--surface-2); overflow: hidden; }\r\n.pc-map::before { content: \"\"; position: absolute; inset: 0; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 34px 34px; }\r\n.pc-map svg.pc-roads { position: absolute; inset: 0; width: 100%; height: 100%; }\r\n.pc-roads path { fill: none; stroke: var(--line); stroke-width: 7; stroke-linecap: round; }\r\n.pc-roads path.pc-hi { stroke: color-mix(in srgb, var(--accent) 45%, var(--line)); stroke-width: 3; stroke-dasharray: 2 9; }\r\n.pc-pin { position: absolute; left: 58%; top: 44%; width: 0; height: 0; }\r\n.pc-pin::before, .pc-pin::after { content: \"\"; position: absolute; left: -14px; top: -14px; width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--accent); opacity: 0; animation: pc-radar 3s ease-out infinite; }\r\n.pc-pin::after { animation-delay: 1.5s; }\r\n@keyframes pc-radar { 0% { transform: scale(.4); opacity: .8; } 100% { transform: scale(3.4); opacity: 0; } }\r\n.pc-pin i { position: absolute; left: -17px; top: -44px; width: 34px; height: 44px; display: block; animation: pc-drop 3s ease-in-out infinite; }\r\n@keyframes pc-drop { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }\r\n.pc-map small { position: absolute; left: 16px; bottom: 12px; font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }\r\n\r\n.pc-social { display: flex; gap: 10px; flex-wrap: wrap; }\r\n.pc-social a { width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; border: 1px solid var(--line); background: var(--surface); transition: all .3s; }\r\n.pc-social a:hover { color: var(--accent-ink); background: linear-gradient(135deg, var(--accent), var(--accent-2)); border-color: transparent; transform: translateY(-4px) rotate(-4deg); box-shadow: 0 14px 28px -12px var(--glow); }\r\n\r\n\/* form *\/\r\n.pc-form-wrap { position: relative; border-radius: 32px; border: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 94%, transparent); padding: 36px; box-shadow: 0 50px 90px -44px rgba(0,0,0,.55); }\r\n.pc-form-wrap::before { content: \"\"; position: absolute; inset: 6% 5%; z-index: -1; border-radius: 40px; background: linear-gradient(135deg, var(--accent), var(--accent-2)); filter: blur(54px); opacity: .2; }\r\n.pc-form-wrap h3 { font-size: clamp(26px, 2.8vw, 34px); font-weight: 800; margin-bottom: 24px; }\r\n.pc-form { display: grid; gap: 18px; }\r\n.pc-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }\r\n.pc-field { position: relative; min-width: 0; }\r\n.pc-field input, .pc-field textarea { width: 100%; display: block; padding: 24px 16px 10px; border-radius: 16px; border: 1px solid var(--line); background: var(--bg-2); font-size: 16px; line-height: 1.4; transition: border-color .25s, box-shadow .25s, background .25s; -webkit-appearance: none; appearance: none; }\r\n.pc-field textarea { min-height: 150px; resize: vertical; padding-top: 28px; }\r\n.pc-field label { position: absolute; left: 17px; top: 17px; font-size: 16px; color: var(--muted); pointer-events: none; transform-origin: left top; transition: transform .22s cubic-bezier(.2,.8,.2,1), color .22s; }\r\n.pc-field input:focus, .pc-field textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent); }\r\n.pc-field input:focus + label, .pc-field input:not(:placeholder-shown) + label, .pc-field textarea:focus + label, .pc-field textarea:not(:placeholder-shown) + label { transform: translateY(-11px) scale(.76); color: var(--accent); }\r\n.pc-field.pc-bad input, .pc-field.pc-bad textarea { border-color: var(--bad); box-shadow: 0 0 0 4px color-mix(in srgb, var(--bad) 18%, transparent); }\r\n.pc-err { display: none; margin-top: 6px; padding-left: 4px; font-size: 13px; font-weight: 600; color: var(--bad); }\r\n.pc-field.pc-bad .pc-err { display: block; }\r\n.pc-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }\r\n.pc-send { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 18px 32px; border: 0; border-radius: 999px; font-weight: 800; font-size: 17px; color: var(--accent-ink); background: linear-gradient(100deg, var(--accent), var(--accent-2)); box-shadow: 0 18px 44px -14px var(--glow); overflow: hidden; transition: transform .25s, box-shadow .25s, opacity .25s; justify-self: start; }\r\n.pc-send::before { content: \"\"; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.42) 50%, transparent 70%); transform: translateX(-120%); transition: transform .7s; }\r\n.pc-send:hover { transform: translateY(-2px); box-shadow: 0 24px 54px -14px var(--glow); }\r\n.pc-send:hover::before { transform: translateX(120%); }\r\n.pc-send > * { position: relative; }\r\n.pc-send:disabled { opacity: .75; cursor: progress; transform: none; }\r\n.pc-spin { display: none; width: 18px; height: 18px; border-radius: 50%; border: 3px solid rgba(26,16,36,.25); border-top-color: var(--accent-ink); animation: pc-rot .8s linear infinite; }\r\n.pc-send.pc-busy .pc-spin { display: block; }\r\n.pc-send.pc-busy .pc-arrow { display: none; }\r\n@keyframes pc-rot { to { transform: rotate(360deg); } }\r\n.pc-status { display: none; padding: 14px 16px; border-radius: 16px; font-size: 15px; font-weight: 600; border: 1px solid var(--line); }\r\n.pc-status.pc-show { display: block; animation: pc-pop .4s cubic-bezier(.2,.9,.2,1); }\r\n.pc-status.pc-ok { color: var(--good); background: color-mix(in srgb, var(--good) 12%, transparent); border-color: color-mix(in srgb, var(--good) 35%, transparent); }\r\n.pc-status.pc-no { color: var(--bad); background: color-mix(in srgb, var(--bad) 12%, transparent); border-color: color-mix(in srgb, var(--bad) 35%, transparent); }\r\n@keyframes pc-pop { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }\r\n\r\n@media (max-width: 980px) {\r\n  .pc-grid { grid-template-columns: 1fr; gap: 40px; }\r\n  .pc-left h2 span { display: inline; }\r\n}\r\n@media (max-width: 640px) {\r\n  .pc-sec { padding-block: 64px 72px; }\r\n  .pc-form-wrap { padding: 22px 18px; border-radius: 26px; }\r\n  .pc-row { grid-template-columns: 1fr; gap: 18px; }\r\n  .pc-card { padding: 14px; gap: 12px; }\r\n  .pc-card:hover { transform: none; }\r\n  .pc-card b { font-size: 17px; }\r\n  .pc-send { width: 100%; justify-self: stretch; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .pc-sec *, .pc-sec *::before, .pc-sec *::after { animation: none !important; transition: none !important; }\r\n  .pc-sec .pc-pre { opacity: 1; transform: none; }\r\n}\r\n\r\n.pc-sec .pc-send { font-family: var(--font-body); font-weight: 800; font-size: 17px; line-height: 1.2; }\r\n\r\n.pc-sec .pc-map .pc-addr { position: absolute; left: 12px; right: 12px; bottom: 12px; display: flex; align-items: center; gap: 10px; padding: 9px 14px; border-radius: 14px; border: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 90%, transparent); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0 12px 28px -16px rgba(0,0,0,.5); }\r\n.pc-sec .pc-map .pc-addr svg { color: var(--accent); flex: none; }\r\n.pc-sec .pc-map .pc-addr b { font-family: var(--font-body); font-weight: 700; font-size: 14px; line-height: 1.3; }\r\n\r\n<\/style>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap\">\r\n\r\n<section class=\"pc-sec\" id=\"contact\" data-theme=\"dark\">\r\n  <div class=\"pc-glow\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"pc-wrap\">\r\n    <div class=\"pc-grid\">\r\n      <div class=\"pc-left\">\r\n        <div data-pc-reveal>\r\n          <span class=\"pc-eyebrow\">Contact Us<\/span>\r\n          <h2><span>Let's Get in<\/span> <span class=\"pc-grad\">Touch<\/span><\/h2>\r\n        <\/div>\r\n        <div class=\"pc-cards\">\r\n        <div class=\"pc-card\" data-pc-reveal>\r\n          <span class=\"pc-ic\"><svg class=\"pc-i\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2\"\/><\/svg><\/span>\r\n          <div><h3>Call Us<\/h3><b>+92 333 1155222<\/b><\/div>\r\n          <button class=\"pc-copy\" type=\"button\" data-pc-copy=\"+92 333 1155222\" aria-label=\"Copy call us\"><svg class=\"pc-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 9h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1M5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1\"\/><\/svg><span class=\"pc-tip\">Copied<\/span><\/button>\r\n        <\/div>\r\n        <div class=\"pc-card\" data-pc-reveal>\r\n          <span class=\"pc-ic\"><svg class=\"pc-i\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11M12 12a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5\"\/><\/svg><\/span>\r\n          <div><h3>Address<\/h3><b>19-A New Chauburji Park, Lahore,Pakistan.<\/b><\/div>\r\n          <button class=\"pc-copy\" type=\"button\" data-pc-copy=\"19-A New Chauburji Park, Lahore,Pakistan.\" aria-label=\"Copy address\"><svg class=\"pc-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 9h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1M5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1\"\/><\/svg><span class=\"pc-tip\">Copied<\/span><\/button>\r\n        <\/div>\r\n        <div class=\"pc-card\" data-pc-reveal>\r\n          <span class=\"pc-ic\"><svg class=\"pc-i\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 6h18v12H3zM3 7l9 7 9-7\"\/><\/svg><\/span>\r\n          <div><h3>Email Address<\/h3><b>info@propertysoftware.com.pk<\/b><\/div>\r\n          <button class=\"pc-copy\" type=\"button\" data-pc-copy=\"info@propertysoftware.com.pk\" aria-label=\"Copy email address\"><svg class=\"pc-i\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 9h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1M5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1\"\/><\/svg><span class=\"pc-tip\">Copied<\/span><\/button>\r\n        <\/div>\r\n        <\/div>\r\n        <div class=\"pc-map\" data-pc-reveal role=\"img\" aria-label=\"Map: 19-A New Chauburji Park, Lahore,Pakistan.\">\r\n          <svg class=\"pc-roads\" viewBox=\"0 0 400 150\" preserveAspectRatio=\"none\"><path d=\"M-10 110 C80 100 120 40 220 52 S340 96 420 40\"\/><path d=\"M60 -10 C70 50 110 90 130 160\"\/><path d=\"M250 -10 C240 40 270 100 300 160\"\/><path class=\"pc-hi\" d=\"M-10 110 C80 100 120 40 220 52 S340 96 420 40\"\/><\/svg>\r\n          <span class=\"pc-pin\"><i><svg width=\"34\" height=\"44\" viewBox=\"0 0 34 44\"><path d=\"M17 2C9.8 2 4 7.6 4 14.6 4 24.4 17 42 17 42s13-17.6 13-27.4C30 7.6 24.2 2 17 2z\" fill=\"url(#pc-g)\"\/><circle cx=\"17\" cy=\"14.5\" r=\"5.5\" fill=\"#1a1024\"\/><\/svg><\/i><\/span>\r\n          <span class=\"pc-addr\"><svg class=\"pc-i\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11M12 12a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5\"\/><\/svg><b>19-A New Chauburji Park, Lahore,Pakistan.<\/b><\/span>\r\n        <\/div>\r\n        <div class=\"pc-social\" data-pc-reveal>\r\n          <a href=\"https:\/\/www.facebook.com\/SHETechnologies\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><svg class=\"pc-i\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14 8h3V4h-3a4 4 0 0 0-4 4v2H7v4h3v7h4v-7h3l1-4h-4V8z\"\/><\/svg><\/a>\r\n          <a href=\"https:\/\/twitter.com\/TechnologieShe\" target=\"_blank\" rel=\"noopener\" aria-label=\"Twitter\"><svg class=\"pc-i\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 4l16 16M20 4L4 20\"\/><\/svg><\/a>\r\n          <a href=\"https:\/\/www.instagram.com\/shetechnologies\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><svg class=\"pc-i\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 3h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8M17.5 6.5h.01\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pc-form-wrap\" data-pc-reveal data-d=\"120\">\r\n        <h3>Send Message<\/h3>\r\n        <!-- To receive messages in WordPress, put your form endpoint in data-endpoint (a Contact Form 7 \/ WPForms \/ Formspree URL).\r\n             If it is left empty, the button opens the visitor's email app with the message ready to send to the address below. -->\r\n        <form class=\"pc-form\" id=\"pc-form\" novalidate data-endpoint=\"\" data-mailto=\"info@propertysoftware.com.pk\">\r\n          <div class=\"pc-row\">\r\n            <div class=\"pc-field\"><input id=\"pc-fn\" name=\"first_name\" type=\"text\" placeholder=\" \" autocomplete=\"given-name\" required><label for=\"pc-fn\">First Name<\/label><p class=\"pc-err\">Please enter your first name.<\/p><\/div>\r\n            <div class=\"pc-field\"><input id=\"pc-ln\" name=\"last_name\" type=\"text\" placeholder=\" \" autocomplete=\"family-name\"><label for=\"pc-ln\">Last Name<\/label><\/div>\r\n          <\/div>\r\n          <div class=\"pc-field\"><input id=\"pc-em\" name=\"email\" type=\"email\" placeholder=\" \" autocomplete=\"email\" required><label for=\"pc-em\">Email Address<\/label><p class=\"pc-err\">Please enter a valid email address.<\/p><\/div>\r\n          <div class=\"pc-field\"><textarea id=\"pc-ms\" name=\"message\" placeholder=\" \" required><\/textarea><label for=\"pc-ms\">Message<\/label><p class=\"pc-err\">Please write your message.<\/p><\/div>\r\n          <input class=\"pc-hp\" type=\"text\" name=\"company_site\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\r\n          <button class=\"pc-send\" type=\"submit\"><span class=\"pc-spin\" aria-hidden=\"true\"><\/span><span>Send Message<\/span><svg class=\"pc-i pc-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/button>\r\n          <p class=\"pc-status\" role=\"status\" aria-live=\"polite\"><\/p>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\" focusable=\"false\"><defs><linearGradient id=\"pc-g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#ffa51f\"\/><stop offset=\"100%\" stop-color=\"#ff4f7b\"\/><\/linearGradient><\/defs><\/svg>\r\n<\/section>\r\n\r\n<script>\r\n\/* Property Software: Contact section (JavaScript part). No libraries needed. *\/\r\n(function () {\r\n  \"use strict\";\r\n  var sec = document.querySelector(\".pc-sec\");\r\n  if (!sec || sec.getAttribute(\"data-pc-ready\")) return;\r\n  sec.setAttribute(\"data-pc-ready\", \"1\");\r\n\r\n  var REDUCED = false;\r\n  try { REDUCED = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches; } catch (e) {}\r\n  function $$(s, c) { return Array.prototype.slice.call((c || sec).querySelectorAll(s)); }\r\n\r\n  \/* ---- theme follows the hero's light\/dark toggle ---- *\/\r\n  var hero = document.querySelector(\".ps-hero\");\r\n  function sysTheme() { try { return window.matchMedia(\"(prefers-color-scheme: light)\").matches ? \"light\" : \"dark\"; } catch (e) { return \"dark\"; } }\r\n  function syncTheme() { sec.setAttribute(\"data-theme\", (hero && hero.getAttribute(\"data-theme\")) || sysTheme()); }\r\n  syncTheme();\r\n  if (hero && \"MutationObserver\" in window) new MutationObserver(syncTheme).observe(hero, { attributes: true, attributeFilter: [\"data-theme\"] });\r\n\r\n  \/* ---- reveal on scroll ---- *\/\r\n  if (\"IntersectionObserver\" in window && !REDUCED) {\r\n    var vh = window.innerHeight || 800;\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (en) {\r\n        if (!en.isIntersecting) return;\r\n        var el = en.target;\r\n        el.style.transitionDelay = (parseInt(el.getAttribute(\"data-d\"), 10) || 0) + \"ms\";\r\n        el.classList.remove(\"pc-pre\"); io.unobserve(el);\r\n      });\r\n    }, { threshold: 0.1, rootMargin: \"0px 0px -4% 0px\" });\r\n    $$(\"[data-pc-reveal]\").forEach(function (el, i) {\r\n      if (el.getBoundingClientRect().top > vh) { if (!el.getAttribute(\"data-d\") && el.classList.contains(\"pc-card\")) el.setAttribute(\"data-d\", String((i % 3) * 90)); el.classList.add(\"pc-pre\"); io.observe(el); }\r\n    });\r\n  }\r\n\r\n  \/* ---- copy buttons ---- *\/\r\n  $$(\"[data-pc-copy]\").forEach(function (btn) {\r\n    btn.addEventListener(\"click\", function () {\r\n      var text = btn.getAttribute(\"data-pc-copy\");\r\n      function done() { btn.classList.add(\"pc-done\"); setTimeout(function () { btn.classList.remove(\"pc-done\"); }, 1400); }\r\n      function fallback() {\r\n        var t = document.createElement(\"textarea\"); t.value = text; t.style.position = \"fixed\"; t.style.opacity = \"0\";\r\n        document.body.appendChild(t); t.select();\r\n        try { document.execCommand(\"copy\"); done(); } catch (e) {}\r\n        document.body.removeChild(t);\r\n      }\r\n      if (navigator.clipboard && navigator.clipboard.writeText) navigator.clipboard.writeText(text).then(done, fallback); else fallback();\r\n    });\r\n  });\r\n\r\n  \/* ---- form ---- *\/\r\n  var form = sec.querySelector(\"#pc-form\");\r\n  if (!form) return;\r\n  var status = form.querySelector(\".pc-status\"), sendBtn = form.querySelector(\".pc-send\"), sendLabel = sendBtn.querySelector(\"span:nth-child(2)\");\r\n  function field(input) { return input.closest(\".pc-field\"); }\r\n  function valid(input) {\r\n    if (input.name === \"email\") return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\/.test(input.value.trim());\r\n    if (input.required) return input.value.trim().length > 0;\r\n    return true;\r\n  }\r\n  function check(input) { var ok = valid(input); field(input).classList.toggle(\"pc-bad\", !ok); return ok; }\r\n  $$(\"input, textarea\", form).forEach(function (i) {\r\n    i.addEventListener(\"blur\", function () { if (i.value || field(i).classList.contains(\"pc-bad\")) check(i); });\r\n    i.addEventListener(\"input\", function () { if (field(i).classList.contains(\"pc-bad\")) check(i); });\r\n  });\r\n  function say(msg, ok) {\r\n    status.textContent = msg;\r\n    status.className = \"pc-status pc-show \" + (ok ? \"pc-ok\" : \"pc-no\");\r\n  }\r\n  form.addEventListener(\"submit\", function (e) {\r\n    e.preventDefault();\r\n    status.className = \"pc-status\";\r\n    var inputs = $$(\"input[name], textarea\", form).filter(function (i) { return i.name !== \"company_site\"; });\r\n    var allOk = true, first = null;\r\n    inputs.forEach(function (i) { if (!check(i)) { allOk = false; if (!first) first = i; } });\r\n    if (!allOk) { first.focus(); return; }\r\n    if (form.querySelector('[name=\"company_site\"]').value) return;   \/* spam trap *\/\r\n\r\n    var data = {};\r\n    inputs.forEach(function (i) { data[i.name] = i.value.trim(); });\r\n    var endpoint = form.getAttribute(\"data-endpoint\");\r\n\r\n    if (endpoint) {\r\n      sendBtn.disabled = true; sendBtn.classList.add(\"pc-busy\"); sendLabel.textContent = \"Sending\";\r\n      var fd = new FormData(); Object.keys(data).forEach(function (k) { fd.append(k, data[k]); });\r\n      fetch(endpoint, { method: \"POST\", body: fd, headers: { Accept: \"application\/json\" } })\r\n        .then(function (r) { if (!r.ok) throw new Error(\"bad\"); return r; })\r\n        .then(function () { say(\"Thank you. Your message has been sent.\", true); form.reset(); })\r\n        .catch(function () { say(\"Your message could not be sent. Please email \" + form.getAttribute(\"data-mailto\") + \" or call +92 333 1155222.\", false); })\r\n        .then(function () { sendBtn.disabled = false; sendBtn.classList.remove(\"pc-busy\"); sendLabel.textContent = \"Send Message\"; });\r\n    } else {\r\n      var to = form.getAttribute(\"data-mailto\");\r\n      var name = (data.first_name + \" \" + (data.last_name || \"\")).trim();\r\n      var subject = \"Message from \" + name;\r\n      var body = data.message + \"\\n\\n\" + name + \"\\n\" + data.email;\r\n      say(\"Your email app should open with the message ready. If it does not, please write to \" + to + \".\", true);\r\n      window.location.href = \"mailto:\" + to + \"?subject=\" + encodeURIComponent(subject) + \"&body=\" + encodeURIComponent(body);\r\n    }\r\n  });\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a72fa88 elementor-section-boxed elementor-section-height-default elementor-section-height-default mas-addons-sticky-no\" data-id=\"a72fa88\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;mas_addons_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ed85bb0\" data-id=\"ed85bb0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-67951c1 mas-addons-sticky-no elementor-widget elementor-widget-heading\" data-id=\"67951c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mas_addons_sticky&quot;:&quot;no&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Latest Blogs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-65d266e elementor-section-boxed elementor-section-height-default elementor-section-height-default mas-addons-sticky-no\" data-id=\"65d266e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;mas_addons_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4e8355b\" data-id=\"4e8355b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f2750a0 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top mas-addons-sticky-no elementor-widget elementor-widget-posts\" data-id=\"f2750a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;classic_masonry&quot;:&quot;yes&quot;,&quot;classic_columns&quot;:&quot;3&quot;,&quot;classic_columns_tablet&quot;:&quot;2&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;,&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;mas_addons_sticky&quot;:&quot;no&quot;}\" data-widget_type=\"posts.classic\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-13666 post type-post status-publish format-standard has-post-thumbnail hentry category-blogs\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/shetecdemo.com\/propertysoftware\/how-to-build-a-sales-pipeline\/\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"300\" height=\"157\" data-src=\"https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-21-at-6.53.48-PM-300x157.jpeg\" class=\"attachment-medium size-medium wp-image-13667 lazyload\" alt=\"How to Build a Sales Pipeline in a Real Estate CRM\" data-srcset=\"https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-21-at-6.53.48-PM-300x157.jpeg 300w, https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-21-at-6.53.48-PM-1024x536.jpeg 1024w, https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-21-at-6.53.48-PM-768x402.jpeg 768w, https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-21-at-6.53.48-PM.jpeg 1200w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/157;\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/shetecdemo.com\/propertysoftware\/how-to-build-a-sales-pipeline\/\" >\n\t\t\t\tHow to Build a Sales Pipeline in a Real Estate CRM\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tOctober 21, 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tNo Comments\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Summary Creating a sales pipeline in a real estate CRM is as simple as setting up each stage of the<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/shetecdemo.com\/propertysoftware\/how-to-build-a-sales-pipeline\/\" aria-label=\"Read more about How to Build a Sales Pipeline in a Real Estate CRM\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-13662 post type-post status-publish format-standard has-post-thumbnail hentry category-blogs\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/shetecdemo.com\/propertysoftware\/lead-scoring-in-real-estate-crm\/\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"300\" height=\"157\" data-src=\"https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-21-at-5.07.39-PM-1-300x157.jpeg\" class=\"attachment-medium size-medium wp-image-13663 lazyload\" alt=\"Lead Scoring in Real Estate CRM\" data-srcset=\"https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-21-at-5.07.39-PM-1-300x157.jpeg 300w, https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-21-at-5.07.39-PM-1-1024x536.jpeg 1024w, https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-21-at-5.07.39-PM-1-768x402.jpeg 768w, https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-21-at-5.07.39-PM-1.jpeg 1200w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/157;\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/shetecdemo.com\/propertysoftware\/lead-scoring-in-real-estate-crm\/\" >\n\t\t\t\tLead Scoring in Real Estate CRM: How to Find Serious Buyers Fast\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tOctober 21, 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tNo Comments\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>All property businesses understand the scenario. You get dozens of requests for your ads, but only a small number of<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/shetecdemo.com\/propertysoftware\/lead-scoring-in-real-estate-crm\/\" aria-label=\"Read more about Lead Scoring in Real Estate CRM: How to Find Serious Buyers Fast\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-13649 post type-post status-publish format-standard has-post-thumbnail hentry category-blogs\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/shetecdemo.com\/propertysoftware\/real-estate-crm-for-housing-societies-in-pakistan\/\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"300\" height=\"157\" data-src=\"https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-5.40.00-PM-300x157.jpeg\" class=\"attachment-medium size-medium wp-image-13650 lazyload\" alt=\"Real Estate CRM for Housing Societies in Pakistan\" data-srcset=\"https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-5.40.00-PM-300x157.jpeg 300w, https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-5.40.00-PM-1024x536.jpeg 1024w, https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-5.40.00-PM-768x402.jpeg 768w, https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-5.40.00-PM.jpeg 1200w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/157;\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/shetecdemo.com\/propertysoftware\/real-estate-crm-for-housing-societies-in-pakistan\/\" >\n\t\t\t\tReal Estate CRM for Housing Societies in Pakistan: A Complete Guide\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tOctober 19, 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tNo Comments\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Housing societies in Pakistan do more than just run a real estate company. Thousands of plots, hundreds of agents, long<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/shetecdemo.com\/propertysoftware\/real-estate-crm-for-housing-societies-in-pakistan\/\" aria-label=\"Read more about Real Estate CRM for Housing Societies in Pakistan: A Complete Guide\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PropertySoftware Home About Our Products Contact Us Book Demo Book Demo NewMade for real estate companies in Pakistan Best and latest property software in Pakistan One platform for CRM Emerging tools and efficient algorithms that help real estate companies build better relationships with clients and users, and stay head-to-head with their market competitors. Book Demo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-9967","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Best And Latest Property Software In Pakistan<\/title>\n<meta name=\"description\" content=\"Discover the power and potential of Property Software in Pakistan for enhancing your online and offline customer service. Explore how this innovative software.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/shetecdemo.com\/propertysoftware\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best And Latest Property Software In Pakistan\" \/>\n<meta property=\"og:description\" content=\"Discover the power and potential of Property Software in Pakistan for enhancing your online and offline customer service. Explore how this innovative software.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/shetecdemo.com\/propertysoftware\/\" \/>\n<meta property=\"og:site_name\" content=\"Best and Latest Property Software in Pakistan\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-23T05:07:12+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Best And Latest Property Software In Pakistan","description":"Discover the power and potential of Property Software in Pakistan for enhancing your online and offline customer service. Explore how this innovative software.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/shetecdemo.com\/propertysoftware\/","og_locale":"en_US","og_type":"article","og_title":"Best And Latest Property Software In Pakistan","og_description":"Discover the power and potential of Property Software in Pakistan for enhancing your online and offline customer service. Explore how this innovative software.","og_url":"https:\/\/shetecdemo.com\/propertysoftware\/","og_site_name":"Best and Latest Property Software in Pakistan","article_modified_time":"2026-10-23T05:07:12+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/shetecdemo.com\/propertysoftware\/","url":"https:\/\/shetecdemo.com\/propertysoftware\/","name":"Best And Latest Property Software In Pakistan","isPartOf":{"@id":"https:\/\/shetecdemo.com\/propertysoftware\/#website"},"datePublished":"2022-11-25T05:55:04+00:00","dateModified":"2026-10-23T05:07:12+00:00","description":"Discover the power and potential of Property Software in Pakistan for enhancing your online and offline customer service. Explore how this innovative software.","breadcrumb":{"@id":"https:\/\/shetecdemo.com\/propertysoftware\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/shetecdemo.com\/propertysoftware\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/shetecdemo.com\/propertysoftware\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/shetecdemo.com\/propertysoftware\/"},{"@type":"ListItem","position":2,"name":"Best And Latest Property Software In Pakistan"}]},{"@type":"WebSite","@id":"https:\/\/shetecdemo.com\/propertysoftware\/#website","url":"https:\/\/shetecdemo.com\/propertysoftware\/","name":"Best and Latest Property Software in Pakistan","description":"","publisher":{"@id":"https:\/\/shetecdemo.com\/propertysoftware\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/shetecdemo.com\/propertysoftware\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/shetecdemo.com\/propertysoftware\/#organization","name":"Best and Latest Property Software in Pakistan","url":"https:\/\/shetecdemo.com\/propertysoftware\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/shetecdemo.com\/propertysoftware\/#\/schema\/logo\/image\/","url":"https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2023\/04\/Property-Software-logo-150by100-01.png","contentUrl":"https:\/\/shetecdemo.com\/propertysoftware\/wp-content\/uploads\/2023\/04\/Property-Software-logo-150by100-01.png","width":625,"height":417,"caption":"Best and Latest Property Software in Pakistan"},"image":{"@id":"https:\/\/shetecdemo.com\/propertysoftware\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/shetecdemo.com\/propertysoftware\/wp-json\/wp\/v2\/pages\/9967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shetecdemo.com\/propertysoftware\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shetecdemo.com\/propertysoftware\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shetecdemo.com\/propertysoftware\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shetecdemo.com\/propertysoftware\/wp-json\/wp\/v2\/comments?post=9967"}],"version-history":[{"count":346,"href":"https:\/\/shetecdemo.com\/propertysoftware\/wp-json\/wp\/v2\/pages\/9967\/revisions"}],"predecessor-version":[{"id":13699,"href":"https:\/\/shetecdemo.com\/propertysoftware\/wp-json\/wp\/v2\/pages\/9967\/revisions\/13699"}],"wp:attachment":[{"href":"https:\/\/shetecdemo.com\/propertysoftware\/wp-json\/wp\/v2\/media?parent=9967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}