{"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\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<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        Shaping the Future through\r\n        <span>Smart Automation<\/span>\r\n        Technologies\r\n      <\/h2>\r\n\r\n      <p>\r\n        At DAMAJ, we don\u2019t just provide services and products \u2014 we deliver intelligent automation ecosystems\r\n        that transform the way homes, businesses, and factories operate.\r\n      <\/p>\r\n\r\n      <p>\r\n        From industrial automation to smart home solutions and government projects, our solutions are designed\r\n        to enhance comfort, boost efficiency, and elevate security.\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>Technical Solutions<\/h3>\r\n          <p>\r\n            Smart and efficient technologies for homes, industries, buildings, and modern facilities.\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>Projects<\/h3>\r\n          <p>\r\n            Innovative project delivery focused on quality, reliability, and long-term operational value.\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>Infrastructure Services<\/h3>\r\n          <p>\r\n            Reliable infrastructure for automation, safety, energy management, and seamless control.\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>Our Customers<\/h3>\r\n          <p>\r\n            We help customers enjoy smarter environments, enhanced comfort, and dependable service.\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      Live Smart. Control Everything.\n    <\/h1>\n\n    <div class=\"damaj-smart-text\">\n      Transform your home into a fully integrated smart world where comfort, safety, and technology come together\n      to deliver an unparalleled experience \u2014 and add a touch of luxury to your lifestyle. Control lighting,\n      air conditioning, curtains, audio systems, intercom, surveillance cameras, and more \u2014 all easily from your\n      smartphone or a central control panel. Just use your voice, and let Siri and Alexa do the rest. Enjoy a modern\n      way of living where your home becomes more responsive, intelligent, and elegant.\n    <\/div>\n\n    <h2>\n      <span class=\"damaj-smart-icon\">\u2728<\/span>\n      Comfort begins with a word. Smart living starts here.\n    <\/h2>\n\n    <a href=\"\/contact-us\/\" class=\"damaj-smart-btn\">\n      CONTACT US\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\">Our Services<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>At DAMAJ , we are committed to providing a comprehensive range of innovative services that cater to the diverse needs of our clients. Our goal is to offer advanced technological solutions that enhance the efficiency and security of your operations, helping you achieve your business objectives<\/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=\"DAMAJ Hotel Management Platform\">\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      DAMAJ Hotel Management Platform\n    <\/div>\n\n    <div class=\"overlay\" aria-hidden=\"true\">\n      <div>\n        <h3>DAMAJ Hotel Management Platform<\/h3>\n        <p>\n          DAMAJ Hotel Management Platform is a smart digital solution designed to help hotels manage daily operations efficiently through integrated, user-friendly, and scalable tools that enhance performance, streamline workflows, and improve the guest experience.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <a class=\"read-more\" data-service=\"software\" href=\"https:\/\/damaj.sa\/en\/solutions\/#sub-damaj-platform-overview\" role=\"button\">Read More<\/a>\n  <\/article>\n\n  <!-- LOW VOLTAGE & SMART SOLUTIONS -->\n  <div class=\"grid4-wrapper\">\n    <div class=\"grid4-overlay\">LOW VOLTAGE & SMART SOLUTIONS<\/div>\n\n    <div class=\"grid4\" aria-label=\"Low Voltage & Smart Solutions\">\n\n      <article class=\"card\" aria-label=\"Smart Home\">\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\">Smart Home<\/div>\n        <div class=\"overlay\">\n          <div>\n            <h3>Smart Home<\/h3>\n            <p>We offer smart home and building automation systems that let users control lighting, climate, curtains, security, and multimedia\u2014boosting comfort and efficiency.<\/p>\n          <\/div>\n        <\/div>\n        <a class=\"read-more\" data-service=\"smart\" href=\"#\" role=\"button\">Read More<\/a>\n      <\/article>\n\n      <article class=\"card\" aria-label=\"Communication Solutions\">\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\">Communication Solutions<\/div>\n        <div class=\"overlay\">\n          <div>\n            <h3>Communication Solutions<\/h3>\n            <p>We design and deploy reliable communication infrastructures including networking, telephony, internet access, and centralized Satellite systems.<\/p>\n          <\/div>\n        <\/div>\n        <a class=\"read-more\" data-service=\"communication\" href=\"#\" role=\"button\">Read More<\/a>\n      <\/article>\n\n      <article class=\"card\" aria-label=\"Hotel Solutions\">\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\">Hotel Solutions<\/div>\n        <div class=\"overlay\">\n          <div>\n            <h3>Hotel Solutions<\/h3>\n            <p>We provide hotel and RGMS solutions tailored for the hospitality sector, including DND Panels, smart door locks, and more\u2014helping hotels boost efficiency and enhance the guest experience.<\/p>\n          <\/div>\n        <\/div>\n        <a class=\"read-more\" data-service=\"hotel\" href=\"#\" role=\"button\">Read More<\/a>\n      <\/article>\n\n      <article class=\"card\" aria-label=\"Security Systems\">\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\">Security Systems<\/div>\n        <div class=\"overlay\">\n          <div>\n            <h3>Security Systems<\/h3>\n            <p>Our integrated security solutions protect people and property through high-performance surveillance, intrusion detection, and advanced access control technologies.<\/p>\n          <\/div>\n        <\/div>\n        <a class=\"read-more\" data-service=\"security\" href=\"#\" role=\"button\">Read More<\/a>\n      <\/article>\n\n    <\/div>\n  <\/div>\n\n  <!-- INDUSTRIAL AUTOMATION -->\n  <article class=\"card top-banner de-industrial-temp\" aria-label=\"Industrial Automation\">\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\">INDUSTRIAL AUTOMATION<\/div>\n    <div class=\"overlay\" aria-hidden=\"true\">\n      <div>\n        <h3>Industrial Automation<\/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\">Read More<\/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>Smart Solutions for Every Sector<\/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        We provide integrated automation and smart system solutions that serve a wide range of sectors with high efficiency.\r\n        Our services cover the industrial sector, commercial establishments, the government sector, and the healthcare sector,\r\n        where we contribute to operational efficiency, enhanced service quality, and safer environments.\r\n      <\/p>\r\n\r\n      <p>\r\n        We also serve Hotels, including GRMS, ballrooms and conference halls, by delivering intelligent, high-end environments.\r\n        In addition, we offer advanced solutions for residential units, making everyday life easier through smart and secure systems.\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>Hotels<\/h3>\r\n          <p>\r\n            Smart room systems offering advanced central control of lighting, air conditioning, curtains,\r\n            DND &amp; MUR, and audio systems. We also provide PMS solutions to enhance guest experience,\r\n            streamline hotel operations, and optimize ballroom and meeting hall management.\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>Residential Units<\/h3>\r\n          <p>\r\n            Integrated smart home solutions for villas, houses, towers, and residential compounds that provide\r\n            comfort, security, and efficient energy management from anywhere.\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>Industrial Sector<\/h3>\r\n          <p>\r\n            Smart industrial control and monitoring systems that support safety, automation, energy efficiency,\r\n            and improved production and operational performance.\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>Commercial Establishments<\/h3>\r\n          <p>\r\n            Smart solutions for commercial establishments enabling advanced management of lighting,\r\n            air conditioning, and security systems, enhancing customer experience and improving operational efficiency.\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>Government Sector<\/h3>\r\n          <p>\r\n            Customized smart solutions for government buildings that enhance security, save energy,\r\n            and improve operational and management efficiency.\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      Increase Efficiency and Productivity\n      <span>Through Industry 4.0 Solutions<\/span>\n    <\/h1>\n\n    <div class=\"damaj-industry-text\">\n      Automate and Digitalize your entire operations \u2014 from production lines and PLC systems to CNC machines,\n      industrial robots, and beyond, with Manufacturing Execution Systems (MES) and Digital Transformation.\n      Boost efficiency, reduce manual workload, and gain real-time visibility over your factory\u2019s performance\n      anytime, anywhere. Through smart automation solutions powered by Industry 4.0 technologies, we turn data\n      into industrial power.\n    <\/div>\n\n    <a href=\"\/contact-us\/\" class=\"damaj-industry-btn\">\n      CONTACT US\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        The Smart Choice for Smarter Living\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>Comprehensive Solutions<\/h3>\r\n          <p>Wide range of services, from solar power to smart systems integration.<\/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>Advanced Technology<\/h3>\r\n          <p>Latest technologies for efficient, secure, and innovative solutions.<\/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>Expert Support<\/h3>\r\n          <p>Committed, experienced technicians for seamless service and support.<\/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>Customized Services<\/h3>\r\n          <p>Flexible, tailored solutions crafted for both your business and modern living.<\/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          IT Solutions\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          Smart Systems\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          Automation Systems\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          Digitalization\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\">Our Projects<\/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>Where Technology Meets<br>Business Success<\/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>Intelligent Automation for Smarter Operations<\/h3>\r\n        <p>\r\n          Automate routine systems like lighting, HVAC, and access control to boost efficiency,\r\n          reduce costs, and enhance user comfort.\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>Scalable Solutions for Every Sector<\/h3>\r\n        <p>\r\n          Whether you're managing a hotel, factory, government building, or residential complex,\r\n          our flexible systems adapt to your unique needs and grow with your business.\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>Security & Control You Can Trust<\/h3>\r\n        <p>\r\n          From advanced surveillance to smart access and alert systems \u2014 protect your assets\r\n          and monitor operations in real time, anytime, anywhere.\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\">Our Partners<\/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>\n\t\t","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>\n","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\/en\/wp-json\/wp\/v2\/pages\/3833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/damaj.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/damaj.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/damaj.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/damaj.sa\/en\/wp-json\/wp\/v2\/comments?post=3833"}],"version-history":[{"count":907,"href":"https:\/\/damaj.sa\/en\/wp-json\/wp\/v2\/pages\/3833\/revisions"}],"predecessor-version":[{"id":19078,"href":"https:\/\/damaj.sa\/en\/wp-json\/wp\/v2\/pages\/3833\/revisions\/19078"}],"wp:attachment":[{"href":"https:\/\/damaj.sa\/en\/wp-json\/wp\/v2\/media?parent=3833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}