{"id":3833,"date":"2021-09-13T13:20:35","date_gmt":"2021-09-13T13:20:35","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=3833"},"modified":"2026-05-20T17:56:37","modified_gmt":"2026-05-20T17:56:37","slug":"home-2","status":"publish","type":"page","link":"https:\/\/damaj.sa\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3833\" class=\"elementor elementor-3833\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae1fd1b wd-section-stretch e-con-full e-flex e-con e-parent\" data-id=\"ae1fd1b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/damaj.sa\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/DAMAJ-LOGO-VIDEO.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44491bd e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"44491bd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-750044f elementor-widget elementor-widget-html\" data-id=\"750044f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- DAMAJ Smart Automation Section -->\r\n<section class=\"damaj-automation-section\">\r\n  <div class=\"damaj-automation-inner\">\r\n\r\n    <div class=\"damaj-automation-header\">\r\n      <h2>\r\n        \u0646\u0634\u0643\u0644 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u0646\u064a\u0627\u062a\r\n        <span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629<\/span>\r\n        .\r\n      <\/h2>\r\n\r\n      <p>\r\n        \u0641\u064a \u062f\u0645\u0640\u0640\u0627\u062c\u060c \u0646\u062d\u0646 \u0644\u0627 \u0646\u0642\u062f\u0645 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0641\u062d\u0633\u0628 \u2014 \u0628\u0644 \u0646\u0642\u062f\u0651\u0645 \u0623\u0646\u0638\u0645\u0629 \u0630\u0643\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0623\u062a\u0645\u062a\u0629 \u062a\u063a\u064a\u0651\u0631 \u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644 \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0635\u0627\u0646\u0639.\r\n      <\/p>\r\n\r\n      <p>\r\n        \u0645\u0646 \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0627\u0644\u0630\u0643\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629\u060c \u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u062d\u0644\u0648\u0644\u0646\u0627 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0631\u0627\u062d\u0629\u060c \u0648\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0643\u0641\u0627\u0621\u0629\u060c \u0648\u0631\u0641\u0639 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0623\u0645\u0627\u0646.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"damaj-automation-content\">\r\n\r\n      <div class=\"damaj-automation-image\">\r\n        <img \r\n          src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/05\/Photo.1.png\" \r\n          alt=\"Smart Automation Technologies\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"damaj-automation-cards\">\r\n\r\n        <article class=\"automation-card\">\r\n          <div class=\"automation-icon\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M9 21h6v-1.5H9V21Zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7Zm2.85 11.1-.85.6V16h-4v-2.3l-.85-.6A4.98 4.98 0 0 1 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1Z\"\/><\/svg>\r\n          <\/div>\r\n          <h3>\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0642\u0646\u064a\u0629<\/h3>\r\n          <p>\r\n            \u062a\u0642\u0646\u064a\u0627\u062a \u0630\u0643\u064a\u0629 \u0648\u0641\u0639\u0651\u0627\u0644\u0629 \u0644\u0644\u0645\u0646\u0627\u0632\u0644\u060c \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u0628\u0627\u0646\u064a\u060c \u0648\u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"automation-card\">\r\n          <div class=\"automation-icon\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M3 21h18v-2H3v2ZM5 10h3v7H5v-7Zm5-6h4v13h-4V4Zm6 8h3v5h-3v-5ZM4 8l8-5 8 5v2l-8-5-8 5V8Z\"\/><\/svg>\r\n          <\/div>\r\n          <h3>\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/h3>\r\n          <p>\r\n            \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u0628\u062a\u0643\u0631\u0629 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0648\u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629\u060c \u0648\u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"automation-card\">\r\n          <div class=\"automation-icon\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M12 2 2 7v2h20V7L12 2ZM4 11v8H2v2h20v-2h-2v-8h-2v8h-3v-8h-2v8h-2v-8H9v8H6v-8H4Zm8-6.76L17.53 7H6.47L12 4.24Z\"\/><\/svg>\r\n          <\/div>\r\n          <h3>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629<\/h3>\r\n          <p>\r\n            \u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0644\u0623\u062a\u0645\u062a\u0629\u060c \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0637\u0627\u0642\u0629\u060c \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0633\u0644\u0633.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"automation-card\">\r\n          <div class=\"automation-icon\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3Zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3Zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13Zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5Z\"\/><\/svg>\r\n          <\/div>\r\n          <h3>\u0639\u0645\u0644\u0627\u0626\u0646\u0627<\/h3>\r\n          <p>\r\n            \u0646\u0633\u0627\u0639\u062f \u0639\u0645\u0644\u0627\u0621\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0645\u062a\u0627\u0639 \u0628\u0628\u064a\u0626\u0627\u062a \u0623\u0643\u062b\u0631 \u0630\u0643\u0627\u0621\u064b\u060c \u0648\u0631\u0627\u062d\u0629 \u0645\u062d\u0633\u0651\u0646\u0629\u060c \u0648\u062e\u062f\u0645\u0627\u062a \u0645\u0648\u062b\u0648\u0642\u0629.\r\n          <\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.damaj-automation-section {\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  background: transparent;\r\n  padding: 52px 0 62px;\r\n  overflow: hidden;\r\n  font-family: inherit;\r\n}\r\n\r\n.damaj-automation-inner {\r\n  width: min(1360px, 100%);\r\n  margin: 0 auto;\r\n  padding: 0 28px;\r\n}\r\n\r\n.damaj-automation-header {\r\n  max-width: 980px;\r\n  margin: 0 auto 42px;\r\n  text-align: center;\r\n}\r\n\r\n.damaj-automation-header h2 {\r\n  margin: 0 0 20px;\r\n  color: #101820;\r\n  font-size: clamp(32px, 3.4vw, 50px);\r\n  font-weight: 800;\r\n  line-height: 1.14;\r\n  letter-spacing: -0.8px;\r\n}\r\n\r\n.damaj-automation-header h2 span {\r\n  color: #005b86;\r\n}\r\n\r\n.damaj-automation-header p {\r\n  max-width: 960px;\r\n  margin: 0 auto 10px;\r\n  color: rgba(16, 24, 32, 0.78);\r\n  font-size: clamp(15px, 1.05vw, 18px);\r\n  font-weight: 500;\r\n  line-height: 1.65;\r\n}\r\n\r\n.damaj-automation-content {\r\n  display: grid;\r\n  grid-template-columns: 1.05fr 1.2fr;\r\n  gap: 28px;\r\n  align-items: stretch;\r\n}\r\n\r\n.damaj-automation-image {\r\n  position: relative;\r\n  min-height: 365px;\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  background: #005b86;\r\n  box-shadow: 0 20px 55px rgba(0, 37, 56, 0.2);\r\n}\r\n\r\n.damaj-automation-image::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(to top, rgba(0, 43, 65, 0.18), transparent 55%),\r\n    linear-gradient(135deg, rgba(0, 91, 134, 0.14), transparent 45%);\r\n  pointer-events: none;\r\n}\r\n\r\n.damaj-automation-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  filter: brightness(0.92) contrast(1.02) saturate(0.95);\r\n  transform: scale(1.01);\r\n  display: block;\r\n}\r\n\r\n.damaj-automation-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 18px;\r\n}\r\n\r\n.automation-card {\r\n  position: relative;\r\n  padding: 26px 26px;\r\n  min-height: 172px;\r\n  border-radius: 22px;\r\n  background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);\r\n  border: 1px solid rgba(0, 91, 134, 0.1);\r\n  box-shadow: 0 14px 35px rgba(0, 37, 56, 0.08);\r\n  overflow: hidden;\r\n  transition: 0.3s ease;\r\n}\r\n\r\n.automation-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -68px;\r\n  right: -68px;\r\n  width: 135px;\r\n  height: 135px;\r\n  border-radius: 50%;\r\n  background: rgba(0, 91, 134, 0.07);\r\n  transition: 0.3s ease;\r\n}\r\n\r\n.automation-card:hover {\r\n  transform: translateY(-6px);\r\n  border-color: rgba(0, 91, 134, 0.24);\r\n  box-shadow: 0 22px 55px rgba(0, 37, 56, 0.14);\r\n}\r\n\r\n.automation-card:hover::before {\r\n  transform: scale(1.18);\r\n  background: rgba(0, 91, 134, 0.11);\r\n}\r\n\r\n.automation-icon {\r\n  width: 46px;\r\n  height: 46px;\r\n  margin-bottom: 16px;\r\n  border-radius: 14px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ffffff;\r\n  background: linear-gradient(135deg, #005b86, #0781b8);\r\n  box-shadow: 0 10px 22px rgba(0, 91, 134, 0.24);\r\n}\r\n\r\n.automation-icon svg {\r\n  width: 23px;\r\n  height: 23px;\r\n  fill: currentColor;\r\n}\r\n\r\n.automation-card h3 {\r\n  position: relative;\r\n  margin: 0 0 9px;\r\n  color: #243241;\r\n  font-size: 21px;\r\n  font-weight: 800;\r\n  line-height: 1.25;\r\n}\r\n\r\n.automation-card p {\r\n  position: relative;\r\n  margin: 0;\r\n  color: rgba(16, 24, 32, 0.72);\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n  .damaj-automation-content {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .damaj-automation-image {\r\n    min-height: 360px;\r\n  }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n  .damaj-automation-section {\r\n    padding: 46px 0 90px;\r\n  }\r\n\r\n  .damaj-automation-inner {\r\n    padding: 0 16px;\r\n  }\r\n\r\n  .damaj-automation-header {\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .damaj-automation-header h2 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .damaj-automation-header p {\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .damaj-automation-content {\r\n    gap: 20px;\r\n  }\r\n\r\n  .damaj-automation-image {\r\n    min-height: 300px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .damaj-automation-cards {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 12px;\r\n  }\r\n\r\n  .automation-card {\r\n    padding: 18px 14px;\r\n    min-height: 178px;\r\n    border-radius: 18px;\r\n    text-align: center;\r\n  }\r\n\r\n  .automation-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    margin: 0 auto 12px;\r\n    border-radius: 13px;\r\n  }\r\n\r\n  .automation-icon svg {\r\n    width: 21px;\r\n    height: 21px;\r\n  }\r\n\r\n  .automation-card h3 {\r\n    font-size: 16px;\r\n    line-height: 1.25;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .automation-card p {\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .damaj-automation-section {\r\n    padding: 42px 0 95px;\r\n  }\r\n\r\n  .damaj-automation-inner {\r\n    padding: 0 12px;\r\n  }\r\n\r\n  .damaj-automation-header h2 {\r\n    font-size: 29px;\r\n  }\r\n\r\n  .damaj-automation-header p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .damaj-automation-image {\r\n    min-height: 250px;\r\n  }\r\n\r\n  .damaj-automation-cards {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 10px;\r\n  }\r\n\r\n  .automation-card {\r\n    padding: 16px 12px;\r\n    min-height: 168px;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .automation-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n  }\r\n\r\n  .automation-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  .automation-card h3 {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .automation-card p {\r\n    font-size: 12.5px;\r\n    line-height: 1.45;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74114fd e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"74114fd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c3382e elementor-widget elementor-widget-html\" data-id=\"5c3382e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"damaj-smart-parallax\" id=\"damajSmartParallax\">\n  <div class=\"damaj-smart-bg\" aria-hidden=\"true\"><\/div>\n  <div class=\"damaj-smart-shade\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"damaj-smart-content\">\n    <h1>\n      <span class=\"damaj-smart-icon\">\ud83c\udf1f<\/span>\n      \u0639\u064a\u0634 \u0627\u0644\u0630\u0643\u0627\u0621\u060c \u062a\u062d\u0643\u0651\u0645 \u0628\u0643\u0644 \u0634\u064a \u0621 \ud83c\udf1f\n    <\/h1>\n\n    <div class=\"damaj-smart-text\">\n      \u062d\u0648\u0651\u0644 \u0645\u0646\u0632\u0644\u0643 \u0625\u0644\u0649 \u0639\u0627\u0644\u0645 \u0630\u0643\u064a \u0645\u062a\u0643\u0627\u0645\u0644 \u062d\u064a\u062b \u062a\u062c\u062a\u0645\u0639 \u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0644\u062a\u0648\u0641\u064a\u0631 \u062a\u062c\u0631\u0628\u0629 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0627 \u0645\u0639 \u0644\u0645\u0633\u0629 \u0645\u0646 \u0627\u0644\u0641\u062e\u0627\u0645\u0629 \u0641\u064a \u0623\u0633\u0644\u0648\u0628 \u062d\u064a\u0627\u062a\u0643. \u062a\u062d\u0643\u0651\u0645 \u0641\u064a \u0627\u0644\u0625\u0636\u0627\u0621\u0629\u060c \u0648\u062a\u0643\u064a\u064a\u0641 \u0627\u0644\u0647\u0648\u0627\u0621\u060c \u0648\u0627\u0644\u0633\u062a\u0627\u0626\u0631\u060c \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0635\u0648\u062a\u060c \u0648\u0627\u0644\u0625\u0646\u062a\u0631\u0643\u0645\u060c \u0648\u0643\u0627\u0645\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0648\u0627\u0644\u0645\u0632\u064a\u062f \u0628\u0633\u0647\u0648\u0644\u0629 \u062a\u0627\u0645\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0647\u0627\u062a\u0641\u0643 \u0627\u0644\u0630\u0643\u064a \u0623\u0648 \u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 \u0645\u0631\u0643\u0632\u064a\u0629. \u0645\u0627 \u0639\u0644\u064a\u0643 \u0633\u0648\u0649 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0635\u0648\u062a\u0643 \u0648\u062f\u0639 Siri \u0648Alexa \u064a\u062a\u0648\u0644\u064a\u0627\u0646 \u0627\u0644\u0628\u0627\u0642\u064a\u060c \u0648\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u0623\u0633\u0644\u0648\u0628 \u062d\u064a\u0627\u0629 \u0639\u0635\u0631\u064a \u064a\u0635\u0628\u062d \u0641\u064a\u0647 \u0645\u0646\u0632\u0644\u0643 \u0623\u0643\u062b\u0631 \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0648\u0630\u0643\u0627\u0621\u064b \u0648\u0623\u0646\u0627\u0642\u0629.\n    <\/div>\n\n    <h2>\n      <span class=\"damaj-smart-icon\">\u2728<\/span>\n      \u0627\u0644\u0631\u0627\u062d\u0629 \u062a\u0628\u062f\u0623 \u0628\u0643\u0644\u0645\u0629. \u0648\u0627\u0644\u0630\u0643\u0627\u0621... \u064a\u0628\u062f\u0623 \u0645\u0646 \u0647\u0646\u0627\n    <\/h2>\n\n    <a href=\"\/ar\/contact-us\/\" class=\"damaj-smart-btn\">\n      \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\n    <\/a>\n  <\/div>\n<\/section>\n\n<style>\n  .damaj-smart-parallax,\n  .damaj-smart-parallax * {\n    box-sizing: border-box;\n  }\n\n  .damaj-smart-parallax {\n    position: relative;\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    min-height: clamp(500px, 64vh, 660px);\n    overflow: hidden;\n\n    display: grid;\n    place-items: center;\n\n    padding: clamp(72px, 7vw, 110px) 18px;\n\n    color: #fff;\n    background: #04111a;\n    font-family: inherit;\n  }\n\n  .damaj-smart-bg {\n    position: absolute;\n    inset: -44% -12%;\n    z-index: -3;\n\n    background-image: url(\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/05\/sss.png\");\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n\n    transform: translate3d(0, 0, 0) scale(1);\n    will-change: transform;\n  }\n\n  .damaj-smart-shade {\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    background:\n      radial-gradient(circle at 38% 48%, rgba(0, 183, 255, 0.09), transparent 42%),\n      linear-gradient(\n        90deg,\n        rgba(0, 0, 0, 0.08) 0%,\n        rgba(0, 0, 0, 0.18) 45%,\n        rgba(0, 0, 0, 0.28) 100%\n      ),\n      linear-gradient(\n        180deg,\n        rgba(0, 0, 0, 0.04) 0%,\n        rgba(0, 0, 0, 0.14) 50%,\n        rgba(0, 0, 0, 0.24) 100%\n      );\n  }\n\n  .damaj-smart-parallax::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    pointer-events: none;\n    background:\n      linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px),\n      linear-gradient(180deg, rgba(255,255,255,0.018) 1px, transparent 1px);\n    background-size: 62px 62px;\n    opacity: 0.10;\n  }\n\n  .damaj-smart-content {\n    position: relative;\n    width: min(1040px, 100%);\n    margin: 0 auto;\n    text-align: center;\n\n    transform: translate3d(0, 0, 0);\n    will-change: transform, opacity;\n  }\n\n  .damaj-smart-content h1 {\n    margin: 0;\n    color: #fff;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    flex-wrap: wrap;\n\n    font-size: clamp(34px, 4.2vw, 54px);\n    line-height: 1.12;\n    font-weight: 500;\n    letter-spacing: -0.035em;\n\n    text-shadow: 0 14px 38px rgba(0,0,0,0.55);\n  }\n\n  .damaj-smart-icon {\n    display: inline-flex;\n    line-height: 1;\n    filter: drop-shadow(0 8px 16px rgba(0,0,0,0.35));\n  }\n\n  .damaj-smart-text {\n    width: min(1000px, 100%);\n    margin: 42px auto 40px;\n\n    padding: 16px 28px;\n    border-radius: 0;\n\n    background: rgba(0, 10, 18, 0.48);\n    color: #fff;\n\n    font-size: clamp(14px, 1.12vw, 16px);\n    line-height: 1.72;\n    font-weight: 700;\n\n    text-align: center;\n    box-shadow: 0 18px 48px rgba(0,0,0,0.18);\n    backdrop-filter: blur(3px);\n  }\n\n  .damaj-smart-content h2 {\n    margin: 0 0 30px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    flex-wrap: wrap;\n\n    color: #fff;\n    font-size: clamp(26px, 3vw, 38px);\n    line-height: 1.2;\n    font-weight: 500;\n    letter-spacing: -0.035em;\n\n    text-shadow: 0 14px 36px rgba(0,0,0,0.45);\n  }\n\n  .damaj-smart-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-width: 116px;\n    min-height: 42px;\n    padding: 10px 24px;\n\n    border-radius: 6px;\n    border: 1px solid rgba(255,255,255,0.72);\n\n    background: rgba(255,255,255,0.05);\n    color: #fff;\n\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: 800;\n\n    backdrop-filter: blur(8px);\n    box-shadow: 0 12px 34px rgba(0,0,0,0.20);\n\n    transition:\n      transform 0.25s ease,\n      background 0.25s ease,\n      border-color 0.25s ease;\n  }\n\n  .damaj-smart-btn:hover {\n    transform: translateY(-4px);\n    background: rgba(255,255,255,0.16);\n    border-color: #fff;\n    color: #fff;\n  }\n\n  @media (max-width: 1024px) {\n    .damaj-smart-parallax {\n      min-height: 580px;\n      padding-top: 82px;\n      padding-bottom: 82px;\n    }\n\n    .damaj-smart-bg {\n      inset: -50% -16%;\n      background-position: center center;\n    }\n\n    .damaj-smart-text {\n      margin-top: 38px;\n      margin-bottom: 34px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .damaj-smart-parallax {\n      min-height: 620px;\n      padding: 76px 14px 72px;\n    }\n\n    .damaj-smart-bg {\n      inset: -58% -24%;\n      background-position: center center;\n    }\n\n    .damaj-smart-shade {\n      background:\n        radial-gradient(circle at 38% 48%, rgba(0, 183, 255, 0.07), transparent 46%),\n        linear-gradient(\n          90deg,\n          rgba(0, 0, 0, 0.08) 0%,\n          rgba(0, 0, 0, 0.18) 50%,\n          rgba(0, 0, 0, 0.30) 100%\n        ),\n        linear-gradient(\n          180deg,\n          rgba(0, 0, 0, 0.04) 0%,\n          rgba(0, 0, 0, 0.16) 50%,\n          rgba(0, 0, 0, 0.26) 100%\n        );\n    }\n\n    .damaj-smart-content h1 {\n      font-size: clamp(31px, 8.4vw, 42px);\n      gap: 10px;\n    }\n\n    .damaj-smart-text {\n      margin: 36px auto 32px;\n      padding: 14px 15px;\n\n      font-size: 12.8px;\n      line-height: 1.65;\n      font-weight: 700;\n\n      background: rgba(0, 10, 18, 0.52);\n    }\n\n    .damaj-smart-content h2 {\n      margin-bottom: 26px;\n      font-size: clamp(24px, 6.5vw, 34px);\n      gap: 9px;\n    }\n\n    .damaj-smart-btn {\n      min-width: 108px;\n      min-height: 40px;\n      font-size: 12px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .damaj-smart-parallax {\n      min-height: 650px;\n      padding: 70px 12px 66px;\n    }\n\n    .damaj-smart-bg {\n      inset: -66% -30%;\n      background-position: center center;\n    }\n\n    .damaj-smart-content h1 {\n      font-size: 30px;\n    }\n\n    .damaj-smart-text {\n      margin-top: 32px;\n      padding: 13px 12px;\n      font-size: 12px;\n      line-height: 1.58;\n      background: rgba(0, 10, 18, 0.54);\n    }\n\n    .damaj-smart-content h2 {\n      font-size: 25px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .damaj-smart-parallax {\n      min-height: 625px;\n      padding-top: 64px;\n      padding-bottom: 60px;\n    }\n\n    .damaj-smart-content h1 {\n      font-size: 27px;\n    }\n\n    .damaj-smart-text {\n      font-size: 11.4px;\n      line-height: 1.52;\n    }\n\n    .damaj-smart-content h2 {\n      font-size: 23px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .damaj-smart-bg,\n    .damaj-smart-content,\n    .damaj-smart-btn {\n      transition: none !important;\n      animation: none !important;\n      transform: none !important;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const section = document.getElementById(\"damajSmartParallax\");\n    if (!section) return;\n\n    const bg = section.querySelector(\".damaj-smart-bg\");\n    const content = section.querySelector(\".damaj-smart-content\");\n\n    if (!bg || !content) return;\n\n    let ticking = false;\n    const reducedMotionQuery = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\n    function clamp(value, min, max) {\n      return Math.min(Math.max(value, min), max);\n    }\n\n    function getBgMovePower() {\n      if (window.innerWidth <= 480) return 210;\n      if (window.innerWidth <= 768) return 190;\n      if (window.innerWidth <= 1024) return 160;\n      return 145;\n    }\n\n    function getContentMovePower() {\n      if (window.innerWidth <= 480) return -145;\n      if (window.innerWidth <= 768) return -160;\n      if (window.innerWidth <= 1024) return -170;\n      return -185;\n    }\n\n    function updateParallax() {\n      if (reducedMotionQuery.matches) return;\n\n      const rect = section.getBoundingClientRect();\n      const vh = window.innerHeight || document.documentElement.clientHeight;\n\n      const progress = clamp((vh - rect.top) \/ (vh + rect.height), 0, 1);\n\n      const bgMove = (progress - 0.5) * getBgMovePower();\n      const contentMove = (progress - 0.5) * getContentMovePower();\n\n      const contentScale = 1 + Math.abs(progress - 0.5) * 0.012;\n      const contentOpacity = clamp(1 - Math.abs(progress - 0.5) * 0.16, 0.90, 1);\n\n      bg.style.transform =\n        \"translate3d(0,\" + bgMove + \"px,0) scale(1)\";\n\n      content.style.transform =\n        \"translate3d(0,\" + contentMove + \"px,0) scale(\" + contentScale + \")\";\n\n      content.style.opacity = contentOpacity;\n\n      ticking = false;\n    }\n\n    function requestUpdate() {\n      if (!ticking) {\n        window.requestAnimationFrame(updateParallax);\n        ticking = true;\n      }\n    }\n\n    updateParallax();\n\n    window.addEventListener(\"scroll\", requestUpdate, { passive: true });\n    window.addEventListener(\"resize\", requestUpdate);\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c661ed2 e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"c661ed2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d6b30e elementor-widget elementor-widget-html\" data-id=\"1d6b30e\" data-element_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\nhtml,\r\nbody {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  overflow-x: hidden !important;\r\n  background-color: #8d98a6 !important;\r\n}\r\n\r\n#page,\r\n.site,\r\n.site-content,\r\n#content,\r\n.content-area,\r\n.ast-container,\r\n.ast-article-single,\r\n.entry-content,\r\n.elementor,\r\n.elementor-page,\r\n.elementor-location-single,\r\n.elementor-section-wrap,\r\n[data-elementor-type=\"wp-page\"] {\r\n  background-color: #8d98a6 !important;\r\n}\r\n\r\n.ast-container,\r\n.site-content .ast-container,\r\n#content .ast-container {\r\n  max-width: none !important;\r\n  width: 100% !important;\r\n  padding-left: 0 !important;\r\n  padding-right: 0 !important;\r\n}\r\n\r\n\/* \u0644\u0627 \u062a\u063a\u064a\u0651\u0631 \u062e\u0644\u0641\u064a\u0627\u062a \u0627\u0644\u0643\u0648\u0646\u062a\u064a\u0646\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u0639\u0644\u064a\u0647\u0627 \u0635\u0648\u0631 *\/\r\n.e-con,\r\n.e-con-inner,\r\n.elementor-section,\r\n.elementor-container,\r\n.elementor-widget-wrap {\r\n  background-color: transparent;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2623a9e e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"2623a9e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ae1217 elementor-widget elementor-widget-wd_title\" data-id=\"4ae1217\" data-element_type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper set-mb-s reset-last-child wd-title-color-white wd-title-style-bordered wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<br \/>\n<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"title-after_title set-cont-mb-s reset-last-child wd-fontsize-xs\">\n\t\t\t\t\t<p>\u0641\u064a \u062f\u0645\u0627\u062c\u060c \u0646\u062d\u0646 \u0645\u0644\u062a\u0632\u0645\u0648\u0646 \u0628\u062a\u0642\u062f\u064a\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629 \u0627\u0644\u062a\u064a \u062a\u0644\u0628\u064a \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u062a\u0646\u0648\u0639\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627. \u0647\u062f\u0641\u0646\u0627 \u0647\u0648 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u062a\u0639\u0632\u0632 \u0643\u0641\u0627\u0621\u0629 \u0648\u0623\u0645\u0627\u0646 \u0639\u0645\u0644\u064a\u0627\u062a\u0643\u060c \u0645\u0645\u0627 \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641 \u0639\u0645\u0644\u0643<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b67eecd e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"b67eecd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf87b27 elementor-widget elementor-widget-html\" data-id=\"cf87b27\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ================= Services Hero ================= -->\n<section class=\"services-hero no-gutters\" aria-label=\"\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062e\u062f\u0645\u0627\u062a\">\n\n  <!-- DAMAJ HOTEL MANAGEMENT PLATFORM -->\n  <article class=\"card top-banner software-banner\" aria-label=\"\u0645\u0646\u0635\u0629 \u062f\u0645\u0627\u062c \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0641\u0646\u0627\u062f\u0642\">\n    <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2026\/05\/DAMAJ-Hotel-management-platform.png\" alt=\"DAMAJ Hotel Management Platform\" \/>\n\n    <div class=\"section-name software-title\">\n      \u0645\u0646\u0635\u0629 \u062f\u0645\u0627\u062c \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0641\u0646\u0627\u062f\u0642\n    <\/div>\n\n    <div class=\"overlay\" aria-hidden=\"true\">\n      <div>\n        <h3>\u0645\u0646\u0635\u0629 \u062f\u0645\u0627\u062c \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0641\u0646\u0627\u062f\u0642<\/h3>\n        <p>\n          \u0645\u0646\u0635\u0629 \u062f\u0645\u0627\u062c \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0641\u0646\u0627\u062f\u0642 \u0647\u064a \u062d\u0644 \u0631\u0642\u0645\u064a \u0630\u0643\u064a \u0645\u0635\u0645\u0645 \u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0641\u0646\u0627\u062f\u0642 \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0623\u062f\u0648\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u0633\u0647\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0648\u0633\u0639 \u0648 \u0627\u0644\u062a\u062e\u0635\u064a\u0635\u060c \u062a\u0639\u0632\u0632 \u0627\u0644\u0623\u062f\u0627\u0621\u060c \u0648\u062a\u0628\u0633\u0651\u0637 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u062a\u062d\u0633\u0651\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0636\u064a\u0648\u0641.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <a class=\"read-more\" data-service=\"software\" href=\"https:\/\/damaj.sa\/ar\/solutions\/#sub-damaj-platform-overview\" role=\"button\">\u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n  <\/article>\n\n  <!-- LOW VOLTAGE & SMART SOLUTIONS -->\n  <div class=\"grid4-wrapper\">\n    <div class=\"grid4-overlay\">\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u062e\u0641\u0636 \u0648 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u064a\u0629<\/div>\n\n    <div class=\"grid4\" aria-label=\"\u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u062e\u0641\u0636 \u0648 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u064a\u0629\">\n\n      <article class=\"card\" aria-label=\"\u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0627\u0644\u0630\u0643\u064a\u0629\">\n        <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/09\/Smart-Home1.png\" alt=\"\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0646\u0632\u0644 \u0627\u0644\u0630\u0643\u064a\" \/>\n        <div class=\"section-name\">\u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0627\u0644\u0630\u0643\u064a\u0629<\/div>\n        <div class=\"overlay\">\n          <div>\n            <h3>\u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0627\u0644\u0630\u0643\u064a\u0629<\/h3>\n            <p>\u0646\u0642\u062f\u0645 \u0623\u0646\u0638\u0645\u0629 \u0623\u062a\u0645\u062a\u0629 \u0644\u0644\u0645\u0646\u0627\u0632\u0644 \u0648\u0627\u0644\u0645\u0628\u0627\u0646\u064a \u0627\u0644\u0630\u0643\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u064a\u062d \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0625\u0636\u0627\u0621\u0629\u060c \u0648\u0627\u0644\u0645\u0646\u0627\u062e\u060c \u0648\u0627\u0644\u0633\u062a\u0627\u0626\u0631\u060c \u0648\u0627\u0644\u0623\u0645\u0646\u060c \u0648\u0627\u0644\u0648\u0633\u0627\u0626\u0637 \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629 \u2014 \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629.<\/p>\n          <\/div>\n        <\/div>\n        <a class=\"read-more\" data-service=\"smart\" href=\"#\" role=\"button\">\u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n      <\/article>\n\n      <article class=\"card\" aria-label=\"\u062d\u0644\u0648\u0644 \u0627\u0644\u0625\u062a\u0635\u0627\u0644\u0627\u062a\">\n        <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/Communication-solutions-2.png\" alt=\"\u062d\u0644\u0648\u0644 \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a\" \/>\n        <div class=\"section-name\">\u062d\u0644\u0648\u0644 \u0627\u0644\u0625\u062a\u0635\u0627\u0644\u0627\u062a<\/div>\n        <div class=\"overlay\">\n          <div>\n            <h3>\u062d\u0644\u0648\u0644 \u0627\u0644\u0625\u062a\u0635\u0627\u0644\u0627\u062a<\/h3>\n            <p>\u0646\u062d\u0646 \u0646\u0635\u0645\u0651\u0645 \u0648\u0646\u0646\u0641\u0651\u0630 \u0628\u0646\u0649 \u062a\u062d\u062a\u064a\u0629 \u0644\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u062a\u0634\u0645\u0644 \u0627\u0644\u0634\u0628\u0643\u0627\u062a\u060c \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0647\u0627\u062a\u0641\u064a\u0629\u060c \u0648\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a\u060c \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u0644\u0644\u0623\u0642\u0645\u0627\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.<\/p>\n          <\/div>\n        <\/div>\n        <a class=\"read-more\" data-service=\"communication\" href=\"#\" role=\"button\">\u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n      <\/article>\n\n      <article class=\"card\" aria-label=\"\u062d\u0644\u0648\u0644 \u0627\u0644\u0641\u0646\u0627\u062f\u0642\">\n        <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/Hotel-Solutions-ph1.png\" alt=\"\u062d\u0644\u0648\u0644 \u0627\u0644\u0641\u0646\u0627\u062f\u0642\" \/>\n        <div class=\"section-name\">\u062d\u0644\u0648\u0644 \u0627\u0644\u0641\u0646\u0627\u062f\u0642<\/div>\n        <div class=\"overlay\">\n          <div>\n            <h3>\u062d\u0644\u0648\u0644 \u0627\u0644\u0641\u0646\u0627\u062f\u0642<\/h3>\n            <p>\u0646\u062d\u0646 \u0646\u0648\u0641\u0631 \u062d\u0644\u0648\u0644 \u0627\u0644\u0641\u0646\u0627\u062f\u0642 \u0648\u0623\u0646\u0638\u0645\u0629 RGMS \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0636\u064a\u0627\u0641\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0623\u0644\u0648\u0627\u062d \u0639\u062f\u0645 \u0627\u0644\u0625\u0632\u0639\u0627\u062c (DND Panels)\u060c \u0648\u0627\u0644\u0623\u0642\u0641\u0627\u0644 \u0627\u0644\u0630\u0643\u064a\u0629 \u0644\u0644\u0623\u0628\u0648\u0627\u0628\u060c \u0648\u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0645\u0627 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0641\u0646\u0627\u062f\u0642 \u0639\u0644\u0649 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0646\u0632\u0644\u0627\u0621.<\/p>\n          <\/div>\n        <\/div>\n        <a class=\"read-more\" data-service=\"hotel\" href=\"#\" role=\"button\">\u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n      <\/article>\n\n      <article class=\"card\" aria-label=\"\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0623\u0645\u0646\u064a\u0629\">\n        <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/Security-Systems2-ph.png\" alt=\"\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0623\u0645\u0646 \u0648\u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629\" \/>\n        <div class=\"section-name\">\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0623\u0645\u0646\u064a\u0629<\/div>\n        <div class=\"overlay\">\n          <div>\n            <h3>\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0623\u0645\u0646\u064a\u0629<\/h3>\n            <p>\u062d\u0644\u0648\u0644\u0646\u0627 \u0627\u0644\u0623\u0645\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062d\u0645\u064a \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0645\u0645\u062a\u0644\u0643\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0623\u0646\u0638\u0645\u0629 \u0645\u0631\u0627\u0642\u0628\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u062f\u0627\u0621\u060c \u0648\u0643\u0634\u0641 \u0627\u0644\u062a\u0633\u0644\u0644\u060c \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062f\u062e\u0648\u0644.<\/p>\n          <\/div>\n        <\/div>\n        <a class=\"read-more\" data-service=\"security\" href=\"#\" role=\"button\">\u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n      <\/article>\n\n    <\/div>\n  <\/div>\n\n  <!-- INDUSTRIAL AUTOMATION -->\n  <article class=\"card top-banner de-industrial-temp\" aria-label=\"\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\">\n    <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/Industrial-automation4.png\" alt=\"\u0635\u0646\u0627\u0639\u0627\u062a \u0648\u0623\u062a\u0645\u062a\u0629 \u0635\u0646\u0627\u0639\u064a\u0629\" \/>\n    <div class=\"section-name\">\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/div>\n    <div class=\"overlay\" aria-hidden=\"true\">\n      <div>\n        <h3>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/h3>\n        <p>\n          We provide advanced automation technologies and Industry 4.0 solutions, including Manufacturing Execution Systems (MES) integration, to help you fully digitalize your operations. With 3D monitoring across industrial robotics, CNC machines, and production lines, we enable you to streamline production, minimize downtime, and improve quality.\n          From design and implementation to after-sales support, we ensure your operations run smarter, faster, and more efficiently.\n        <\/p>\n      <\/div>\n    <\/div>\n    <a class=\"read-more\" data-service=\"industrial\" href=\"#\" role=\"button\">\u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n  <\/article>\n\n<\/section>\n\n<style>\n.services-hero{\n  --gap:clamp(8px,1.2vw,18px);\n  min-height:100svh;\n  display:flex;\n  flex-direction:column;\n  gap:var(--gap);\n  padding:var(--gap);\n  perspective:1100px;\n  perspective-origin:50% 30%;\n  direction:inherit;\n  color:#fff;\n  background:transparent;\n  font-family:system-ui,-apple-system,Segoe UI,Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",\"Apple Color Emoji\",\"Segoe UI Emoji\";\n  margin-top:0!important;\n}\n\n.services-hero *{\n  box-sizing:border-box;\n}\n\n.services-hero.no-gutters{\n  padding:0!important;\n  gap:0!important;\n}\n\n.services-hero.no-gutters .grid4{\n  gap:0!important;\n}\n\n.services-hero.no-gutters .card{\n  border-radius:0;\n}\n\n.services-hero.no-gutters .top-banner,\n.services-hero.no-gutters .grid4-wrapper{\n  margin-top:0!important;\n  margin-bottom:0!important;\n}\n\n.services-hero.no-gutters .card img{\n  display:block;\n}\n\n:where(.elementor-section,.elementor-widget,.container,.wp-block-group,.section,.row,.wrapper):has(> .services-hero){\n  padding-top:0!important;\n  margin-top:0!important;\n  border-top-width:0!important;\n}\n\n:where(*):has(+ .services-hero){\n  margin-bottom:0!important;\n  padding-bottom:0!important;\n}\n\n.services-hero .card{\n  position:relative;\n  overflow:hidden;\n  isolation:isolate;\n  background:#111;\n  --shadow:0 20px 40px rgba(0,0,0,.35);\n  box-shadow:var(--shadow);\n  transform-style:preserve-3d;\n  --rx:0deg;\n  --ry:0deg;\n  --tz:0px;\n  transform:translateZ(var(--tz)) rotateX(var(--rx)) rotateY(var(--ry));\n  transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;\n  animation:fadeUp .6s ease both;\n}\n\n.services-hero .card:hover{\n  box-shadow:0 28px 60px rgba(0,0,0,.5);\n  filter:saturate(1.05);\n}\n\n.services-hero .card img{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  transition:transform .6s ease,filter .4s ease;\n  transform:translateZ(0) scale(1.03);\n}\n\n.services-hero .card::after{\n  content:\"\";\n  position:absolute;\n  inset:-20%;\n  pointer-events:none;\n  opacity:0;\n  transition:opacity .35s ease;\n  background:radial-gradient(600px 400px at var(--mx,50%) var(--my,50%),rgba(255,255,255,.14),rgba(255,255,255,0) 60%);\n  mix-blend-mode:overlay;\n}\n\n.services-hero .card:hover::after{\n  opacity:.7;\n}\n\n.services-hero .overlay,\n.services-hero .overlay *,\n.services-hero .section-name,\n.services-hero .grid4-overlay{\n  color:#fff!important;\n}\n\n.services-hero .overlay{\n  position:absolute;\n  inset:0;\n  display:grid;\n  place-items:center;\n  text-align:center;\n  padding:clamp(12px,2vw,24px);\n  background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.25));\n  opacity:0;\n  transition:opacity .35s ease,transform .35s ease;\n  transform:translateZ(45px);\n}\n\n.services-hero .overlay h3{\n  margin:0 0 6px;\n  font-size:clamp(18px,1.1rem + .6vw,32px);\n}\n\n.services-hero .overlay p{\n  margin:0;\n  opacity:.95;\n  line-height:1.6;\n  font-size:clamp(12px,.9rem,16px);\n  max-width:1100px;\n}\n\n.services-hero .card:hover .overlay{\n  opacity:1;\n}\n\n.services-hero .card:hover img{\n  transform:translateZ(0) scale(1.06);\n  filter:brightness(.68);\n}\n\n.services-hero .section-name{\n  position:absolute;\n  top:10%;\n  left:50%;\n  transform:translateX(-50%);\n  min-width:60%;\n  background:rgba(134,144,160,.55);\n  padding:6px 12px;\n  font-size:14px;\n  font-weight:bold;\n  z-index:6;\n  text-align:center;\n  transition:opacity .3s ease;\n  border-radius:4px;\n}\n\n.services-hero .card:hover .section-name{\n  opacity:0;\n}\n\n.services-hero .top-banner{\n  min-height:45vh;\n  position:relative;\n  overflow:hidden;\n  background-color:#8690a0;\n}\n\n.services-hero .top-banner .section-name{\n  top:50%;\n  left:50%;\n  transform:translate(-50%,-50%);\n  width:auto;\n  padding:20px 40px;\n  font-size:clamp(20px,1.5rem + 1vw,36px);\n  background:rgba(134,144,160,.55);\n  border-radius:8px;\n  line-height:1.25;\n  white-space:normal;\n}\n\n.services-hero .top-banner img{\n  --base-scale:1.08;\n  will-change:transform;\n  height:120%;\n  width:120%;\n  object-fit:cover;\n  object-position:center;\n  top:-10%;\n  position:absolute;\n  inset-inline:0;\n  margin-inline:auto;\n  transition:transform .6s ease,filter .4s ease;\n  transform:translateY(0) scale(var(--base-scale,1.08));\n}\n\n.services-hero .top-banner:hover img{\n  --base-scale:1.12;\n  filter:brightness(.68);\n}\n\n\/* DAMAJ Desktop \/ Tablet *\/\n.services-hero .software-banner{\n  background:#8690a0;\n  min-height:45vh;\n}\n\n.services-hero .software-banner img{\n  --base-scale:1;\n  will-change:transform;\n  width:100%!important;\n  height:auto!important;\n  min-height:100%!important;\n  max-width:none!important;\n  object-fit:contain!important;\n  object-position:center top!important;\n  position:absolute;\n  top:0!important;\n  left:0!important;\n  right:auto!important;\n  bottom:auto!important;\n  inset-inline:auto!important;\n  margin-inline:0!important;\n  transition:transform .6s ease,filter .4s ease;\n  transform:translateY(0) scale(var(--base-scale,1));\n  filter:brightness(.82);\n}\n\n.services-hero .software-banner:hover img{\n  --base-scale:1;\n  filter:brightness(.58);\n}\n\n.services-hero .top-banner .software-title{\n  min-width:min(90%,760px);\n  text-transform:none;\n}\n\n.services-hero .grid4-wrapper{\n  position:relative;\n}\n\n.services-hero .grid4-overlay{\n  position:absolute;\n  inset:0;\n  background:rgba(0,0,0,.65);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:clamp(16px,1rem + 1vw,28px);\n  font-weight:800;\n  letter-spacing:1px;\n  pointer-events:none;\n  z-index:5;\n  transition:opacity .35s ease;\n}\n\n.services-hero .grid4-wrapper:hover .grid4-overlay{\n  opacity:0;\n}\n\n.services-hero .grid4{\n  display:grid;\n  gap:var(--gap);\n  grid-template-columns:repeat(4,1fr);\n  min-height:55vh;\n}\n\n@media (max-width:1200px){\n  .services-hero .grid4{\n    grid-template-columns:repeat(2,1fr);\n    grid-auto-rows:minmax(250px,1fr);\n  }\n}\n\n@media (max-width:640px){\n  .services-hero .top-banner{\n    min-height:38vh;\n  }\n\n  .services-hero .software-banner{\n    min-height:42vh;\n  }\n\n  .services-hero .grid4{\n    grid-template-columns:1fr;\n    grid-auto-rows:minmax(240px,36vh);\n  }\n\n  .services-hero .grid4-overlay{\n    text-align:center;\n    justify-content:center;\n    padding:0 10px;\n  }\n\n  .services-hero .top-banner .section-name{\n    padding:14px 20px;\n    font-size:clamp(18px,1.1rem + 1vw,28px);\n  }\n\n  .services-hero .top-banner .software-title{\n    min-width:90%;\n  }\n}\n\n@keyframes fadeUp{\n  from{opacity:0;transform:translateY(10px)}\n  to{opacity:1;transform:none}\n}\n\n.services-hero .card:nth-child(2){animation-delay:.05s}\n.services-hero .card:nth-child(3){animation-delay:.1s}\n.services-hero .card:nth-child(4){animation-delay:.15s}\n.services-hero .card:nth-child(5){animation-delay:.2s}\n\n.services-hero .read-more{\n  position:absolute;\n  bottom:10px;\n  left:50%;\n  transform:translateX(-50%);\n  background:rgba(0,82,129,.85);\n  color:#fff;\n  padding:6px 14px;\n  font-size:14px;\n  font-weight:bold;\n  border:none;\n  border-radius:4px;\n  cursor:pointer;\n  opacity:0;\n  transition:opacity .3s ease;\n  text-decoration:none;\n  display:inline-block;\n  text-align:center;\n  z-index:8;\n}\n\n.services-hero .grid4 .read-more{\n  font-size:12px;\n  padding:5px 12px;\n}\n\n.services-hero .card:hover .read-more{\n  opacity:1;\n}\n\n\/* ================= Mobile Layout ================= *\/\n@media (max-width:640px){\n\n  html,\n  body{\n    overflow-x:hidden;\n  }\n\n  .services-hero{\n    width:100vw!important;\n    max-width:100vw!important;\n    margin-left:calc(50% - 50vw)!important;\n    margin-right:calc(50% - 50vw)!important;\n    padding-left:0!important;\n    padding-right:0!important;\n  }\n\n  .services-hero.no-gutters{\n    padding:0!important;\n    gap:0!important;\n  }\n\n  .services-hero .top-banner{\n    min-height:38vh!important;\n    width:100vw!important;\n  }\n\n  .services-hero .top-banner .section-name{\n    min-width:auto!important;\n    max-width:90vw!important;\n    padding:10px 16px!important;\n    font-size:clamp(16px,4.6vw,24px)!important;\n    line-height:1.2!important;\n  }\n\n  .services-hero .grid4-wrapper{\n    width:100vw!important;\n    max-width:100vw!important;\n  }\n\n  .services-hero .grid4{\n    display:grid!important;\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n    grid-auto-rows:minmax(220px,28vh)!important;\n    min-height:auto!important;\n    width:100vw!important;\n    max-width:100vw!important;\n    gap:0!important;\n  }\n\n  .services-hero .grid4 .card{\n    min-width:0!important;\n    min-height:28vh!important;\n  }\n\n  .services-hero .grid4-overlay{\n    font-size:clamp(15px,4vw,24px)!important;\n    text-align:center!important;\n    padding:0 14px!important;\n    letter-spacing:.5px!important;\n  }\n\n  .services-hero .grid4 .section-name{\n    top:9%!important;\n    min-width:76%!important;\n    padding:6px 8px!important;\n    font-size:clamp(10px,3.2vw,14px)!important;\n    line-height:1.2!important;\n    border-radius:4px!important;\n  }\n\n  .services-hero .grid4 .overlay{\n    padding:8px 7px!important;\n  }\n\n  .services-hero .grid4 .overlay h3{\n    font-size:clamp(13px,3.8vw,18px)!important;\n    line-height:1.15!important;\n    margin-bottom:5px!important;\n  }\n\n  .services-hero .grid4 .overlay p{\n    font-size:clamp(9px,2.7vw,12px)!important;\n    line-height:1.4!important;\n  }\n\n  .services-hero .grid4 .read-more{\n    bottom:7px!important;\n    font-size:clamp(9px,2.6vw,12px)!important;\n    padding:5px 9px!important;\n    border-radius:4px!important;\n    white-space:nowrap!important;\n  }\n\n  .services-hero .software-banner{\n    min-height:38vh!important;\n    width:100vw!important;\n  }\n\n  .services-hero .software-banner img{\n    width:175%!important;\n    height:auto!important;\n    max-width:none!important;\n    min-height:100%!important;\n    object-fit:contain!important;\n    object-position:left top!important;\n    left:0!important;\n    top:0!important;\n    right:auto!important;\n    margin-inline:0!important;\n    --base-scale:1!important;\n    filter:brightness(.82);\n  }\n\n  .services-hero .software-banner:hover img{\n    --base-scale:1!important;\n    filter:brightness(.58)!important;\n  }\n\n  .services-hero .top-banner .software-title{\n    max-width:90vw!important;\n    min-width:auto!important;\n    font-size:clamp(15px,4.2vw,22px)!important;\n    padding:10px 16px!important;\n  }\n\n  .services-hero .top-banner .overlay{\n    padding:12px 16px!important;\n  }\n\n  .services-hero .top-banner .overlay h3{\n    font-size:clamp(16px,4.5vw,24px)!important;\n    line-height:1.2!important;\n  }\n\n  .services-hero .top-banner .overlay p{\n    font-size:clamp(10px,2.8vw,13px)!important;\n    line-height:1.45!important;\n  }\n\n  .services-hero .top-banner .read-more{\n    font-size:11px!important;\n    padding:5px 11px!important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const root = document.currentScript.closest('.services-hero') || document.querySelector('.services-hero');\n  if(!root) return;\n\n  const lang = (document.documentElement.lang || '').toLowerCase();\n  const isAr = lang.startsWith('ar') || document.documentElement.dir === 'rtl';\n  const locale = isAr ? 'ar' : 'en';\n\n  const hashByService = {\n    industrial:'sub-industrial-automation',\n    smart:'sub-smart-home',\n    communication:'sub-communication',\n    hotel:'sub-hotel',\n    security:'sub-security'\n  };\n\n  root.querySelectorAll('.read-more[data-service]').forEach(a=>{\n    const key = a.getAttribute('data-service');\n\n    if(key === 'software'){\n      a.href = 'https:\/\/damaj.sa\/en\/solutions\/#sub-damaj-platform-overview';\n      return;\n    }\n\n    const hash = hashByService[key];\n    if(!hash) return;\n\n    a.href = `https:\/\/damaj.sa\/${locale}\/solutions\/#${hash}`;\n  });\n\n  const cards = root.querySelectorAll('.card');\n  const clamp = (n,min,max)=>Math.min(Math.max(n,min),max);\n\n  cards.forEach(card=>{\n    let raf;\n\n    function onMove(e){\n      const rect = card.getBoundingClientRect();\n      const x = (e.clientX - rect.left) \/ rect.width;\n      const y = (e.clientY - rect.top) \/ rect.height;\n      const ry = (x - .5) * 16;\n      const rx = (.5 - y) * 12;\n\n      cancelAnimationFrame(raf);\n\n      raf = requestAnimationFrame(()=>{\n        card.style.setProperty('--rx',rx.toFixed(2)+'deg');\n        card.style.setProperty('--ry',ry.toFixed(2)+'deg');\n        card.style.setProperty('--tz','14px');\n        card.style.setProperty('--mx',clamp(x*100,5,95)+'%');\n        card.style.setProperty('--my',clamp(y*100,5,95)+'%');\n      });\n    }\n\n    function reset(){\n      card.style.setProperty('--rx','0deg');\n      card.style.setProperty('--ry','0deg');\n      card.style.setProperty('--tz','0px');\n    }\n\n    card.addEventListener('pointermove',onMove,{passive:true});\n    card.addEventListener('pointerleave',reset);\n    card.addEventListener('pointercancel',reset);\n    card.addEventListener('blur',reset,true);\n  });\n\n  const banners = root.querySelectorAll('.top-banner');\n  if(!banners.length) return;\n\n  let ticking = false;\n\n  function getScrollParent(el){\n    let p = el.parentElement;\n    while(p){\n      const style = getComputedStyle(p);\n      const overflowY = style.overflowY;\n      const canScroll = (overflowY === 'auto' || overflowY === 'scroll') && p.scrollHeight > p.clientHeight;\n      if(canScroll) return p;\n      p = p.parentElement;\n    }\n    return window;\n  }\n\n  let scrollTarget = getScrollParent(root);\n\n  function computeOffset(banner){\n    const rect = banner.getBoundingClientRect();\n    const vh = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);\n    const progress = clamp((vh \/ 2 - rect.top) \/ vh, -1, 1);\n    return clamp(progress * 120, -40, 80);\n  }\n\n  function update(){\n    ticking = false;\n\n    banners.forEach(banner=>{\n      const img = banner.querySelector('img');\n      if(!img) return;\n\n      if(banner.classList.contains('software-banner')){\n        const bannerH = banner.clientHeight;\n        const imgH = img.offsetHeight;\n\n        if(imgH > bannerH){\n          const rect = banner.getBoundingClientRect();\n          const vh = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);\n          const progress = clamp((vh - rect.top) \/ (vh + rect.height), 0, 1);\n          const maxMove = imgH - bannerH;\n          const y = -maxMove * progress;\n\n          img.style.transform = `translateY(${y}px) scale(var(--base-scale, 1))`;\n        }else{\n          img.style.transform = `translateY(0) scale(var(--base-scale, 1))`;\n        }\n\n        return;\n      }\n\n      const offset = computeOffset(banner);\n      img.style.transform = `translateY(${offset}px) scale(var(--base-scale, 1.08))`;\n    });\n  }\n\n  function requestUpdate(){\n    if(!ticking){\n      ticking = true;\n      requestAnimationFrame(update);\n    }\n  }\n\n  window.addEventListener('scroll',requestUpdate,{passive:true});\n\n  if(scrollTarget !== window){\n    scrollTarget.addEventListener('scroll',requestUpdate,{passive:true});\n  }\n\n  window.addEventListener('resize',requestUpdate,{passive:true});\n\n  banners.forEach(banner=>{\n    const img = banner.querySelector('img');\n    if(img) img.addEventListener('load',requestUpdate);\n    new ResizeObserver(requestUpdate).observe(banner);\n  });\n\n  const rebind = ()=>{\n    const newTarget = getScrollParent(root);\n\n    if(newTarget !== scrollTarget){\n      if(scrollTarget && scrollTarget.removeEventListener){\n        scrollTarget.removeEventListener('scroll',requestUpdate);\n      }\n\n      scrollTarget = newTarget;\n\n      if(scrollTarget && scrollTarget.addEventListener){\n        scrollTarget.addEventListener('scroll',requestUpdate,{passive:true});\n      }\n    }\n\n    requestUpdate();\n  };\n\n  const mo = new MutationObserver(rebind);\n  mo.observe(document.documentElement,{\n    subtree:true,\n    attributes:true,\n    childList:true\n  });\n\n  requestUpdate();\n})();\n<\/script>\n<!-- ================= End Services Hero ================= -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c569e2 e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"9c569e2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6bc2a7 elementor-widget elementor-widget-html\" data-id=\"d6bc2a7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- DAMAJ Sectors Section -->\r\n<section class=\"damaj-sectors-section\">\r\n  <div class=\"damaj-sectors-inner\">\r\n\r\n    <div class=\"damaj-section-heading\">\r\n      <div class=\"heading-line\"><\/div>\r\n      <h2>\u062d\u0644\u0648\u0644 \u0630\u0643\u064a\u0629 \u0644\u0643\u0644 \u0642\u0637\u0627\u0639<\/h2>\r\n      <div class=\"heading-line\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"damaj-section-desc\">\r\n      <p>\r\n        \u0646\u0642\u062f\u0651\u0645 \u062d\u0644\u0648\u0644 \u0623\u062a\u0645\u062a\u0629 \u0648\u0623\u0646\u0638\u0645\u0629 \u0630\u0643\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062e\u062f\u0645 \u0642\u0637\u0627\u0639\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u0648\u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0647\u0627 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629. \u062a\u0634\u0645\u0644 \u062e\u062f\u0645\u0627\u062a\u0646\u0627\n\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u060c \u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u060c \u0648\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u062d\u064a\u060c \u062d\u064a\u062b \u0646\u0633\u0647\u0645 \u0641\u064a \u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\n\u0648\u062a\u062d\u0633\u064a\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0648\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0628\u064a\u0626\u0627\u062a\r\n      <\/p>\r\n\r\n      <p>\r\n        \u0643\u0645\u0627 \u0646\u062e\u062f\u0645 \u0623\u064a\u0636\u064b\u0627 \u0627\u0644\u0641\u0646\u0627\u062f\u0642\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0623\u0646\u0638\u0645\u0629 GRMS\u060c \u0648\u0642\u0627\u0639\u0627\u062a \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0648\u0641\u064a\u0631 \u0628\u064a\u0626\u0627\u062a \u0630\u0643\u064a\u0629 \u0648\u0631\u0627\u0642\u064a\u0629.\n\u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0630\u0644\u0643\u060c \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629\u060c \u0644\u062c\u0639\u0644 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0623\u0643\u062b\u0631 \u0633\u0647\u0648\u0644\u0629 \u0648\u0631\u0627\u062d\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0623\u0646\u0638\u0645\u0629 \u0630\u0643\u064a\u0629 \u0648\u0622\u0645\u0646\u0629.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"damaj-sectors-grid\">\r\n\r\n      <!-- Hotels -->\r\n      <article class=\"damaj-sector-card featured-card\" tabindex=\"0\">\r\n        <img \r\n          src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/05\/\u0627\u0644\u0641\u0646\u0627\u062f\u0642.png\" \r\n          alt=\"Hotels Sector\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <div class=\"card-overlay\"><\/div>\r\n\r\n        <div class=\"card-content\">\r\n          <h3>\u0627\u0644\u0641\u0646\u0627\u062f \u0642<\/h3>\r\n          <p>\r\n            \u0623\u0646\u0638\u0645\u0629 \u063a\u0631\u0641 \u0630\u0643\u064a\u0629 \u062a\u062a\u064a\u062d \u062a\u062d\u0643\u0645\u064b\u0627 \u0645\u062a\u0642\u062f\u0645\u064b\u0627 \u0628\u0627\u0644\u0625\u0636\u0627\u0621\u0629\u060c \u0627\u0644\u062a\u0643\u064a\u064a\u0641\u060c \u0627\u0644\u0633\u062a\u0627\u0626\u0631\u060c \u0648\u0627\u0644\u0635\u0648\u062a\u064a\u0627\u062a\u060c \u0645\u0645\u0627 \u064a\u0631\u0641\u0639 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0636\u064a\u0648\u0641 \u0648\u064a\u0639\u0632\u0632 \u0643\u0641\u0627\u0621\u0629 \u062a\u0634\u063a\u064a\u0644 \u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0641\u0631\u0627\u062d \u0648\u0642\u0627\u0639\u0627\u062a\n\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a .\n\u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u062d\u0644\u0648\u0644 \u0623\u0646\u0638\u0645\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0641\u0646\u0627\u062f\u0642 PMS\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Residential Units -->\r\n      <article class=\"damaj-sector-card\" tabindex=\"0\">\r\n        <img \r\n          src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/05\/\u0627\u0644\u0648\u062d\u062f\u0627\u062a-\u0627\u0644\u0633\u0643\u0646\u064a\u0629.png\" \r\n          alt=\"Residential Units\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <div class=\"card-overlay\"><\/div>\r\n\r\n        <div class=\"card-content\">\r\n          <h3>\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629<\/h3>\r\n          <p>\r\n            \u062d\u0644\u0648\u0644 \u0645\u0646\u0632\u0644\u064a\u0629 \u0630\u0643\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0641\u064a\u0644\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0648\u0627\u0644\u0623\u0628\u0631\u0627\u062c \u0648\u0627\u0644\u0645\u062c\u0645\u0639\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u062a\u0648\u0641\u0631 \u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0637\u0627\u0642\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0645\u0646 \u0623\u064a \u0645\u0643\u0627\u0646.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Industrial Sector -->\r\n      <article class=\"damaj-sector-card\" tabindex=\"0\">\r\n        <img \r\n          src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/05\/\u0627\u0644\u0642\u0637\u0627\u0639-\u0627\u0644\u0635\u0646\u0627\u0639\u064a.png\" \r\n          alt=\"Industrial Sector\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <div class=\"card-overlay\"><\/div>\r\n\r\n        <div class=\"card-content\">\r\n          <h3>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u064a<\/h3>\r\n          <p>\r\n            \u0623\u0646\u0638\u0645\u0629 \u062a\u062d\u0643\u0645 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0635\u0646\u0627\u0639\u064a\u0629 \u0630\u0643\u064a\u0629 \u062a\u062f\u0639\u0645 \u0627\u0644\u0633\u0644\u0627\u0645\u0629\u060c \u0627\u0644\u0623\u062a\u0645\u062a\u0629\u060c \u0648\u062a\u0631\u0634\u064a\u062f \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0637\u0627\u0642\u0629\u060c \u0645\u0645\u0627 \u064a\u0633\u0627\u0647\u0645 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Commercial Establishments -->\r\n      <article class=\"damaj-sector-card\" tabindex=\"0\">\r\n        <img \r\n          src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/05\/\u0627\u0644\u0645\u0646\u0634\u0622\u062a-\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.png\" \r\n          alt=\"Commercial Establishments\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <div class=\"card-overlay\"><\/div>\r\n\r\n        <div class=\"card-content\">\r\n          <h3>\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3>\r\n          <p>\r\n            \u062d\u0644\u0648\u0644 \u0630\u0643\u064a\u0629 \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u062a\u0645\u0643\u0646 \u0645\u0646 \u0625\u062f\u0627\u0631\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0648\u062a\u0643\u064a\u064a\u0641 \u0627\u0644\u0647\u0648\u0627\u0621 \u0648\u0627\u0644\u0623\u0645\u0646\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u064a\u062d\u0633\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Government Sector -->\r\n      <article class=\"damaj-sector-card\" tabindex=\"0\">\r\n        <img \r\n          src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/05\/\u0627\u0644\u0642\u0637\u0627\u0639-\u0627\u0644\u062d\u0643\u0648\u0645\u064a.png\" \r\n          alt=\"Government Sector\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <div class=\"card-overlay\"><\/div>\r\n\r\n        <div class=\"card-content\">\r\n          <h3>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062d\u0643\u0648\u0645\u064a<\/h3>\r\n          <p>\r\n            \u062d\u0644\u0648\u0644 \u0630\u0643\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0645\u0628\u0627\u0646\u064a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u062a\u0639\u0632\u0632 \u0627\u0644\u0623\u0645\u0627\u0646\u060c \u062a\u0648\u0641\u0631 \u0627\u0644\u0637\u0627\u0642\u0629\u060c \u0648\u062a\u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629 .\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.damaj-sectors-section {\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  background: transparent;\r\n  padding: 58px 0 70px;\r\n  overflow: hidden;\r\n  font-family: inherit;\r\n}\r\n\r\n.damaj-sectors-inner {\r\n  width: min(1540px, 100%);\r\n  margin: 0 auto;\r\n  padding: 0 18px;\r\n}\r\n\r\n.damaj-section-heading {\r\n  display: grid;\r\n  grid-template-columns: 1fr auto 1fr;\r\n  align-items: center;\r\n  gap: 26px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.damaj-section-heading h2 {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-size: clamp(30px, 3vw, 44px);\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  text-align: center;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n.heading-line {\r\n  height: 1px;\r\n  background: rgba(255, 255, 255, 0.28);\r\n}\r\n\r\n.damaj-section-desc {\r\n  max-width: 1460px;\r\n  margin: 0 auto 42px;\r\n  text-align: center;\r\n}\r\n\r\n.damaj-section-desc p {\r\n  margin: 0 0 18px;\r\n  color: rgba(255, 255, 255, 0.96);\r\n  font-size: clamp(15px, 1.15vw, 18px);\r\n  font-weight: 600;\r\n  line-height: 1.75;\r\n}\r\n\r\n.damaj-sectors-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n  gap: 8px;\r\n}\r\n\r\n.damaj-sector-card {\r\n  position: relative;\r\n  min-height: 465px;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background: #005b86;\r\n  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);\r\n  transform: translateY(0);\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n  outline: none;\r\n}\r\n\r\n.damaj-sector-card img {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  filter: brightness(0.94) contrast(1) saturate(0.98);\r\n  transform: scale(1.02);\r\n  transition: transform 0.45s ease, filter 0.45s ease;\r\n  z-index: -2;\r\n}\r\n\r\n.card-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(to top, rgba(0, 32, 48, 0.52), rgba(0, 91, 134, 0.06) 48%, rgba(0, 0, 0, 0.02)),\r\n    linear-gradient(135deg, rgba(0, 91, 134, 0.12), rgba(0, 0, 0, 0.03));\r\n  z-index: -1;\r\n  transition: background 0.35s ease;\r\n}\r\n\r\n.card-content {\r\n  height: 100%;\r\n  min-height: 465px;\r\n  padding: 34px 26px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  text-align: center;\r\n  color: #ffffff;\r\n}\r\n\r\n.card-content h3 {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-size: clamp(23px, 1.8vw, 30px);\r\n  font-weight: 800;\r\n  line-height: 1.12;\r\n  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.72);\r\n  transition: transform 0.35s ease;\r\n}\r\n\r\n.card-content p {\r\n  max-width: 280px;\r\n  margin: 20px auto 0;\r\n  color: rgba(255, 255, 255, 0.96);\r\n  font-size: 16px;\r\n  font-weight: 650;\r\n  line-height: 1.65;\r\n  opacity: 0;\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transform: translateY(14px);\r\n  transition: opacity 0.35s ease, max-height 0.45s ease, transform 0.35s ease;\r\n}\r\n\r\n.damaj-sector-card:hover,\r\n.damaj-sector-card:focus,\r\n.damaj-sector-card:focus-within {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.28);\r\n}\r\n\r\n.damaj-sector-card:hover img,\r\n.damaj-sector-card:focus img,\r\n.damaj-sector-card:focus-within img {\r\n  transform: scale(1.08);\r\n  filter: brightness(0.68) contrast(0.98) saturate(0.92);\r\n}\r\n\r\n.damaj-sector-card:hover .card-overlay,\r\n.damaj-sector-card:focus .card-overlay,\r\n.damaj-sector-card:focus-within .card-overlay {\r\n  background:\r\n    linear-gradient(135deg, rgba(0, 91, 134, 0.88), rgba(2, 42, 62, 0.9)),\r\n    linear-gradient(to top, rgba(0, 0, 0, 0.48), transparent);\r\n}\r\n\r\n.damaj-sector-card:hover .card-content,\r\n.damaj-sector-card:focus .card-content,\r\n.damaj-sector-card:focus-within .card-content {\r\n  justify-content: center;\r\n}\r\n\r\n.damaj-sector-card:hover .card-content h3,\r\n.damaj-sector-card:focus .card-content h3,\r\n.damaj-sector-card:focus-within .card-content h3 {\r\n  transform: translateY(-4px);\r\n  text-shadow: none;\r\n}\r\n\r\n.damaj-sector-card:hover .card-content p,\r\n.damaj-sector-card:focus .card-content p,\r\n.damaj-sector-card:focus-within .card-content p {\r\n  opacity: 1;\r\n  max-height: 420px;\r\n  transform: translateY(0);\r\n}\r\n\r\n.featured-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  border: 2px solid rgba(255, 255, 255, 0.18);\r\n  border-radius: 18px;\r\n  pointer-events: none;\r\n  z-index: 2;\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n  .damaj-sectors-grid {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n\r\n  .damaj-sector-card,\r\n  .card-content {\r\n    min-height: 430px;\r\n  }\r\n}\r\n\r\n@media (max-width: 850px) {\r\n  .damaj-sectors-section {\r\n    padding: 48px 0 58px;\r\n  }\r\n\r\n  .damaj-section-heading {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .heading-line {\r\n    display: none;\r\n  }\r\n\r\n  .damaj-section-desc {\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .damaj-sectors-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .damaj-sector-card,\r\n  .card-content {\r\n    min-height: 390px;\r\n  }\r\n\r\n  .damaj-sector-card .card-overlay {\r\n    background:\r\n      linear-gradient(to top, rgba(0, 32, 48, 0.62), rgba(0, 91, 134, 0.12) 58%, rgba(0, 0, 0, 0.03));\r\n  }\r\n\r\n  .card-content p {\r\n    opacity: 0;\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transform: translateY(14px);\r\n    font-size: 15px;\r\n  }\r\n\r\n  .damaj-sector-card:active .card-content p,\r\n  .damaj-sector-card:focus .card-content p,\r\n  .damaj-sector-card:focus-within .card-content p {\r\n    opacity: 1;\r\n    max-height: 420px;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .damaj-sector-card:active .card-content,\r\n  .damaj-sector-card:focus .card-content,\r\n  .damaj-sector-card:focus-within .card-content {\r\n    justify-content: center;\r\n  }\r\n\r\n  .damaj-sector-card:active img,\r\n  .damaj-sector-card:focus img,\r\n  .damaj-sector-card:focus-within img {\r\n    transform: scale(1.08);\r\n    filter: brightness(0.68) contrast(0.98) saturate(0.92);\r\n  }\r\n\r\n  .damaj-sector-card:active .card-overlay,\r\n  .damaj-sector-card:focus .card-overlay,\r\n  .damaj-sector-card:focus-within .card-overlay {\r\n    background:\r\n      linear-gradient(135deg, rgba(0, 91, 134, 0.88), rgba(2, 42, 62, 0.9)),\r\n      linear-gradient(to top, rgba(0, 0, 0, 0.48), transparent);\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .damaj-sectors-inner {\r\n    padding: 0 14px;\r\n  }\r\n\r\n  .damaj-section-heading h2 {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .damaj-section-desc p {\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .damaj-sectors-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .damaj-sector-card,\r\n  .card-content {\r\n    min-height: 410px;\r\n  }\r\n\r\n  .card-content {\r\n    padding: 30px 22px;\r\n  }\r\n\r\n  .card-content h3 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  .card-content p {\r\n    max-width: 320px;\r\n    opacity: 0;\r\n    max-height: 0;\r\n    transform: translateY(14px);\r\n  }\r\n\r\n  .damaj-sector-card:active .card-content p,\r\n  .damaj-sector-card:focus .card-content p,\r\n  .damaj-sector-card:focus-within .card-content p {\r\n    opacity: 1;\r\n    max-height: 420px;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2fce41a e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"2fce41a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11eb8e1 elementor-widget elementor-widget-html\" data-id=\"11eb8e1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"damaj-industry-parallax de-industrial-temp\" id=\"damajIndustryParallax\">\n  <div class=\"damaj-industry-bg\" aria-hidden=\"true\"><\/div>\n  <div class=\"damaj-industry-shade\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"damaj-industry-content\">\n    <h1>\n      \u0632\u062f \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629\n      <span>\u0645\u0646 \u062e\u0644\u0627\u0644 \u062d\u0644\u0648\u0644 \u0627\u0644\u062b\u0648\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629 4.0<\/span>\n    <\/h1>\n\n    <div class=\"damaj-industry-text\">\n      \u0642\u0645 \u0628\u0623\u062a\u0645\u062a\u0629 \u0639\u0645\u0644\u064a\u0627\u062a\u0643 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u2014 \u0645\u0646 \u062e\u0637\u0648\u0637 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0648\u0623\u0646\u0638\u0645\u0629 PLC \u0625\u0644\u0649 \u0645\u0627\u0643\u064a\u0646\u0627\u062a CNC \u0648\u0627\u0644\u0631\u0648\u0628\u0648\u062a\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0645\u0627 \u0647\u0648 \u0623\u0628\u0639\u062f \u0645\u0646 \u0630\u0644\u0643. \u0639\u0632\u0632 \u0627\u0644\u0643\u0641\u0627\u0621\u0629\u060c \u0648\u0642\u0644\u0651\u0644 \u0645\u0646 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n\u0627\u0644\u064a\u062f\u0648\u064a\u060c \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0631\u0624\u064a\u0629 \u0644\u062d\u0638\u064a\u0629 \u0644\u0623\u062f\u0627\u0621 \u0645\u0635\u0646\u0639\u0643 \u0641\u064a \u0623\u064a \u0648\u0642\u062a \u0648\u0645\u0646 \u0623\u064a \u0645\u0643\u0627\u0646. \u062d\u0644\u0648\u0644 \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u0644\u062f\u064a\u0646\u0627\u060c \u0648\u0627\u0644\u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u0629 4.0 .\n\u062d\u0648\u0651\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0635\u0646\u0639\u0643 \u0625\u0644\u0649 \u0642\u0648\u0629 \u0635\u0646\u0627\u0639\u064a\u0629 .\n    <\/div>\n\n    <a href=\"\/ar\/contact-us\/\" class=\"damaj-industry-btn\">\n      \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\n    <\/a>\n  <\/div>\n<\/section>\n\n<style>\n  .damaj-industry-parallax,\n  .damaj-industry-parallax * {\n    box-sizing: border-box;\n  }\n\n  .damaj-industry-parallax {\n    position: relative;\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    min-height: clamp(480px, 62vh, 640px);\n    overflow: hidden;\n\n    display: grid;\n    place-items: center;\n\n    padding: clamp(70px, 7vw, 105px) 18px;\n\n    color: #fff;\n    background: #061018;\n    font-family: inherit;\n  }\n\n  .damaj-industry-bg {\n    position: absolute;\n\n    \/*\n      \u0628\u062f\u0648\u0646 \u0632\u0648\u0645 \u0646\u0647\u0627\u0626\u064a\u064b\u0627\n      \u0623\u0628\u0642\u064a\u0646\u0627 inset \u0643\u0628\u064a\u0631 \u062d\u062a\u0649 \u064a\u0643\u0648\u0646 \u0644\u0644\u0635\u0648\u0631\u0629 \u0645\u0633\u0627\u062d\u0629 \u062d\u0631\u0643\u0629 \u0641\u0648\u0642 \u0648\u062a\u062d\u062a\n    *\/\n    inset: -42% -12%;\n    z-index: -3;\n\n    background-image: url(\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/05\/ssss1.png\");\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n\n    transform: translate3d(0, 0, 0) scale(1);\n    will-change: transform;\n  }\n\n  .damaj-industry-shade {\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n\n    background:\n      radial-gradient(circle at 50% 45%, rgba(0, 91, 134, 0.03), transparent 48%),\n      linear-gradient(\n        180deg,\n        rgba(0, 0, 0, 0.06) 0%,\n        rgba(0, 0, 0, 0.16) 45%,\n        rgba(0, 0, 0, 0.26) 100%\n      );\n  }\n\n  .damaj-industry-parallax::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    pointer-events: none;\n\n    background:\n      linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px),\n      linear-gradient(180deg, rgba(255,255,255,0.022) 1px, transparent 1px);\n    background-size: 64px 64px;\n    opacity: 0.10;\n  }\n\n  .damaj-industry-content {\n    position: relative;\n    width: min(1000px, 100%);\n    margin: 0 auto;\n    text-align: center;\n\n    transform: translate3d(0, 0, 0);\n    will-change: transform, opacity;\n  }\n\n  .damaj-industry-content h1 {\n    margin: 0;\n    color: #fff;\n\n    font-size: clamp(34px, 4.3vw, 54px);\n    line-height: 1.08;\n    font-weight: 500;\n    letter-spacing: -0.035em;\n\n    text-shadow: 0 14px 36px rgba(0,0,0,0.50);\n  }\n\n  .damaj-industry-content h1 span {\n    display: block;\n    font-size: clamp(32px, 4vw, 50px);\n    font-weight: 500;\n  }\n\n  .damaj-industry-text {\n    width: min(1000px, 100%);\n    margin: 58px auto 38px;\n\n    padding: 15px 26px;\n    border-radius: 0;\n\n    background: rgba(0, 10, 18, 0.54);\n    color: #fff;\n\n    font-size: clamp(14px, 1.12vw, 16px);\n    line-height: 1.62;\n    font-weight: 700;\n\n    text-align: center;\n    box-shadow: 0 18px 48px rgba(0,0,0,0.20);\n    backdrop-filter: blur(3px);\n  }\n\n  .damaj-industry-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-width: 116px;\n    min-height: 42px;\n    padding: 10px 24px;\n\n    border-radius: 6px;\n    border: 1px solid rgba(255,255,255,0.72);\n\n    background: rgba(255,255,255,0.05);\n    color: #fff;\n\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: 800;\n\n    backdrop-filter: blur(8px);\n    box-shadow: 0 12px 34px rgba(0,0,0,0.20);\n\n    transition:\n      transform 0.25s ease,\n      background 0.25s ease,\n      border-color 0.25s ease;\n  }\n\n  .damaj-industry-btn:hover {\n    transform: translateY(-4px);\n    background: rgba(255,255,255,0.16);\n    border-color: #fff;\n    color: #fff;\n  }\n\n  @media (max-width: 1024px) {\n    .damaj-industry-parallax {\n      min-height: 560px;\n      padding-top: 78px;\n      padding-bottom: 78px;\n    }\n\n    .damaj-industry-bg {\n      inset: -48% -16%;\n      background-position: center center;\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n\n    .damaj-industry-text {\n      margin-top: 48px;\n      margin-bottom: 34px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .damaj-industry-parallax {\n      min-height: 590px;\n      padding: 72px 14px 68px;\n    }\n\n    .damaj-industry-bg {\n      inset: -56% -22%;\n      background-position: center center;\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n\n    .damaj-industry-shade {\n      background:\n        radial-gradient(circle at 50% 44%, rgba(0, 91, 134, 0.025), transparent 50%),\n        linear-gradient(\n          180deg,\n          rgba(0, 0, 0, 0.06) 0%,\n          rgba(0, 0, 0, 0.17) 48%,\n          rgba(0, 0, 0, 0.27) 100%\n        );\n    }\n\n    .damaj-industry-content h1 {\n      font-size: clamp(30px, 8.2vw, 42px);\n      line-height: 1.12;\n    }\n\n    .damaj-industry-content h1 span {\n      font-size: clamp(28px, 7.5vw, 38px);\n      margin-top: 2px;\n    }\n\n    .damaj-industry-text {\n      margin: 40px auto 32px;\n      padding: 14px 15px;\n\n      font-size: 12.8px;\n      line-height: 1.58;\n      font-weight: 700;\n\n      background: rgba(0, 10, 18, 0.56);\n    }\n\n    .damaj-industry-btn {\n      min-width: 108px;\n      min-height: 40px;\n      font-size: 12px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .damaj-industry-parallax {\n      min-height: 610px;\n      padding: 66px 12px 62px;\n    }\n\n    .damaj-industry-bg {\n      inset: -64% -28%;\n      background-position: center center;\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n\n    .damaj-industry-content h1 {\n      font-size: 30px;\n    }\n\n    .damaj-industry-content h1 span {\n      font-size: 28px;\n    }\n\n    .damaj-industry-text {\n      margin-top: 34px;\n      padding: 13px 12px;\n      font-size: 12px;\n      line-height: 1.55;\n      background: rgba(0, 10, 18, 0.58);\n    }\n  }\n\n  @media (max-width: 390px) {\n    .damaj-industry-parallax {\n      min-height: 590px;\n      padding-top: 60px;\n      padding-bottom: 58px;\n    }\n\n    .damaj-industry-content h1 {\n      font-size: 27px;\n    }\n\n    .damaj-industry-content h1 span {\n      font-size: 25px;\n    }\n\n    .damaj-industry-text {\n      font-size: 11.4px;\n      line-height: 1.5;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .damaj-industry-bg,\n    .damaj-industry-content,\n    .damaj-industry-btn {\n      transition: none !important;\n      animation: none !important;\n      transform: none !important;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const section = document.getElementById(\"damajIndustryParallax\");\n    if (!section) return;\n\n    const bg = section.querySelector(\".damaj-industry-bg\");\n    const content = section.querySelector(\".damaj-industry-content\");\n\n    if (!bg || !content) return;\n\n    let ticking = false;\n    const reducedMotionQuery = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\n    function clamp(value, min, max) {\n      return Math.min(Math.max(value, min), max);\n    }\n\n    function getScale() {\n      \/*\n        \u0628\u062f\u0648\u0646 \u0632\u0648\u0645 \u0646\u0647\u0627\u0626\u064a\u064b\u0627\n      *\/\n      return 1;\n    }\n\n    function getBgMovePower() {\n      \/*\n        \u062d\u0631\u0643\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0627\u0636\u062d\u0629 \u0645\u0639 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0632\u0648\u0645\n      *\/\n      if (window.innerWidth <= 480) return 210;\n      if (window.innerWidth <= 768) return 190;\n      if (window.innerWidth <= 1024) return 160;\n      return 145;\n    }\n\n    function getContentMovePower() {\n      if (window.innerWidth <= 480) return -150;\n      if (window.innerWidth <= 768) return -165;\n      if (window.innerWidth <= 1024) return -175;\n      return -190;\n    }\n\n    function updateParallax() {\n      if (reducedMotionQuery.matches) return;\n\n      const rect = section.getBoundingClientRect();\n      const vh = window.innerHeight || document.documentElement.clientHeight;\n\n      const progress = clamp((vh - rect.top) \/ (vh + rect.height), 0, 1);\n\n      const bgMove = (progress - 0.5) * getBgMovePower();\n      const contentMove = (progress - 0.5) * getContentMovePower();\n\n      const contentScale = 1 + Math.abs(progress - 0.5) * 0.014;\n      const contentOpacity = clamp(1 - Math.abs(progress - 0.5) * 0.18, 0.88, 1);\n\n      bg.style.transform =\n        \"translate3d(0,\" + bgMove + \"px,0) scale(\" + getScale() + \")\";\n\n      content.style.transform =\n        \"translate3d(0,\" + contentMove + \"px,0) scale(\" + contentScale + \")\";\n\n      content.style.opacity = contentOpacity;\n\n      ticking = false;\n    }\n\n    function requestUpdate() {\n      if (!ticking) {\n        window.requestAnimationFrame(updateParallax);\n        ticking = true;\n      }\n    }\n\n    updateParallax();\n\n    window.addEventListener(\"scroll\", requestUpdate, { passive: true });\n    window.addEventListener(\"resize\", requestUpdate);\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed69733 e-con-full e-flex wd-section-disabled e-con e-parent\" data-id=\"ed69733\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-040e783 elementor-widget elementor-widget-html\" data-id=\"040e783\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"damaj-hero-services\" aria-labelledby=\"damaj-hero-title\">\r\n  <div class=\"damaj-hero-inner\">\r\n    <div class=\"damaj-hero-content\">\r\n      <div class=\"damaj-eyebrow\">DAMAJ Smart Living<\/div>\r\n\r\n      <h2 id=\"damaj-hero-title\">\r\n        \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0630\u0643\u064a \u0644\u062d\u064a\u0627\u0629 \u0623\u0643\u062b\u0631 \u0630\u0643\u0627\u0621\u064b\r\n      <\/h2>\r\n\r\n      <div class=\"damaj-title-line\"><\/div>\r\n\r\n      <div class=\"damaj-features\">\r\n        <article class=\"damaj-feature\">\r\n          <div class=\"feature-icon\">\r\n            <span>01<\/span>\r\n          <\/div>\r\n          <h3>\u062d\u0644\u0648\u0644 \u0634\u0627\u0645\u0644\u0629<\/h3>\r\n          <p>\u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a\u060c \u0645\u0646 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0634\u0645\u0633\u064a\u0629 \u0625\u0644\u0649 \u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0630\u0643\u064a\u0629.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"damaj-feature\">\r\n          <div class=\"feature-icon\">\r\n            <span>02<\/span>\r\n          <\/div>\r\n          <h3>\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/h3>\r\n          <p>\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0643\u0644\u0646\u0648\u062c\u064a\u0627 \u0644\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0641\u0639\u0627\u0644\u0629 \u0648\u0627\u0644\u0622\u0645\u0646\u0629 \u0648\u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"damaj-feature\">\r\n          <div class=\"feature-icon\">\r\n            <span>03<\/span>\r\n          <\/div>\r\n          <h3>\u062f\u0639\u0645 \u0627\u0644\u062e\u0628\u0631\u0627\u0621<\/h3>\r\n          <p>\u0641\u0646\u064a\u0648\u0646 \u0645\u0644\u062a\u0632\u0645\u0648\u0646 \u0648\u0630\u0648\u064a \u062e\u0628\u0631\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0629 \u0648\u062f\u0639\u0645 \u0633\u0644\u0633\u064a\u0646.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"damaj-feature\">\r\n          <div class=\"feature-icon\">\r\n            <span>04<\/span>\r\n          <\/div>\r\n          <h3>\u062e\u062f\u0645\u0627\u062a \u0645\u062e\u0635\u0635\u0629<\/h3>\r\n          <p>\u062d\u0644\u0648\u0644 \u0645\u0631\u0646\u0629 \u0648\u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u062a\u0646\u0627\u0633\u0628 \u0639\u0645\u0644\u0643 \u0648\u062d\u064a\u0627\u062a\u0643 \u0627\u0644\u0639\u0635\u0631\u064a\u0629.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"damaj-hero-visual\">\r\n      <div class=\"robot-glow\"><\/div>\r\n\r\n      <div class=\"orbit orbit-one\" aria-hidden=\"true\">\r\n        <div class=\"orbit-badge orbit-badge-one\">\r\n          <span><\/span>\r\n          \u062d\u0644\u0648\u0644 \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"orbit orbit-two\" aria-hidden=\"true\">\r\n        <div class=\"orbit-badge orbit-badge-two\">\r\n          <span><\/span>\r\n          \u0623\u0646\u0638\u0645\u0629 \u0630\u0643\u064a\u0629\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"orbit orbit-three\" aria-hidden=\"true\">\r\n        <div class=\"orbit-badge orbit-badge-three\">\r\n          <span><\/span>\r\n          \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0623\u062a\u0645\u062a\u0629\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"orbit orbit-four\" aria-hidden=\"true\">\r\n        <div class=\"orbit-badge orbit-badge-four\">\r\n          <span><\/span>\r\n          \u062a\u062d\u0648\u0644 \u0631\u0642\u0645\u064a\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"robot-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/DAMAJ-Robo.png\" alt=\"DAMAJ Smart Assistant\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .damaj-hero-services,\r\n  .damaj-hero-services * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .damaj-hero-services {\r\n    position: relative;\r\n    isolation: auto;\r\n    overflow: visible !important;\r\n    width: 100%;\r\n    min-height: 580px;\r\n    padding: clamp(56px, 7vw, 90px) clamp(18px, 5vw, 72px);\r\n    color: #fff;\r\n    background: transparent !important;\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n  }\r\n\r\n  .damaj-hero-services::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 20px;\r\n    z-index: 0;\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n    border-radius: 34px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .damaj-hero-inner {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.25fr) minmax(390px, 0.75fr);\r\n    align-items: center;\r\n    gap: clamp(30px, 5vw, 72px);\r\n    overflow: visible !important;\r\n  }\r\n\r\n  .damaj-hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .damaj-hero-visual {\r\n    position: relative;\r\n    z-index: 99999;\r\n    min-height: 480px;\r\n    display: grid;\r\n    place-items: center;\r\n    overflow: visible !important;\r\n  }\r\n\r\n  .damaj-eyebrow {\r\n    width: fit-content;\r\n    margin: 0 auto 14px;\r\n    padding: 8px 16px;\r\n    border: 1px solid rgba(255,255,255,0.24);\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,0.10);\r\n    backdrop-filter: blur(12px);\r\n    color: rgba(255,255,255,0.9);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .damaj-hero-content h2 {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    color: #fff;\r\n    font-size: clamp(38px, 4.2vw, 64px);\r\n    line-height: 1.12;\r\n    font-weight: 500;\r\n    letter-spacing: -0.04em;\r\n    text-shadow: 0 12px 34px rgba(0,0,0,0.16);\r\n  }\r\n\r\n  .damaj-title-line {\r\n    width: 64px;\r\n    height: 3px;\r\n    margin: 24px auto 34px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(90deg, transparent, #fff, transparent);\r\n    opacity: 0.95;\r\n  }\r\n\r\n  .damaj-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  .damaj-feature {\r\n    position: relative;\r\n    z-index: 2;\r\n    min-height: 168px;\r\n    padding: 22px 22px 20px;\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n    border-radius: 26px;\r\n    background: linear-gradient(145deg, rgba(255,255,255,0.18), rgba(255,255,255,0.07));\r\n    box-shadow: 0 18px 46px rgba(20, 37, 52, 0.16);\r\n    backdrop-filter: blur(14px);\r\n    overflow: hidden;\r\n    transition: transform 0.28s ease, border-color 0.28s ease, background 0.28s ease;\r\n  }\r\n\r\n  .damaj-feature::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(circle at top right, rgba(255,255,255,0.24), transparent 38%);\r\n    opacity: 0;\r\n    transition: opacity 0.28s ease;\r\n  }\r\n\r\n  .damaj-feature:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(255,255,255,0.38);\r\n    background: linear-gradient(145deg, rgba(255,255,255,0.24), rgba(255,255,255,0.10));\r\n  }\r\n\r\n  .damaj-feature:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .feature-icon {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 42px;\r\n    height: 42px;\r\n    margin: 0 auto 14px;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 14px;\r\n    background: rgba(0, 91, 134, 0.28);\r\n    border: 1px solid rgba(255,255,255,0.20);\r\n  }\r\n\r\n  .feature-icon span {\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .damaj-feature h3 {\r\n    position: relative;\r\n    z-index: 1;\r\n    margin: 0 0 10px;\r\n    color: #fff;\r\n    text-align: center;\r\n    font-size: clamp(17px, 1.55vw, 22px);\r\n    line-height: 1.3;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .damaj-feature p {\r\n    position: relative;\r\n    z-index: 1;\r\n    margin: 0;\r\n    color: rgba(255,255,255,0.88);\r\n    text-align: center;\r\n    font-size: clamp(14px, 1.25vw, 16px);\r\n    line-height: 1.75;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .robot-glow {\r\n    position: absolute;\r\n    z-index: 99990;\r\n    width: min(430px, 88vw);\r\n    height: min(430px, 88vw);\r\n    border-radius: 999px;\r\n    background: radial-gradient(circle, rgba(255,255,255,0.38), rgba(255,255,255,0.12) 42%, transparent 72%);\r\n    filter: blur(3px);\r\n    animation: damajPulse 5.5s ease-in-out infinite;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .robot-card {\r\n    position: relative;\r\n    z-index: 100010;\r\n    width: min(420px, 84vw);\r\n    aspect-ratio: 1 \/ 1;\r\n    display: grid;\r\n    place-items: center;\r\n    background: transparent;\r\n    border: 0;\r\n    box-shadow: none;\r\n    animation: damajFloat 6.4s ease-in-out infinite;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .robot-card img {\r\n    width: 106%;\r\n    height: 106%;\r\n    object-fit: contain;\r\n    display: block;\r\n    filter: drop-shadow(0 28px 28px rgba(0,0,0,0.18));\r\n  }\r\n\r\n  .orbit {\r\n    position: absolute;\r\n    z-index: 100000;\r\n    border-radius: 999px;\r\n    pointer-events: none;\r\n    animation-timing-function: linear;\r\n    animation-iteration-count: infinite;\r\n    overflow: visible !important;\r\n  }\r\n\r\n  .orbit::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n  }\r\n\r\n  .orbit::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 28px;\r\n    border-radius: 999px;\r\n    border: 1px dashed rgba(255,255,255,0.12);\r\n  }\r\n\r\n  .orbit-one {\r\n    width: min(445px, 90vw);\r\n    height: min(445px, 90vw);\r\n    animation-name: damajOrbitClockwise;\r\n    animation-duration: 24s;\r\n  }\r\n\r\n  .orbit-two {\r\n    width: min(390px, 82vw);\r\n    height: min(390px, 82vw);\r\n    animation-name: damajOrbitCounterClockwise;\r\n    animation-duration: 28s;\r\n  }\r\n\r\n  .orbit-three {\r\n    width: min(500px, 94vw);\r\n    height: min(500px, 94vw);\r\n    animation-name: damajOrbitClockwise;\r\n    animation-duration: 32s;\r\n  }\r\n\r\n  .orbit-four {\r\n    width: min(345px, 76vw);\r\n    height: min(345px, 76vw);\r\n    animation-name: damajOrbitCounterClockwise;\r\n    animation-duration: 26s;\r\n  }\r\n\r\n  .orbit-badge {\r\n    position: absolute;\r\n    z-index: 100020;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 10px 15px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255,255,255,0.30);\r\n    background: rgba(255,255,255,0.17);\r\n    backdrop-filter: blur(16px);\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.02em;\r\n    box-shadow: 0 14px 36px rgba(0,0,0,0.14);\r\n    white-space: nowrap;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .orbit-badge span {\r\n    width: 8px;\r\n    height: 8px;\r\n    flex: 0 0 8px;\r\n    border-radius: 999px;\r\n    background: #0f5f86;\r\n    box-shadow: 0 0 0 5px rgba(15, 95, 134, 0.18);\r\n  }\r\n\r\n  .orbit-badge-one {\r\n    top: 26px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    animation: damajKeepTextStraightClockwise 24s linear infinite;\r\n  }\r\n\r\n  .orbit-badge-two {\r\n    right: -22px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    animation: damajKeepTextStraightCounter 28s linear infinite;\r\n  }\r\n\r\n  .orbit-badge-three {\r\n    left: 50%;\r\n    bottom: 14px;\r\n    transform: translateX(-50%);\r\n    animation: damajKeepTextStraightClockwise 32s linear infinite;\r\n  }\r\n\r\n  .orbit-badge-four {\r\n    left: -36px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    animation: damajKeepTextStraightCounter 26s linear infinite;\r\n  }\r\n\r\n  @keyframes damajFloat {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-14px); }\r\n  }\r\n\r\n  @keyframes damajPulse {\r\n    0%, 100% {\r\n      transform: scale(0.96);\r\n      opacity: 0.72;\r\n    }\r\n    50% {\r\n      transform: scale(1.04);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @keyframes damajOrbitClockwise {\r\n    from { transform: rotate(0deg); }\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  @keyframes damajOrbitCounterClockwise {\r\n    from { transform: rotate(0deg); }\r\n    to { transform: rotate(-360deg); }\r\n  }\r\n\r\n  @keyframes damajKeepTextStraightClockwise {\r\n    from { rotate: 0deg; }\r\n    to { rotate: -360deg; }\r\n  }\r\n\r\n  @keyframes damajKeepTextStraightCounter {\r\n    from { rotate: 0deg; }\r\n    to { rotate: 360deg; }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .damaj-hero-inner {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .damaj-hero-visual {\r\n      min-height: 430px;\r\n      order: -1;\r\n    }\r\n\r\n    .robot-card {\r\n      width: min(350px, 76vw);\r\n    }\r\n\r\n    .orbit-one {\r\n      width: min(400px, 88vw);\r\n      height: min(400px, 88vw);\r\n    }\r\n\r\n    .orbit-two {\r\n      width: min(355px, 80vw);\r\n      height: min(355px, 80vw);\r\n    }\r\n\r\n    .orbit-three {\r\n      width: min(450px, 94vw);\r\n      height: min(450px, 94vw);\r\n    }\r\n\r\n    .orbit-four {\r\n      width: min(315px, 74vw);\r\n      height: min(315px, 74vw);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .damaj-hero-services {\r\n      min-height: auto;\r\n      padding: 46px 16px 54px;\r\n    }\r\n\r\n    .damaj-hero-services::before {\r\n      inset: 12px;\r\n      border-radius: 26px;\r\n    }\r\n\r\n    .damaj-eyebrow {\r\n      font-size: 11px;\r\n      padding: 7px 13px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .damaj-hero-content h2 {\r\n      max-width: 560px;\r\n      font-size: clamp(34px, 9vw, 46px);\r\n      line-height: 1.16;\r\n    }\r\n\r\n    .damaj-title-line {\r\n      margin: 18px auto 26px;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062c\u0648\u0627\u0644: \u0645\u0631\u0628\u0639\u064a\u0646 \u0628\u062c\u0627\u0646\u0628 \u0628\u0639\u0636 *\/\r\n    .damaj-features {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 10px;\r\n    }\r\n\r\n    .damaj-feature {\r\n      min-height: 165px;\r\n      padding: 14px 9px;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .damaj-feature:hover {\r\n      transform: none;\r\n    }\r\n\r\n    .feature-icon {\r\n      width: 34px;\r\n      height: 34px;\r\n      margin-bottom: 9px;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .feature-icon span {\r\n      font-size: 11px;\r\n    }\r\n\r\n    .damaj-feature h3 {\r\n      font-size: 14px;\r\n      line-height: 1.25;\r\n      margin-bottom: 7px;\r\n    }\r\n\r\n    .damaj-feature p {\r\n      font-size: 12px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .damaj-hero-visual {\r\n      min-height: 390px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .robot-card {\r\n      width: min(305px, 82vw);\r\n    }\r\n\r\n    .robot-glow {\r\n      width: min(340px, 90vw);\r\n      height: min(340px, 90vw);\r\n    }\r\n\r\n    .orbit-one {\r\n      width: min(340px, 90vw);\r\n      height: min(340px, 90vw);\r\n    }\r\n\r\n    .orbit-two {\r\n      width: min(300px, 80vw);\r\n      height: min(300px, 80vw);\r\n    }\r\n\r\n    .orbit-three {\r\n      width: min(370px, 96vw);\r\n      height: min(370px, 96vw);\r\n    }\r\n\r\n    .orbit-four {\r\n      width: min(260px, 70vw);\r\n      height: min(260px, 70vw);\r\n    }\r\n\r\n    .orbit-badge {\r\n      font-size: 10.5px;\r\n      padding: 7px 10px;\r\n      gap: 6px;\r\n    }\r\n\r\n    .orbit-badge span {\r\n      width: 7px;\r\n      height: 7px;\r\n      flex-basis: 7px;\r\n      box-shadow: 0 0 0 4px rgba(15, 95, 134, 0.14);\r\n    }\r\n\r\n    .orbit-badge-two {\r\n      right: -18px;\r\n    }\r\n\r\n    .orbit-badge-four {\r\n      left: -24px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .damaj-hero-services {\r\n      padding: 40px 12px 46px;\r\n    }\r\n\r\n    .damaj-hero-services::before {\r\n      display: none;\r\n    }\r\n\r\n    .damaj-hero-content h2 {\r\n      max-width: 360px;\r\n      font-size: 34px;\r\n    }\r\n\r\n    .damaj-features {\r\n      gap: 8px;\r\n    }\r\n\r\n    .damaj-feature {\r\n      min-height: 158px;\r\n      padding: 12px 7px;\r\n      border-radius: 16px;\r\n      background: rgba(255,255,255,0.11);\r\n      box-shadow: 0 12px 28px rgba(20, 37, 52, 0.12);\r\n    }\r\n\r\n    .damaj-feature h3 {\r\n      font-size: 13px;\r\n    }\r\n\r\n    .damaj-feature p {\r\n      font-size: 11.5px;\r\n      line-height: 1.42;\r\n    }\r\n\r\n    .damaj-hero-visual {\r\n      min-height: 335px;\r\n    }\r\n\r\n    .robot-card {\r\n      width: min(280px, 86vw);\r\n    }\r\n\r\n    .robot-glow {\r\n      width: min(310px, 94vw);\r\n      height: min(310px, 94vw);\r\n    }\r\n\r\n    .orbit-one {\r\n      width: min(305px, 92vw);\r\n      height: min(305px, 92vw);\r\n    }\r\n\r\n    .orbit-two {\r\n      width: min(270px, 80vw);\r\n      height: min(270px, 80vw);\r\n    }\r\n\r\n    .orbit-three {\r\n      width: min(335px, 99vw);\r\n      height: min(335px, 99vw);\r\n    }\r\n\r\n    .orbit-four {\r\n      width: min(235px, 70vw);\r\n      height: min(235px, 70vw);\r\n    }\r\n\r\n    .orbit-badge {\r\n      font-size: 9.5px;\r\n      padding: 6px 8px;\r\n    }\r\n\r\n    .orbit-badge-three {\r\n      bottom: 4px;\r\n    }\r\n\r\n    .orbit-badge-two {\r\n      right: -28px;\r\n    }\r\n\r\n    .orbit-badge-four {\r\n      left: -28px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 360px) {\r\n    .damaj-feature {\r\n      min-height: 150px;\r\n      padding: 10px 6px;\r\n    }\r\n\r\n    .feature-icon {\r\n      width: 30px;\r\n      height: 30px;\r\n      margin-bottom: 7px;\r\n    }\r\n\r\n    .damaj-feature h3 {\r\n      font-size: 12px;\r\n    }\r\n\r\n    .damaj-feature p {\r\n      font-size: 10.8px;\r\n      line-height: 1.38;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .robot-card,\r\n    .robot-glow,\r\n    .damaj-feature,\r\n    .damaj-feature::before,\r\n    .orbit,\r\n    .orbit-badge {\r\n      animation: none;\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\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-3f96541 e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"3f96541\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15235b1 wd-animation-slide-from-bottom wd-animation-normal elementor-widget elementor-widget-wd_title\" data-id=\"15235b1\" data-element_type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper set-mb-s reset-last-child wd-title-color-white wd-title-style-bordered wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l wd-underline-colored\">\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8221a89 e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"8221a89\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f508023 elementor-widget elementor-widget-html\" data-id=\"f508023\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"damaj-gallery\" aria-labelledby=\"projects-heading\">\r\n  <h2 id=\"projects-heading\" class=\"heading\"><\/h2>\r\n\r\n  <div class=\"gallery\" tabindex=\"0\" role=\"region\" aria-label=\"\u0645\u0639\u0631\u0636 \u0635\u0648\u0631 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\">\r\n    <figure class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0645\u0627\u0631\u0629-\u0627\u0644\u0645\u062f\u064a\u0646\u0629-\u0627\u0644\u0645\u0646\u0648\u0631\u0629.jpg\" alt=\"\u0625\u0645\u0627\u0631\u0629 \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629\">\r\n      <figcaption class=\"title\">\u0625\u0645\u0627\u0631\u0629 \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629<\/figcaption>\r\n    <\/figure>\r\n\r\n    <figure class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/Projects-100.png\" alt=\"More than 100 Automated structure\">\r\n      <figcaption class=\"title\">More than 100 Automated structure<\/figcaption>\r\n    <\/figure>\r\n\r\n    <figure class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/\u0645\u062f\u064a\u0631\u064a\u0629-\u0627\u0644\u0645\u064a\u0627\u0647.jpg\" alt=\"\u0645\u062f\u064a\u0631\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647\">\r\n      <figcaption class=\"title\">\u0645\u062f\u064a\u0631\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647<\/figcaption>\r\n    <\/figure>\r\n\r\n    <figure class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/\u0623\u0645\u0627\u0646\u0629-\u0627\u0644\u0645\u062f\u064a\u0646\u0629.jpg\" alt=\"\u0623\u0645\u0627\u0646\u0629 \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629\">\r\n      <figcaption class=\"title\">\u0623\u0645\u0627\u0646\u0629 \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629<\/figcaption>\r\n    <\/figure>\r\n\r\n    <figure class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u0623\u062f\u0644\u0627\u0621.jpg\" alt=\"\u0627\u0644\u0623\u062f\u0644\u0627\u0621\">\r\n      <figcaption class=\"title\">\u0627\u0644\u0623\u062f\u0644\u0627\u0621<\/figcaption>\r\n    <\/figure>\r\n\r\n    <figure class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/\u0635\u0627\u0644\u0629-\u0627\u0644\u0643\u0631\u064a\u0633\u062a\u0627\u0644\u0629.jpeg\" alt=\"\u0635\u0627\u0644\u0629 \u0623\u0641\u0631\u0627\u062d \u0627\u0644\u0643\u0631\u064a\u0633\u062a\u0627\u0644\u0629\">\r\n      <figcaption class=\"title\">\u0635\u0627\u0644\u0629 \u0623\u0641\u0631\u0627\u062d \u0627\u0644\u0643\u0631\u064a\u0633\u062a\u0627\u0644\u0629<\/figcaption>\r\n    <\/figure>\r\n\r\n    <figure class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/\u0648\u0632\u0627\u0631\u0629-\u0627\u0644\u062d\u062c-\u0648-\u0627\u0644\u0639\u0645\u0631\u0629.jpg\" alt=\"\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062d\u062c \u0648\u0627\u0644\u0639\u0645\u0631\u0629\">\r\n      <figcaption class=\"title\">\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062d\u062c \u0648\u0627\u0644\u0639\u0645\u0631\u0629<\/figcaption>\r\n    <\/figure>\r\n\r\n    <figure class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/\u0648\u0632\u0627\u0631\u0629-\u0627\u0644\u062a\u0639\u0644\u064a\u0645.jpg\" alt=\"\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\">\r\n      <figcaption class=\"title\">\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645<\/figcaption>\r\n    <\/figure>\r\n\r\n    <figure class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/\u0641\u0646\u062f\u0642-\u0646\u0633\u0643-\u0627\u0644\u0645\u062f\u064a\u0646\u0629.webp\" alt=\"\u0641\u0646\u062f\u0642 \u0646\u0633\u0643 \u0627\u0644\u0645\u062f\u064a\u0646\u0629\">\r\n      <figcaption class=\"title\">\u0641\u0646\u062f\u0642 \u0646\u0633\u0643 \u0627\u0644\u0645\u062f\u064a\u0646\u0629<\/figcaption>\r\n    <\/figure>\r\n\r\n    <figure class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/Millennium-Madinah-Airport-Hotel.jpg\" alt=\"Millennium Madinah Airport Hotel\">\r\n      <figcaption class=\"title\">Millennium Madinah Airport Hotel<\/figcaption>\r\n    <\/figure>\r\n\r\n    <figure class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/\u0646\u0633\u0643-\u0627\u0644\u0647\u062c\u0631\u0629.jpg\" alt=\"\u0641\u0646\u062f\u0642 \u0646\u0633\u0643 \u0627\u0644\u0647\u062c\u0631\u0629\">\r\n      <figcaption class=\"title\">\u0641\u0646\u062f\u0642 \u0646\u0633\u0643 \u0627\u0644\u0647\u062c\u0631\u0629<\/figcaption>\r\n    <\/figure>\r\n  <\/div>\r\n\r\n  <div class=\"nav\" aria-hidden=\"true\">\r\n    <button class=\"btn prev\" type=\"button\" title=\"\u0633\u0627\u0628\u0642\" aria-label=\"\u0633\u0627\u0628\u0642\">\r\n      <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n        <path d=\"M15 19L8 12L15 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <button class=\"btn next\" type=\"button\" title=\"\u0627\u0644\u062a\u0627\u0644\u064a\" aria-label=\"\u0627\u0644\u062a\u0627\u0644\u064a\">\r\n      <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n        <path d=\"M9 5L16 12L9 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .damaj-gallery,\r\n  .damaj-gallery * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .damaj-gallery {\r\n    --card-w: clamp(230px, 31vw, 340px);\r\n    --gap: clamp(14px, 2vw, 20px);\r\n    --radius: 20px;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding: 18px 54px;\r\n    overflow: hidden;\r\n    background: transparent;\r\n    -webkit-tap-highlight-color: transparent;\r\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Noto Kufi Arabic\", sans-serif;\r\n  }\r\n\r\n  .damaj-gallery::before,\r\n  .damaj-gallery::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 54px;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .damaj-gallery::before {\r\n    left: 0;\r\n    background: linear-gradient(to right, rgba(198, 206, 216, 0.35), transparent);\r\n  }\r\n\r\n  .damaj-gallery::after {\r\n    right: 0;\r\n    background: linear-gradient(to left, rgba(198, 206, 216, 0.35), transparent);\r\n  }\r\n\r\n  .damaj-gallery .heading {\r\n    margin: 0 0 12px;\r\n    font-weight: 700;\r\n    font-size: clamp(18px, 2.4vw, 24px);\r\n    text-align: center;\r\n    color: #fff;\r\n  }\r\n\r\n  .damaj-gallery .gallery {\r\n    direction: ltr;\r\n    display: flex;\r\n    gap: var(--gap);\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    padding: 8px 2px 16px;\r\n    scroll-snap-type: x mandatory;\r\n    scroll-behavior: smooth;\r\n    -webkit-overflow-scrolling: touch;\r\n    cursor: grab;\r\n\r\n    \/*\r\n      \u0645\u0647\u0645 \u0644\u0644\u062c\u0648\u0627\u0644:\r\n      \u064a\u0633\u0645\u062d \u0628\u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0635\u0641\u062d\u0629 \u0644\u0644\u0623\u0639\u0644\u0649 \u0648\u0627\u0644\u0623\u0633\u0641\u0644 \u0637\u0628\u064a\u0639\u064a\u064b\u0627\u060c\r\n      \u0648\u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0623\u0641\u0642\u064a \u064a\u062a\u0645 \u0627\u0644\u062a\u062d\u0643\u0645 \u0628\u0647 \u0645\u0646 JavaScript \u0641\u0642\u0637 \u0639\u0646\u062f \u0627\u0644\u0633\u062d\u0628 \u064a\u0645\u064a\u0646\/\u064a\u0633\u0627\u0631.\r\n    *\/\r\n    touch-action: pan-y;\r\n\r\n    overscroll-behavior-x: contain;\r\n    scrollbar-width: none;\r\n    -ms-overflow-style: none;\r\n  }\r\n\r\n  .damaj-gallery .gallery::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .damaj-gallery .gallery.dragging {\r\n    cursor: grabbing;\r\n    scroll-snap-type: none;\r\n    scroll-behavior: auto;\r\n  }\r\n\r\n  .damaj-gallery .card {\r\n    position: relative;\r\n    flex: 0 0 var(--card-w);\r\n    aspect-ratio: 4 \/ 3;\r\n    margin: 0;\r\n    border-radius: var(--radius);\r\n    overflow: hidden;\r\n    scroll-snap-align: start;\r\n    scroll-snap-stop: always;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);\r\n    user-select: none;\r\n    transform: translateZ(0);\r\n  }\r\n\r\n  .damaj-gallery .card img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    user-select: none;\r\n    pointer-events: none;\r\n    transform: scale(1);\r\n    transition: transform 0.35s ease, filter 0.35s ease;\r\n  }\r\n\r\n  .damaj-gallery .card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      to top,\r\n      rgba(0, 0, 0, 0.58),\r\n      rgba(0, 0, 0, 0.18) 45%,\r\n      rgba(0, 0, 0, 0) 72%\r\n    );\r\n    opacity: 0;\r\n    transition: opacity 0.35s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .damaj-gallery .card:hover img {\r\n    transform: scale(1.045);\r\n    filter: brightness(0.78);\r\n  }\r\n\r\n  .damaj-gallery .card:hover::after {\r\n    opacity: 1;\r\n  }\r\n\r\n  .damaj-gallery .title {\r\n    position: absolute;\r\n    z-index: 2;\r\n    inset-inline: 12px;\r\n    bottom: 12px;\r\n    padding: 8px 12px;\r\n    border-radius: 14px;\r\n    background: rgba(0, 0, 0, 0.58);\r\n    color: #fff;\r\n    font-weight: 700;\r\n    font-size: clamp(13px, 1.7vw, 16px);\r\n    line-height: 1.45;\r\n    text-align: center;\r\n    opacity: 0;\r\n    transform: translateY(8px);\r\n    transition: opacity 0.35s ease, transform 0.35s ease;\r\n    pointer-events: none;\r\n    direction: auto;\r\n    unicode-bidi: plaintext;\r\n  }\r\n\r\n  .damaj-gallery .card:hover .title {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .damaj-gallery .nav {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    pointer-events: none;\r\n    z-index: 6;\r\n  }\r\n\r\n  .damaj-gallery .btn {\r\n    pointer-events: auto;\r\n    width: 44px;\r\n    height: 44px;\r\n    border: 0;\r\n    border-radius: 999px;\r\n    display: grid;\r\n    place-items: center;\r\n    cursor: pointer;\r\n    color: #fff;\r\n    background: rgba(0, 0, 0, 0.58);\r\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);\r\n    backdrop-filter: blur(4px);\r\n    transition: transform 0.15s ease, opacity 0.2s ease, background 0.2s ease;\r\n  }\r\n\r\n  .damaj-gallery .btn:hover {\r\n    transform: scale(1.05);\r\n    background: rgba(0, 0, 0, 0.72);\r\n  }\r\n\r\n  .damaj-gallery .btn:disabled {\r\n    opacity: 0.28;\r\n    cursor: default;\r\n    transform: none;\r\n  }\r\n\r\n  .damaj-gallery .btn svg {\r\n    width: 22px;\r\n    height: 22px;\r\n  }\r\n\r\n  .damaj-gallery .btn.prev {\r\n    margin-inline-start: 6px;\r\n  }\r\n\r\n  .damaj-gallery .btn.next {\r\n    margin-inline-end: 6px;\r\n  }\r\n\r\n  .damaj-gallery .gallery:focus-visible {\r\n    outline: 2px dashed rgba(255, 255, 255, 0.75);\r\n    outline-offset: 8px;\r\n    border-radius: 14px;\r\n  }\r\n\r\n  @media (hover: none) {\r\n    .damaj-gallery .card::after {\r\n      opacity: 1;\r\n    }\r\n\r\n    .damaj-gallery .title {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  }\r\n\r\n  \/* =========================\r\n     \u0646\u0633\u062e\u0629 \u0627\u0644\u062c\u0648\u0627\u0644 - \u0645\u0648\u062d\u062f\u0629 \u0627\u0644\u062d\u062c\u0645\r\n  ========================= *\/\r\n  @media (max-width: 768px) {\r\n    .damaj-gallery {\r\n      --card-w: 80vw;\r\n      --gap: 14px;\r\n      --radius: 18px;\r\n\r\n      padding: 12px 14px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .damaj-gallery::before,\r\n    .damaj-gallery::after {\r\n      width: 24px;\r\n    }\r\n\r\n    .damaj-gallery .gallery {\r\n      padding-inline: 4px;\r\n      padding-bottom: 12px;\r\n      scroll-padding-inline: 4px;\r\n    }\r\n\r\n    .damaj-gallery .card {\r\n      height: 230px;\r\n      aspect-ratio: auto;\r\n      background: transparent;\r\n      box-shadow: none;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .damaj-gallery .card img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      transform: none;\r\n      transition: none;\r\n    }\r\n\r\n    .damaj-gallery .card:hover img {\r\n      transform: none;\r\n      filter: none;\r\n    }\r\n\r\n    .damaj-gallery .card::after {\r\n      opacity: 1;\r\n      background: linear-gradient(\r\n        to top,\r\n        rgba(0, 0, 0, 0.46),\r\n        rgba(0, 0, 0, 0.08) 48%,\r\n        rgba(0, 0, 0, 0) 72%\r\n      );\r\n    }\r\n\r\n    .damaj-gallery .title {\r\n      opacity: 1;\r\n      transform: none;\r\n      inset-inline: 10px;\r\n      bottom: 10px;\r\n      padding: 7px 10px;\r\n      font-size: 13px;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .damaj-gallery .btn {\r\n      width: 34px;\r\n      height: 34px;\r\n      background: rgba(0, 0, 0, 0.45);\r\n      box-shadow: none;\r\n    }\r\n\r\n    .damaj-gallery .btn svg {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n\r\n    .damaj-gallery .btn.prev {\r\n      margin-inline-start: 0;\r\n    }\r\n\r\n    .damaj-gallery .btn.next {\r\n      margin-inline-end: 0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .damaj-gallery {\r\n      --card-w: 82vw;\r\n      --gap: 12px;\r\n      padding: 10px 12px;\r\n    }\r\n\r\n    .damaj-gallery .card {\r\n      height: 210px;\r\n    }\r\n\r\n    .damaj-gallery .btn {\r\n      width: 30px;\r\n      height: 30px;\r\n    }\r\n\r\n    .damaj-gallery .btn svg {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 390px) {\r\n    .damaj-gallery .card {\r\n      height: 195px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .damaj-gallery .gallery,\r\n    .damaj-gallery .card img,\r\n    .damaj-gallery .card::after,\r\n    .damaj-gallery .title,\r\n    .damaj-gallery .btn {\r\n      scroll-behavior: auto;\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const galleries = document.querySelectorAll(\".damaj-gallery\");\r\n\r\n    galleries.forEach((root) => {\r\n      const scroller = root.querySelector(\".gallery\");\r\n      const prevBtn = root.querySelector(\".btn.prev\");\r\n      const nextBtn = root.querySelector(\".btn.next\");\r\n\r\n      if (!scroller || !prevBtn || !nextBtn) return;\r\n\r\n      let autoTimer = null;\r\n\r\n      let isPointerDown = false;\r\n      let isDragging = false;\r\n      let isHorizontalGesture = false;\r\n      let isVerticalGesture = false;\r\n\r\n      let startX = 0;\r\n      let startY = 0;\r\n      let startLeft = 0;\r\n      let pauseUntil = 0;\r\n\r\n      const gestureThreshold = 8;\r\n\r\n      function getGap() {\r\n        const style = window.getComputedStyle(scroller);\r\n        const gap = parseFloat(style.columnGap || style.gap);\r\n        return Number.isFinite(gap) ? gap : 16;\r\n      }\r\n\r\n      function getStep() {\r\n        const firstCard = scroller.querySelector(\".card\");\r\n        if (!firstCard) return scroller.clientWidth;\r\n\r\n        const width = firstCard.getBoundingClientRect().width;\r\n        return Math.max(1, Math.round(width + getGap()));\r\n      }\r\n\r\n      function getMaxScroll() {\r\n        return Math.max(0, scroller.scrollWidth - scroller.clientWidth);\r\n      }\r\n\r\n      function updateButtons() {\r\n        const max = getMaxScroll();\r\n        const x = Math.round(scroller.scrollLeft);\r\n\r\n        prevBtn.disabled = x <= 1;\r\n        nextBtn.disabled = x >= max - 1;\r\n      }\r\n\r\n      function scrollToIndex(index) {\r\n        const step = getStep();\r\n        const max = getMaxScroll();\r\n        const target = Math.min(max, Math.max(0, index * step));\r\n\r\n        scroller.scrollTo({\r\n          left: target,\r\n          behavior: \"smooth\"\r\n        });\r\n      }\r\n\r\n      function currentIndex() {\r\n        return Math.round(scroller.scrollLeft \/ getStep());\r\n      }\r\n\r\n      function maxIndex() {\r\n        return Math.max(0, Math.round(getMaxScroll() \/ getStep()));\r\n      }\r\n\r\n      function pauseAuto(ms) {\r\n        pauseUntil = Date.now() + ms;\r\n      }\r\n\r\n      function snapBy(amount) {\r\n        pauseAuto(2500);\r\n\r\n        const next = Math.min(\r\n          maxIndex(),\r\n          Math.max(0, currentIndex() + amount)\r\n        );\r\n\r\n        scrollToIndex(next);\r\n      }\r\n\r\n      function autoNext() {\r\n        const next = currentIndex() >= maxIndex() ? 0 : currentIndex() + 1;\r\n        scrollToIndex(next);\r\n      }\r\n\r\n      function startAuto() {\r\n        stopAuto();\r\n\r\n        autoTimer = window.setInterval(() => {\r\n          const isPaused =\r\n            Date.now() < pauseUntil ||\r\n            isPointerDown ||\r\n            document.hidden;\r\n\r\n          if (!isPaused) {\r\n            autoNext();\r\n          }\r\n        }, 2800);\r\n      }\r\n\r\n      function stopAuto() {\r\n        if (autoTimer) {\r\n          window.clearInterval(autoTimer);\r\n          autoTimer = null;\r\n        }\r\n      }\r\n\r\n      function resetGesture() {\r\n        isPointerDown = false;\r\n        isDragging = false;\r\n        isHorizontalGesture = false;\r\n        isVerticalGesture = false;\r\n        scroller.classList.remove(\"dragging\");\r\n      }\r\n\r\n      prevBtn.addEventListener(\"click\", () => snapBy(-1));\r\n      nextBtn.addEventListener(\"click\", () => snapBy(1));\r\n\r\n      scroller.addEventListener(\r\n        \"scroll\",\r\n        () => {\r\n          updateButtons();\r\n        },\r\n        { passive: true }\r\n      );\r\n\r\n      window.addEventListener(\"resize\", updateButtons);\r\n\r\n      \/*\r\n        \u0644\u0627 \u064a\u0648\u062c\u062f wheel event \u0647\u0646\u0627.\r\n        \u0639\u062c\u0644\u0629 \u0627\u0644\u0645\u0627\u0648\u0633 \u062a\u0645\u0631\u0651\u0631 \u0627\u0644\u0635\u0641\u062d\u0629 \u0641\u0642\u0637\u060c \u0648\u0644\u0627 \u062a\u062d\u0631\u0643 \u0627\u0644\u0645\u0639\u0631\u0636.\r\n      *\/\r\n\r\n      scroller.addEventListener(\"pointerdown\", (event) => {\r\n        if (event.button !== undefined && event.button !== 0) return;\r\n\r\n        isPointerDown = true;\r\n        isDragging = false;\r\n        isHorizontalGesture = false;\r\n        isVerticalGesture = false;\r\n\r\n        startX = event.clientX;\r\n        startY = event.clientY;\r\n        startLeft = scroller.scrollLeft;\r\n\r\n        pauseAuto(3000);\r\n      });\r\n\r\n      scroller.addEventListener(\r\n        \"pointermove\",\r\n        (event) => {\r\n          if (!isPointerDown || isVerticalGesture) return;\r\n\r\n          const dx = event.clientX - startX;\r\n          const dy = event.clientY - startY;\r\n\r\n          const absX = Math.abs(dx);\r\n          const absY = Math.abs(dy);\r\n\r\n          \/*\r\n            \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u062d\u0631\u0643\u0629 \u0644\u0644\u0623\u0639\u0644\u0649 \u0623\u0648 \u0644\u0644\u0623\u0633\u0641\u0644 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0648\u0627\u0644\u064a\u0633\u0627\u0631:\r\n            \u0644\u0627 \u0646\u062d\u0631\u0643 \u0627\u0644\u0645\u0639\u0631\u0636\u060c \u0648\u0646\u062a\u0631\u0643 \u0627\u0644\u0635\u0641\u062d\u0629 \u062a\u062a\u0645\u0631\u0631 \u0637\u0628\u064a\u0639\u064a\u064b\u0627.\r\n          *\/\r\n          if (!isHorizontalGesture && absY > absX && absY > gestureThreshold) {\r\n            isVerticalGesture = true;\r\n            isDragging = false;\r\n            scroller.classList.remove(\"dragging\");\r\n            return;\r\n          }\r\n\r\n          \/*\r\n            \u0644\u0627 \u0646\u0628\u062f\u0623 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0635\u0648\u0631 \u0625\u0644\u0627 \u0639\u0646\u062f\u0645\u0627 \u062a\u0643\u0648\u0646 \u0627\u0644\u062d\u0631\u0643\u0629 \u0623\u0641\u0642\u064a\u0629 \u0628\u0648\u0636\u0648\u062d.\r\n          *\/\r\n          if (!isHorizontalGesture && absX > absY && absX > gestureThreshold) {\r\n            isHorizontalGesture = true;\r\n            isDragging = true;\r\n            scroller.classList.add(\"dragging\");\r\n\r\n            try {\r\n              scroller.setPointerCapture(event.pointerId);\r\n            } catch (error) {}\r\n          }\r\n\r\n          if (!isDragging) return;\r\n\r\n          event.preventDefault();\r\n          scroller.scrollLeft = startLeft - dx;\r\n        },\r\n        { passive: false }\r\n      );\r\n\r\n      function endDrag() {\r\n        if (isDragging && isHorizontalGesture) {\r\n          scrollToIndex(currentIndex());\r\n          pauseAuto(1800);\r\n        }\r\n\r\n        resetGesture();\r\n      }\r\n\r\n      scroller.addEventListener(\"pointerup\", endDrag);\r\n      scroller.addEventListener(\"pointercancel\", resetGesture);\r\n\r\n      scroller.addEventListener(\"pointerleave\", () => {\r\n        if (isDragging) endDrag();\r\n      });\r\n\r\n      scroller.addEventListener(\"mouseenter\", () => pauseAuto(1200));\r\n\r\n      scroller.addEventListener(\"keydown\", (event) => {\r\n        if (event.key === \"ArrowRight\") {\r\n          event.preventDefault();\r\n          snapBy(1);\r\n        }\r\n\r\n        if (event.key === \"ArrowLeft\") {\r\n          event.preventDefault();\r\n          snapBy(-1);\r\n        }\r\n      });\r\n\r\n      document.addEventListener(\"visibilitychange\", () => {\r\n        if (document.hidden) pauseAuto(3000);\r\n      });\r\n\r\n      updateButtons();\r\n      startAuto();\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bda8eda e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"bda8eda\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a60dd3 elementor-widget elementor-widget-html\" data-id=\"1a60dd3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- DAMAJ Business Success Section -->\r\n<section class=\"damaj-business-section\">\r\n  <div class=\"damaj-business-inner\">\r\n\r\n    <div class=\"damaj-business-heading\">\r\n      <div class=\"business-line\"><\/div>\r\n      <h2>\u062d\u064a\u062b \u062a\u0644\u062a\u0642\u064a \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627<br>\u0646\u062c\u0627\u062d \u0627\u0644\u0639\u0645\u0644<\/h2>\r\n      <div class=\"business-line\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"damaj-business-cards\">\r\n\r\n      <article class=\"business-card\">\r\n        <div class=\"business-icon\">\r\n          <svg viewbox=\"0 0 24 24\">\r\n            <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm0 16H5V5h14v14ZM7 7h10v10H7V7Zm2 2v6h6V9H9Zm3 5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0623\u0643\u062b\u0631 \u0630\u0643\u0627\u0621\u064b<\/h3>\r\n        <p>\r\n          \u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0645\u062b\u0644 \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0648\u062a\u0643\u064a\u064a\u0641 \u0627\u0644\u0647\u0648\u0627\u0621 \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u062e\u0641\u0636 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u062a\u062d\u0633\u064a\u0646 \u0631\u0627\u062d\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"business-card\">\r\n        <div class=\"business-icon\">\r\n          <svg viewbox=\"0 0 24 24\">\r\n            <path d=\"M8 2h8v3h3c.55 0 1 .45 1 1v15c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h3V2Zm2 2v2h4V4h-4ZM6 7v13h12V7H6Zm4.1 4.9-1.4-1.4L7.3 11.9l2.8 2.8 5.6-5.6-1.4-1.4-4.2 4.2Zm-1.4 4.6h7v2h-7v-2Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>\u062d\u0644\u0648\u0644 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0637\u0648\u064a\u0631 \u0644\u0643\u0644 \u0642\u0637\u0627\u0639<\/h3>\r\n        <p>\r\n          \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u062f\u064a\u0631 \u0641\u0646\u062f\u0642\u064b\u0627 \u0623\u0648 \u0645\u0635\u0646\u0639\u064b\u0627 \u0623\u0648 \u0645\u0628\u0646\u0649 \u062d\u0643\u0648\u0645\u064a\u064b\u0627 \u0623\u0648 \u0645\u062c\u0645\u0639\u064b\u0627 \u0633\u0643\u0646\u064a\u064b\u0627\u060c \u0641\u0625\u0646 \u0623\u0646\u0638\u0645\u062a\u0646\u0627 \u0627\u0644\u0645\u0631\u0646\u0629 \u062a\u062a\u0643\u064a\u0641 \u0645\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0627\u0644\u0641\u0631\u064a\u062f\u0629 \u0648\u062a\u0646\u0645\u0648 \u0645\u0639 \u0646\u0645\u0648 \u0623\u0639\u0645\u0627\u0644\u0643.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"business-card\">\r\n        <div class=\"business-icon\">\r\n          <svg viewbox=\"0 0 24 24\">\r\n            <path d=\"M12 2 4 5.5v6.2C4 16.7 7.4 21.3 12 22c4.6-.7 8-5.3 8-10.3V5.5L12 2Zm0 2.2 6 2.6v4.9c0 4-2.45 7.55-6 8.25-3.55-.7-6-4.25-6-8.25V6.8l6-2.6Zm3.7 5.5-4.55 4.55-1.85-1.85-1.4 1.4 3.25 3.25 5.95-5.95-1.4-1.4Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>\u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0630\u064a \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0648\u062b\u0648\u0642 \u0628\u0647<\/h3>\r\n        <p>\r\n          \u0645\u0646 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0625\u0644\u0649 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0627\u0644\u0630\u0643\u064a\u0629 \u2014 \u0627\u062d\u0645\u0650 \u0645\u0645\u062a\u0644\u0643\u0627\u062a\u0643 \u0648\u0631\u0627\u0642\u0628 \u0639\u0645\u0644\u064a\u0627\u062a\u0643 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u060c \u0641\u064a \u0623\u064a \u0648\u0642\u062a \u0648\u0645\u0646 \u0623\u064a \u0645\u0643\u0627\u0646.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.damaj-business-section {\r\n  width: 100%;\r\n  margin: 0;\r\n  background: transparent;\r\n  padding: 64px 0 78px;\r\n  overflow: hidden;\r\n  font-family: inherit;\r\n}\r\n\r\n.damaj-business-inner {\r\n  width: min(1380px, 100%);\r\n  margin: 0 auto;\r\n  padding: 0 28px;\r\n}\r\n\r\n.damaj-business-heading {\r\n  display: grid;\r\n  grid-template-columns: 1fr auto 1fr;\r\n  align-items: center;\r\n  gap: 28px;\r\n  margin-bottom: 58px;\r\n}\r\n\r\n.damaj-business-heading h2 {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-size: clamp(34px, 4vw, 56px);\r\n  font-weight: 800;\r\n  line-height: 1.12;\r\n  text-align: center;\r\n  letter-spacing: -0.8px;\r\n}\r\n\r\n.business-line {\r\n  height: 1px;\r\n  background: rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n.damaj-business-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 34px;\r\n}\r\n\r\n.business-card {\r\n  position: relative;\r\n  padding: 42px 34px 38px;\r\n  min-height: 360px;\r\n  border-radius: 26px;\r\n  background: rgba(255, 255, 255, 0.96);\r\n  border: 1px solid rgba(255, 255, 255, 0.65);\r\n  box-shadow: 0 24px 58px rgba(0, 30, 48, 0.16);\r\n  text-align: center;\r\n  overflow: hidden;\r\n  transition: 0.35s ease;\r\n}\r\n\r\n.business-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at top right, rgba(0, 91, 134, 0.13), transparent 34%),\r\n    linear-gradient(180deg, rgba(255,255,255,0.88), rgba(255,255,255,1));\r\n  opacity: 0;\r\n  transition: 0.35s ease;\r\n}\r\n\r\n.business-card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 32px 75px rgba(0, 30, 48, 0.24);\r\n}\r\n\r\n.business-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.business-icon {\r\n  position: relative;\r\n  width: 116px;\r\n  height: 116px;\r\n  margin: 0 auto 26px;\r\n  border-radius: 50%;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #005b86;\r\n  background: #ffffff;\r\n  border: 2px solid rgba(0, 91, 134, 0.22);\r\n  box-shadow:\r\n    inset 0 0 0 10px rgba(0, 91, 134, 0.04),\r\n    0 14px 30px rgba(0, 37, 56, 0.08);\r\n  transition: 0.35s ease;\r\n}\r\n\r\n.business-icon svg {\r\n  width: 54px;\r\n  height: 54px;\r\n  fill: currentColor;\r\n}\r\n\r\n.business-card:hover .business-icon {\r\n  color: #ffffff;\r\n  background: linear-gradient(135deg, #005b86, #0781b8);\r\n  border-color: transparent;\r\n  transform: scale(1.04);\r\n}\r\n\r\n.business-card h3 {\r\n  position: relative;\r\n  margin: 0 auto 16px;\r\n  max-width: 360px;\r\n  color: #7d8898;\r\n  font-size: 21px;\r\n  font-weight: 800;\r\n  line-height: 1.35;\r\n  transition: 0.35s ease;\r\n}\r\n\r\n.business-card:hover h3 {\r\n  color: #005b86;\r\n}\r\n\r\n.business-card p {\r\n  position: relative;\r\n  margin: 0 auto;\r\n  max-width: 360px;\r\n  color: rgba(16, 24, 32, 0.78);\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 1.7;\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n  .damaj-business-cards {\r\n    gap: 22px;\r\n  }\r\n\r\n  .business-card {\r\n    padding: 36px 26px 34px;\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .damaj-business-cards {\r\n    grid-template-columns: 1fr;\r\n    max-width: 620px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .business-card {\r\n    min-height: auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n  .damaj-business-section {\r\n    padding: 50px 0 58px;\r\n  }\r\n\r\n  .damaj-business-inner {\r\n    padding: 0 18px;\r\n  }\r\n\r\n  .damaj-business-heading {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  .business-line {\r\n    display: none;\r\n  }\r\n\r\n  .damaj-business-heading h2 {\r\n    font-size: 34px;\r\n  }\r\n\r\n  .business-card {\r\n    padding: 30px 22px;\r\n    border-radius: 22px;\r\n  }\r\n\r\n  .business-icon {\r\n    width: 92px;\r\n    height: 92px;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .business-icon svg {\r\n    width: 44px;\r\n    height: 44px;\r\n  }\r\n\r\n  .business-card h3 {\r\n    font-size: 19px;\r\n  }\r\n\r\n  .business-card p {\r\n    font-size: 15px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-858c8c5 e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"858c8c5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5950304 wd-animation-slide-from-bottom wd-animation-normal elementor-widget elementor-widget-wd_title\" data-id=\"5950304\" data-element_type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper set-mb-s reset-last-child wd-title-color-white wd-title-style-bordered wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l wd-underline-colored\">\u0634\u0631\u0643\u0627\u0624\u0646\u0627<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4e4aae e-con-full e-flex wd-section-disabled e-con e-parent\" data-id=\"e4e4aae\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d74da55 elementor-widget elementor-widget-wd_images_gallery\" data-id=\"d74da55\" data-element_type=\"widget\" data-widget_type=\"wd_images_gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-images-gallery wd-justify-center wd-items-middle view-carousel wd-carousel-spacing-30 wd-carousel-container\" data-owl-carousel data-speed=\"100\" data-slides_per_view_tablet='{\"size\":\"\"}' data-slides_per_view_mobile='{\"size\":\"\"}' data-autoplay=\"yes\" data-hide_pagination_control=\"no\" data-hide_prev_next_buttons=\"no\" data-desktop=\"5\" data-tablet_landscape=\"4\" data-tablet=\"3\" data-mobile=\"2\">\n\t\t\t<div class=\"gallery-images owl-carousel wd-owl owl-items-lg-5 owl-items-md-4 owl-items-sm-3 owl-items-xs-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2024\/07\/WhatsApp-Image-2024-07-30-at-12.38.29_2a66aefe.jpg\"alt=\"WhatsApp Image 2024-07-30 at 12.38.29_2a66aefe\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2024\/07\/WhatsApp-Image-2024-07-30-at-12.40.23_bca34b06.jpg\"alt=\"WhatsApp Image 2024-07-30 at 12.40.23_bca34b06\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2024\/07\/WhatsApp-Image-2024-07-30-at-12.37.36_ae7c26b3.jpg\"alt=\"WhatsApp Image 2024-07-30 at 12.37.36_ae7c26b3\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2024\/07\/download-1.png\"alt=\"download (1)\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/grandstream-logo-png_seeklogo-433361.png\"alt=\"grandstream-logo-png_seeklogo-433361\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2024\/07\/WhatsApp-Image-2024-07-30-at-12.31.42_bf46b422.jpg\"alt=\"WhatsApp Image 2024-07-30 at 12.31.42_bf46b422\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2024\/07\/WhatsApp-Image-2024-07-30-at-12.32.52_5214ee2a.jpg\"alt=\"WhatsApp Image 2024-07-30 at 12.32.52_5214ee2a\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/mikrotik-logo-png_seeklogo-209983.png\"alt=\"mikrotik-logo-png_seeklogo-209983\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2024\/07\/WhatsApp-Image-2024-07-30-at-12.44.28_2bafb323.jpg\"alt=\"WhatsApp Image 2024-07-30 at 12.44.28_2bafb323\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/AJAX_hub_intruder_alarms_leicester.png\"alt=\"AJAX_hub_intruder_alarms_leicester\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2024\/07\/download-2.png\"alt=\"download (2)\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2024\/07\/WhatsApp-Image-2024-07-30-at-12.44.41_b3211726.jpg\"alt=\"WhatsApp Image 2024-07-30 at 12.44.41_b3211726\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2025\/08\/D-Link-Logo-1300x731.jpg\"alt=\"D-Link-Logo\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2024\/07\/download-5.png\"alt=\"download (5)\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2024\/07\/download-6.png\"alt=\"download (6)\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-gallery-item\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/damaj.sa\/wp-content\/uploads\/2024\/07\/download.jpeg\"alt=\"download\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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-04b0756 e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"04b0756\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfe7483 elementor-widget elementor-widget-html\" data-id=\"dfe7483\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Empty Spacer Container -->\r\n<section class=\"damaj-empty-container\"><\/section>\r\n\r\n<style>\r\n.damaj-empty-container {\r\n  width: 100%;\r\n  height: 120px;\r\n  background: transparent;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .damaj-empty-container {\r\n    height: 70px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Shaping the Future through Smart Automation Technologies At DAMAJ, we don\u2019t just provide services and products \u2014 we deliver intelligent<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3833","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/damaj.sa\/ar\/wp-json\/wp\/v2\/pages\/3833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/damaj.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/damaj.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/damaj.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/damaj.sa\/ar\/wp-json\/wp\/v2\/comments?post=3833"}],"version-history":[{"count":907,"href":"https:\/\/damaj.sa\/ar\/wp-json\/wp\/v2\/pages\/3833\/revisions"}],"predecessor-version":[{"id":19078,"href":"https:\/\/damaj.sa\/ar\/wp-json\/wp\/v2\/pages\/3833\/revisions\/19078"}],"wp:attachment":[{"href":"https:\/\/damaj.sa\/ar\/wp-json\/wp\/v2\/media?parent=3833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}