{"id":3350,"date":"2026-10-12T01:51:20","date_gmt":"2026-10-12T01:51:20","guid":{"rendered":"https:\/\/ghannamsecuritysystems.com\/staging\/?page_id=3350"},"modified":"2026-10-15T12:52:08","modified_gmt":"2026-10-15T12:52:08","slug":"new-home","status":"publish","type":"page","link":"https:\/\/ghannamsecuritysystems.com\/staging\/","title":{"rendered":"NEW HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3350\" class=\"elementor elementor-3350\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e71ee1c e-con-full e-flex e-con e-parent\" data-id=\"e71ee1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30d19c9 elementor-widget elementor-widget-html\" data-id=\"30d19c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.gh-hero {\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  background: #061738;\r\n  color: #fff;\r\n  font-family: Arial, sans-serif;\r\n  direction: ltr;\r\n}\r\n.gh-hero * { box-sizing: border-box; }\r\n\r\n.gh-hero .gh-hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -2;\r\n}\r\n.gh-hero .gh-hero-bg img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n.gh-hero::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -1;\r\n  background: linear-gradient(\r\n    90deg, rgba(3,15,42,.3), transparent 65%\r\n  );\r\n}\r\n.gh-hero .gh-hero-inner {\r\n  max-width: 1440px;\r\n  margin: auto;\r\n  min-height: 620px;\r\n  padding: 80px clamp(24px, 5vw, 80px);\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.gh-hero .gh-hero-content {\r\n  width: 49%;\r\n  max-width: 620px;\r\n  animation: gh-hero-enter .7s ease-out both;\r\n}\r\n.gh-hero .gh-eyebrow {\r\n  margin: 0 0 20px;\r\n  color: #8bc9ff;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 2.5px;\r\n  line-height: 1.8;\r\n}\r\n.gh-hero h1 {\r\n  margin: 0 0 24px;\r\n  color: #fff;\r\n  font-size: clamp(36px, 4.2vw, 64px);\r\n  line-height: 1.06;\r\n  font-weight: 900;\r\n  letter-spacing: -1.5px;\r\n}\r\n.gh-hero h1 span {\r\n  display: block;\r\n  color: #50ef62;\r\n}\r\n.gh-hero .gh-description {\r\n  margin: 0 0 28px;\r\n  max-width: 460px;\r\n  color: #e1ebff;\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n}\r\n.gh-hero .gh-hero-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n}\r\n.gh-hero .gh-hero-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  min-height: 48px;\r\n  padding: 14px 23px;\r\n  border-radius: 10px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  text-decoration: none !important;\r\n  transition: transform .2s, background .2s;\r\n}\r\n.gh-hero .gh-primary {\r\n  color: #082144 !important;\r\n  background: #50ef62;\r\n  border: 1px solid #50ef62;\r\n}\r\n.gh-hero .gh-secondary {\r\n  color: #fff !important;\r\n  background: rgba(6,23,56,.25);\r\n  border: 1px solid #b5c9eb;\r\n}\r\n.gh-hero .gh-hero-btn:hover { transform: translateY(-3px); }\r\n.gh-hero .gh-primary:hover { background: #78ff86; }\r\n.gh-hero .gh-secondary:hover { background: #ffffff15; }\r\n.gh-hero .gh-hero-btn:focus-visible {\r\n  outline: 2px solid #fff;\r\n  outline-offset: 4px;\r\n}\r\n.gh-hero .gh-features {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 24px;\r\n  margin-top: 35px;\r\n}\r\n.gh-hero .gh-feature {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  color: #e1ebff;\r\n  font-size: 10px;\r\n  line-height: 1.5;\r\n  letter-spacing: .7px;\r\n}\r\n.gh-hero .gh-feature svg {\r\n  width: 27px;\r\n  height: 27px;\r\n  flex-shrink: 0;\r\n  color: #fff;\r\n}\r\n@keyframes gh-hero-enter {\r\n  from { opacity: 0; transform: translateY(18px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n@media (min-width: 1600px) {\r\n  .gh-hero .gh-hero-inner { min-height: 710px; }\r\n}\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .gh-hero .gh-hero-inner {\r\n    min-height: 560px;\r\n    padding: 55px 28px;\r\n  }\r\n  .gh-hero .gh-hero-content { width: 51%; }\r\n  .gh-hero h1 { font-size: 38px; }\r\n  .gh-hero .gh-description { font-size: 14px; }\r\n  .gh-hero .gh-features { gap: 12px; }\r\n}\r\n@media (max-width: 767px) {\r\n  .gh-hero::before { background: none; }\r\n  .gh-hero .gh-hero-bg img { object-position: center bottom; }\r\n\r\n  .gh-hero .gh-hero-inner {\r\n    display: block;\r\n    min-height: max(740px, 177.78vw);\r\n    padding: 38px 22px 360px;\r\n  }\r\n  .gh-hero .gh-hero-content {\r\n    width: 100%;\r\n    max-width: 520px;\r\n    margin: auto;\r\n  }\r\n  .gh-hero .gh-eyebrow {\r\n    font-size: 9px;\r\n    letter-spacing: 1.5px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .gh-hero h1 {\r\n    font-size: clamp(32px, 8.5vw, 47px);\r\n    line-height: 1.08;\r\n    letter-spacing: -1px;\r\n    margin-bottom: 18px;\r\n  }\r\n  .gh-hero .gh-description {\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n    margin-bottom: 22px;\r\n    max-width: 360px;\r\n  }\r\n  .gh-hero .gh-hero-actions {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 9px;\r\n  }\r\n  .gh-hero .gh-hero-btn {\r\n    padding: 12px 8px;\r\n    min-height: 46px;\r\n    font-size: 12px;\r\n    gap: 6px;\r\n  }\r\n  .gh-hero .gh-features {\r\n    gap: 13px;\r\n    margin-top: 24px;\r\n  }\r\n  .gh-hero .gh-feature {\r\n    font-size: 8px;\r\n    gap: 6px;\r\n    letter-spacing: .2px;\r\n  }\r\n  .gh-hero .gh-feature svg { width: 22px; height: 22px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .gh-hero .gh-hero-content { animation: none; }\r\n  .gh-hero .gh-hero-btn { transition: none; }\r\n}\r\n.gh-hero {\r\n  width: 100vw;\r\n  max-width: none;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  margin-top: -22px !important;\r\n}\r\n@media (min-width: 1025px) {\r\n  .gh-hero .gh-hero-inner {\r\n    max-width: none;\r\n    padding-left: clamp(24px, 4vw, 70px);\r\n    padding-right: clamp(24px, 4vw, 70px);\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"gh-hero\" aria-labelledby=\"gh-hero-title\">\r\n  <picture class=\"gh-hero-bg\">\r\n    <source\r\n      media=\"(max-width: 767px)\"\r\n      srcset=\"https:\/\/ghannamsecuritysystems.com\/wp-content\/uploads\/2026\/10\/home-hero-phone.webp\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/ghannamsecuritysystems.com\/wp-content\/uploads\/2026\/10\/home-hero-pc.webp\"\r\n      alt=\"\"\r\n      fetchpriority=\"high\">\r\n  <\/picture>\r\n\r\n  <div class=\"gh-hero-inner\">\r\n    <div class=\"gh-hero-content\">\r\n\r\n      <p class=\"gh-eyebrow\">\r\n        CCTV \u00b7 SATELLITE \u00b7 ALARMS \u00b7 SOLAR SOLUTIONS\r\n      <\/p>\r\n\r\n      <h1 id=\"gh-hero-title\">\r\n        SMART SECURITY.\r\n        <span>TOTAL CONTROL.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"gh-description\">\r\n        Security cameras, satellite receivers, alarm systems\r\n        and solar equipment for a safer, smarter tomorrow.\r\n      <\/p>\r\n\r\n      <div class=\"gh-hero-actions\">\r\n        <a class=\"gh-hero-btn gh-primary\" href=\"\/shop\/\">\r\n  All Products <span aria-hidden=\"true\">\u2192<\/span>\r\n<\/a>\r\n        <a class=\"gh-hero-btn gh-secondary\" href=\"\/contact-us\/\">\r\n          Contact Us\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"gh-features\">\r\n        <div class=\"gh-feature\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n            stroke=\"currentColor\" stroke-width=\"1.5\"\r\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n            aria-hidden=\"true\">\r\n            <path d=\"m3 7 13-3 3 9-13 3Z\"\/>\r\n            <path d=\"m16 5 4-1 2 6-4 1M8 16v4h8M12 15v5\"\/>\r\n          <\/svg>\r\n          <span>WATCH<br>ANYWHERE<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"gh-feature\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n            stroke=\"currentColor\" stroke-width=\"1.5\"\r\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n            aria-hidden=\"true\">\r\n            <path d=\"m12 3 8 3v6c0 5-8 9-8 9s-8-4-8-9V6l8-3Z\"\/>\r\n            <path d=\"m8 12 3 3 5-6\"\/>\r\n          <\/svg>\r\n          <span>PROTECT<br>WHAT MATTERS<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"gh-feature\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n            stroke=\"currentColor\" stroke-width=\"1.5\"\r\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n            aria-hidden=\"true\">\r\n            <path d=\"m3 11 9-8 9 8M5 9v12h14V9\"\/>\r\n            <path d=\"M9 21v-7h6v7\"\/>\r\n          <\/svg>\r\n          <span>SMARTER<br>LIVING<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59efac1 e-con-full e-flex e-con e-parent\" data-id=\"59efac1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1a3c7b elementor-widget elementor-widget-html\" data-id=\"d1a3c7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.gh-brand-strip {\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  background: linear-gradient(110deg, #f7f9fc, #eaf0f7);\r\n  border-bottom: 1px solid #e3e9f1;\r\n  font-family: Arial, sans-serif;\r\n  direction: ltr;\r\n}\r\n.gh-brand-strip * { box-sizing: border-box; }\r\n.gh-brand-strip .gh-brand-inner {\r\n  padding: 28px clamp(24px, 4vw, 70px);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 32px;\r\n}\r\n.gh-brand-strip .gh-brand-name {\r\n  color: #22b958;\r\n  font-size: clamp(30px, 3vw, 44px);\r\n  font-weight: 900;\r\n  letter-spacing: -1px;\r\n  line-height: 1;\r\n}\r\n.gh-brand-strip .gh-brand-label {\r\n  color: #233b60;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  line-height: 1.6;\r\n  border-left: 1px solid #b9c7da;\r\n  padding-left: 32px;\r\n}\r\n.gh-brand-strip .gh-brand-link {\r\n  margin-left: auto;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: #0755df;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n}\r\n.gh-brand-strip .gh-brand-link span {\r\n  transition: transform .2s;\r\n}\r\n.gh-brand-strip .gh-brand-link:hover span {\r\n  transform: translateX(4px);\r\n}\r\n@media (max-width: 767px) {\r\n  .gh-brand-strip .gh-brand-inner {\r\n    padding: 22px 20px;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n  }\r\n  .gh-brand-strip .gh-brand-name { font-size: 32px; }\r\n  .gh-brand-strip .gh-brand-label {\r\n    padding-left: 16px;\r\n    font-size: 9px;\r\n    letter-spacing: 1.5px;\r\n  }\r\n  .gh-brand-strip .gh-smart-label { display: none; }\r\n  .gh-brand-strip .gh-brand-link {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    font-size: 12px;\r\n  }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .gh-brand-strip .gh-brand-link span { transition: none; }\r\n}\r\n.gh-brand-strip {\r\n  margin-top: -20px !important;\r\n}\r\n<\/style>\r\n\r\n<section class=\"gh-brand-strip\" aria-label=\"Explore Tiandy cameras\">\r\n  <div class=\"gh-brand-inner\">\r\n    <span class=\"gh-brand-name\">TIANDY<\/span>\r\n    <span class=\"gh-brand-label\">SECURITY CAMERAS<\/span>\r\n    <span class=\"gh-brand-label gh-smart-label\">SMART TECHNOLOGY<\/span>\r\n\r\n    <a class=\"gh-brand-link\" href=\"\/product-category\/tiandy\/\">\r\n      Explore Tiandy <span aria-hidden=\"true\">\u2192<\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c55ae02 e-con-full e-flex e-con e-parent\" data-id=\"c55ae02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce393c0 elementor-widget elementor-widget-html\" data-id=\"ce393c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.gh-solutions {\n  width: 100vw;\n  max-width: none;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  background: #fff;\n  color: #10254b;\n  font-family: Arial, sans-serif;\n  direction: ltr;\n}\n\n.gh-solutions *,\n.gh-solutions *::before,\n.gh-solutions *::after {\n  box-sizing: border-box;\n}\n\n.gh-solutions .ghs-inner {\n  max-width: none;\n  margin: auto;\n  padding: 65px 28px 70px;\n}\n\n.gh-solutions .ghs-heading {\n  margin-bottom: 28px;\n}\n\n.gh-solutions .ghs-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  margin: 0 0 12px;\n  color: #12863c;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n}\n\n.gh-solutions .ghs-eyebrow::before {\n  content: \"\";\n  width: 22px;\n  height: 3px;\n  border-radius: 3px;\n  background: #25b960;\n}\n\n.gh-solutions .ghs-heading h2 {\n  margin: 0 0 10px;\n  color: #10254b;\n  font-size: clamp(28px, 3.2vw, 44px);\n  font-weight: 800;\n  line-height: 1.15;\n  letter-spacing: -1.2px;\n}\n\n.gh-solutions .ghs-heading p {\n  margin: 0;\n  color: #68768a;\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.gh-solutions .ghs-grid {\n  display: grid;\n  grid-template-columns: 1.1fr 1fr 1fr;\n  grid-template-rows: 260px 230px;\n  gap: 18px;\n}\n\n.gh-solutions .ghs-card {\n  position: relative;\n  display: block;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid #e5ebf2;\n  border-radius: 20px;\n  background: #edf2f7;\n  text-decoration: none !important;\n  isolation: isolate;\n  box-shadow: 0 4px 15px #10254b05;\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease,\n    border-color .3s ease;\n}\n\n.gh-solutions .ghs-card img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  object-fit: cover;\n  z-index: 0;\n  transition: transform .65s ease;\n}\n\n\/* Black overlay: PC + Phone *\/\n.gh-solutions .ghs-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  display: block;\n  z-index: 1;\n  pointer-events: none;\n  background: linear-gradient(\n    180deg,\n    rgba(0, 0, 0, .70) 0%,\n    rgba(0, 0, 0, .43) 48%,\n    rgba(0, 0, 0, .25) 100%\n  );\n}\n\n.gh-solutions .ghs-camera {\n  grid-column: 1;\n  grid-row: 1 \/ 3;\n}\n\n.gh-solutions .ghs-camera img {\n  object-position: 62% center;\n}\n\n.gh-solutions .ghs-nvr {\n  grid-column: 2;\n  grid-row: 1;\n}\n\n.gh-solutions .ghs-nvr img {\n  object-position: center 70%;\n}\n\n.gh-solutions .ghs-alarm {\n  grid-column: 3;\n  grid-row: 1;\n}\n\n.gh-solutions .ghs-solar {\n  grid-column: 2 \/ 4;\n  grid-row: 2;\n}\n\n.gh-solutions .ghs-solar img {\n  object-position: center;\n}\n\n.gh-solutions .ghs-content {\n  position: relative;\n  z-index: 2;\n  padding: 24px;\n  max-width: 100%;\n}\n\n.gh-solutions .ghs-tag {\n  display: inline-block;\n  margin-bottom: 11px;\n  color: #fff !important;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n}\n\n.gh-solutions .ghs-content h3 {\n  margin: 0 0 8px;\n  color: #fff !important;\n  font-size: 23px;\n  font-weight: 800;\n  line-height: 1.15;\n  letter-spacing: -.6px;\n  text-shadow: 0 2px 10px rgba(0, 0, 0, .3);\n}\n\n.gh-solutions .ghs-content p {\n  max-width: 230px;\n  margin: 0;\n  color: #fff !important;\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n.gh-solutions .ghs-camera .ghs-content {\n  padding: 30px;\n}\n\n.gh-solutions .ghs-camera .ghs-content h3 {\n  font-size: 32px;\n}\n\n.gh-solutions .ghs-solar .ghs-content {\n  max-width: 52%;\n}\n\n.gh-solutions .ghs-action {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 17px;\n  color: #fff !important;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.gh-solutions .ghs-action svg {\n  width: 16px;\n  height: 16px;\n  transition: transform .3s ease;\n}\n\n.gh-solutions .ghs-circle {\n  position: absolute;\n  right: 18px;\n  bottom: 18px;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border: 1px solid #ffffffaa;\n  border-radius: 50%;\n  background: #ffffffee;\n  color: #0755df;\n  box-shadow: 0 4px 15px #10254b12;\n  transition: background .3s ease, color .3s ease;\n}\n\n.gh-solutions .ghs-circle svg {\n  width: 18px;\n  height: 18px;\n}\n\n.gh-solutions .ghs-solar .ghs-circle {\n  color: #12863c;\n}\n\n.gh-solutions .ghs-card:focus-visible {\n  outline: 3px solid #0755df;\n  outline-offset: 4px;\n}\n\n\/* Hover *\/\n@media (hover: hover) and (pointer: fine) {\n  .gh-solutions .ghs-card:hover {\n    transform: translateY(-5px);\n    border-color: #bfd4f7;\n    box-shadow: 0 16px 30px #10254b20;\n  }\n\n  .gh-solutions .ghs-card:hover img {\n    transform: scale(1.055);\n  }\n\n  .gh-solutions .ghs-card:hover .ghs-action svg {\n    transform: translateX(4px);\n  }\n\n  .gh-solutions .ghs-card:hover .ghs-circle {\n    background: #0755df;\n    color: #fff;\n  }\n\n  .gh-solutions .ghs-solar:hover .ghs-circle {\n    background: #12863c;\n  }\n}\n\n\/* Tablet *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .gh-solutions .ghs-inner {\n    padding-left: 22px;\n    padding-right: 22px;\n  }\n\n  .gh-solutions .ghs-grid {\n    grid-template-columns: 1fr 1fr 1fr;\n    grid-template-rows: 240px 210px;\n    gap: 12px;\n  }\n\n  .gh-solutions .ghs-content,\n  .gh-solutions .ghs-camera .ghs-content {\n    padding: 20px;\n  }\n\n  .gh-solutions .ghs-content h3 {\n    font-size: 20px;\n  }\n\n  .gh-solutions .ghs-camera .ghs-content h3 {\n    font-size: 27px;\n  }\n}\n\n\/* Phone *\/\n@media (max-width: 767px) {\n  .gh-solutions .ghs-inner {\n    padding: 38px 16px 42px;\n  }\n\n  .gh-solutions .ghs-heading {\n    margin-bottom: 21px;\n  }\n\n  .gh-solutions .ghs-heading h2 {\n    font-size: 29px;\n    letter-spacing: -.8px;\n  }\n\n  .gh-solutions .ghs-heading p {\n    max-width: 320px;\n    font-size: 12px;\n  }\n\n  .gh-solutions .ghs-eyebrow {\n    font-size: 9px;\n    letter-spacing: 1.5px;\n  }\n\n  .gh-solutions .ghs-grid {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: none;\n    grid-auto-rows: 240px;\n    gap: 14px;\n  }\n\n  .gh-solutions .ghs-card {\n    grid-column: 1;\n    grid-row: auto;\n    border-radius: 14px;\n  }\n\n  .gh-solutions .ghs-content,\n  .gh-solutions .ghs-camera .ghs-content {\n    padding: 22px;\n  }\n\n  .gh-solutions .ghs-content h3,\n  .gh-solutions .ghs-camera .ghs-content h3 {\n    font-size: 25px;\n    letter-spacing: -.4px;\n  }\n\n  .gh-solutions .ghs-content p {\n    display: none;\n  }\n\n  .gh-solutions .ghs-tag {\n    margin-bottom: 8px;\n    font-size: 9px;\n    letter-spacing: 1px;\n  }\n\n  .gh-solutions .ghs-action {\n    gap: 6px;\n    margin-top: 14px;\n    font-size: 12px;\n  }\n\n  .gh-solutions .ghs-circle {\n    right: 14px;\n    bottom: 14px;\n    width: 32px;\n    height: 32px;\n  }\n\n  .gh-solutions .ghs-circle svg {\n    width: 16px;\n    height: 16px;\n  }\n\n  .gh-solutions .ghs-camera img {\n    object-position: center 58%;\n  }\n\n  .gh-solutions .ghs-nvr img {\n    object-position: 65% 70%;\n  }\n\n  .gh-solutions .ghs-alarm img {\n    object-position: center 70%;\n  }\n\n  .gh-solutions .ghs-solar img {\n    object-position: 65% center;\n  }\n\n  .gh-solutions .ghs-solar .ghs-content {\n    max-width: 100%;\n  }\n\n  .gh-solutions .ghs-card:active {\n    transform: scale(.98);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .gh-solutions .ghs-card,\n  .gh-solutions .ghs-card img,\n  .gh-solutions .ghs-action svg,\n  .gh-solutions .ghs-circle {\n    transition: none;\n  }\n}\n<\/style>\n\n<section class=\"gh-solutions\" aria-labelledby=\"ghs-title\">\n  <div class=\"ghs-inner\">\n\n    <div class=\"ghs-heading\">\n      <div class=\"ghs-eyebrow\">OUR SOLUTIONS<\/div>\n      <h2 id=\"ghs-title\">Built for your space.<\/h2>\n      <p>\n        Smart security and energy solutions\n        for your home and business.\n      <\/p>\n    <\/div>\n\n    <div class=\"ghs-grid\">\n\n      <!-- Security Cameras -->\n      <a class=\"ghs-card ghs-camera\"\n        href=\"\/product-category\/tiandy\/\">\n\n        <img\n          src=\"https:\/\/ghannamsecuritysystems.com\/wp-content\/uploads\/2026\/10\/category-cameras.webp\"\n          alt=\"Security camera\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <div class=\"ghs-content\">\n          <span class=\"ghs-tag\">SEE EVERY DETAIL<\/span>\n          <h3>Security<br>Cameras<\/h3>\n          <p>Keep an eye on what matters, wherever you are.<\/p>\n\n          <span class=\"ghs-action\">\n            Explore Cameras\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"\n              stroke=\"currentColor\" stroke-width=\"1.8\"\n              stroke-linecap=\"round\" stroke-linejoin=\"round\"\n              aria-hidden=\"true\">\n              <path d=\"M4 12h15M13 6l6 6-6 6\"\/>\n            <\/svg>\n          <\/span>\n        <\/div>\n\n        <span class=\"ghs-circle\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M7 17 17 7M7 7h10v10\"\/>\n          <\/svg>\n        <\/span>\n      <\/a>\n\n      <!-- Accessories -->\n<a class=\"ghs-card ghs-nvr\"\n  href=\"\/product-category\/accessories\/\">\n\n  <img\n    src=\"https:\/\/ghannamsecuritysystems.com\/wp-content\/uploads\/2026\/10\/category-accessories.webp\"\n    alt=\"\"\n    loading=\"lazy\"\n    decoding=\"async\">\n\n  <div class=\"ghs-content\">\n    <span class=\"ghs-tag\">COMPLETE YOUR SETUP<\/span>\n    <h3>Accessories<\/h3>\n    <p>Essential extras for your security system.<\/p>\n\n    <span class=\"ghs-action\">\n      Explore Accessories\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"\n        stroke=\"currentColor\" stroke-width=\"1.8\"\n        stroke-linecap=\"round\" stroke-linejoin=\"round\"\n        aria-hidden=\"true\">\n        <path d=\"M4 12h15M13 6l6 6-6 6\"\/>\n      <\/svg>\n    <\/span>\n  <\/div>\n\n  <span class=\"ghs-circle\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\"\n      stroke=\"currentColor\" stroke-width=\"1.8\"\n      stroke-linecap=\"round\" stroke-linejoin=\"round\">\n      <path d=\"M7 17 17 7M7 7h10v10\"\/>\n    <\/svg>\n  <\/span>\n<\/a>\n\n      <!-- Alarm Systems -->\n      <a class=\"ghs-card ghs-alarm\"\n        href=\"\/product-category\/alarm-systems\/\">\n\n        <img\n          src=\"https:\/\/ghannamsecuritysystems.com\/wp-content\/uploads\/2026\/10\/category-alarms.webp\"\n          alt=\"Home alarm system and sensors\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <div class=\"ghs-content\">\n          <span class=\"ghs-tag\">STAY PROTECTED<\/span>\n          <h3>Alarm<br>Systems<\/h3>\n          <p>Extra peace of mind for your space.<\/p>\n\n          <span class=\"ghs-action\">\n            Explore Alarms\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"\n              stroke=\"currentColor\" stroke-width=\"1.8\"\n              stroke-linecap=\"round\" stroke-linejoin=\"round\"\n              aria-hidden=\"true\">\n              <path d=\"M4 12h15M13 6l6 6-6 6\"\/>\n            <\/svg>\n          <\/span>\n        <\/div>\n\n        <span class=\"ghs-circle\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M7 17 17 7M7 7h10v10\"\/>\n          <\/svg>\n        <\/span>\n      <\/a>\n\n      <!-- Solar Energy -->\n      <a class=\"ghs-card ghs-solar\"\n        href=\"\/product-category\/electric-solar-system\/\">\n\n        <img\n          src=\"https:\/\/ghannamsecuritysystems.com\/wp-content\/uploads\/2026\/10\/category-solar.webp\"\n          alt=\"Solar energy panels\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <div class=\"ghs-content\">\n          <span class=\"ghs-tag\">POWER YOUR EVERYDAY<\/span>\n          <h3>Solar Energy<\/h3>\n          <p>A smarter way to power your home and business.<\/p>\n\n          <span class=\"ghs-action\">\n            Explore Solar\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"\n              stroke=\"currentColor\" stroke-width=\"1.8\"\n              stroke-linecap=\"round\" stroke-linejoin=\"round\"\n              aria-hidden=\"true\">\n              <path d=\"M4 12h15M13 6l6 6-6 6\"\/>\n            <\/svg>\n          <\/span>\n        <\/div>\n\n        <span class=\"ghs-circle\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M7 17 17 7M7 7h10v10\"\/>\n          <\/svg>\n        <\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2b3b1a e-con-full e-flex e-con e-parent\" data-id=\"e2b3b1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb20c9e elementor-widget elementor-widget-html\" data-id=\"cb20c9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.gh-monitor {\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: none;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background: #061738;\r\n  font-family: Arial, sans-serif;\r\n  direction: ltr;\r\n}\r\n\r\n.gh-monitor *,\r\n.gh-monitor *::before,\r\n.gh-monitor *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Background *\/\r\n.gh-monitor .ghm-background {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  display: block;\r\n}\r\n\r\n.gh-monitor .ghm-background img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  max-width: none;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n\/* Desktop *\/\r\n.gh-monitor .ghm-inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: max(340px, 33.333vw);\r\n  padding: 35px 0;\r\n}\r\n\r\n.gh-monitor .ghm-content {\r\n  width: 30%;\r\n  margin-left: 47%;\r\n  padding-right: 12px;\r\n}\r\n\r\n.gh-monitor .ghm-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-bottom: 13px;\r\n  color: #79baff;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.gh-monitor .ghm-dot {\r\n  flex-shrink: 0;\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: #65ee75;\r\n  box-shadow: 0 0 0 4px rgba(101, 238, 117, .12);\r\n  animation: ghm-pulse 2s ease-in-out infinite;\r\n}\r\n\r\n.gh-monitor .ghm-content h2 {\r\n  margin: 0 0 15px;\r\n  color: #fff !important;\r\n  font-size: clamp(27px, 2.7vw, 52px);\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  letter-spacing: -1.2px;\r\n}\r\n\r\n.gh-monitor .ghm-content h2 span {\r\n  display: block;\r\n  color: #73ed71;\r\n}\r\n\r\n.gh-monitor .ghm-content p {\r\n  max-width: 390px;\r\n  margin: 0 0 21px;\r\n  color: #d1deef;\r\n  font-size: clamp(12px, 1vw, 16px);\r\n  line-height: 1.7;\r\n}\r\n\r\n.gh-monitor .ghm-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  min-height: 44px;\r\n  padding: 13px 20px;\r\n  border: 1px solid #73ed71;\r\n  border-radius: 8px;\r\n  background: #73ed71;\r\n  color: #07254a !important;\r\n  text-decoration: none !important;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  transition:\r\n    background .25s ease,\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.gh-monitor .ghm-button svg {\r\n  width: 17px;\r\n  height: 17px;\r\n  transition: transform .25s ease;\r\n}\r\n\r\n.gh-monitor .ghm-button:focus-visible {\r\n  outline: 3px solid #fff;\r\n  outline-offset: 5px;\r\n}\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n  .gh-monitor .ghm-button:hover {\r\n    background: #98fa92;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 24px rgba(115, 237, 113, .22);\r\n  }\r\n\r\n  .gh-monitor .ghm-button:hover svg {\r\n    transform: translateX(4px);\r\n  }\r\n}\r\n\r\n@keyframes ghm-pulse {\r\n  0%, 100% {\r\n    box-shadow: 0 0 0 4px rgba(101, 238, 117, .12);\r\n  }\r\n\r\n  50% {\r\n    box-shadow: 0 0 0 7px rgba(101, 238, 117, .03);\r\n  }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .gh-monitor .ghm-inner {\r\n    min-height: 350px;\r\n  }\r\n\r\n  .gh-monitor .ghm-background img {\r\n    object-fit: fill;\r\n  }\r\n\r\n  .gh-monitor .ghm-content {\r\n    width: 31%;\r\n    margin-left: 46%;\r\n    padding-right: 8px;\r\n  }\r\n\r\n  .gh-monitor .ghm-eyebrow {\r\n    font-size: 8px;\r\n    letter-spacing: 1.2px;\r\n  }\r\n\r\n  .gh-monitor .ghm-content h2 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .gh-monitor .ghm-content p {\r\n    font-size: 11px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .gh-monitor .ghm-button {\r\n    padding: 12px 14px;\r\n    font-size: 11px;\r\n  }\r\n}\r\n\r\n\/* Phone *\/\r\n@media (max-width: 767px) {\r\n  .gh-monitor .ghm-inner {\r\n    display: block;\r\n    min-height: max(640px, 177.778vw);\r\n    padding: 35px 22px 0;\r\n  }\r\n\r\n  .gh-monitor .ghm-background img {\r\n    object-fit: cover;\r\n    object-position: center bottom;\r\n  }\r\n\r\n  .gh-monitor .ghm-content {\r\n    width: 100%;\r\n    max-width: 440px;\r\n    margin-left: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  .gh-monitor .ghm-eyebrow {\r\n    margin-bottom: 14px;\r\n    font-size: 9px;\r\n    letter-spacing: 1.8px;\r\n  }\r\n\r\n  .gh-monitor .ghm-content h2 {\r\n    margin-bottom: 13px;\r\n    font-size: clamp(32px, 9vw, 44px);\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .gh-monitor .ghm-content p {\r\n    max-width: 340px;\r\n    margin-bottom: 19px;\r\n    font-size: 12px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .gh-monitor .ghm-button {\r\n    min-height: 44px;\r\n    padding: 13px 19px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .gh-monitor .ghm-dot {\r\n    animation: none;\r\n  }\r\n\r\n  .gh-monitor .ghm-button,\r\n  .gh-monitor .ghm-button svg {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"gh-monitor\" aria-labelledby=\"ghm-title\">\r\n\r\n  <picture class=\"ghm-background\" aria-hidden=\"true\">\r\n    <source\r\n      media=\"(max-width: 767px)\"\r\n      srcset=\"https:\/\/ghannamsecuritysystems.com\/wp-content\/uploads\/2026\/10\/monitor-phone.webp\">\r\n\r\n    <img\r\n      src=\"https:\/\/ghannamsecuritysystems.com\/wp-content\/uploads\/2026\/10\/monitor-pc.webp\"\r\n      alt=\"\"\r\n      loading=\"lazy\"\r\n      decoding=\"async\">\r\n  <\/picture>\r\n\r\n  <div class=\"ghm-inner\">\r\n    <div class=\"ghm-content\">\r\n\r\n      <div class=\"ghm-eyebrow\">\r\n        <span class=\"ghm-dot\" aria-hidden=\"true\"><\/span>\r\n        REAL-TIME MONITORING\r\n      <\/div>\r\n\r\n      <h2 id=\"ghm-title\">\r\n        See more.\r\n        <span>Worry less.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Keep an eye on what matters, from anywhere.\r\n        Our advanced security cameras give you clear views,\r\n        real-time monitoring and complete peace of mind.\r\n      <\/p>\r\n\r\n      <a class=\"ghm-button\"\r\n        href=\"\/product-category\/tiandy\/\">\r\n        Browse Cameras\r\n\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          aria-hidden=\"true\">\r\n          <path d=\"M4 12h15M13 6l6 6-6 6\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-378142f e-con-full e-flex e-con e-parent\" data-id=\"378142f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b241c8c elementor-widget elementor-widget-html\" data-id=\"b241c8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.gh-why {\r\n  width: 100vw;\r\n  max-width: none;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  background: #f8faff;\r\n  color: #10254b;\r\n  font-family: Arial, sans-serif;\r\n  direction: ltr;\r\n}\r\n\r\n.gh-why *,\r\n.gh-why *::before,\r\n.gh-why *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gh-why .ghw-inner {\r\n  padding: 65px 28px 70px;\r\n}\r\n\r\n.gh-why .ghw-heading {\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.gh-why .ghw-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  margin-bottom: 12px;\r\n  color: #12863c;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.gh-why .ghw-eyebrow::before {\r\n  content: \"\";\r\n  width: 22px;\r\n  height: 3px;\r\n  border-radius: 3px;\r\n  background: #25b960;\r\n}\r\n\r\n.gh-why .ghw-heading h2 {\r\n  margin: 0 0 12px;\r\n  color: #10254b;\r\n  font-size: clamp(28px, 3.2vw, 44px);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -1.2px;\r\n}\r\n\r\n.gh-why .ghw-heading h2 span {\r\n  color: #0755df;\r\n}\r\n\r\n.gh-why .ghw-heading p {\r\n  max-width: 580px;\r\n  margin: 0;\r\n  color: #68768a;\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.gh-why .ghw-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n.gh-why .ghw-card {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 28px 24px;\r\n  border: 1px solid #e4ebf5;\r\n  border-radius: 18px;\r\n  background: #fff;\r\n  box-shadow: 0 5px 18px rgba(16, 37, 75, .03);\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n.gh-why .ghw-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -35px;\r\n  top: -35px;\r\n  width: 100px;\r\n  height: 100px;\r\n  border-radius: 50%;\r\n  background: #f2f7ff;\r\n  pointer-events: none;\r\n  transition: transform .4s ease;\r\n}\r\n\r\n.gh-why .ghw-card:nth-child(even)::after {\r\n  background: #effaf3;\r\n}\r\n\r\n.gh-why .ghw-top {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 15px;\r\n  margin-bottom: 23px;\r\n}\r\n\r\n.gh-why .ghw-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  width: 58px;\r\n  height: 58px;\r\n  border: 1px solid #dce9ff;\r\n  border-radius: 16px;\r\n  background: #eef5ff;\r\n  color: #0755df;\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease,\r\n    color .3s ease;\r\n}\r\n\r\n.gh-why .ghw-card:nth-child(even) .ghw-icon {\r\n  border-color: #d7efdf;\r\n  background: #eaf9ef;\r\n  color: #12863c;\r\n}\r\n\r\n.gh-why .ghw-icon svg {\r\n  width: 29px;\r\n  height: 29px;\r\n}\r\n\r\n.gh-why .ghw-number {\r\n  color: #dbe4f1;\r\n  font-size: 30px;\r\n  font-weight: 800;\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.gh-why .ghw-card h3 {\r\n  position: relative;\r\n  z-index: 1;\r\n  margin: 0 0 11px;\r\n  color: #10254b;\r\n  font-size: 20px;\r\n  font-weight: 800;\r\n  line-height: 1.25;\r\n  letter-spacing: -.4px;\r\n}\r\n\r\n.gh-why .ghw-card p {\r\n  position: relative;\r\n  z-index: 1;\r\n  margin: 0;\r\n  color: #68768a;\r\n  font-size: 13px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.gh-why .ghw-line {\r\n  width: 30px;\r\n  height: 3px;\r\n  margin-top: 23px;\r\n  border-radius: 3px;\r\n  background: #0755df;\r\n  transition: width .35s ease;\r\n}\r\n\r\n.gh-why .ghw-card:nth-child(even) .ghw-line {\r\n  background: #25b960;\r\n}\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n  .gh-why .ghw-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: #bad1f8;\r\n    box-shadow: 0 16px 30px rgba(16, 37, 75, .08);\r\n  }\r\n\r\n  .gh-why .ghw-card:nth-child(even):hover {\r\n    border-color: #a8dcb9;\r\n  }\r\n\r\n  .gh-why .ghw-card:hover .ghw-icon {\r\n    transform: rotate(-6deg);\r\n    background: #0755df;\r\n    color: #fff;\r\n  }\r\n\r\n  .gh-why .ghw-card:nth-child(even):hover .ghw-icon {\r\n    background: #12863c;\r\n    color: #fff;\r\n  }\r\n\r\n  .gh-why .ghw-card:hover .ghw-line {\r\n    width: 65px;\r\n  }\r\n\r\n  .gh-why .ghw-card:hover::after {\r\n    transform: scale(1.2);\r\n  }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .gh-why .ghw-inner {\r\n    padding: 50px 22px;\r\n  }\r\n\r\n  .gh-why .ghw-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 16px;\r\n  }\r\n}\r\n\r\n\/* Phone *\/\r\n@media (max-width: 767px) {\r\n  .gh-why .ghw-inner {\r\n    padding: 38px 16px 42px;\r\n  }\r\n\r\n  .gh-why .ghw-heading {\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .gh-why .ghw-eyebrow {\r\n    font-size: 9px;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .gh-why .ghw-heading h2 {\r\n    font-size: 29px;\r\n    letter-spacing: -.8px;\r\n  }\r\n\r\n  .gh-why .ghw-heading p {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .gh-why .ghw-grid {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 12px;\r\n  }\r\n\r\n  .gh-why .ghw-card {\r\n    padding: 20px;\r\n    border-radius: 14px;\r\n  }\r\n\r\n  .gh-why .ghw-top {\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .gh-why .ghw-icon {\r\n    width: 46px;\r\n    height: 46px;\r\n    border-radius: 13px;\r\n  }\r\n\r\n  .gh-why .ghw-icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n\r\n  .gh-why .ghw-number {\r\n    font-size: 25px;\r\n  }\r\n\r\n  .gh-why .ghw-card h3 {\r\n    margin-bottom: 7px;\r\n    font-size: 19px;\r\n  }\r\n\r\n  .gh-why .ghw-card p {\r\n    font-size: 12px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .gh-why .ghw-line {\r\n    margin-top: 16px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .gh-why .ghw-card,\r\n  .gh-why .ghw-card::after,\r\n  .gh-why .ghw-icon,\r\n  .gh-why .ghw-line {\r\n    transition: none;\r\n  }\r\n}\r\n.gh-why .ghw-number {\r\n  transition: color .3s ease;\r\n}\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n  .gh-why .ghw-card:hover .ghw-number {\r\n    color: #0755df;\r\n  }\r\n\r\n  .gh-why .ghw-card:nth-child(even):hover .ghw-number {\r\n    color: #12863c;\r\n  }\r\n}\r\n.gh-why.ghw-reveal-ready .ghw-card {\r\n  opacity: 0;\r\n  transform: translateY(28px);\r\n}\r\n\r\n.gh-why.ghw-reveal-ready .ghw-card.ghw-visible {\r\n  animation: ghw-reveal .65s ease both;\r\n  animation-delay: var(--ghw-delay, 0ms);\r\n}\r\n\r\n@keyframes ghw-reveal {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .gh-why.ghw-reveal-ready .ghw-card {\r\n    opacity: 1;\r\n    transform: none;\r\n    animation: none !important;\r\n  }\r\n}\r\n.gh-why .ghw-card.ghw-tapped {\r\n  transform: translateY(-6px);\r\n  border-color: #bad1f8;\r\n  box-shadow: 0 16px 30px rgba(16, 37, 75, .08);\r\n}\r\n\r\n.gh-why .ghw-card:nth-child(even).ghw-tapped {\r\n  border-color: #a8dcb9;\r\n}\r\n\r\n.gh-why .ghw-card.ghw-tapped .ghw-icon {\r\n  transform: rotate(-6deg);\r\n  background: #0755df;\r\n  color: #fff;\r\n}\r\n\r\n.gh-why .ghw-card:nth-child(even).ghw-tapped .ghw-icon {\r\n  background: #12863c;\r\n  color: #fff;\r\n}\r\n\r\n.gh-why .ghw-card.ghw-tapped .ghw-number {\r\n  color: #0755df;\r\n}\r\n\r\n.gh-why .ghw-card:nth-child(even).ghw-tapped .ghw-number {\r\n  color: #12863c;\r\n}\r\n\r\n.gh-why .ghw-card.ghw-tapped .ghw-line {\r\n  width: 65px;\r\n}\r\n\r\n.gh-why .ghw-card.ghw-tapped::after {\r\n  transform: scale(1.2);\r\n}\r\n<\/style>\r\n\r\n<section class=\"gh-why\" aria-labelledby=\"ghw-title\">\r\n  <div class=\"ghw-inner\">\r\n\r\n    <div class=\"ghw-heading\">\r\n      <div class=\"ghw-eyebrow\">WHY CHOOSE US<\/div>\r\n      <h2 id=\"ghw-title\">Why choose <span>Ghannam?<\/span><\/h2>\r\n      <p>\r\n        From choosing the right equipment to getting it up\r\n        and running, we're here to help.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ghw-grid\">\r\n\r\n      <!-- Quality Products -->\r\n      <article class=\"ghw-card\">\r\n        <div class=\"ghw-top\">\r\n          <span class=\"ghw-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n              stroke=\"currentColor\" stroke-width=\"1.7\"\r\n              stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n              aria-hidden=\"true\">\r\n              <path d=\"M12 3 4 6v6c0 4 4 7 8 9 4-2 8-5 8-9V6l-8-3Z\"\/>\r\n              <path d=\"m8 12 3 3 5-6\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"ghw-number\" aria-hidden=\"true\">01<\/span>\r\n        <\/div>\r\n        <h3>Quality Products<\/h3>\r\n        <p>\r\n          Explore security and technology solutions\r\n          that fit your home and business.\r\n        <\/p>\r\n        <div class=\"ghw-line\" aria-hidden=\"true\"><\/div>\r\n      <\/article>\r\n\r\n      <!-- Professional Installation -->\r\n      <article class=\"ghw-card\">\r\n        <div class=\"ghw-top\">\r\n          <span class=\"ghw-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n              stroke=\"currentColor\" stroke-width=\"1.7\"\r\n              stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n              aria-hidden=\"true\">\r\n              <path d=\"M14 6a5 5 0 0 0-6 6L3 17a2.8 2.8 0 0 0 4 4l5-5a5 5 0 0 0 6-6l-3 3-4-4 3-3Z\"\/>\r\n              <path d=\"m16 3 5 5M18.5 5.5 15 9\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"ghw-number\" aria-hidden=\"true\">02<\/span>\r\n        <\/div>\r\n        <h3>Professional Installation<\/h3>\r\n        <p>\r\n          Careful installation and system setup\r\n          tailored to your space.\r\n        <\/p>\r\n        <div class=\"ghw-line\" aria-hidden=\"true\"><\/div>\r\n      <\/article>\r\n\r\n      <!-- Expert Guidance -->\r\n      <article class=\"ghw-card\">\r\n        <div class=\"ghw-top\">\r\n          <span class=\"ghw-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n              stroke=\"currentColor\" stroke-width=\"1.7\"\r\n              stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n              aria-hidden=\"true\">\r\n              <path d=\"M9 18h6M10 21h4\"\/>\r\n              <path d=\"M8 14a6 6 0 1 1 8 0c-1 .8-1 1.5-1 2H9c0-.5 0-1.2-1-2Z\"\/>\r\n              <path d=\"M12 6v2M5 4 3.5 2.5M19 4l1.5-1.5\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"ghw-number\" aria-hidden=\"true\">03<\/span>\r\n        <\/div>\r\n        <h3>Expert Guidance<\/h3>\r\n        <p>\r\n          Get help choosing the right cameras,\r\n          equipment and setup for your needs.\r\n        <\/p>\r\n        <div class=\"ghw-line\" aria-hidden=\"true\"><\/div>\r\n      <\/article>\r\n\r\n      <!-- After-Sales Support -->\r\n      <article class=\"ghw-card\">\r\n        <div class=\"ghw-top\">\r\n          <span class=\"ghw-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n              stroke=\"currentColor\" stroke-width=\"1.7\"\r\n              stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n              aria-hidden=\"true\">\r\n              <path d=\"M4 13v-2a8 8 0 0 1 16 0v2\"\/>\r\n              <rect x=\"3\" y=\"11\" width=\"4\" height=\"7\" rx=\"2\"\/>\r\n              <rect x=\"17\" y=\"11\" width=\"4\" height=\"7\" rx=\"2\"\/>\r\n              <path d=\"M19 18v1a2 2 0 0 1-2 2h-3\"\/>\r\n              <path d=\"M11 21h3\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"ghw-number\" aria-hidden=\"true\">04<\/span>\r\n        <\/div>\r\n        <h3>After-Sales Support<\/h3>\r\n        <p>\r\n          Reach out for guidance and assistance\r\n          after your system is installed.\r\n        <\/p>\r\n        <div class=\"ghw-line\" aria-hidden=\"true\"><\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<script>\r\n(function () {\r\n  if (!('IntersectionObserver' in window)) return;\r\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n\r\n  document.querySelectorAll('.gh-why').forEach(function (section) {\r\n    if (section.dataset.revealReady) return;\r\n    section.dataset.revealReady = 'true';\r\n\r\n    var cards = section.querySelectorAll('.ghw-card');\r\n    if (!cards.length) return;\r\n\r\n    cards.forEach(function (card, index) {\r\n      card.style.setProperty('--ghw-delay', (index * 120) + 'ms');\r\n    });\r\n\r\n    var observer = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (!entry.isIntersecting) return;\r\n\r\n        cards.forEach(function (card) {\r\n          card.classList.add('ghw-visible');\r\n\r\n          card.addEventListener('animationend', function () {\r\n            card.style.opacity = '1';\r\n            card.style.animation = 'none';\r\n            card.classList.remove('ghw-visible');\r\n          }, { once: true });\r\n        });\r\n\r\n        section.classList.remove('ghw-reveal-ready');\r\n        observer.disconnect();\r\n      });\r\n    }, { threshold: 0, rootMargin: '0px 0px -60px 0px' });\r\n\r\n    section.classList.add('ghw-reveal-ready');\r\n    observer.observe(section.querySelector('.ghw-grid'));\r\n  });\r\n})();\r\n<\/script>\r\n<script>\r\n(function () {\r\n  if (window.ghwTapInstalled) return;\r\n  window.ghwTapInstalled = true;\r\n\r\n  document.addEventListener('click', function (event) {\r\n    if (!window.matchMedia(\r\n      '(hover: none), (pointer: coarse)'\r\n    ).matches) return;\r\n\r\n    var card = event.target.closest('.gh-why .ghw-card');\r\n    var wasActive = card && card.classList.contains('ghw-tapped');\r\n\r\n    document.querySelectorAll('.gh-why .ghw-tapped')\r\n      .forEach(function (item) {\r\n        item.classList.remove('ghw-tapped');\r\n      });\r\n\r\n    if (card && !wasActive) {\r\n      card.classList.add('ghw-tapped');\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef1d02e e-con-full e-flex e-con e-parent\" data-id=\"ef1d02e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0978812 elementor-widget elementor-widget-html\" data-id=\"0978812\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.gh-setup {\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: none;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background: linear-gradient(110deg, #063b96, #0755df);\r\n  font-family: Arial, sans-serif;\r\n  direction: ltr;\r\n}\r\n\r\n.gh-setup *,\r\n.gh-setup *::before,\r\n.gh-setup *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gh-setup::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: -80px;\r\n  bottom: -120px;\r\n  width: 260px;\r\n  height: 260px;\r\n  border-radius: 50%;\r\n  background: rgba(87, 160, 255, .25);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* House image on the right *\/\r\n.gh-setup .ghst-image {\r\n  position: absolute;\r\n  inset: 0 0 0 auto;\r\n  width: 25%;\r\n  z-index: 0;\r\n  background-image:\r\n    linear-gradient(90deg, #0755df 0%, rgba(7, 85, 223, .15) 55%),\r\n    url(\"https:\/\/ghannamsecuritysystems.com\/staging\/wp-content\/uploads\/2026\/10\/11c8e878-3f63-4a19-a9f7-531835e1d06e.png\");\r\n  background-size: cover;\r\n  background-position: center, center bottom;\r\n  pointer-events: none;\r\n}\r\n\r\n.gh-setup .ghst-inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 1fr auto;\r\n  align-items: center;\r\n  gap: 28px;\r\n  min-height: 145px;\r\n  padding: 30px 22% 30px 4%;\r\n}\r\n\r\n.gh-setup .ghst-title {\r\n  margin: 0;\r\n  color: #fff !important;\r\n  font-size: clamp(24px, 2.5vw, 38px);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -.9px;\r\n}\r\n\r\n.gh-setup .ghst-title span {\r\n  color: #78f16c;\r\n}\r\n\r\n.gh-setup .ghst-description {\r\n  padding-left: 24px;\r\n  border-left: 1px solid rgba(255, 255, 255, .25);\r\n}\r\n\r\n.gh-setup .ghst-description p {\r\n  margin: 0;\r\n  color: #edf4ff;\r\n  font-size: 12px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.gh-setup .ghst-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  min-height: 44px;\r\n  padding: 13px 21px;\r\n  border: 1px solid #78f16c;\r\n  border-radius: 9px;\r\n  background: #78f16c;\r\n  color: #07254a !important;\r\n  text-decoration: none !important;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  white-space: nowrap;\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.gh-setup .ghst-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  transition: transform .25s ease;\r\n}\r\n\r\n.gh-setup .ghst-button:focus-visible {\r\n  outline: 3px solid #fff;\r\n  outline-offset: 4px;\r\n}\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n  .gh-setup .ghst-button:hover {\r\n    transform: translateY(-3px);\r\n    background: #9bfa91;\r\n    box-shadow: 0 8px 20px rgba(0, 0, 0, .15);\r\n  }\r\n\r\n  .gh-setup .ghst-button:hover svg {\r\n    transform: translateX(3px);\r\n  }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .gh-setup .ghst-inner {\r\n    gap: 18px;\r\n    padding: 28px 18% 28px 24px;\r\n  }\r\n\r\n  .gh-setup .ghst-title {\r\n    font-size: 26px;\r\n  }\r\n\r\n  .gh-setup .ghst-description {\r\n    padding-left: 18px;\r\n  }\r\n\r\n  .gh-setup .ghst-description p {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .gh-setup .ghst-button {\r\n    padding: 12px 15px;\r\n  }\r\n}\r\n\r\n\/* Phone *\/\r\n@media (max-width: 767px) {\r\n  .gh-setup .ghst-image {\r\n    width: 45%;\r\n    opacity: .25;\r\n  }\r\n\r\n  .gh-setup .ghst-inner {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 17px;\r\n    padding: 30px 22px;\r\n  }\r\n\r\n  .gh-setup .ghst-title {\r\n    font-size: 30px;\r\n    max-width: 300px;\r\n  }\r\n\r\n  .gh-setup .ghst-description {\r\n    max-width: 290px;\r\n    padding-left: 0;\r\n    border-left: 0;\r\n  }\r\n\r\n  .gh-setup .ghst-description p {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .gh-setup .ghst-button {\r\n    justify-self: start;\r\n    margin-top: 2px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .gh-setup .ghst-button,\r\n  .gh-setup .ghst-button svg {\r\n    transition: none;\r\n  }\r\n}\r\n\/* \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0641\u0648\u0642 \u0627\u0644\u0640footer *\/\r\n.gh-footer {\r\n  margin-top: 0 !important;\r\n}\r\n\r\n.e-con:has(> .elementor-widget-html .gh-footer),\r\n.e-con:has(> .e-con-inner > .elementor-widget-html .gh-footer) {\r\n  padding-top: 0 !important;\r\n  margin-top: 0 !important;\r\n}\r\n@media (max-width: 767px) {\r\n  .gh-setup {\r\n    margin-bottom: -12px !important;\r\n    padding-bottom: 12px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"gh-setup\" aria-labelledby=\"ghst-title\">\r\n  <div class=\"ghst-image\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"ghst-inner\">\r\n    <h2 class=\"ghst-title\" id=\"ghst-title\">\r\n      Let\u2019s build <span>your setup.<\/span>\r\n    <\/h2>\r\n\r\n    <div class=\"ghst-description\">\r\n      <p>\r\n        Have questions or need a custom solution?<br>\r\n        Our team is here to help you find the right\r\n        products for your home or business.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <a class=\"ghst-button\" href=\"\/staging\/contact-us\/\">\r\n      Contact Us\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n        stroke=\"currentColor\" stroke-width=\"2\"\r\n        stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n        aria-hidden=\"true\">\r\n        <path d=\"M4 12h15M13 6l6 6-6 6\"\/>\r\n      <\/svg>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CCTV \u00b7 SATELLITE \u00b7 ALARMS \u00b7 SOLAR SOLUTIONS SMART SECURITY. TOTAL CONTROL. Security cameras, satellite receivers, alarm systems and solar equipment for a safer, smarter tomorrow. All Products \u2192 Contact Us WATCHANYWHERE PROTECTWHAT MATTERS SMARTERLIVING TIANDY SECURITY CAMERAS SMART TECHNOLOGY Explore Tiandy \u2192 OUR SOLUTIONS Built for your space. Smart security and energy solutions for [&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":{"footnotes":""},"class_list":["post-3350","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ghannamsecuritysystems.com\/staging\/wp-json\/wp\/v2\/pages\/3350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ghannamsecuritysystems.com\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ghannamsecuritysystems.com\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ghannamsecuritysystems.com\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ghannamsecuritysystems.com\/staging\/wp-json\/wp\/v2\/comments?post=3350"}],"version-history":[{"count":100,"href":"https:\/\/ghannamsecuritysystems.com\/staging\/wp-json\/wp\/v2\/pages\/3350\/revisions"}],"predecessor-version":[{"id":3548,"href":"https:\/\/ghannamsecuritysystems.com\/staging\/wp-json\/wp\/v2\/pages\/3350\/revisions\/3548"}],"wp:attachment":[{"href":"https:\/\/ghannamsecuritysystems.com\/staging\/wp-json\/wp\/v2\/media?parent=3350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}