{"id":32459,"date":"2026-05-25T09:24:45","date_gmt":"2026-05-25T09:24:45","guid":{"rendered":"https:\/\/hoep.sa\/?page_id=32459"},"modified":"2026-06-18T08:17:31","modified_gmt":"2026-06-18T08:17:31","slug":"view-services","status":"publish","type":"page","link":"https:\/\/hoep.sa\/ar\/view-services\/","title":{"rendered":"\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0627\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32459\" class=\"elementor elementor-32459\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d9f1cd e-flex e-con-boxed e-con e-parent\" data-id=\"5d9f1cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c78f66b elementor-widget elementor-widget-html\" data-id=\"c78f66b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HOEP Services Page - English Version with Cinematic Motion -->\n<section class=\"hoep-sv-page\">\n\n  <div class=\"hoep-sv-bg\"><\/div>\n  <div class=\"hoep-sv-dots hoep-sv-dots-left\"><\/div>\n  <div class=\"hoep-sv-dots hoep-sv-dots-right\"><\/div>\n\n  <!-- Intro -->\n  <div class=\"hoep-sv-container hoep-sv-intro hoep-sv-motion\">\n    <span class=\"hoep-sv-kicker\">HOEP . SA<\/span>\n\n    <h1 class=\"hoep-sv-title\">\n      OUR SERVICES\n    <\/h1>\n\n    <div class=\"hoep-sv-gold-line\"><\/div>\n\n    <p class=\"hoep-sv-lead\">\n      Explore HOEP\u2019s production and real estate services through cinematic visuals,\n      immersive experiences, and property-focused solutions.\n    <\/p>\n  <\/div>\n\n  <!-- Production Services -->\n  <div class=\"hoep-sv-container hoep-sv-section hoep-sv-motion\">\n    <span class=\"hoep-sv-kicker\">PRODUCTION<\/span>\n\n    <h2 class=\"hoep-sv-section-title\">\n      PRODUCTION SERVICES\n    <\/h2>\n\n    <div class=\"hoep-sv-gold-line\"><\/div>\n\n    <div class=\"hoep-sv-grid hoep-sv-grid-four\">\n\n      <div class=\"hoep-sv-card\">\n        <img decoding=\"async\" src=\"https:\/\/hoep.sa\/wp-content\/uploads\/2026\/06\/camera.png\" alt=\"Camera\">\n        <h3>Cinematic Real Estate Photography<\/h3>\n        <p>\n          Professional real estate visuals created to present properties with premium quality.\n        <\/p>\n      <\/div>\n\n      <div class=\"hoep-sv-card\">\n        <img decoding=\"async\" src=\"https:\/\/hoep.sa\/wp-content\/uploads\/2026\/06\/drone.png\" alt=\"Drone\">\n        <h3>Cinematic Drone Coverage<\/h3>\n        <p>\n          Aerial media that highlights location, scale, surroundings, and property value.\n        <\/p>\n      <\/div>\n\n      <div class=\"hoep-sv-card\">\n        <img decoding=\"async\" src=\"https:\/\/hoep.sa\/wp-content\/uploads\/2026\/06\/360.png\" alt=\"360 Virtual Tour\">\n        <h3>360\u00b0 Virtual Tours<\/h3>\n        <p>\n          Immersive property experiences that allow clients to explore spaces remotely.\n        <\/p>\n      <\/div>\n\n      <div class=\"hoep-sv-card\">\n        <img decoding=\"async\" src=\"https:\/\/hoep.sa\/wp-content\/uploads\/2026\/06\/ai.png\" alt=\"Motion Graphics\">\n        <h3>Motion Graphics<\/h3>\n        <p>\n          Animated visuals and digital creative elements designed to enhance property presentation.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- Real Estate Services -->\n  <div class=\"hoep-sv-container hoep-sv-section hoep-sv-motion\">\n    <span class=\"hoep-sv-kicker\">REAL ESTATE<\/span>\n\n    <h2 class=\"hoep-sv-section-title\">\n      REAL ESTATE SERVICES\n    <\/h2>\n\n    <div class=\"hoep-sv-gold-line\"><\/div>\n\n    <div class=\"hoep-sv-grid hoep-sv-grid-three\">\n\n      <div class=\"hoep-sv-card\">\n        <div class=\"hoep-sv-icon-text\">\u25a4<\/div>\n        <h3>Residential & Commercial Sales<\/h3>\n        <p>\n          Support for presenting and marketing residential and commercial real estate opportunities.\n        <\/p>\n      <\/div>\n\n      <div class=\"hoep-sv-card\">\n        <div class=\"hoep-sv-icon-text\">\u270d<\/div>\n        <h3>Off-Plan & Ready Properties<\/h3>\n        <p>\n          Property presentation for ready units, off-plan projects, and development opportunities.\n        <\/p>\n      <\/div>\n\n      <div class=\"hoep-sv-card\">\n        <div class=\"hoep-sv-icon-text\">\u260f<\/div>\n        <h3>Investor-Focused Opportunities<\/h3>\n        <p>\n          Clear property communication designed to support investor interest and decision-making.\n        <\/p>\n      <\/div>\n\n      <div class=\"hoep-sv-card\">\n        <div class=\"hoep-sv-icon-text\">\u2713<\/div>\n        <h3>Negotiation & Deal Closing<\/h3>\n        <p>\n          Professional real estate support focused on communication, clarity, and closing direction.\n        <\/p>\n      <\/div>\n\n      <div class=\"hoep-sv-card\">\n        <div class=\"hoep-sv-icon-text\">\u25f7<\/div>\n        <h3>Brand Positioning for Projects<\/h3>\n        <p>\n          Visual and strategic presentation that helps real estate projects stand out in the market.\n        <\/p>\n      <\/div>\n\n      <div class=\"hoep-sv-card\">\n        <div class=\"hoep-sv-icon-text\">\u25a6<\/div>\n        <h3>Market Research & Pricing Strategy<\/h3>\n        <p>\n          Market-focused positioning to help present property value with stronger direction.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<style>\n\/* ==================================================\n   HOEP Services Page - English Full Code + Motion\n================================================== *\/\n\n.hoep-sv-page,\n.hoep-sv-page * {\n  box-sizing: border-box;\n}\n\n.hoep-sv-page {\n  width: 100vw;\n  max-width: 100vw;\n  min-height: 100vh;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  position: relative;\n  overflow: hidden;\n  padding: clamp(120px, 10vw, 160px) clamp(18px, 5vw, 72px);\n  font-family: \"Lama Sans\", \"Poppins\", \"Montserrat\", Arial, sans-serif;\n  color: #081934;\n  background:\n    radial-gradient(circle at 18% 12%, rgba(196,184,132,0.16), transparent 30%),\n    radial-gradient(circle at 84% 70%, rgba(8,25,52,0.07), transparent 34%),\n    linear-gradient(120deg, #f8f8f5 0%, #ffffff 48%, #eef4f6 100%);\n  isolation: isolate;\n  direction: ltr;\n  --mx: 50%;\n  --my: 50%;\n}\n\n\/* Background *\/\n.hoep-sv-bg {\n  position: absolute;\n  inset: -8%;\n  z-index: -4;\n  pointer-events: none;\n  background:\n    radial-gradient(circle at var(--mx) var(--my), rgba(255,255,255,0.96), transparent 30%),\n    radial-gradient(circle at 24% 18%, rgba(255,255,255,0.96), transparent 32%),\n    radial-gradient(circle at 76% 72%, rgba(196,184,132,0.18), transparent 38%),\n    linear-gradient(135deg, rgba(237,241,243,0.9), rgba(255,255,255,0.96), rgba(241,237,222,0.78));\n  animation: hoepSvBgMove 18s ease-in-out infinite alternate;\n}\n\n.hoep-sv-bg::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(115deg, transparent 0%, rgba(255,255,255,0.42) 45%, transparent 65%);\n  transform: translateX(-55%);\n  opacity: .36;\n  animation: hoepSvBgShine 8s ease-in-out infinite;\n}\n\n.hoep-sv-dots {\n  position: absolute;\n  width: 520px;\n  height: 520px;\n  z-index: -3;\n  pointer-events: none;\n  opacity: .20;\n  background-image: radial-gradient(rgba(8,25,52,0.28) 1.2px, transparent 1.2px);\n  background-size: 14px 14px;\n  mask-image: radial-gradient(circle, #000 0%, transparent 72%);\n  -webkit-mask-image: radial-gradient(circle, #000 0%, transparent 72%);\n  animation: hoepSvDotsFloat 12s ease-in-out infinite alternate;\n}\n\n.hoep-sv-dots-left {\n  top: -120px;\n  left: -90px;\n}\n\n.hoep-sv-dots-right {\n  right: -130px;\n  bottom: -120px;\n  background-image: radial-gradient(rgba(196,184,132,0.48) 1.2px, transparent 1.2px);\n  animation-delay: -4s;\n}\n\n\/* Container *\/\n.hoep-sv-container {\n  width: min(1180px, 100%);\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  z-index: 2;\n  text-align: center;\n}\n\n.hoep-sv-intro {\n  margin-bottom: clamp(105px, 11vw, 155px);\n}\n\n.hoep-sv-section {\n  margin-bottom: clamp(95px, 10vw, 150px);\n}\n\n.hoep-sv-section:last-child {\n  margin-bottom: 0;\n}\n\n\/* Typography Motion *\/\n.hoep-sv-kicker {\n  display: block;\n  margin-bottom: 20px;\n  color: #b9a766;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 7px;\n  text-transform: uppercase;\n  opacity: 0;\n  transform: translateY(14px);\n  filter: blur(5px);\n}\n\n.hoep-sv-title,\n.hoep-sv-section-title {\n  position: relative;\n  display: inline-block;\n  margin: 0;\n  color: #081934;\n  font-size: clamp(36px, 4.2vw, 60px);\n  line-height: 1.08;\n  font-weight: 600;\n  letter-spacing: 12px;\n  text-transform: uppercase;\n  opacity: 0;\n  transform: translateY(18px) scale(.96);\n  filter: blur(8px);\n  overflow: hidden;\n}\n\n.hoep-sv-title::after,\n.hoep-sv-section-title::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 4;\n  background: linear-gradient(90deg, #081934 0%, #112a50 46%, #c8bd83 100%);\n  transform: translateX(-105%);\n  pointer-events: none;\n}\n\n.hoep-sv-section-title {\n  font-size: clamp(32px, 3.5vw, 52px);\n}\n\n.hoep-sv-gold-line {\n  position: relative;\n  width: 124px;\n  height: 2px;\n  margin: 28px auto 30px;\n  background: linear-gradient(90deg, transparent, rgba(196,184,132,0.95), transparent);\n  transform: scaleX(0);\n  opacity: 0;\n  transform-origin: center;\n}\n\n.hoep-sv-gold-line::before {\n  content: \"\";\n  position: absolute;\n  top: -7px;\n  left: 0;\n  width: 48px;\n  height: 6px;\n  border-radius: 999px;\n  background: linear-gradient(90deg, #081934, #c8bd83);\n  box-shadow: 0 0 18px rgba(196,184,132,.42);\n  opacity: 0;\n}\n\n.hoep-sv-lead {\n  max-width: 860px;\n  margin: 0 auto;\n  color: rgba(8,25,52,0.78);\n  font-size: clamp(16px, 1.35vw, 21px);\n  line-height: 1.55;\n  font-weight: 400;\n  opacity: 0;\n  transform: translateY(18px);\n  filter: blur(6px);\n}\n\n\/* Active Motion *\/\n.hoep-sv-motion.is-visible .hoep-sv-kicker {\n  animation: hoepSvFadeUp .8s ease forwards .05s;\n}\n\n.hoep-sv-motion.is-visible .hoep-sv-title,\n.hoep-sv-motion.is-visible .hoep-sv-section-title {\n  animation: hoepSvTitleReveal .95s cubic-bezier(.2,.8,.2,1) forwards .18s;\n}\n\n.hoep-sv-motion.is-visible .hoep-sv-title::after,\n.hoep-sv-motion.is-visible .hoep-sv-section-title::after {\n  animation: hoepSvTitleCover 1.05s cubic-bezier(.72,0,.16,1) forwards .12s;\n}\n\n.hoep-sv-motion.is-visible .hoep-sv-gold-line {\n  animation: hoepSvLineRevealHide 1.35s ease forwards .52s;\n}\n\n.hoep-sv-motion.is-visible .hoep-sv-gold-line::before {\n  animation: hoepSvRunnerHide 1.25s cubic-bezier(.72,0,.16,1) forwards .50s;\n}\n\n.hoep-sv-motion.is-visible .hoep-sv-lead {\n  animation: hoepSvFadeUp .85s ease forwards .65s;\n}\n\n\/* Grid *\/\n.hoep-sv-grid {\n  display: grid;\n  gap: clamp(22px, 2.4vw, 34px);\n  margin-top: clamp(54px, 5vw, 78px);\n}\n\n.hoep-sv-grid-four {\n  grid-template-columns: repeat(4, 1fr);\n}\n\n.hoep-sv-grid-three {\n  grid-template-columns: repeat(3, 1fr);\n}\n\n\/* Cards *\/\n.hoep-sv-card {\n  position: relative;\n  min-height: 310px;\n  padding: clamp(34px, 3vw, 48px) clamp(22px, 2vw, 34px);\n  border-radius: 30px;\n  background: rgba(255,255,255,0.66);\n  border: 1px solid rgba(255,255,255,0.74);\n  box-shadow: 0 22px 60px rgba(8,25,52,0.08);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;\n  opacity: 0;\n  transform: translateY(36px) scale(.96);\n  filter: blur(8px);\n  overflow: hidden;\n}\n\n.hoep-sv-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background:\n    radial-gradient(circle at 50% 0%, rgba(196,184,132,0.16), transparent 34%),\n    linear-gradient(135deg, rgba(255,255,255,0.36), transparent 55%);\n  opacity: 0;\n  transition: opacity .35s ease;\n  pointer-events: none;\n}\n\n.hoep-sv-card::after {\n  content: \"\";\n  position: absolute;\n  inset: -40%;\n  z-index: 1;\n  background: linear-gradient(115deg, transparent 0%, transparent 42%, rgba(255,255,255,.36) 50%, transparent 58%, transparent 100%);\n  transform: translateX(-90%) rotate(8deg);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.hoep-sv-motion.is-visible .hoep-sv-card {\n  animation: hoepSvCardReveal .85s cubic-bezier(.2,.8,.2,1) forwards;\n}\n\n.hoep-sv-motion.is-visible .hoep-sv-card:nth-child(1) {\n  animation-delay: .72s;\n}\n\n.hoep-sv-motion.is-visible .hoep-sv-card:nth-child(2) {\n  animation-delay: .84s;\n}\n\n.hoep-sv-motion.is-visible .hoep-sv-card:nth-child(3) {\n  animation-delay: .96s;\n}\n\n.hoep-sv-motion.is-visible .hoep-sv-card:nth-child(4) {\n  animation-delay: 1.08s;\n}\n\n.hoep-sv-motion.is-visible .hoep-sv-card:nth-child(5) {\n  animation-delay: 1.20s;\n}\n\n.hoep-sv-motion.is-visible .hoep-sv-card:nth-child(6) {\n  animation-delay: 1.32s;\n}\n\n.hoep-sv-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 28px 72px rgba(8,25,52,0.12);\n  border-color: rgba(196,184,132,0.42);\n}\n\n.hoep-sv-card:hover::before {\n  opacity: 1;\n}\n\n.hoep-sv-card:hover::after {\n  opacity: 1;\n  animation: hoepSvCardShine .85s ease forwards;\n}\n\n.hoep-sv-card img,\n.hoep-sv-icon-text,\n.hoep-sv-card h3,\n.hoep-sv-card p {\n  position: relative;\n  z-index: 3;\n}\n\n.hoep-sv-card img {\n  width: clamp(70px, 5.5vw, 95px);\n  height: clamp(70px, 5.5vw, 95px);\n  object-fit: contain;\n  display: block;\n  margin-bottom: 34px;\n  opacity: .28;\n  filter:\n    grayscale(100%)\n    brightness(0)\n    saturate(100%)\n    invert(8%)\n    sepia(41%)\n    saturate(1531%)\n    hue-rotate(184deg)\n    brightness(92%)\n    contrast(101%);\n  transition: transform .35s ease, opacity .35s ease, filter .35s ease;\n}\n\n.hoep-sv-card:hover img {\n  opacity: .62;\n  transform: translateY(-4px) scale(1.06);\n  filter:\n    brightness(0)\n    saturate(100%)\n    invert(68%)\n    sepia(25%)\n    saturate(520%)\n    hue-rotate(8deg)\n    brightness(94%)\n    contrast(88%);\n}\n\n.hoep-sv-icon-text {\n  width: clamp(70px, 5.5vw, 95px);\n  height: clamp(70px, 5.5vw, 95px);\n  margin-bottom: 34px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(8,25,52,0.22);\n  font-size: clamp(46px, 5vw, 70px);\n  line-height: 1;\n  transition: transform .35s ease, color .35s ease;\n}\n\n.hoep-sv-card:hover .hoep-sv-icon-text {\n  color: rgba(196,184,132,0.68);\n  transform: translateY(-4px) scale(1.06);\n}\n\n.hoep-sv-card h3 {\n  margin: 0 0 18px;\n  color: #081934;\n  font-size: clamp(20px, 1.55vw, 25px);\n  line-height: 1.17;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n}\n\n.hoep-sv-card p {\n  margin: 0;\n  color: rgba(8,25,52,0.68);\n  font-size: clamp(15px, 1.15vw, 18px);\n  line-height: 1.55;\n  font-weight: 400;\n}\n\n\/* Animation *\/\n@keyframes hoepSvBgMove {\n  0% {\n    transform: scale(1) translate(0, 0);\n  }\n\n  100% {\n    transform: scale(1.05) translate(18px, -18px);\n  }\n}\n\n@keyframes hoepSvBgShine {\n  0%, 70% {\n    transform: translateX(-65%);\n  }\n\n  100% {\n    transform: translateX(65%);\n  }\n}\n\n@keyframes hoepSvDotsFloat {\n  from {\n    opacity: .14;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: .24;\n    transform: translateY(18px);\n  }\n}\n\n@keyframes hoepSvFadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(18px);\n    filter: blur(6px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n    filter: blur(0);\n  }\n}\n\n@keyframes hoepSvTitleReveal {\n  from {\n    opacity: 0;\n    transform: translateY(18px) scale(.96);\n    filter: blur(8px);\n    letter-spacing: 13px;\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n    filter: blur(0);\n    letter-spacing: 8px;\n  }\n}\n\n@keyframes hoepSvTitleCover {\n  0% {\n    transform: translateX(-105%);\n  }\n\n  42% {\n    transform: translateX(0%);\n  }\n\n  100% {\n    transform: translateX(108%);\n  }\n}\n\n@keyframes hoepSvLineRevealHide {\n  0% {\n    transform: scaleX(0);\n    opacity: 0;\n  }\n\n  28% {\n    transform: scaleX(1);\n    opacity: 1;\n  }\n\n  70% {\n    transform: scaleX(1);\n    opacity: 1;\n  }\n\n  100% {\n    transform: scaleX(1);\n    opacity: 0;\n  }\n}\n\n@keyframes hoepSvRunnerHide {\n  0% {\n    left: 0%;\n    opacity: 0;\n    transform: translateX(-50%) scaleX(.65);\n  }\n\n  18% {\n    opacity: 1;\n  }\n\n  72% {\n    left: 100%;\n    opacity: 1;\n    transform: translateX(-50%) scaleX(1);\n  }\n\n  100% {\n    left: 100%;\n    opacity: 0;\n    transform: translateX(-50%) scaleX(1);\n  }\n}\n\n@keyframes hoepSvCardReveal {\n  from {\n    opacity: 0;\n    transform: translateY(36px) scale(.96);\n    filter: blur(8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n    filter: blur(0);\n  }\n}\n\n@keyframes hoepSvCardShine {\n  from {\n    transform: translateX(-90%) rotate(8deg);\n  }\n\n  to {\n    transform: translateX(90%) rotate(8deg);\n  }\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  .hoep-sv-page {\n    padding-top: 120px;\n    padding-bottom: 120px;\n  }\n\n  .hoep-sv-grid-four {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .hoep-sv-grid-three {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .hoep-sv-title,\n  .hoep-sv-section-title {\n    letter-spacing: 6px;\n  }\n\n  @keyframes hoepSvTitleReveal {\n    from {\n      opacity: 0;\n      transform: translateY(18px) scale(.96);\n      filter: blur(8px);\n      letter-spacing: 10px;\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n      filter: blur(0);\n      letter-spacing: 6px;\n    }\n  }\n\n  .hoep-sv-card {\n    min-height: 300px;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .hoep-sv-page {\n    width: 100vw;\n    max-width: 100vw;\n    min-height: 100svh;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: 86px 18px 90px;\n  }\n\n  .hoep-sv-dots {\n    width: 320px;\n    height: 320px;\n    opacity: .16;\n  }\n\n  .hoep-sv-dots-left {\n    top: -90px;\n    left: -140px;\n  }\n\n  .hoep-sv-dots-right {\n    right: -150px;\n    bottom: -100px;\n  }\n\n  .hoep-sv-intro {\n    margin-bottom: 92px;\n  }\n\n  .hoep-sv-section {\n    margin-bottom: 92px;\n  }\n\n  .hoep-sv-kicker {\n    font-size: 11px;\n    letter-spacing: 5px;\n    margin-bottom: 16px;\n  }\n\n  .hoep-sv-title,\n  .hoep-sv-section-title {\n    max-width: 92vw;\n    margin-left: auto;\n    margin-right: auto;\n    font-size: clamp(30px, 9vw, 42px);\n    line-height: 1.15;\n    letter-spacing: 4px;\n  }\n\n  .hoep-sv-section-title {\n    font-size: clamp(28px, 8.2vw, 38px);\n  }\n\n  .hoep-sv-gold-line {\n    margin: 22px auto 24px;\n    width: 88px;\n  }\n\n  .hoep-sv-lead {\n    max-width: 88vw;\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .hoep-sv-grid,\n  .hoep-sv-grid-four,\n  .hoep-sv-grid-three {\n    grid-template-columns: 1fr;\n    gap: 22px;\n    margin-top: 46px;\n  }\n\n  .hoep-sv-card {\n    width: 100%;\n    max-width: 370px;\n    min-height: auto;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 34px 24px 38px;\n    border-radius: 26px;\n  }\n\n  .hoep-sv-card img,\n  .hoep-sv-icon-text {\n    width: 72px;\n    height: 72px;\n    margin-bottom: 26px;\n  }\n\n  .hoep-sv-icon-text {\n    font-size: 48px;\n  }\n\n  .hoep-sv-card h3 {\n    font-size: 21px;\n    line-height: 1.2;\n  }\n\n  .hoep-sv-card p {\n    font-size: 15px;\n    line-height: 1.5;\n  }\n\n  @keyframes hoepSvTitleReveal {\n    from {\n      opacity: 0;\n      transform: translateY(18px) scale(.96);\n      filter: blur(8px);\n      letter-spacing: 8px;\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n      filter: blur(0);\n      letter-spacing: 4px;\n    }\n  }\n}\n\n\/* Small Mobile *\/\n@media (max-width: 390px) {\n  .hoep-sv-page {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  .hoep-sv-title,\n  .hoep-sv-section-title {\n    letter-spacing: 3px;\n  }\n\n  .hoep-sv-card {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n\n  @keyframes hoepSvTitleReveal {\n    from {\n      opacity: 0;\n      transform: translateY(18px) scale(.96);\n      filter: blur(8px);\n      letter-spacing: 7px;\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n      filter: blur(0);\n      letter-spacing: 3px;\n    }\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hoep-sv-page,\n  .hoep-sv-page * {\n    animation-duration: .01ms !important;\n    animation-iteration-count: 1 !important;\n    transition: none !important;\n  }\n\n  .hoep-sv-kicker,\n  .hoep-sv-title,\n  .hoep-sv-section-title,\n  .hoep-sv-gold-line,\n  .hoep-sv-lead,\n  .hoep-sv-card {\n    opacity: 1 !important;\n    transform: none !important;\n    filter: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const page = document.querySelector('.hoep-sv-page');\n  if (!page) return;\n\n  function setPointerVars(x, y) {\n    const rect = page.getBoundingClientRect();\n    const px = ((x - rect.left) \/ rect.width) * 100;\n    const py = ((y - rect.top) \/ rect.height) * 100;\n\n    page.style.setProperty('--mx', px.toFixed(2) + '%');\n    page.style.setProperty('--my', py.toFixed(2) + '%');\n  }\n\n  page.addEventListener('mousemove', function(e) {\n    setPointerVars(e.clientX, e.clientY);\n  }, { passive: true });\n\n  page.addEventListener('touchmove', function(e) {\n    if (!e.touches || !e.touches.length) return;\n    setPointerVars(e.touches[0].clientX, e.touches[0].clientY);\n  }, { passive: true });\n\n  const sections = Array.from(page.querySelectorAll('.hoep-sv-motion'));\n\n  function revealVisibleSections() {\n    const viewport = window.innerHeight || document.documentElement.clientHeight;\n\n    sections.forEach(function(section) {\n      const rect = section.getBoundingClientRect();\n      if (rect.top < viewport * 0.82 && rect.bottom > viewport * 0.08) {\n        section.classList.add('is-visible');\n      }\n    });\n  }\n\n  if ('IntersectionObserver' in window) {\n    const observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('is-visible');\n        }\n      });\n    }, {\n      threshold: 0.18,\n      rootMargin: '0px 0px -10% 0px'\n    });\n\n    sections.forEach(function(section) {\n      observer.observe(section);\n    });\n  }\n\n  window.addEventListener('scroll', revealVisibleSections, { passive: true });\n  window.addEventListener('resize', revealVisibleSections);\n  window.addEventListener('orientationchange', revealVisibleSections);\n  window.addEventListener('load', revealVisibleSections);\n\n  revealVisibleSections();\n  setTimeout(revealVisibleSections, 250);\n  setTimeout(revealVisibleSections, 900);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HOEP . SA OUR SERVICES Explore HOEP\u2019s production and real estate services through cinematic visuals, immersive experiences, and property-focused solutions. PRODUCTION PRODUCTION SERVICES Cinematic Real Estate Photography Professional real estate visuals created to present properties with premium quality. Cinematic Drone Coverage Aerial media that highlights location, scale, surroundings, and property value. 360\u00b0 Virtual Tours Immersive property experiences that allow clients to explore spaces remotely. &#8230;<\/p>","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,"footnotes":""},"class_list":["post-32459","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"HOEP . SA OUR SERVICES Explore HOEP\u2019s production and real estate services through cinematic visuals, immersive experiences, and property-focused solutions. PRODUCTION PRODUCTION SERVICES Cinematic Real Estate Photography Professional real estate visuals created to present properties with premium quality. Cinematic Drone Coverage Aerial media that highlights location, scale, surroundings, and property value. 360\u00b0 Virtual Tours Immersive\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/hoep.sa\/ar\/view-services\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"ar_AR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"hoep.sa -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"View Services - hoep.sa\" \/>\n\t\t<meta property=\"og:description\" content=\"HOEP . SA OUR SERVICES Explore HOEP\u2019s production and real estate services through cinematic visuals, immersive experiences, and property-focused solutions. PRODUCTION PRODUCTION SERVICES Cinematic Real Estate Photography Professional real estate visuals created to present properties with premium quality. Cinematic Drone Coverage Aerial media that highlights location, scale, surroundings, and property value. 360\u00b0 Virtual Tours Immersive\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/hoep.sa\/ar\/view-services\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/hoep.sa\/wp-content\/uploads\/2026\/06\/hoep-icon.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/hoep.sa\/wp-content\/uploads\/2026\/06\/hoep-icon.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-05-25T09:24:45+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-06-18T08:17:31+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"View Services - hoep.sa\" \/>\n\t\t<meta name=\"twitter:description\" content=\"HOEP . SA OUR SERVICES Explore HOEP\u2019s production and real estate services through cinematic visuals, immersive experiences, and property-focused solutions. PRODUCTION PRODUCTION SERVICES Cinematic Real Estate Photography Professional real estate visuals created to present properties with premium quality. Cinematic Drone Coverage Aerial media that highlights location, scale, surroundings, and property value. 360\u00b0 Virtual Tours Immersive\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/hoep.sa\/wp-content\/uploads\/2026\/06\/hoep-icon.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hoep.sa\\\/ar\\\/view-services\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hoep.sa\\\/ar#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hoep.sa\\\/ar\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hoep.sa\\\/ar\\\/view-services\\\/#listItem\",\"name\":\"View Services\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hoep.sa\\\/ar\\\/view-services\\\/#listItem\",\"position\":2,\"name\":\"View Services\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hoep.sa\\\/ar#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hoep.sa\\\/ar\\\/#organization\",\"name\":\"HOEP - House of Elite Properties\",\"description\":\"Real estate marketing, drone photography, cinematic property videos, 360\\u00b0 virtual tours and panorama photography in Jeddah.\",\"url\":\"https:\\\/\\\/hoep.sa\\\/ar\\\/\",\"telephone\":\"+966550155799\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/hoep.sa\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/hoep-icon.jpg\",\"@id\":\"https:\\\/\\\/hoep.sa\\\/ar\\\/view-services\\\/#organizationLogo\",\"width\":512,\"height\":512},\"image\":{\"@id\":\"https:\\\/\\\/hoep.sa\\\/ar\\\/view-services\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/hoep.sa?igsh=MTNqZmhlbnhmMTZ6MA\",\"https:\\\/\\\/www.tiktok.com\\\/@hoep.sa?is_from_webapp=1&sender_device=pc\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hoep.sa\\\/ar\\\/view-services\\\/#webpage\",\"url\":\"https:\\\/\\\/hoep.sa\\\/ar\\\/view-services\\\/\",\"name\":\"View Services - hoep.sa\",\"description\":\"HOEP . SA OUR SERVICES Explore HOEP\\u2019s production and real estate services through cinematic visuals, immersive experiences, and property-focused solutions. PRODUCTION PRODUCTION SERVICES Cinematic Real Estate Photography Professional real estate visuals created to present properties with premium quality. Cinematic Drone Coverage Aerial media that highlights location, scale, surroundings, and property value. 360\\u00b0 Virtual Tours Immersive\",\"inLanguage\":\"ar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hoep.sa\\\/ar\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hoep.sa\\\/ar\\\/view-services\\\/#breadcrumblist\"},\"datePublished\":\"2026-05-25T09:24:45+00:00\",\"dateModified\":\"2026-06-18T08:17:31+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hoep.sa\\\/ar\\\/#website\",\"url\":\"https:\\\/\\\/hoep.sa\\\/ar\\\/\",\"name\":\"hoep.sa\",\"inLanguage\":\"ar\",\"publisher\":{\"@id\":\"https:\\\/\\\/hoep.sa\\\/ar\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"View Services - hoep.sa","description":"HOEP . SA OUR SERVICES Explore HOEP\u2019s production and real estate services through cinematic visuals, immersive experiences, and property-focused solutions. PRODUCTION PRODUCTION SERVICES Cinematic Real Estate Photography Professional real estate visuals created to present properties with premium quality. Cinematic Drone Coverage Aerial media that highlights location, scale, surroundings, and property value. 360\u00b0 Virtual Tours Immersive","canonical_url":"https:\/\/hoep.sa\/ar\/view-services\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/hoep.sa\/ar\/view-services\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/hoep.sa\/ar#listItem","position":1,"name":"Home","item":"https:\/\/hoep.sa\/ar","nextItem":{"@type":"ListItem","@id":"https:\/\/hoep.sa\/ar\/view-services\/#listItem","name":"View Services"}},{"@type":"ListItem","@id":"https:\/\/hoep.sa\/ar\/view-services\/#listItem","position":2,"name":"View Services","previousItem":{"@type":"ListItem","@id":"https:\/\/hoep.sa\/ar#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/hoep.sa\/ar\/#organization","name":"HOEP - House of Elite Properties","description":"Real estate marketing, drone photography, cinematic property videos, 360\u00b0 virtual tours and panorama photography in Jeddah.","url":"https:\/\/hoep.sa\/ar\/","telephone":"+966550155799","logo":{"@type":"ImageObject","url":"https:\/\/hoep.sa\/wp-content\/uploads\/2026\/06\/hoep-icon.jpg","@id":"https:\/\/hoep.sa\/ar\/view-services\/#organizationLogo","width":512,"height":512},"image":{"@id":"https:\/\/hoep.sa\/ar\/view-services\/#organizationLogo"},"sameAs":["https:\/\/www.instagram.com\/hoep.sa?igsh=MTNqZmhlbnhmMTZ6MA","https:\/\/www.tiktok.com\/@hoep.sa?is_from_webapp=1&sender_device=pc"]},{"@type":"WebPage","@id":"https:\/\/hoep.sa\/ar\/view-services\/#webpage","url":"https:\/\/hoep.sa\/ar\/view-services\/","name":"View Services - hoep.sa","description":"HOEP . SA OUR SERVICES Explore HOEP\u2019s production and real estate services through cinematic visuals, immersive experiences, and property-focused solutions. PRODUCTION PRODUCTION SERVICES Cinematic Real Estate Photography Professional real estate visuals created to present properties with premium quality. Cinematic Drone Coverage Aerial media that highlights location, scale, surroundings, and property value. 360\u00b0 Virtual Tours Immersive","inLanguage":"ar","isPartOf":{"@id":"https:\/\/hoep.sa\/ar\/#website"},"breadcrumb":{"@id":"https:\/\/hoep.sa\/ar\/view-services\/#breadcrumblist"},"datePublished":"2026-05-25T09:24:45+00:00","dateModified":"2026-06-18T08:17:31+00:00"},{"@type":"WebSite","@id":"https:\/\/hoep.sa\/ar\/#website","url":"https:\/\/hoep.sa\/ar\/","name":"hoep.sa","inLanguage":"ar","publisher":{"@id":"https:\/\/hoep.sa\/ar\/#organization"}}]},"og:locale":"ar_AR","og:site_name":"hoep.sa -","og:type":"article","og:title":"View Services - hoep.sa","og:description":"HOEP . SA OUR SERVICES Explore HOEP\u2019s production and real estate services through cinematic visuals, immersive experiences, and property-focused solutions. PRODUCTION PRODUCTION SERVICES Cinematic Real Estate Photography Professional real estate visuals created to present properties with premium quality. Cinematic Drone Coverage Aerial media that highlights location, scale, surroundings, and property value. 360\u00b0 Virtual Tours Immersive","og:url":"https:\/\/hoep.sa\/ar\/view-services\/","og:image":"https:\/\/hoep.sa\/wp-content\/uploads\/2026\/06\/hoep-icon.jpg","og:image:secure_url":"https:\/\/hoep.sa\/wp-content\/uploads\/2026\/06\/hoep-icon.jpg","og:image:width":512,"og:image:height":512,"article:published_time":"2026-05-25T09:24:45+00:00","article:modified_time":"2026-06-18T08:17:31+00:00","twitter:card":"summary_large_image","twitter:title":"View Services - hoep.sa","twitter:description":"HOEP . SA OUR SERVICES Explore HOEP\u2019s production and real estate services through cinematic visuals, immersive experiences, and property-focused solutions. PRODUCTION PRODUCTION SERVICES Cinematic Real Estate Photography Professional real estate visuals created to present properties with premium quality. Cinematic Drone Coverage Aerial media that highlights location, scale, surroundings, and property value. 360\u00b0 Virtual Tours Immersive","twitter:image":"https:\/\/hoep.sa\/wp-content\/uploads\/2026\/06\/hoep-icon.jpg"},"aioseo_meta_data":{"post_id":"32459","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-05-25 09:24:45","updated":"2026-06-18 08:51:16","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/hoep.sa\/ar\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tView Services\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/hoep.sa\/ar"},{"label":"View Services","link":"https:\/\/hoep.sa\/ar\/view-services\/"}],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/hoep.sa\/ar\/wp-json\/wp\/v2\/pages\/32459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hoep.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hoep.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hoep.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hoep.sa\/ar\/wp-json\/wp\/v2\/comments?post=32459"}],"version-history":[{"count":34,"href":"https:\/\/hoep.sa\/ar\/wp-json\/wp\/v2\/pages\/32459\/revisions"}],"predecessor-version":[{"id":33182,"href":"https:\/\/hoep.sa\/ar\/wp-json\/wp\/v2\/pages\/32459\/revisions\/33182"}],"wp:attachment":[{"href":"https:\/\/hoep.sa\/ar\/wp-json\/wp\/v2\/media?parent=32459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}