{"id":18,"date":"2026-04-26T08:02:41","date_gmt":"2026-04-26T08:02:41","guid":{"rendered":"https:\/\/satech.com.sa\/?page_id=18"},"modified":"2026-06-11T14:31:49","modified_gmt":"2026-06-11T14:31:49","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/satech.com.sa\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18\" class=\"elementor elementor-18\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5ecc6c e-con-full e-flex e-con e-parent\" data-id=\"a5ecc6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3a628e elementor-widget elementor-widget-html\" data-id=\"d3a628e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  SATECH HERO SECTION\r\n  Elementor: paste inside one HTML widget\r\n\r\n  Arabic:\r\n  <html lang=\"ar\">\r\n  or body.rtl\r\n\r\n  English:\r\n  <html lang=\"en-US\">\r\n\r\n  No dir attribute needed on the section.\r\n-->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/wow\/1.1.2\/wow.min.js\"><\/script>\r\n\r\n<style>\r\n  html,\r\n  body {\r\n    max-width: 100%;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  @supports (overflow: clip) {\r\n    html,\r\n    body {\r\n      overflow-x: clip;\r\n    }\r\n  }\r\n\r\n  .satech-hero-v5 {\r\n    --satech-green: #076C44;\r\n    --satech-green-dark: #03452b;\r\n    --satech-white: #ffffff;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    padding: 95px 20px 115px;\r\n    color: var(--satech-white);\r\n    background: #777f81;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-hero-v5,\r\n  body.rtl .satech-hero-v5,\r\n  .satech-hero-v5:lang(ar) {\r\n    direction: rtl;\r\n  }\r\n\r\n  html[lang^=\"en\"] .satech-hero-v5,\r\n  body:not(.rtl) .satech-hero-v5,\r\n  .satech-hero-v5:lang(en) {\r\n    direction: ltr;\r\n  }\r\n\r\n  .satech-hero-v5 *,\r\n  .satech-hero-v5 *::before,\r\n  .satech-hero-v5 *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .satech-hero-v5__bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -5;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transform: scale(1.04);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .satech-hero-v5::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -4;\r\n    background: linear-gradient(\r\n      180deg,\r\n      rgba(7, 108, 68, 0.60),\r\n      rgba(3, 69, 43, 0.76)\r\n    );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .satech-hero-v5__pattern {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -3;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .satech-hero-v5__pattern::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: min(32vw, 390px);\r\n    height: 100%;\r\n    background:\r\n      linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),\r\n      repeating-linear-gradient(\r\n        -45deg,\r\n        rgba(255, 255, 255, 0.10) 0,\r\n        rgba(255, 255, 255, 0.10) 2px,\r\n        transparent 2px,\r\n        transparent 10px\r\n      );\r\n    clip-path: polygon(0 0, 62% 0, 100% 100%, 0 100%);\r\n    opacity: 0.20;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-hero-v5__pattern::before,\r\n  body.rtl .satech-hero-v5__pattern::before,\r\n  .satech-hero-v5:lang(ar) .satech-hero-v5__pattern::before {\r\n    left: auto;\r\n    right: 0;\r\n    transform: scaleX(-1);\r\n    transform-origin: center;\r\n  }\r\n\r\n  .satech-hero-v5__pattern::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 28px;\r\n    bottom: 52px;\r\n    width: 130px;\r\n    height: 105px;\r\n    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.24) 1.5px, transparent 1.5px);\r\n    background-size: 20px 20px;\r\n    opacity: 0.65;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-hero-v5__pattern::after,\r\n  body.rtl .satech-hero-v5__pattern::after,\r\n  .satech-hero-v5:lang(ar) .satech-hero-v5__pattern::after {\r\n    left: 34px;\r\n    right: auto;\r\n  }\r\n\r\n  .satech-hero-v5__shape-img-wrap {\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    width: clamp(230px, 25vw, 340px);\r\n    height: auto;\r\n    pointer-events: none;\r\n    opacity: 0.58;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-hero-v5__shape-img-wrap,\r\n  body.rtl .satech-hero-v5__shape-img-wrap,\r\n  .satech-hero-v5:lang(ar) .satech-hero-v5__shape-img-wrap {\r\n    right: auto;\r\n    left: 0;\r\n    transform: scaleX(-1);\r\n    transform-origin: center;\r\n  }\r\n\r\n  .satech-hero-v5__shape-img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    filter: saturate(1.05) brightness(1.04);\r\n  }\r\n\r\n  .satech-hero-v5__container {\r\n    width: min(1200px, 100%);\r\n    min-height: 520px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-hero-v5__container,\r\n  body.rtl .satech-hero-v5__container,\r\n  .satech-hero-v5:lang(ar) .satech-hero-v5__container {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .satech-hero-v5__content {\r\n    max-width: 920px;\r\n    margin: 0;\r\n    text-align: start;\r\n    position: relative;\r\n    z-index: 3;\r\n    transform: translateY(-10px);\r\n  }\r\n \r\n  .satech-hero-v5__logo-wrap {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .satech-hero-v5__logo {\r\n    width: 220px;\r\n    height: auto;\r\n    display: block;\r\n    background: transparent !important;\r\n    box-shadow: none !important;\r\n    border: 0 !important;\r\n    -webkit-filter: brightness(0) invert(1);\r\n    filter: brightness(0) invert(1);\r\n  }\r\n\r\n  .satech-hero-v5__title {\r\n    margin: 0;\r\n    max-width: 920px;\r\n    color: #ffffff;\r\n    font-size: clamp(52px, 5.8vw, 78px);\r\n    line-height: 1.05;\r\n    font-weight: 400;\r\n    letter-spacing: -1.25px;\r\n    text-align: start;\r\n    text-shadow: 0 10px 24px rgba(0, 0, 0, 0.30);\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-hero-v5__title,\r\n  body.rtl .satech-hero-v5__title,\r\n  .satech-hero-v5:lang(ar) .satech-hero-v5__title {\r\n    letter-spacing: 0;\r\n  }\r\n\r\n  .satech-hero-v5__title-line {\r\n    display: block;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .satech-hero-v5__title-line:nth-child(2) {\r\n    margin-top: 5px;\r\n  }\r\n\r\n  .satech-hero-v5__title-2 {\r\n    margin: 20px 0 0;\r\n    max-width: 700px;\r\n    color: rgba(255, 255, 255, 0.94);\r\n    font-size: 20px;\r\n    line-height: 1.42;\r\n    font-weight: 400;\r\n    letter-spacing: -0.1px;\r\n    text-align: start;\r\n    text-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-hero-v5__title-2,\r\n  body.rtl .satech-hero-v5__title-2,\r\n  .satech-hero-v5:lang(ar) .satech-hero-v5__title-2 {\r\n    letter-spacing: 0;\r\n  }\r\n\r\n  .satech-hero-v5__subtitle-line {\r\n    display: block;\r\n  }\r\n\r\n  .satech-hero-v5__subtitle-line:nth-child(2),\r\n  .satech-hero-v5__subtitle-line:nth-child(3) {\r\n    margin-top: 3px;\r\n  }\r\n\r\n  .satech-hero-v5__line {\r\n    width: 78px;\r\n    height: 3px;\r\n    margin-block-start: 26px;\r\n    margin-inline: 0;\r\n    background: rgba(255, 255, 255, 0.78);\r\n    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);\r\n    animation: satechLinePulseV5 2.2s ease-in-out infinite alternate;\r\n  }\r\n\r\n  .satech-hero-v5__line-art {\r\n    position: absolute;\r\n    left: 72px;\r\n    bottom: 70px;\r\n    width: 115px;\r\n    height: 62px;\r\n    border-left: 2px solid rgba(255, 255, 255, 0.30);\r\n    border-bottom: 2px solid rgba(255, 255, 255, 0.30);\r\n    border-bottom-left-radius: 22px;\r\n    opacity: 0.42;\r\n    z-index: 1;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-hero-v5__line-art,\r\n  body.rtl .satech-hero-v5__line-art,\r\n  .satech-hero-v5:lang(ar) .satech-hero-v5__line-art {\r\n    left: 72px;\r\n    right: auto;\r\n  }\r\n\r\n  .satech-hero-v5__line-art::before,\r\n  .satech-hero-v5__line-art::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -11px;\r\n    width: 16px;\r\n    height: 16px;\r\n    background: rgba(255, 255, 255, 0.55);\r\n    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\r\n  }\r\n\r\n  .satech-hero-v5__line-art::before {\r\n    top: -8px;\r\n  }\r\n\r\n  .satech-hero-v5__line-art::after {\r\n    bottom: -8px;\r\n  }\r\n\r\n  .satech-hero-v5__stats {\r\n    position: absolute;\r\n    left: max(20px, calc((100% - 1200px) \/ 2));\r\n    right: auto;\r\n    bottom: 20px;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: flex-start;\r\n    flex-wrap: wrap;\r\n    gap: 9px;\r\n    z-index: 6;\r\n    max-width: 520px;\r\n    direction: ltr;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-hero-v5__stats,\r\n  body.rtl .satech-hero-v5__stats,\r\n  .satech-hero-v5:lang(ar) .satech-hero-v5__stats {\r\n    left: auto;\r\n    right: max(20px, calc((100% - 1200px) \/ 2));\r\n    bottom: 38px;\r\n    direction: rtl;\r\n    justify-content: flex-start;\r\n    max-width: 620px;\r\n  }\r\n\r\n  .satech-hero-v5__stat {\r\n    min-width: 118px;\r\n    padding: 11px 13px 10px;\r\n    background: rgba(255, 255, 255, 0.96);\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.10);\r\n    color: #263234;\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n    transition: 0.5s ease;\r\n    text-align: start;\r\n    direction: inherit;\r\n  }\r\n\r\n  .satech-hero-v5__stat.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .satech-hero-v5__stat-top {\r\n    display: flex;\r\n    align-items: baseline;\r\n    justify-content: flex-start;\r\n    gap: 4px;\r\n    margin-bottom: 5px;\r\n    line-height: 1;\r\n    direction: inherit;\r\n  }\r\n\r\n  .satech-hero-v5__stat-number {\r\n    color: var(--satech-green-dark);\r\n    font-size: clamp(21px, 1.8vw, 29px);\r\n    font-weight: 500;\r\n    letter-spacing: -0.3px;\r\n  }\r\n\r\n  .satech-hero-v5__stat-plus {\r\n    color: #076C44;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .satech-hero-v5__stat-since {\r\n    color: rgba(7, 108, 68, 0.72);\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  html[lang^=\"en\"] .satech-hero-v5__stat-since,\r\n  body:not(.rtl) .satech-hero-v5__stat-since {\r\n    margin-inline-end: 2px;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-hero-v5__stat-since,\r\n  body.rtl .satech-hero-v5__stat-since,\r\n  .satech-hero-v5:lang(ar) .satech-hero-v5__stat-since {\r\n    margin-inline-start: 2px;\r\n  }\r\n\r\n  .satech-hero-v5__stat-label {\r\n    margin: 0;\r\n    color: #3d484a;\r\n    font-size: 12.5px;\r\n    line-height: 1.35;\r\n    font-weight: 400;\r\n    text-align: start;\r\n  }\r\n\r\n  @keyframes satechLinePulseV5 {\r\n    from {\r\n      width: 70px;\r\n      opacity: 0.68;\r\n    }\r\n\r\n    to {\r\n      width: 105px;\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    .satech-hero-v5 {\r\n      padding-top: 85px;\r\n      padding-bottom: 105px;\r\n    }\r\n\r\n    .satech-hero-v5__container {\r\n      min-height: 500px;\r\n    }\r\n\r\n    .satech-hero-v5__content {\r\n      max-width: 820px;\r\n      transform: translateY(-8px);\r\n    }\r\n\r\n    .satech-hero-v5__stats {\r\n      left: 18px;\r\n      right: auto;\r\n      bottom: 18px;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-hero-v5__stats,\r\n    body.rtl .satech-hero-v5__stats,\r\n    .satech-hero-v5:lang(ar) .satech-hero-v5__stats {\r\n      left: auto;\r\n      right: 18px;\r\n      bottom: 32px;\r\n    }\r\n\r\n    .satech-hero-v5__shape-img-wrap {\r\n      right: 20px;\r\n      width: clamp(210px, 26vw, 300px);\r\n      opacity: 0.48;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-hero-v5__shape-img-wrap,\r\n    body.rtl .satech-hero-v5__shape-img-wrap,\r\n    .satech-hero-v5:lang(ar) .satech-hero-v5__shape-img-wrap {\r\n      right: auto;\r\n      left: 20px;\r\n    }\r\n\r\n    .satech-hero-v5__title {\r\n      font-size: clamp(48px, 5.6vw, 66px);\r\n    }\r\n\r\n    .satech-hero-v5__title-2 {\r\n      font-size: 19px;\r\n      max-width: 620px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .satech-hero-v5 {\r\n      min-height: 590px;\r\n      padding: 66px 18px 112px;\r\n    }\r\n\r\n    .satech-hero-v5__container {\r\n      min-height: 405px;\r\n      align-items: center;\r\n    }\r\n\r\n    .satech-hero-v5__content {\r\n      transform: translateY(-6px);\r\n      max-width: 650px;\r\n    }\r\n\r\n    .satech-hero-v5__logo {\r\n      width: 160px;\r\n    }\r\n\r\n    .satech-hero-v5__pattern::before {\r\n      width: 240px;\r\n      opacity: 0.28;\r\n    }\r\n\r\n    .satech-hero-v5__shape-img-wrap {\r\n      top: 50%;\r\n      right: 10px;\r\n      width: clamp(190px, 30vw, 260px);\r\n      opacity: 0.30;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-hero-v5__shape-img-wrap,\r\n    body.rtl .satech-hero-v5__shape-img-wrap,\r\n    .satech-hero-v5:lang(ar) .satech-hero-v5__shape-img-wrap {\r\n      right: auto;\r\n      left: 10px;\r\n    }\r\n\r\n    .satech-hero-v5__line-art {\r\n      left: 22px;\r\n      bottom: 78px;\r\n      opacity: 0.30;\r\n    }\r\n\r\n    .satech-hero-v5__title {\r\n      font-size: clamp(38px, 6.2vw, 54px);\r\n      line-height: 1.08;\r\n      letter-spacing: -0.8px;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-hero-v5__title,\r\n    body.rtl .satech-hero-v5__title,\r\n    .satech-hero-v5:lang(ar) .satech-hero-v5__title {\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .satech-hero-v5__title-2 {\r\n      font-size: 18px;\r\n      line-height: 1.44;\r\n      max-width: 560px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .satech-hero-v5 {\r\n      min-height: 100vh;\r\n      min-height: 100svh;\r\n      padding: 36px 16px 124px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n    }\r\n\r\n    .satech-hero-v5__bg {\r\n      object-position: center;\r\n      transform: scale(1.02);\r\n    }\r\n\r\n    .satech-hero-v5__container {\r\n      min-height: auto;\r\n      flex: 1;\r\n      align-items: center;\r\n      width: 100%;\r\n      padding-top: 9vh;\r\n      padding-bottom: 78px;\r\n    }\r\n\r\n    .satech-hero-v5__content {\r\n      max-width: 100%;\r\n      transform: none;\r\n    }\r\n\r\n    .satech-hero-v5__logo-wrap {\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .satech-hero-v5__logo {\r\n      width: 132px;\r\n    }\r\n\r\n    .satech-hero-v5__title {\r\n      font-size: 40px;\r\n      line-height: 1.10;\r\n      letter-spacing: -0.6px;\r\n      max-width: 100%;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-hero-v5__title,\r\n    body.rtl .satech-hero-v5__title,\r\n    .satech-hero-v5:lang(ar) .satech-hero-v5__title {\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .satech-hero-v5__title-line {\r\n      white-space: normal;\r\n    }\r\n\r\n    .satech-hero-v5__title-line:nth-child(2) {\r\n      margin-top: 4px;\r\n    }\r\n\r\n    .satech-hero-v5__title-2 {\r\n      margin-top: 18px;\r\n      font-size: 19px;\r\n      line-height: 1.48;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .satech-hero-v5__subtitle-line {\r\n      display: inline;\r\n    }\r\n\r\n    .satech-hero-v5__subtitle-line::after {\r\n      content: \" \";\r\n    }\r\n\r\n    .satech-hero-v5__line {\r\n      width: 82px;\r\n      height: 3px;\r\n      margin-top: 22px;\r\n    }\r\n\r\n    .satech-hero-v5__shape-img-wrap {\r\n      top: 48%;\r\n      right: -22px;\r\n      width: clamp(160px, 42vw, 220px);\r\n      opacity: 0.18;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-hero-v5__shape-img-wrap,\r\n    body.rtl .satech-hero-v5__shape-img-wrap,\r\n    .satech-hero-v5:lang(ar) .satech-hero-v5__shape-img-wrap {\r\n      right: auto;\r\n      left: -22px;\r\n    }\r\n\r\n    .satech-hero-v5__stats {\r\n      left: 16px;\r\n      right: 16px;\r\n      bottom: 18px;\r\n      max-width: none;\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 8px;\r\n      direction: inherit;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-hero-v5__stats,\r\n    body.rtl .satech-hero-v5__stats,\r\n    .satech-hero-v5:lang(ar) .satech-hero-v5__stats {\r\n      left: 16px;\r\n      right: 16px;\r\n      bottom: 18px;\r\n      direction: rtl;\r\n    }\r\n\r\n    .satech-hero-v5__stat {\r\n      min-width: 0;\r\n      padding: 12px 10px 11px;\r\n    }\r\n\r\n    .satech-hero-v5__stat-number {\r\n      font-size: 23px;\r\n    }\r\n\r\n    .satech-hero-v5__stat-plus {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .satech-hero-v5__stat-since {\r\n      font-size: 12px;\r\n    }\r\n\r\n    .satech-hero-v5__stat-label {\r\n      font-size: 12.5px;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .satech-hero-v5__line-art {\r\n      display: none;\r\n    }\r\n\r\n    .satech-hero-v5__pattern::after {\r\n      left: 14px;\r\n      bottom: 100px;\r\n      width: 86px;\r\n      height: 86px;\r\n      background-size: 17px 17px;\r\n      opacity: 0.45;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .satech-hero-v5 {\r\n      min-height: 100vh;\r\n      min-height: 100svh;\r\n      padding: 34px 14px 124px;\r\n    }\r\n\r\n    .satech-hero-v5__container {\r\n      padding-top: 10vh;\r\n      padding-bottom: 78px;\r\n    }\r\n\r\n    .satech-hero-v5__title {\r\n      font-size: 36px;\r\n      line-height: 1.11;\r\n    }\r\n\r\n    .satech-hero-v5__title-2 {\r\n      font-size: 17.8px;\r\n      line-height: 1.48;\r\n      margin-top: 16px;\r\n    }\r\n\r\n    .satech-hero-v5__line {\r\n      width: 80px;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .satech-hero-v5__stats {\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 7px;\r\n    }\r\n\r\n    .satech-hero-v5__stat {\r\n      padding: 11px 8px 10px;\r\n    }\r\n\r\n    .satech-hero-v5__stat-top {\r\n      margin-bottom: 5px;\r\n      gap: 3px;\r\n    }\r\n\r\n    .satech-hero-v5__stat-number {\r\n      font-size: 21px;\r\n    }\r\n\r\n    .satech-hero-v5__stat-plus {\r\n      font-size: 14px;\r\n    }\r\n\r\n    .satech-hero-v5__stat-since {\r\n      font-size: 10.5px;\r\n    }\r\n\r\n    .satech-hero-v5__stat-label {\r\n      font-size: 11.5px;\r\n      line-height: 1.22;\r\n    }\r\n\r\n    .satech-hero-v5__shape-img-wrap {\r\n      top: 48%;\r\n      right: -28px;\r\n      width: clamp(140px, 44vw, 190px);\r\n      opacity: 0.15;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-hero-v5__shape-img-wrap,\r\n    body.rtl .satech-hero-v5__shape-img-wrap,\r\n    .satech-hero-v5:lang(ar) .satech-hero-v5__shape-img-wrap {\r\n      right: auto;\r\n      left: -28px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .satech-hero-v5 {\r\n      padding: 30px 13px 124px;\r\n    }\r\n\r\n    .satech-hero-v5__container {\r\n      padding-top: 10vh;\r\n      padding-bottom: 78px;\r\n    }\r\n\r\n    .satech-hero-v5__title {\r\n      font-size: 33px;\r\n      line-height: 1.12;\r\n      letter-spacing: -0.4px;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-hero-v5__title,\r\n    body.rtl .satech-hero-v5__title,\r\n    .satech-hero-v5:lang(ar) .satech-hero-v5__title {\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .satech-hero-v5__title-2 {\r\n      font-size: 16.6px;\r\n      line-height: 1.48;\r\n    }\r\n\r\n    .satech-hero-v5__stats {\r\n      left: 12px;\r\n      right: 12px;\r\n      bottom: 15px;\r\n      gap: 6px;\r\n    }\r\n\r\n    .satech-hero-v5__stat {\r\n      padding: 10px 7px 9px;\r\n    }\r\n\r\n    .satech-hero-v5__stat-number {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .satech-hero-v5__stat-plus {\r\n      font-size: 13px;\r\n    }\r\n\r\n    .satech-hero-v5__stat-label {\r\n      font-size: 10.8px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 360px) {\r\n    .satech-hero-v5 {\r\n      padding-bottom: 162px;\r\n    }\r\n\r\n    .satech-hero-v5__container {\r\n      padding-top: 8vh;\r\n      padding-bottom: 120px;\r\n    }\r\n\r\n    .satech-hero-v5__title {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .satech-hero-v5__title-2 {\r\n      font-size: 18px;\r\n    }\r\n\r\n    .satech-hero-v5__stats {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .satech-hero-v5__stat {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 10px;\r\n      padding: 14px 12px;\r\n    }\r\n\r\n    .satech-hero-v5__stat-top {\r\n      margin-bottom: 0;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .satech-hero-v5__stat-label {\r\n      text-align: end;\r\n      font-size: 11.5px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .satech-hero-v5__line {\r\n      animation: none !important;\r\n    }\r\n\r\n    .satech-hero-v5__stat {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"satech-hero-v5\" id=\"satech-hero-v5\">\r\n  <video\r\n    class=\"satech-hero-v5__bg\"\r\n    autoplay\r\n    muted\r\n    loop\r\n    playsinline\r\n    webkit-playsinline\r\n    preload=\"auto\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <source src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/IMG_8728.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n  <div class=\"satech-hero-v5__pattern\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"satech-hero-v5__shape-img-wrap\" aria-hidden=\"true\">\r\n    <img decoding=\"async\"\r\n      class=\"satech-hero-v5__shape-img\"\r\n      src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/satech-shape-transparent.png\"\r\n      alt=\"\"\r\n    >\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"satech-hero-v5__line-art wow animate__fadeInUp\"\r\n    data-wow-delay=\"1s\"\r\n    data-wow-duration=\"1s\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div class=\"satech-hero-v5__container\">\r\n    <div class=\"satech-hero-v5__content\">\r\n\r\n      <h3\r\n        class=\"satech-hero-v5__title wow animate__fadeInUp\"\r\n        data-wow-delay=\"0.35s\"\r\n        data-wow-duration=\"0.9s\"\r\n      >\r\n        <span class=\"satech-hero-v5__title-line\">Engineering the Future of<\/span>\r\n        <span class=\"satech-hero-v5__title-line\">Energy &amp; Infrastructure<\/span>\r\n      <\/h3>\r\n\r\n      <h3\r\n        class=\"satech-hero-v5__title-2 wow animate__fadeInUp\"\r\n        data-wow-delay=\"0.45s\"\r\n        data-wow-duration=\"0.9s\"\r\n      >\r\n        <span class=\"satech-hero-v5__subtitle-line\">Innovative consulting and engineering solutions<\/span>\r\n        <span class=\"satech-hero-v5__subtitle-line\">for reliability, efficiency, and sustainable growth<\/span>\r\n        <span class=\"satech-hero-v5__subtitle-line\">across the Kingdom<\/span>\r\n      <\/h3>\r\n\r\n      <div\r\n        class=\"satech-hero-v5__line wow animate__fadeInUp\"\r\n        data-wow-delay=\"0.55s\"\r\n        data-wow-duration=\"0.8s\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"satech-hero-v5__stats\" id=\"satechStatsV5\">\r\n    <div class=\"satech-hero-v5__stat\">\r\n      <div class=\"satech-hero-v5__stat-top\">\r\n        <span class=\"satech-hero-v5__stat-number satech-counter\" data-count=\"40\">0<\/span>\r\n        <span class=\"satech-hero-v5__stat-plus\">+<\/span>\r\n      <\/div>\r\n      <p class=\"satech-hero-v5__stat-label\">Clients<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"satech-hero-v5__stat\">\r\n      <div class=\"satech-hero-v5__stat-top\">\r\n        <span class=\"satech-hero-v5__stat-number satech-counter\" data-count=\"600\">0<\/span>\r\n        <span class=\"satech-hero-v5__stat-plus\">+<\/span>\r\n      <\/div>\r\n      <p class=\"satech-hero-v5__stat-label\">Projects<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"satech-hero-v5__stat\">\r\n      <div class=\"satech-hero-v5__stat-top\">\r\n        <span class=\"satech-hero-v5__stat-number satech-counter\" data-count=\"1982\">0<\/span>\r\n      <\/div>\r\n      <p class=\"satech-hero-v5__stat-label\">Since<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    var section = document.getElementById(\"satech-hero-v5\");\r\n    if (!section || section.dataset.ready === \"true\") return;\r\n    section.dataset.ready = \"true\";\r\n\r\n    var pageLang = document.documentElement.getAttribute(\"lang\") || \"en-US\";\r\n\r\n    var heroVideo = section.querySelector(\".satech-hero-v5__bg\");\r\n\r\n    if (heroVideo) {\r\n      heroVideo.muted = true;\r\n      heroVideo.defaultMuted = true;\r\n      heroVideo.playsInline = true;\r\n\r\n      var playPromise = heroVideo.play();\r\n\r\n      if (playPromise !== undefined) {\r\n        playPromise.catch(function () {\r\n          heroVideo.muted = true;\r\n          heroVideo.defaultMuted = true;\r\n          heroVideo.play();\r\n        });\r\n      }\r\n    }\r\n\r\n    if (window.WOW) {\r\n      new WOW({\r\n        boxClass: \"wow\",\r\n        animateClass: \"animate__animated\",\r\n        offset: 80,\r\n        mobile: true,\r\n        live: true\r\n      }).init();\r\n    }\r\n\r\n    var statsWrap = document.getElementById(\"satechStatsV5\");\r\n    var statCards = statsWrap ? statsWrap.querySelectorAll(\".satech-hero-v5__stat\") : [];\r\n    var started = false;\r\n\r\n    function animateCounter(el, target, duration) {\r\n      var startTime = null;\r\n\r\n      function step(timestamp) {\r\n        if (!startTime) startTime = timestamp;\r\n\r\n        var progress = Math.min((timestamp - startTime) \/ duration, 1);\r\n        var eased = 1 - Math.pow(1 - progress, 3);\r\n        var value = Math.floor(target * eased);\r\n\r\n        el.textContent = value.toLocaleString(pageLang);\r\n\r\n        if (progress < 1) {\r\n          requestAnimationFrame(step);\r\n        } else {\r\n          el.textContent = target.toLocaleString(pageLang);\r\n        }\r\n      }\r\n\r\n      requestAnimationFrame(step);\r\n    }\r\n\r\n    function revealStatsSequentially() {\r\n      if (started) return;\r\n      started = true;\r\n\r\n      statCards.forEach(function (card, index) {\r\n        setTimeout(function () {\r\n          card.classList.add(\"is-visible\");\r\n\r\n          var counter = card.querySelector(\".satech-counter\");\r\n          if (counter) {\r\n            var target = parseInt(counter.getAttribute(\"data-count\"), 10) || 0;\r\n            animateCounter(counter, target, 1000);\r\n          }\r\n        }, index * 220);\r\n      });\r\n    }\r\n\r\n    if (\"IntersectionObserver\" in window && statsWrap) {\r\n      var observer = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            revealStatsSequentially();\r\n            observer.disconnect();\r\n          }\r\n        });\r\n      }, {\r\n        threshold: 0.25\r\n      });\r\n\r\n      observer.observe(section);\r\n    } else {\r\n      revealStatsSequentially();\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed5d74d e-con-full e-flex e-con e-parent\" data-id=\"ed5d74d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf950a9 elementor-widget elementor-widget-html\" data-id=\"bf950a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  SECTION: ABOUT OUR COMPANY - VISION \/ MISSION \/ VALUES\r\n  Elementor: paste this whole block in one HTML Widget.\r\n\r\n  Direction Ready:\r\n  - If <html lang=\"en-US\"> => LTR\r\n  - If <html lang=\"ar\">    => RTL\r\n-->\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\r\n\/>\r\n\r\n<style>\r\n  .satech-about-company {\r\n    --satech-primary: #076C44;\r\n    --satech-secondary: #F48F6B;\r\n    --satech-dark: #042b1d;\r\n    --satech-white: #ffffff;\r\n    --satech-text: #222222;\r\n    --satech-border: rgba(4, 43, 29, 0.14);\r\n    --satech-bg: #f7f7f7;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: clamp(48px, 5vw, 78px) 0;\r\n    background: var(--satech-bg);\r\n    font-family: \"Segoe UI\", Tahoma, Arial, sans-serif;\r\n    direction: ltr;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-about-company {\r\n    direction: rtl;\r\n    text-align: right;\r\n  }\r\n\r\n  .satech-about-company *,\r\n  .satech-about-company *::before,\r\n  .satech-about-company *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .satech-about-company::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-inline-end: -135px;\r\n    top: -130px;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: rgba(7, 108, 68, 0.07);\r\n    transform: rotate(18deg);\r\n    pointer-events: none;\r\n    animation: satechShapeFloat 11s ease-in-out infinite;\r\n  }\r\n\r\n  .satech-about-company::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-inline-start: -120px;\r\n    bottom: -140px;\r\n    width: 300px;\r\n    height: 300px;\r\n    border: 42px solid rgba(244, 143, 107, 0.13);\r\n    transform: rotate(-14deg);\r\n    pointer-events: none;\r\n    animation: satechShapeRotate 14s ease-in-out infinite;\r\n  }\r\n\r\n  .satech-about-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1180px, calc(100% - 40px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .satech-about-title {\r\n    display: inline-block;\r\n    margin: 0 0 50px;\r\n    color: var(--satech-primary);\r\n    font-size: clamp(30px, 4vw, 48px);\r\n    line-height: 1.12;\r\n    font-weight: 900;\r\n    letter-spacing: -0.04em;\r\n    text-align: left;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-about-title {\r\n    text-align: right;\r\n    letter-spacing: 0;\r\n  }\r\n\r\n  .satech-about-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);\r\n    gap: clamp(28px, 4vw, 48px);\r\n    align-items: center;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-about-layout {\r\n    direction: rtl;\r\n  }\r\n\r\n  .satech-about-image {\r\n    position: relative;\r\n    min-height: 470px;\r\n    overflow: hidden;\r\n    background: #e9e9e9;\r\n    box-shadow: 0 22px 55px rgba(4, 43, 29, 0.10);\r\n    isolation: isolate;\r\n  }\r\n\r\n  .satech-about-image::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    background: linear-gradient(\r\n      180deg,\r\n      rgba(7, 108, 68, 0.58),\r\n      rgba(3, 69, 43, 0.52)\r\n    );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .satech-about-image img {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 470px;\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transform: scale(1.03);\r\n    filter: grayscale(65%) saturate(0.55) contrast(1.05) brightness(0.96);\r\n    animation: satechImageMotion 18s ease-in-out infinite alternate;\r\n    transition: transform 1200ms ease, filter 1200ms ease;\r\n    will-change: transform;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-about-image img {\r\n    animation-name: satechImageMotionRtl;\r\n  }\r\n\r\n  .satech-about-company:hover .satech-about-image img {\r\n    transform: scale(1.055);\r\n    filter: grayscale(54%) saturate(0.65) contrast(1.06) brightness(0.99);\r\n  }\r\n\r\n  .satech-about-cards {\r\n    display: grid;\r\n    gap: 24px;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-about-cards {\r\n    direction: rtl;\r\n  }\r\n\r\n  .satech-about-card {\r\n    position: relative;\r\n    border: 1px solid var(--satech-border);\r\n    background: rgba(255, 255, 255, 0.86);\r\n    padding: 50px clamp(22px, 3vw, 38px) 24px;\r\n    min-height: 118px;\r\n    box-shadow: 0 14px 36px rgba(4, 43, 29, 0.055);\r\n    overflow: visible;\r\n    transition:\r\n      transform 520ms ease,\r\n      box-shadow 520ms ease,\r\n      border-color 520ms ease,\r\n      background 520ms ease;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-about-card {\r\n    text-align: right;\r\n  }\r\n\r\n  .satech-about-card:hover {\r\n    transform: translateY(-7px);\r\n    box-shadow: 0 24px 52px rgba(4, 43, 29, 0.12);\r\n    border-color: rgba(7, 108, 68, 0.34);\r\n  }\r\n\r\n  .satech-about-card:nth-child(1):hover,\r\n  .satech-about-card:nth-child(3):hover {\r\n    background:\r\n      linear-gradient(135deg, rgba(7, 108, 68, 0.095), rgba(255, 255, 255, 0.94));\r\n  }\r\n\r\n  .satech-about-card:nth-child(2):hover {\r\n    background:\r\n      linear-gradient(135deg, rgba(244, 143, 107, 0.14), rgba(255, 255, 255, 0.94));\r\n    border-color: rgba(244, 143, 107, 0.38);\r\n  }\r\n\r\n  .satech-about-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 4px;\r\n    background: var(--satech-primary);\r\n    opacity: 0.95;\r\n    transition: width 420ms ease, background 420ms ease;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-about-card::before {\r\n    left: auto;\r\n    right: 0;\r\n  }\r\n\r\n  .satech-about-card:hover::before {\r\n    width: 8px;\r\n  }\r\n\r\n  .satech-about-card:nth-child(2)::before {\r\n    background: var(--satech-secondary);\r\n  }\r\n\r\n  .satech-about-card-title {\r\n    position: absolute;\r\n    top: -24px;\r\n    left: clamp(22px, 3vw, 38px);\r\n    min-width: 190px;\r\n    height: 48px;\r\n    padding: 0 34px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--satech-primary);\r\n    color: var(--satech-white);\r\n    font-size: clamp(18px, 1.6vw, 23px);\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: -0.02em;\r\n    text-align: center;\r\n    clip-path: polygon(9% 0, 100% 0, 91% 100%, 0 100%);\r\n    box-shadow: 0 12px 24px rgba(7, 108, 68, 0.18);\r\n    transition:\r\n      transform 420ms ease,\r\n      background 420ms ease,\r\n      color 420ms ease,\r\n      box-shadow 420ms ease;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-about-card-title {\r\n    left: auto;\r\n    right: clamp(22px, 3vw, 38px);\r\n    direction: rtl;\r\n    text-align: center;\r\n    letter-spacing: 0;\r\n    clip-path: polygon(0 0, 91% 0, 100% 100%, 9% 100%);\r\n  }\r\n\r\n  .satech-about-card:hover .satech-about-card-title {\r\n    transform: translateY(-4px);\r\n    background: var(--satech-dark);\r\n    color: var(--satech-white);\r\n    box-shadow: 0 15px 30px rgba(4, 43, 29, 0.22);\r\n  }\r\n\r\n  .satech-about-card-title.pink {\r\n    background: var(--satech-secondary);\r\n    box-shadow: 0 12px 24px rgba(244, 143, 107, 0.22);\r\n  }\r\n\r\n  .satech-about-card:nth-child(2):hover .satech-about-card-title {\r\n    background: #d96645;\r\n    color: #ffffff;\r\n    box-shadow: 0 15px 30px rgba(244, 143, 107, 0.26);\r\n  }\r\n\r\n  .satech-about-card p {\r\n    margin: 0;\r\n    color: var(--satech-text);\r\n    font-size: clamp(15.5px, 1.15vw, 18px);\r\n    line-height: 1.72;\r\n    font-weight: 400;\r\n    text-align: left;\r\n    transition: color 420ms ease;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-about-card p {\r\n    text-align: right;\r\n    direction: rtl;\r\n  }\r\n\r\n  .satech-about-card:hover p {\r\n    color: #111111;\r\n  }\r\n\r\n  .satech-values-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 10px 18px;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-values-list {\r\n    direction: rtl;\r\n    text-align: right;\r\n  }\r\n\r\n  .satech-values-list li {\r\n    position: relative;\r\n    margin: 0;\r\n    padding-left: 20px;\r\n    color: var(--satech-text);\r\n    font-size: clamp(14px, 1vw, 16px);\r\n    line-height: 1.55;\r\n    font-weight: 500;\r\n    text-align: left;\r\n    transition: color 350ms ease, transform 350ms ease;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-values-list li {\r\n    padding-left: 0;\r\n    padding-right: 20px;\r\n    text-align: right;\r\n    direction: rtl;\r\n  }\r\n\r\n  .satech-values-list li::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0.62em;\r\n    width: 8px;\r\n    height: 8px;\r\n    background: var(--satech-secondary);\r\n    transform: rotate(45deg);\r\n    transition: background 350ms ease, transform 350ms ease;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-values-list li::before {\r\n    left: auto;\r\n    right: 0;\r\n  }\r\n\r\n  .satech-about-card:hover .satech-values-list li {\r\n    color: #111111;\r\n  }\r\n\r\n  .satech-values-list li:hover {\r\n    color: var(--satech-primary);\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-values-list li:hover {\r\n    transform: translateX(-4px);\r\n  }\r\n\r\n  .satech-values-list li:hover::before {\r\n    background: var(--satech-primary);\r\n    transform: rotate(45deg) scale(1.18);\r\n  }\r\n\r\n  @keyframes satechImageMotion {\r\n    0% {\r\n      transform: scale(1.03) translate3d(0, 0, 0);\r\n    }\r\n\r\n    100% {\r\n      transform: scale(1.055) translate3d(-5px, -3px, 0);\r\n    }\r\n  }\r\n\r\n  @keyframes satechImageMotionRtl {\r\n    0% {\r\n      transform: scale(1.03) translate3d(0, 0, 0);\r\n    }\r\n\r\n    100% {\r\n      transform: scale(1.055) translate3d(5px, -3px, 0);\r\n    }\r\n  }\r\n\r\n  @keyframes satechShapeFloat {\r\n    0%,\r\n    100% {\r\n      transform: rotate(18deg) translateY(0);\r\n    }\r\n\r\n    50% {\r\n      transform: rotate(18deg) translateY(14px);\r\n    }\r\n  }\r\n\r\n  @keyframes satechShapeRotate {\r\n    0%,\r\n    100% {\r\n      transform: rotate(-14deg) scale(1);\r\n    }\r\n\r\n    50% {\r\n      transform: rotate(-8deg) scale(1.035);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .satech-about-layout {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .satech-about-image {\r\n      min-height: 390px;\r\n    }\r\n\r\n    .satech-about-image img {\r\n      min-height: 390px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 720px) {\r\n    .satech-about-company {\r\n      padding: 46px 0;\r\n    }\r\n\r\n    .satech-about-container {\r\n      width: min(100% - 24px, 1180px);\r\n    }\r\n\r\n    .satech-about-title {\r\n      margin-bottom: 28px;\r\n      font-size: 32px;\r\n    }\r\n\r\n    .satech-about-layout {\r\n      gap: 30px;\r\n    }\r\n\r\n    .satech-about-image {\r\n      min-height: 300px;\r\n    }\r\n\r\n    .satech-about-image img {\r\n      min-height: 300px;\r\n    }\r\n\r\n    .satech-about-cards {\r\n      gap: 34px;\r\n    }\r\n\r\n    .satech-about-card {\r\n      padding: 46px 20px 22px;\r\n      min-height: auto;\r\n    }\r\n\r\n    .satech-about-card-title {\r\n      left: 20px;\r\n      min-width: 170px;\r\n      height: 46px;\r\n      padding: 0 28px;\r\n      font-size: 20px;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-about-card-title {\r\n      left: auto;\r\n      right: 20px;\r\n      clip-path: polygon(0 0, 91% 0, 100% 100%, 9% 100%);\r\n    }\r\n\r\n    .satech-values-list {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .satech-about-company::before,\r\n    .satech-about-company::after,\r\n    .satech-about-image img {\r\n      animation: none !important;\r\n    }\r\n\r\n    .satech-about-card,\r\n    .satech-about-card-title,\r\n    .satech-values-list li,\r\n    .satech-values-list li::before {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"satech-about-company\" id=\"satech-about-company\">\r\n  <div class=\"satech-about-container\">\r\n\r\n    <h2\r\n      class=\"satech-about-title wow animate__animated animate__fadeInDown\"\r\n      data-wow-duration=\"1.25s\"\r\n      data-wow-delay=\"0.05s\"\r\n    >\r\n      About Us\r\n    <\/h2>\r\n\r\n    <div class=\"satech-about-layout\">\r\n\r\n      <div\r\n        class=\"satech-about-image wow animate__animated animate__fadeInUp\"\r\n        data-wow-duration=\"1.35s\"\r\n        data-wow-delay=\"0.15s\"\r\n      >\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/satechnew.mm-brand.org\/wp-content\/uploads\/2025\/09\/second-image.jpg\"\r\n          alt=\"Engineering consulting company\"\r\n          loading=\"lazy\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"satech-about-cards\">\r\n\r\n        <article\r\n          class=\"satech-about-card wow animate__animated animate__fadeInUp\"\r\n          data-wow-duration=\"1s\"\r\n          data-wow-delay=\"0.10s\"\r\n        >\r\n          <h3 class=\"satech-about-card-title\">Vision<\/h3>\r\n          <p>\r\n            To be the premier engineering consulting firm in the Kingdom, excelling in quality, innovation and customer service.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article\r\n          class=\"satech-about-card wow animate__animated animate__fadeInUp\"\r\n          data-wow-duration=\"1s\"\r\n          data-wow-delay=\"0.20s\"\r\n        >\r\n          <h3 class=\"satech-about-card-title pink\">Mission<\/h3>\r\n          <p>\r\n            Our mission is to enable organizations to maximize efficiency and productivity through our consulting services in engineering design, project management and technical specializations.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article\r\n          class=\"satech-about-card wow animate__animated animate__fadeInUp\"\r\n          data-wow-duration=\"1s\"\r\n          data-wow-delay=\"0.30s\"\r\n        >\r\n          <h3 class=\"satech-about-card-title\">Values<\/h3>\r\n\r\n          <ul class=\"satech-values-list\">\r\n            <li>Safety by Design<\/li>\r\n            <li>Accountability in Delivery<\/li>\r\n            <li>Open Communication<\/li>\r\n            <li>Innovation &amp; Adaptability<\/li>\r\n            <li>Collaborative Execution<\/li>\r\n            <li>Integrity in Practice<\/li>\r\n            <li>Inclusive Culture<\/li>\r\n            <li>Embracing Engineering Challenges<\/li>\r\n          <\/ul>\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<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/wow\/1.1.2\/wow.min.js\"><\/script>\r\n\r\n<script>\r\n  (function () {\r\n    var section = document.getElementById(\"satech-about-company\");\r\n    if (!section || section.dataset.ready === \"true\") return;\r\n    section.dataset.ready = \"true\";\r\n\r\n    function initSatechWow() {\r\n      if (typeof WOW !== \"undefined\") {\r\n        new WOW({\r\n          boxClass: \"wow\",\r\n          animateClass: \"animate__animated\",\r\n          offset: 90,\r\n          mobile: true,\r\n          live: true\r\n        }).init();\r\n      }\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", initSatechWow);\r\n    } else {\r\n      initSatechWow();\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6fb158b e-con-full e-flex e-con e-parent\" data-id=\"6fb158b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46aface elementor-widget elementor-widget-shortcode\" data-id=\"46aface\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<style>\n#op_home_cats_245118,\n#op_home_cats_245118 * {\n    box-sizing: border-box;\n}\n\n#op_home_cats_245118 {\n    --satech-primary: #076C44;\n    --satech-secondary: #F48F6B;\n    --satech-dark: #042b1d;\n    --satech-black: #111111;\n    --satech-white: #ffffff;\n    --satech-text: #222222;\n    --satech-border: rgba(4, 43, 29, 0.14);\n    --satech-bg: #f7f7f7;\n\n    width: 100%;\n    position: relative;\n    background: var(--satech-white);\n    padding: clamp(72px, 7vw, 110px) 0 clamp(68px, 6vw, 96px);\n    direction: ltr;\n    text-align: left;\n    overflow: hidden;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\nhtml[lang^=\"ar\"] #op_home_cats_245118 {\n    direction: rtl;\n    text-align: right;\n}\n\n#op_home_cats_245118 .ophc-wrap {\n    position: relative;\n    z-index: 2;\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n}\n\n#op_home_cats_245118 .ophc-heading {\n    text-align: center;\n    max-width: 980px;\n    margin: 0 auto clamp(44px, 5vw, 68px);\n}\n\n#op_home_cats_245118 .ophc-main-title {\n    margin: 0 0 20px;\n    font-size: clamp(38px, 4.6vw, 64px);\n    line-height: 1.08;\n    font-weight: 900;\n    letter-spacing: -0.04em;\n    color: var(--satech-primary);\n    text-align: center;\n}\n\nhtml[lang^=\"ar\"] #op_home_cats_245118 .ophc-main-title {\n    letter-spacing: 0;\n    direction: rtl;\n    text-align: center;\n}\n\n#op_home_cats_245118 .ophc-subtitle {\n    margin: 0 auto;\n    max-width: 900px;\n    color: rgba(17, 17, 17, 0.78);\n    font-size: clamp(17px, 1.45vw, 21px);\n    line-height: 1.75;\n    font-weight: 500;\n    white-space: normal;\n    text-align: center;\n}\n\nhtml[lang^=\"ar\"] #op_home_cats_245118 .ophc-subtitle {\n    direction: rtl;\n    text-align: center;\n    letter-spacing: 0;\n}\n\n#op_home_cats_245118 .ophc-section-title {\n    margin: 0 0 34px;\n    color: var(--satech-primary);\n    font-size: clamp(32px, 4vw, 50px);\n    line-height: 1.12;\n    font-weight: 900;\n    letter-spacing: -0.04em;\n    text-align: left;\n}\n\nhtml[lang^=\"ar\"] #op_home_cats_245118 .ophc-section-title {\n    text-align: right;\n    letter-spacing: 0;\n}\n\n#op_home_cats_245118 .ophc-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 28px;\n    width: 100%;\n}\n\nhtml[lang^=\"ar\"] #op_home_cats_245118 .ophc-grid {\n    direction: rtl;\n}\n\n#op_home_cats_245118 .ophc-card {\n    position: relative;\n    overflow: hidden;\n    background: var(--satech-white);\n    border: 1px solid var(--satech-border);\n    min-height: 100%;\n    display: flex;\n    flex-direction: column;\n    text-decoration: none;\n    color: var(--satech-text);\n    box-shadow: 0 10px 30px rgba(4, 43, 29, 0.08);\n    transition:\n        transform 650ms cubic-bezier(.22,.9,.28,1),\n        border-color 650ms cubic-bezier(.22,.9,.28,1),\n        box-shadow 650ms cubic-bezier(.22,.9,.28,1);\n}\n\nhtml[lang^=\"ar\"] #op_home_cats_245118 .ophc-card {\n    direction: rtl;\n    text-align: right;\n}\n\n\/* WOW *\/\n#op_home_cats_245118 .wow {\n    visibility: hidden;\n}\n\n#op_home_cats_245118 .animated {\n    visibility: visible;\n}\n\n#op_home_cats_245118 .ophc-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(7, 108, 68, 0.32);\n    box-shadow: 0 24px 60px rgba(4, 43, 29, 0.16);\n}\n\n#op_home_cats_245118 .ophc-media {\n    position: relative;\n    width: 100%;\n    height: 238px;\n    overflow: hidden;\n    background: var(--satech-bg);\n    display: block;\n    text-decoration: none;\n}\n\n#op_home_cats_245118 .ophc-slider-link {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    display: block;\n    text-decoration: none;\n}\n\n#op_home_cats_245118 .ophc-slide {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    transform: scale(1.02);\n    pointer-events: none;\n    transition:\n        opacity 650ms ease,\n        transform 1400ms cubic-bezier(.22,.9,.28,1);\n}\n\n#op_home_cats_245118 .ophc-slide.is-active {\n    opacity: 1;\n    transform: scale(1);\n    pointer-events: auto;\n}\n\n#op_home_cats_245118 .ophc-card:hover .ophc-slide.is-active {\n    transform: scale(1.06);\n}\n\n#op_home_cats_245118 .ophc-slide img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n}\n\n#op_home_cats_245118 .ophc-media::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 4;\n    pointer-events: none;\n    background:\n        linear-gradient(to bottom, rgba(4, 43, 29, 0.02) 0%, rgba(4, 43, 29, 0.10) 48%, rgba(4, 43, 29, 0.48) 100%),\n        linear-gradient(to right, rgba(4, 43, 29, 0.14), transparent 46%, rgba(4, 43, 29, 0.10));\n}\n\nhtml[lang^=\"ar\"] #op_home_cats_245118 .ophc-media::after {\n    background:\n        linear-gradient(to bottom, rgba(4, 43, 29, 0.02) 0%, rgba(4, 43, 29, 0.10) 48%, rgba(4, 43, 29, 0.48) 100%),\n        linear-gradient(to left, rgba(4, 43, 29, 0.14), transparent 46%, rgba(4, 43, 29, 0.10));\n}\n\n#op_home_cats_245118 .ophc-dots {\n    position: absolute;\n    left: 50%;\n    bottom: 14px;\n    z-index: 8;\n    transform: translateX(-50%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 6px 9px;\n    border-radius: 999px;\n    background: rgba(4, 43, 29, 0.22);\n    backdrop-filter: blur(5px);\n}\n\n#op_home_cats_245118 .ophc-dot {\n    width: 22px;\n    height: 6px;\n    padding: 0;\n    border: 0;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.55);\n    cursor: pointer;\n    transition:\n        width 300ms ease,\n        background 300ms ease,\n        transform 300ms ease;\n}\n\n#op_home_cats_245118 .ophc-dot:hover {\n    background: var(--satech-secondary);\n    transform: translateY(-1px);\n}\n\n#op_home_cats_245118 .ophc-dot.is-active {\n    width: 30px;\n    background: var(--satech-primary);\n}\n\n#op_home_cats_245118 .ophc-body {\n    position: relative;\n    padding: 30px 28px 28px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    background:\n        linear-gradient(180deg, var(--satech-white) 0%, #ffffff 60%, rgba(247,247,247,0.72) 100%);\n}\n\nhtml[lang^=\"ar\"] #op_home_cats_245118 .ophc-body {\n    direction: rtl;\n    text-align: right;\n}\n\n#op_home_cats_245118 .ophc-title {\n    margin: 0 0 16px;\n    color: var(--satech-dark);\n    font-size: 22px;\n    line-height: 1.35;\n    font-weight: 850;\n    letter-spacing: -0.25px;\n    text-align: left;\n}\n\nhtml[lang^=\"ar\"] #op_home_cats_245118 .ophc-title {\n    text-align: right;\n    direction: rtl;\n    letter-spacing: 0;\n}\n\n#op_home_cats_245118 .ophc-excerpt {\n    margin: 0;\n    color: rgba(34, 34, 34, 0.72);\n    font-size: 16px;\n    line-height: 1.85;\n    font-weight: 500;\n    text-align: left;\n}\n\nhtml[lang^=\"ar\"] #op_home_cats_245118 .ophc-excerpt {\n    text-align: right;\n    direction: rtl;\n}\n\n#op_home_cats_245118 .ophc-divider {\n    width: 100%;\n    height: 1px;\n    margin: 24px 0 16px;\n    background: var(--satech-border);\n    position: relative;\n}\n\n#op_home_cats_245118 .ophc-divider::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 78px;\n    height: 1px;\n    background: var(--satech-secondary);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 650ms cubic-bezier(.22,.9,.28,1);\n}\n\nhtml[lang^=\"ar\"] #op_home_cats_245118 .ophc-divider::after {\n    left: auto;\n    right: 0;\n    transform-origin: right;\n}\n\n#op_home_cats_245118 .ophc-card:hover .ophc-divider::after {\n    transform: scaleX(1);\n}\n\n#op_home_cats_245118 .ophc-button {\n    margin-top: auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    width: 100%;\n    min-height: 38px;\n    color: var(--satech-primary);\n    font-size: 12px;\n    line-height: 1;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 1.8px;\n    text-decoration: none;\n    overflow: hidden;\n    transition:\n        color 450ms ease,\n        letter-spacing 450ms ease;\n}\n\nhtml[lang^=\"ar\"] #op_home_cats_245118 .ophc-button {\n    direction: rtl;\n    letter-spacing: 0;\n}\n\n#op_home_cats_245118 .ophc-button::before,\n#op_home_cats_245118 .ophc-button::after {\n    content: \"\";\n    flex: 1;\n    height: 1px;\n    background: var(--satech-border);\n    transition: background 450ms ease;\n}\n\n#op_home_cats_245118 .ophc-button span {\n    white-space: nowrap;\n}\n\n#op_home_cats_245118 .ophc-card:hover .ophc-button {\n    color: var(--satech-secondary);\n    letter-spacing: 2.2px;\n}\n\nhtml[lang^=\"ar\"] #op_home_cats_245118 .ophc-card:hover .ophc-button {\n    letter-spacing: 0;\n}\n\n#op_home_cats_245118 .ophc-card:hover .ophc-button::before,\n#op_home_cats_245118 .ophc-card:hover .ophc-button::after {\n    background: var(--satech-secondary);\n}\n\n@media (max-width: 1024px) {\n    #op_home_cats_245118 .ophc-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 24px;\n    }\n\n    #op_home_cats_245118 .ophc-media {\n        height: 230px;\n    }\n\n    #op_home_cats_245118 .ophc-subtitle {\n        white-space: normal;\n    }\n}\n\n@media (max-width: 640px) {\n    #op_home_cats_245118 {\n        padding: 56px 0;\n    }\n\n    #op_home_cats_245118 .ophc-wrap {\n        width: min(1180px, calc(100% - 24px));\n    }\n\n    #op_home_cats_245118 .ophc-heading {\n        margin-bottom: 38px;\n    }\n\n    #op_home_cats_245118 .ophc-main-title {\n        font-size: 38px;\n        line-height: 1.12;\n        margin-bottom: 16px;\n    }\n\n    #op_home_cats_245118 .ophc-subtitle {\n        font-size: 16px;\n        line-height: 1.75;\n        max-width: 96%;\n        white-space: normal;\n    }\n\n    #op_home_cats_245118 .ophc-grid {\n        grid-template-columns: 1fr;\n        gap: 22px;\n    }\n\n    #op_home_cats_245118 .ophc-media {\n        height: 220px;\n    }\n\n    #op_home_cats_245118 .ophc-body {\n        padding: 26px 22px 26px;\n    }\n\n    #op_home_cats_245118 .ophc-title {\n        font-size: 21px;\n    }\n\n    #op_home_cats_245118 .ophc-excerpt {\n        font-size: 15px;\n        line-height: 1.78;\n    }\n\n    #op_home_cats_245118 .ophc-dots {\n        bottom: 12px;\n        gap: 6px;\n        padding: 5px 8px;\n    }\n\n    #op_home_cats_245118 .ophc-dot {\n        width: 18px;\n        height: 5px;\n    }\n\n    #op_home_cats_245118 .ophc-dot.is-active {\n        width: 26px;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #op_home_cats_245118 .ophc-card,\n    #op_home_cats_245118 .ophc-slide,\n    #op_home_cats_245118 .ophc-divider::after,\n    #op_home_cats_245118 .ophc-button,\n    #op_home_cats_245118 .ophc-dot {\n        animation: none !important;\n        transition: none !important;\n    }\n\n    #op_home_cats_245118 .ophc-card,\n    #op_home_cats_245118 .wow {\n        transform: none;\n        visibility: visible !important;\n    }\n}\n<\/style>\n\n<section id=\"op_home_cats_245118\" class=\"op-home-categories\">\n    <div class=\"ophc-wrap\">\n\n        <div class=\"ophc-heading\">\n            <h2 class=\"ophc-main-title wow fadeInUp\" data-wow-duration=\"0.85s\" data-wow-delay=\"0s\">\n                Core Capabilities\n            <\/h2>\n\n            <p class=\"ophc-subtitle wow fadeInUp\" data-wow-duration=\"0.85s\" data-wow-delay=\"0.12s\">\n                Integrated expertise in power infrastructure, industrial engineering, and end-to-end project delivery.\n            <\/p>\n        <\/div>\n\n        \n        <div class=\"ophc-grid\">\n            \n                <article\n                    class=\"ophc-card wow fadeInUp\"\n                    data-wow-duration=\"0.85s\"\n                    data-wow-delay=\"0.00s\"\n                >\n                    <div\n                        class=\"ophc-media\"\n                        data-op-gallery=\"true\"\n                        aria-label=\"CONSTRUCTION MANAGEMENT\"\n                    >\n                        <a href=\"https:\/\/satech.com.sa\/ar\/our-projects\/?project_tab=construction-management\" class=\"ophc-slider-link\" aria-label=\"CONSTRUCTION MANAGEMENT\">\n                                                            <span class=\"ophc-slide is-active\" data-slide=\"0\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/4214-1024x574.png\"\n                                        alt=\"CONSTRUCTION MANAGEMENT\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                            <span class=\"ophc-slide \" data-slide=\"1\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/a-e1779090916657.png\"\n                                        alt=\"CONSTRUCTION MANAGEMENT\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                    <\/a>\n\n                                                    <div class=\"ophc-dots\" aria-label=\"Gallery navigation\">\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot is-active\"\n                                        data-slide=\"0\"\n                                        aria-label=\"Show image 1\"\n                                    ><\/button>\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot \"\n                                        data-slide=\"1\"\n                                        aria-label=\"Show image 2\"\n                                    ><\/button>\n                                                            <\/div>\n                                            <\/div>\n\n                    <div class=\"ophc-body\">\n                        <h3 class=\"ophc-title\">\n                            CONSTRUCTION MANAGEMENT                        <\/h3>\n\n                                                    <p class=\"ophc-excerpt\">\n                                Comprehensive construction oversight focused on execution quality, schedule control, and technical compliance.                            <\/p>\n                        \n                        <div class=\"ophc-divider\"><\/div>\n\n                        <a href=\"https:\/\/satech.com.sa\/ar\/our-projects\/?project_tab=construction-management\" class=\"ophc-button\">\n                            <span>View Projects<\/span>\n                        <\/a>\n                    <\/div>\n                <\/article>\n\n                \n                <article\n                    class=\"ophc-card wow fadeInUp\"\n                    data-wow-duration=\"0.85s\"\n                    data-wow-delay=\"0.14s\"\n                >\n                    <div\n                        class=\"ophc-media\"\n                        data-op-gallery=\"true\"\n                        aria-label=\"INDUSTRIAL PLANT\"\n                    >\n                        <a href=\"https:\/\/satech.com.sa\/ar\/our-projects\/?project_tab=industrial-plant\" class=\"ophc-slider-link\" aria-label=\"INDUSTRIAL PLANT\">\n                                                            <span class=\"ophc-slide is-active\" data-slide=\"0\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-31-at-3.31.53-PM-1024x682.jpeg\"\n                                        alt=\"INDUSTRIAL PLANT\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                            <span class=\"ophc-slide \" data-slide=\"1\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/pexels-pppsdavid-5851494.jpg-1024x826.jpeg\"\n                                        alt=\"INDUSTRIAL PLANT\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                            <span class=\"ophc-slide \" data-slide=\"2\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-31-at-3.31.53-PM-1-1024x682.jpeg\"\n                                        alt=\"INDUSTRIAL PLANT\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                    <\/a>\n\n                                                    <div class=\"ophc-dots\" aria-label=\"Gallery navigation\">\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot is-active\"\n                                        data-slide=\"0\"\n                                        aria-label=\"Show image 1\"\n                                    ><\/button>\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot \"\n                                        data-slide=\"1\"\n                                        aria-label=\"Show image 2\"\n                                    ><\/button>\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot \"\n                                        data-slide=\"2\"\n                                        aria-label=\"Show image 3\"\n                                    ><\/button>\n                                                            <\/div>\n                                            <\/div>\n\n                    <div class=\"ophc-body\">\n                        <h3 class=\"ophc-title\">\n                            INDUSTRIAL PLANT                        <\/h3>\n\n                                                    <p class=\"ophc-excerpt\">\n                                Engineering solutions for industrial and process facilities including oil &amp; gas, petrochemical, and utility infrastructure projects.                            <\/p>\n                        \n                        <div class=\"ophc-divider\"><\/div>\n\n                        <a href=\"https:\/\/satech.com.sa\/ar\/our-projects\/?project_tab=industrial-plant\" class=\"ophc-button\">\n                            <span>View Projects<\/span>\n                        <\/a>\n                    <\/div>\n                <\/article>\n\n                \n                <article\n                    class=\"ophc-card wow fadeInUp\"\n                    data-wow-duration=\"0.85s\"\n                    data-wow-delay=\"0.28s\"\n                >\n                    <div\n                        class=\"ophc-media\"\n                        data-op-gallery=\"true\"\n                        aria-label=\"OVERHEAD TRANSMISSION LINE\"\n                    >\n                        <a href=\"https:\/\/satech.com.sa\/ar\/our-projects\/?project_tab=overhead-transmission-lines\" class=\"ophc-slider-link\" aria-label=\"OVERHEAD TRANSMISSION LINE\">\n                                                            <span class=\"ophc-slide is-active\" data-slide=\"0\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/412421214.png\"\n                                        alt=\"OVERHEAD TRANSMISSION LINE\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                            <span class=\"ophc-slide \" data-slide=\"1\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/Minimal_black_and_white_electrical_202605111318-1024x1024.jpeg\"\n                                        alt=\"OVERHEAD TRANSMISSION LINE\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                            <span class=\"ophc-slide \" data-slide=\"2\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/5-1-576x1024.jpeg\"\n                                        alt=\"OVERHEAD TRANSMISSION LINE\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                    <\/a>\n\n                                                    <div class=\"ophc-dots\" aria-label=\"Gallery navigation\">\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot is-active\"\n                                        data-slide=\"0\"\n                                        aria-label=\"Show image 1\"\n                                    ><\/button>\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot \"\n                                        data-slide=\"1\"\n                                        aria-label=\"Show image 2\"\n                                    ><\/button>\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot \"\n                                        data-slide=\"2\"\n                                        aria-label=\"Show image 3\"\n                                    ><\/button>\n                                                            <\/div>\n                                            <\/div>\n\n                    <div class=\"ophc-body\">\n                        <h3 class=\"ophc-title\">\n                            OVERHEAD TRANSMISSION LINE                        <\/h3>\n\n                                                    <p class=\"ophc-excerpt\">\n                                Engineering and design of high-voltage overhead transmission systems for reliable and efficient power networks.                            <\/p>\n                        \n                        <div class=\"ophc-divider\"><\/div>\n\n                        <a href=\"https:\/\/satech.com.sa\/ar\/our-projects\/?project_tab=overhead-transmission-lines\" class=\"ophc-button\">\n                            <span>View Projects<\/span>\n                        <\/a>\n                    <\/div>\n                <\/article>\n\n                \n                <article\n                    class=\"ophc-card wow fadeInUp\"\n                    data-wow-duration=\"0.85s\"\n                    data-wow-delay=\"0.42s\"\n                >\n                    <div\n                        class=\"ophc-media\"\n                        data-op-gallery=\"true\"\n                        aria-label=\"PROJECT MANAGEMENT\"\n                    >\n                        <a href=\"https:\/\/satech.com.sa\/ar\/our-projects\/?project_tab=project-manpower-management\" class=\"ophc-slider-link\" aria-label=\"PROJECT MANAGEMENT\">\n                                                            <span class=\"ophc-slide is-active\" data-slide=\"0\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-31-at-3.05.30-PM-1024x682.jpeg\"\n                                        alt=\"PROJECT MANAGEMENT\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                            <span class=\"ophc-slide \" data-slide=\"1\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-31-at-3.05.42-PM-1024x682.jpeg\"\n                                        alt=\"PROJECT MANAGEMENT\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                    <\/a>\n\n                                                    <div class=\"ophc-dots\" aria-label=\"Gallery navigation\">\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot is-active\"\n                                        data-slide=\"0\"\n                                        aria-label=\"Show image 1\"\n                                    ><\/button>\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot \"\n                                        data-slide=\"1\"\n                                        aria-label=\"Show image 2\"\n                                    ><\/button>\n                                                            <\/div>\n                                            <\/div>\n\n                    <div class=\"ophc-body\">\n                        <h3 class=\"ophc-title\">\n                            PROJECT MANAGEMENT                        <\/h3>\n\n                                                    <p class=\"ophc-excerpt\">\n                                Structured project management services ensuring controlled delivery across planning, execution, and project lifecycle phases.                            <\/p>\n                        \n                        <div class=\"ophc-divider\"><\/div>\n\n                        <a href=\"https:\/\/satech.com.sa\/ar\/our-projects\/?project_tab=project-manpower-management\" class=\"ophc-button\">\n                            <span>View Projects<\/span>\n                        <\/a>\n                    <\/div>\n                <\/article>\n\n                \n                <article\n                    class=\"ophc-card wow fadeInUp\"\n                    data-wow-duration=\"0.85s\"\n                    data-wow-delay=\"0.56s\"\n                >\n                    <div\n                        class=\"ophc-media\"\n                        data-op-gallery=\"true\"\n                        aria-label=\"SUBSTATION\"\n                    >\n                        <a href=\"https:\/\/satech.com.sa\/ar\/our-projects\/?project_tab=substation\" class=\"ophc-slider-link\" aria-label=\"SUBSTATION\">\n                                                            <span class=\"ophc-slide is-active\" data-slide=\"0\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/01_10-Photo-1024x576.jpg\"\n                                        alt=\"SUBSTATION\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                            <span class=\"ophc-slide \" data-slide=\"1\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/01_9-Photo-1024x576.jpg\"\n                                        alt=\"SUBSTATION\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                            <span class=\"ophc-slide \" data-slide=\"2\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/01_8-Photo-1024x576.jpg\"\n                                        alt=\"SUBSTATION\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                            <span class=\"ophc-slide \" data-slide=\"3\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/01_12-Photo-1024x576.jpg\"\n                                        alt=\"SUBSTATION\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                            <span class=\"ophc-slide \" data-slide=\"4\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/01_2-Photo-1024x576.jpg\"\n                                        alt=\"SUBSTATION\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                    <\/a>\n\n                                                    <div class=\"ophc-dots\" aria-label=\"Gallery navigation\">\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot is-active\"\n                                        data-slide=\"0\"\n                                        aria-label=\"Show image 1\"\n                                    ><\/button>\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot \"\n                                        data-slide=\"1\"\n                                        aria-label=\"Show image 2\"\n                                    ><\/button>\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot \"\n                                        data-slide=\"2\"\n                                        aria-label=\"Show image 3\"\n                                    ><\/button>\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot \"\n                                        data-slide=\"3\"\n                                        aria-label=\"Show image 4\"\n                                    ><\/button>\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot \"\n                                        data-slide=\"4\"\n                                        aria-label=\"Show image 5\"\n                                    ><\/button>\n                                                            <\/div>\n                                            <\/div>\n\n                    <div class=\"ophc-body\">\n                        <h3 class=\"ophc-title\">\n                            SUBSTATION                        <\/h3>\n\n                                                    <p class=\"ophc-excerpt\">\n                                Integrated substation engineering solutions covering electrical systems, protection, control, and infrastructure design.                            <\/p>\n                        \n                        <div class=\"ophc-divider\"><\/div>\n\n                        <a href=\"https:\/\/satech.com.sa\/ar\/our-projects\/?project_tab=substation\" class=\"ophc-button\">\n                            <span>View Projects<\/span>\n                        <\/a>\n                    <\/div>\n                <\/article>\n\n                \n                <article\n                    class=\"ophc-card wow fadeInUp\"\n                    data-wow-duration=\"0.85s\"\n                    data-wow-delay=\"0.70s\"\n                >\n                    <div\n                        class=\"ophc-media\"\n                        data-op-gallery=\"true\"\n                        aria-label=\"UNDERGROUND CABLE\"\n                    >\n                        <a href=\"https:\/\/satech.com.sa\/ar\/our-projects\/?project_tab=underground-cable-systems\" class=\"ophc-slider-link\" aria-label=\"UNDERGROUND CABLE\">\n                                                            <span class=\"ophc-slide is-active\" data-slide=\"0\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/3.webp\"\n                                        alt=\"UNDERGROUND CABLE\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                            <span class=\"ophc-slide \" data-slide=\"1\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/2-1-1024x768.jpg\"\n                                        alt=\"UNDERGROUND CABLE\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                            <span class=\"ophc-slide \" data-slide=\"2\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/3-1.jpg\"\n                                        alt=\"UNDERGROUND CABLE\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                            <span class=\"ophc-slide \" data-slide=\"3\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/5-1024x734.jpeg\"\n                                        alt=\"UNDERGROUND CABLE\"\n                                        loading=\"lazy\"\n                                    >\n                                <\/span>\n                                                    <\/a>\n\n                                                    <div class=\"ophc-dots\" aria-label=\"Gallery navigation\">\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot is-active\"\n                                        data-slide=\"0\"\n                                        aria-label=\"Show image 1\"\n                                    ><\/button>\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot \"\n                                        data-slide=\"1\"\n                                        aria-label=\"Show image 2\"\n                                    ><\/button>\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot \"\n                                        data-slide=\"2\"\n                                        aria-label=\"Show image 3\"\n                                    ><\/button>\n                                                                    <button\n                                        type=\"button\"\n                                        class=\"ophc-dot \"\n                                        data-slide=\"3\"\n                                        aria-label=\"Show image 4\"\n                                    ><\/button>\n                                                            <\/div>\n                                            <\/div>\n\n                    <div class=\"ophc-body\">\n                        <h3 class=\"ophc-title\">\n                            UNDERGROUND CABLE                        <\/h3>\n\n                                                    <p class=\"ophc-excerpt\">\n                                Design and engineering of underground power transmission systems for urban and critical infrastructure environments.                            <\/p>\n                        \n                        <div class=\"ophc-divider\"><\/div>\n\n                        <a href=\"https:\/\/satech.com.sa\/ar\/our-projects\/?project_tab=underground-cable-systems\" class=\"ophc-button\">\n                            <span>View Projects<\/span>\n                        <\/a>\n                    <\/div>\n                <\/article>\n\n                        <\/div>\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    const section = document.getElementById('op_home_cats_245118');\n\n    if (!section) {\n        return;\n    }\n\n    if (typeof WOW !== 'undefined') {\n        if (!window.ophcWowInstance) {\n            window.ophcWowInstance = new WOW({\n                boxClass: 'wow',\n                animateClass: 'animated',\n                offset: 70,\n                mobile: true,\n                live: true\n            });\n\n            window.ophcWowInstance.init();\n        } else if (typeof window.ophcWowInstance.sync === 'function') {\n            window.ophcWowInstance.sync();\n        }\n    } else {\n        const wowItems = section.querySelectorAll('.wow');\n\n        wowItems.forEach(function (item) {\n            item.style.visibility = 'visible';\n        });\n    }\n\n    const galleries = section.querySelectorAll('.ophc-media[data-op-gallery=\"true\"]');\n\n    galleries.forEach(function (gallery) {\n        const slides = gallery.querySelectorAll('.ophc-slide');\n        const dots = gallery.querySelectorAll('.ophc-dot');\n\n        if (!slides.length || !dots.length || slides.length < 2) {\n            return;\n        }\n\n        let currentIndex = 0;\n        let autoplayTimer = null;\n        const autoplayDelay = 3000;\n\n        const prefersReducedMotion = window.matchMedia &&\n            window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n        function activateSlide(index) {\n            if (index < 0) {\n                index = slides.length - 1;\n            }\n\n            if (index >= slides.length) {\n                index = 0;\n            }\n\n            currentIndex = index;\n\n            slides.forEach(function (slide) {\n                slide.classList.remove('is-active');\n            });\n\n            dots.forEach(function (dot) {\n                dot.classList.remove('is-active');\n            });\n\n            if (slides[currentIndex]) {\n                slides[currentIndex].classList.add('is-active');\n            }\n\n            if (dots[currentIndex]) {\n                dots[currentIndex].classList.add('is-active');\n            }\n        }\n\n        function nextSlide() {\n            activateSlide(currentIndex + 1);\n        }\n\n        function startAutoplay() {\n            if (prefersReducedMotion) {\n                return;\n            }\n\n            stopAutoplay();\n\n            autoplayTimer = setInterval(function () {\n                nextSlide();\n            }, autoplayDelay);\n        }\n\n        function stopAutoplay() {\n            if (autoplayTimer) {\n                clearInterval(autoplayTimer);\n                autoplayTimer = null;\n            }\n        }\n\n        dots.forEach(function (dot) {\n            dot.addEventListener('click', function (event) {\n                event.preventDefault();\n                event.stopPropagation();\n\n                const index = parseInt(dot.getAttribute('data-slide'), 10);\n\n                if (!isNaN(index)) {\n                    activateSlide(index);\n                    startAutoplay();\n                }\n            });\n        });\n\n        gallery.addEventListener('mouseenter', function () {\n            stopAutoplay();\n        });\n\n        gallery.addEventListener('mouseleave', function () {\n            startAutoplay();\n        });\n\n        gallery.addEventListener('touchstart', function () {\n            stopAutoplay();\n        }, { passive: true });\n\n        gallery.addEventListener('touchend', function () {\n            startAutoplay();\n        }, { passive: true });\n\n        document.addEventListener('visibilitychange', function () {\n            if (document.hidden) {\n                stopAutoplay();\n            } else {\n                startAutoplay();\n            }\n        });\n\n        startAutoplay();\n    });\n});\n<\/script>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76351d4 e-con-full e-flex e-con e-parent\" data-id=\"76351d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb6fbf8 elementor-widget elementor-widget-html\" data-id=\"eb6fbf8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  SECTION: BEST SERVICES\r\n  Elementor: paste this whole block in one HTML Widget.\r\n-->\r\n\r\n<style>\r\n    .satech-services-clean-v4 {\r\n        --satech-green: #076C44;\r\n        --satech-green-dark: #044D31;\r\n        --satech-peach: #F48F6B;\r\n        --satech-gold: #D0AD65;\r\n        --satech-black: #111111;\r\n        --satech-muted: #667583;\r\n        --satech-line: rgba(17, 17, 17, 0.12);\r\n        --satech-soft-green: rgba(7, 108, 68, 0.08);\r\n        --satech-active-img: url(\"https:\/\/satechnew.mm-brand.org\/wp-content\/uploads\/2025\/09\/second-image.jpg\");\r\n\r\n        direction: ltr;\r\n        text-align: left;\r\n        box-sizing: border-box;\r\n        position: relative;\r\n        overflow: hidden;\r\n        padding: clamp(74px, 8vw, 120px) 0;\r\n        background: #ffffff;\r\n        color: var(--satech-black);\r\n        font-family: \"Segoe UI\", Tahoma, Arial, sans-serif;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-services-clean-v4 {\r\n        direction: rtl;\r\n        text-align: right;\r\n    }\r\n\r\n    .satech-services-clean-v4 *,\r\n    .satech-services-clean-v4 *::before,\r\n    .satech-services-clean-v4 *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .satech-services-clean-v4::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        left: -150px;\r\n        top: -150px;\r\n        width: 320px;\r\n        height: 320px;\r\n        border: 52px solid rgba(244, 143, 107, 0.055);\r\n        pointer-events: none;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-services-clean-v4::before {\r\n        left: auto;\r\n        right: -150px;\r\n    }\r\n\r\n    .satech-services-clean-v4::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        right: -150px;\r\n        bottom: -160px;\r\n        width: 360px;\r\n        height: 360px;\r\n        background: rgba(7, 108, 68, 0.035);\r\n        pointer-events: none;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-services-clean-v4::after {\r\n        right: auto;\r\n        left: -150px;\r\n    }\r\n\r\n    .satech-services-clean-v4-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        width: min(1180px, calc(100% - 40px));\r\n        margin-inline: auto;\r\n    }\r\n\r\n    .satech-services-clean-v4-head {\r\n        margin-bottom: clamp(34px, 5vw, 52px);\r\n    }\r\n\r\n    .satech-services-clean-v4-title {\r\n        margin: 0;\r\n        color: var(--satech-black);\r\n        font-size: clamp(30px, 4vw, 48px);\r\n        line-height: 1.12;\r\n        font-weight: 950;\r\n        text-align: left;\r\n        letter-spacing: -0.04em;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-services-clean-v4-title {\r\n        text-align: right;\r\n        letter-spacing: 0;\r\n    }\r\n\r\n    .satech-services-clean-v4-title span {\r\n        color: var(--satech-green);\r\n    }\r\n\r\n    .satech-services-clean-v4-layout {\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);\r\n        gap: clamp(28px, 4vw, 46px);\r\n        align-items: stretch;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-services-clean-v4-layout {\r\n        direction: rtl;\r\n    }\r\n\r\n    .satech-services-clean-v4-list {\r\n        display: grid;\r\n        gap: 14px;\r\n        align-content: center;\r\n    }\r\n\r\n    .satech-service-card {\r\n        position: relative;\r\n        display: grid;\r\n        grid-template-columns: 56px minmax(0, 1fr);\r\n        gap: 18px;\r\n        align-items: start;\r\n        min-height: 118px;\r\n        padding: 20px 20px 20px 0;\r\n        color: var(--satech-black);\r\n        text-decoration: none;\r\n        border-bottom: 1px solid var(--satech-line);\r\n        background: transparent;\r\n        direction: ltr;\r\n        text-align: left;\r\n        will-change: transform, padding, background;\r\n        transition:\r\n            transform 620ms cubic-bezier(0.22, 1, 0.36, 1),\r\n            border-color 520ms ease,\r\n            background 620ms ease,\r\n            padding 620ms cubic-bezier(0.22, 1, 0.36, 1),\r\n            color 520ms ease;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-service-card {\r\n        direction: rtl;\r\n        text-align: right;\r\n        grid-template-columns: 56px minmax(0, 1fr);\r\n        padding: 20px 0 20px 20px;\r\n    }\r\n\r\n    .satech-service-card:hover,\r\n    .satech-service-card:focus,\r\n    .satech-service-card.is-active {\r\n        color: var(--satech-green);\r\n        border-color: rgba(7, 108, 68, 0.28);\r\n        background: linear-gradient(90deg, rgba(7, 108, 68, 0.055), rgba(7, 108, 68, 0));\r\n        padding-left: 16px;\r\n        transform: translateX(6px);\r\n        outline: none;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-service-card:hover,\r\n    html[lang^=\"ar\"] .satech-service-card:focus,\r\n    html[lang^=\"ar\"] .satech-service-card.is-active {\r\n        background: linear-gradient(270deg, rgba(7, 108, 68, 0.055), rgba(7, 108, 68, 0));\r\n        padding-left: 20px;\r\n        padding-right: 16px;\r\n        transform: translateX(-6px);\r\n    }\r\n\r\n    .satech-service-card-number {\r\n        width: 56px;\r\n        height: 56px;\r\n        display: grid;\r\n        place-items: center;\r\n        background: var(--satech-soft-green);\r\n        color: var(--satech-green);\r\n        font-size: 14px;\r\n        line-height: 1;\r\n        font-weight: 950;\r\n        direction: ltr;\r\n        will-change: transform, background, color;\r\n        transition:\r\n            background 560ms ease,\r\n            color 560ms ease,\r\n            transform 620ms cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    .satech-service-card:hover .satech-service-card-number,\r\n    .satech-service-card:focus .satech-service-card-number,\r\n    .satech-service-card.is-active .satech-service-card-number {\r\n        background: var(--satech-peach);\r\n        color: #ffffff;\r\n        transform: scale(1.06);\r\n    }\r\n\r\n    .satech-service-card-content {\r\n        min-width: 0;\r\n    }\r\n\r\n    .satech-service-card-title {\r\n        display: block;\r\n        margin: 0 0 10px;\r\n        color: inherit;\r\n        font-size: clamp(17px, 1.28vw, 21px);\r\n        line-height: 1.25;\r\n        font-weight: 950;\r\n        letter-spacing: -0.025em;\r\n        text-align: left;\r\n        transition:\r\n            color 520ms ease,\r\n            transform 620ms cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-service-card-title {\r\n        text-align: right;\r\n        letter-spacing: 0;\r\n    }\r\n\r\n    .satech-service-card:hover .satech-service-card-title,\r\n    .satech-service-card:focus .satech-service-card-title,\r\n    .satech-service-card.is-active .satech-service-card-title {\r\n        transform: translateX(2px);\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-service-card:hover .satech-service-card-title,\r\n    html[lang^=\"ar\"] .satech-service-card:focus .satech-service-card-title,\r\n    html[lang^=\"ar\"] .satech-service-card.is-active .satech-service-card-title {\r\n        transform: translateX(-2px);\r\n    }\r\n\r\n    .satech-service-card-text {\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        margin: 0;\r\n        color: var(--satech-muted);\r\n        font-size: clamp(14px, 1vw, 15.5px);\r\n        line-height: 1.68;\r\n        font-weight: 500;\r\n        text-align: left;\r\n        transition:\r\n            color 560ms ease,\r\n            transform 620ms cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-service-card-text {\r\n        text-align: right;\r\n        direction: rtl;\r\n    }\r\n\r\n    .satech-service-card:hover .satech-service-card-text,\r\n    .satech-service-card:focus .satech-service-card-text,\r\n    .satech-service-card.is-active .satech-service-card-text {\r\n        color: rgba(17, 17, 17, 0.80);\r\n        transform: translateX(2px);\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-service-card:hover .satech-service-card-text,\r\n    html[lang^=\"ar\"] .satech-service-card:focus .satech-service-card-text,\r\n    html[lang^=\"ar\"] .satech-service-card.is-active .satech-service-card-text {\r\n        transform: translateX(-2px);\r\n    }\r\n\r\n    .satech-services-clean-v4-visual {\r\n        position: relative;\r\n        min-height: 545px;\r\n        overflow: hidden;\r\n        background:\r\n            linear-gradient(135deg, rgba(7, 108, 68, 0.12), rgba(7, 108, 68, 0.02)),\r\n            #f3f3f3;\r\n        box-shadow: 0 28px 80px rgba(7, 108, 68, 0.16);\r\n    }\r\n\r\n    .satech-services-clean-v4-visual-img {\r\n        position: absolute;\r\n        inset: 0;\r\n        background-image: var(--satech-active-img);\r\n        background-size: cover;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n        transform: scale(1.02);\r\n        will-change: opacity, transform, filter;\r\n        transition:\r\n            opacity 720ms ease,\r\n            transform 1100ms cubic-bezier(0.22, 1, 0.36, 1),\r\n            filter 720ms ease;\r\n    }\r\n\r\n    .satech-services-clean-v4-visual::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 1;\r\n        background:\r\n            linear-gradient(180deg, rgba(7, 108, 68, 0.02), rgba(7, 108, 68, 0.14)),\r\n            linear-gradient(90deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));\r\n        pointer-events: none;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-services-clean-v4-visual::before {\r\n        background:\r\n            linear-gradient(180deg, rgba(7, 108, 68, 0.02), rgba(7, 108, 68, 0.14)),\r\n            linear-gradient(270deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));\r\n    }\r\n\r\n    .satech-services-clean-v4-visual::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        right: -85px;\r\n        bottom: -85px;\r\n        z-index: 2;\r\n        width: 210px;\r\n        height: 210px;\r\n        border: 38px solid rgba(244, 143, 107, 0.18);\r\n        pointer-events: none;\r\n    }\r\n\r\n    html[lang^=\"ar\"] .satech-services-clean-v4-visual::after {\r\n        right: auto;\r\n        left: -85px;\r\n    }\r\n\r\n    .satech-services-clean-v4-visual.is-changing .satech-services-clean-v4-visual-img {\r\n        opacity: 0.48;\r\n        transform: scale(1.08);\r\n        filter: saturate(1.08);\r\n    }\r\n\r\n    .satech-services-clean-v4-animate {\r\n        opacity: 0;\r\n        transform: translateY(28px);\r\n        transition:\r\n            opacity 900ms ease,\r\n            transform 900ms cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    .satech-services-clean-v4-animate.is-visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    @media (max-width: 1180px) {\r\n        .satech-service-card-title {\r\n            white-space: normal;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n        .satech-services-clean-v4-container {\r\n            width: min(100% - 28px, 1180px);\r\n        }\r\n\r\n        .satech-services-clean-v4-layout {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .satech-services-clean-v4-list {\r\n            order: 2;\r\n        }\r\n\r\n        .satech-services-clean-v4-visual {\r\n            order: 1;\r\n            min-height: 420px;\r\n        }\r\n\r\n        .satech-service-card {\r\n            padding: 18px;\r\n            border: 1px solid rgba(17, 17, 17, 0.10);\r\n            background: #ffffff;\r\n            box-shadow: 0 12px 28px rgba(17, 17, 17, 0.04);\r\n        }\r\n\r\n        html[lang^=\"ar\"] .satech-service-card {\r\n            padding: 18px;\r\n        }\r\n\r\n        .satech-service-card:hover,\r\n        .satech-service-card:focus,\r\n        .satech-service-card.is-active {\r\n            padding-left: 18px;\r\n            transform: translateY(-4px);\r\n            background: #ffffff;\r\n        }\r\n\r\n        html[lang^=\"ar\"] .satech-service-card:hover,\r\n        html[lang^=\"ar\"] .satech-service-card:focus,\r\n        html[lang^=\"ar\"] .satech-service-card.is-active {\r\n            padding: 18px;\r\n            transform: translateY(-4px);\r\n            background: #ffffff;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 620px) {\r\n        .satech-services-clean-v4 {\r\n            padding: 58px 0;\r\n        }\r\n\r\n        .satech-services-clean-v4-head {\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .satech-services-clean-v4-title {\r\n            font-size: 34px;\r\n        }\r\n\r\n        .satech-services-clean-v4-layout {\r\n            gap: 26px;\r\n        }\r\n\r\n        .satech-services-clean-v4-visual {\r\n            min-height: 320px;\r\n        }\r\n\r\n        .satech-service-card {\r\n            grid-template-columns: 44px minmax(0, 1fr);\r\n            gap: 14px;\r\n            min-height: 112px;\r\n            padding: 16px;\r\n        }\r\n\r\n        html[lang^=\"ar\"] .satech-service-card {\r\n            grid-template-columns: 44px minmax(0, 1fr);\r\n            padding: 16px;\r\n        }\r\n\r\n        .satech-service-card:hover,\r\n        .satech-service-card:focus,\r\n        .satech-service-card.is-active {\r\n            padding-left: 16px;\r\n        }\r\n\r\n        html[lang^=\"ar\"] .satech-service-card:hover,\r\n        html[lang^=\"ar\"] .satech-service-card:focus,\r\n        html[lang^=\"ar\"] .satech-service-card.is-active {\r\n            padding: 16px;\r\n        }\r\n\r\n        .satech-service-card-number {\r\n            width: 44px;\r\n            height: 44px;\r\n            font-size: 13px;\r\n        }\r\n\r\n        .satech-service-card-title {\r\n            font-size: 18px;\r\n            line-height: 1.32;\r\n        }\r\n\r\n        .satech-service-card-text {\r\n            font-size: 14px;\r\n            line-height: 1.62;\r\n        }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n        .satech-service-card,\r\n        .satech-service-card-number,\r\n        .satech-service-card-title,\r\n        .satech-service-card-text,\r\n        .satech-services-clean-v4-visual-img,\r\n        .satech-services-clean-v4-animate {\r\n            transition: none !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"satech-services-clean-v4\" id=\"satech-services-clean-v4\" data-satech-services-clean-v4>\r\n    <div class=\"satech-services-clean-v4-container\">\r\n\r\n        <div class=\"satech-services-clean-v4-head\">\r\n            <h2 class=\"satech-services-clean-v4-title satech-services-clean-v4-animate\">\r\n                <span>Services<\/span>\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"satech-services-clean-v4-layout\">\r\n\r\n            <div class=\"satech-services-clean-v4-list satech-services-clean-v4-animate\">\r\n\r\n                <a class=\"satech-service-card is-active\"\r\n                   href=\"https:\/\/satech.com.sa\/our-services\/\"\r\n                   data-image=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0647\u0646\u062f\u0633\u064a.webp\">\r\n                    <span class=\"satech-service-card-number\">01<\/span>\r\n\r\n                    <span class=\"satech-service-card-content\">\r\n                        <span class=\"satech-service-card-title\">Design and Engineering Services<\/span>\r\n                        <span class=\"satech-service-card-text\">\r\n                            Comprehensive engineering design, project management services, and skilled technical professionals for SATECH projects.\r\n                        <\/span>\r\n                    <\/span>\r\n                <\/a>\r\n\r\n                <a class=\"satech-service-card\"\r\n                   href=\"https:\/\/satech.com.sa\/our-services\/\"\r\n                   data-image=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0627\u0634\u0631\u0627\u0641-\u0627\u0644\u0647\u0646\u062f\u0633\u064a.webp\">\r\n                    <span class=\"satech-service-card-number\">02<\/span>\r\n\r\n                    <span class=\"satech-service-card-content\">\r\n                        <span class=\"satech-service-card-title\">Project Management Services<\/span>\r\n                        <span class=\"satech-service-card-text\">\r\n                            Providing engineers, technical personnel, and qualified QA\/QC teams for engineering services and construction supervision.\r\n                        <\/span>\r\n                    <\/span>\r\n                <\/a>\r\n\r\n                <a class=\"satech-service-card\"\r\n                   href=\"https:\/\/satech.com.sa\/our-services\/\"\r\n                   data-image=\"https:\/\/satechnew.mm-brand.org\/wp-content\/uploads\/2025\/09\/second-image.jpg\">\r\n                    <span class=\"satech-service-card-number\">03<\/span>\r\n\r\n                    <span class=\"satech-service-card-content\">\r\n                        <span class=\"satech-service-card-title\">Construction Supervision Services<\/span>\r\n                        <span class=\"satech-service-card-text\">\r\n                            Professional engineering services for power generation, transmission, distribution systems, and industrial projects.\r\n                        <\/span>\r\n                    <\/span>\r\n                <\/a>\r\n\r\n                <a class=\"satech-service-card\"\r\n                   href=\"https:\/\/satech.com.sa\/our-services\/\"\r\n                   data-image=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/\u0627\u062f\u0627\u0631\u0629-\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.webp\">\r\n                    <span class=\"satech-service-card-number\">04<\/span>\r\n\r\n                    <span class=\"satech-service-card-content\">\r\n                        <span class=\"satech-service-card-title\">Technical Manpower Services<\/span>\r\n                        <span class=\"satech-service-card-text\">\r\n                            Infrastructure design and supervision with close monitoring, technical support, structural works, and finishing works supervision.\r\n                        <\/span>\r\n                    <\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"satech-services-clean-v4-visual satech-services-clean-v4-animate\" aria-hidden=\"true\">\r\n                <div class=\"satech-services-clean-v4-visual-img\"><\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    (function () {\r\n        document.querySelectorAll(\"[data-satech-services-clean-v4]:not([data-ready='true'])\").forEach(function (root) {\r\n            root.dataset.ready = \"true\";\r\n\r\n            var cards = Array.prototype.slice.call(root.querySelectorAll(\".satech-service-card\"));\r\n            var visual = root.querySelector(\".satech-services-clean-v4-visual\");\r\n            var animatedItems = root.querySelectorAll(\".satech-services-clean-v4-animate\");\r\n\r\n            var hoverTimer = null;\r\n            var imageTimer = null;\r\n            var removeChangingTimer = null;\r\n\r\n            function setImage(card) {\r\n                if (!card || !visual) return;\r\n\r\n                var imageUrl = card.getAttribute(\"data-image\");\r\n                if (!imageUrl) return;\r\n\r\n                cards.forEach(function (item) {\r\n                    item.classList.toggle(\"is-active\", item === card);\r\n                });\r\n\r\n                clearTimeout(imageTimer);\r\n                clearTimeout(removeChangingTimer);\r\n\r\n                visual.classList.add(\"is-changing\");\r\n\r\n                imageTimer = window.setTimeout(function () {\r\n                    root.style.setProperty(\"--satech-active-img\", 'url(\"' + imageUrl + '\")');\r\n                }, 230);\r\n\r\n                removeChangingTimer = window.setTimeout(function () {\r\n                    visual.classList.remove(\"is-changing\");\r\n                }, 760);\r\n            }\r\n\r\n            cards.forEach(function (card) {\r\n                card.addEventListener(\"mouseenter\", function () {\r\n                    clearTimeout(hoverTimer);\r\n\r\n                    hoverTimer = window.setTimeout(function () {\r\n                        setImage(card);\r\n                    }, 90);\r\n                });\r\n\r\n                card.addEventListener(\"focus\", function () {\r\n                    clearTimeout(hoverTimer);\r\n                    setImage(card);\r\n                });\r\n            });\r\n\r\n            var activeCard = root.querySelector(\".satech-service-card.is-active\") || cards[0];\r\n            if (activeCard) {\r\n                setImage(activeCard);\r\n            }\r\n\r\n            function reveal() {\r\n                animatedItems.forEach(function (item, index) {\r\n                    window.setTimeout(function () {\r\n                        item.classList.add(\"is-visible\");\r\n                    }, index * 140);\r\n                });\r\n            }\r\n\r\n            if (window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\r\n                animatedItems.forEach(function (item) {\r\n                    item.classList.add(\"is-visible\");\r\n                });\r\n                return;\r\n            }\r\n\r\n            if (!(\"IntersectionObserver\" in window)) {\r\n                reveal();\r\n                return;\r\n            }\r\n\r\n            var observer = new IntersectionObserver(function (entries) {\r\n                if (entries[0].isIntersecting) {\r\n                    reveal();\r\n                    observer.disconnect();\r\n                }\r\n            }, {\r\n                threshold: 0.15\r\n            });\r\n\r\n            observer.observe(root);\r\n        });\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a2f979 e-con-full e-flex e-con e-parent\" data-id=\"8a2f979\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3dcdb6 elementor-widget elementor-widget-html\" data-id=\"b3dcdb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\nSECTION: OUR CLIENTS\r\nElementor: paste this whole block in one HTML Widget.\r\n-->\r\n\r\n<style>\r\n  .satech-partners-section {\r\n    --satech-green: #076C44;\r\n    --satech-green-light: #10a96f;\r\n    --satech-green-dark: #043823;\r\n    --satech-orange: #f1785f;\r\n    --satech-white: #ffffff;\r\n    --satech-black: #111111;\r\n    --satech-text: #2b2b2b;\r\n\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: clamp(48px, 5vw, 72px) 0 0;\r\n    background: #f7f7f7;\r\n    color: var(--satech-black);\r\n    direction: ltr;\r\n    text-align: center;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-partners-section {\r\n    direction: rtl;\r\n    text-align: center;\r\n  }\r\n\r\n  .satech-partners-section *,\r\n  .satech-partners-section *::before,\r\n  .satech-partners-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .satech-partners-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -140px;\r\n    right: -120px;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: rgba(7, 108, 68, 0.07);\r\n    pointer-events: none;\r\n    transform: rotate(18deg);\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-partners-section::before {\r\n    right: auto;\r\n    left: -120px;\r\n  }\r\n\r\n  .satech-partners-section::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -130px;\r\n    top: 90px;\r\n    width: 260px;\r\n    height: 260px;\r\n    border: 38px solid rgba(241, 120, 95, 0.11);\r\n    pointer-events: none;\r\n    transform: rotate(-14deg);\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-partners-section::after {\r\n    left: auto;\r\n    right: -130px;\r\n  }\r\n\r\n  .satech-partners-container {\r\n    width: min(1220px, calc(100% - 40px));\r\n    margin-inline: auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .satech-partners-head {\r\n    text-align: center;\r\n    margin-block-end: clamp(22px, 3vw, 34px);\r\n  }\r\n\r\n  .satech-partners-title {\r\n    margin: 0;\r\n    color: var(--satech-black);\r\n    font-size: clamp(36px, 4vw, 58px);\r\n    line-height: 1.15;\r\n    font-weight: 950;\r\n    letter-spacing: -0.8px;\r\n    text-wrap: balance;\r\n    text-align: center;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-partners-title {\r\n    letter-spacing: 0;\r\n    direction: rtl;\r\n    text-align: center;\r\n  }\r\n\r\n  .satech-partners-title span {\r\n    color: var(--satech-green);\r\n  }\r\n\r\n  .satech-partners-copy {\r\n    max-width: 850px;\r\n    margin: 16px auto 0;\r\n    color: var(--satech-text);\r\n    font-size: clamp(16px, 1.25vw, 18px);\r\n    line-height: 1.8;\r\n    font-weight: 600;\r\n    text-align: center;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-partners-copy {\r\n    direction: rtl;\r\n    text-align: center;\r\n  }\r\n\r\n  .satech-clients-band {\r\n    position: relative;\r\n    z-index: 2;\r\n    overflow: hidden;\r\n    padding: clamp(22px, 3vw, 34px) 0;\r\n    background:\r\n      radial-gradient(circle at 14% 18%, rgba(241, 120, 95, 0.16), transparent 25%),\r\n      radial-gradient(circle at 88% 20%, rgba(143, 240, 164, 0.16), transparent 29%),\r\n      radial-gradient(circle at 50% 90%, rgba(255, 255, 255, 0.07), transparent 38%),\r\n      linear-gradient(135deg, #03291a 0%, #076C44 42%, #0a7a4e 68%, #043823 100%);\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-clients-band {\r\n    direction: ltr;\r\n  }\r\n\r\n  .satech-clients-band::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 36%),\r\n      radial-gradient(circle at 24% 52%, rgba(255, 255, 255, 0.045), transparent 24%),\r\n      radial-gradient(circle at 78% 78%, rgba(255, 255, 255, 0.04), transparent 24%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .satech-clients-marquee {\r\n    position: relative;\r\n    z-index: 2;\r\n    overflow: hidden;\r\n    padding: 10px 0 6px;\r\n    direction: ltr;\r\n    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);\r\n    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-clients-marquee {\r\n    direction: ltr;\r\n  }\r\n\r\n  .satech-clients-track {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    width: max-content;\r\n    min-width: max-content;\r\n    gap: 24px;\r\n    direction: ltr;\r\n    animation: satechClientsMoveReverse 48s linear infinite;\r\n    will-change: transform;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-clients-track {\r\n    direction: ltr;\r\n    animation-name: satechClientsMoveArabic;\r\n  }\r\n\r\n  .satech-clients-marquee:hover .satech-clients-track {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  .satech-client-item {\r\n    flex: 0 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: clamp(220px, 19vw, 310px);\r\n    height: clamp(112px, 10vw, 148px);\r\n    padding: clamp(12px, 1.2vw, 18px);\r\n\r\n    background: transparent;\r\n    border: 0;\r\n    box-shadow: none;\r\n    overflow: visible;\r\n    direction: ltr;\r\n\r\n    transition:\r\n      transform 450ms cubic-bezier(0.22, 1, 0.36, 1),\r\n      filter 450ms ease;\r\n  }\r\n\r\n  .satech-client-item:hover {\r\n    transform: translateY(-7px) scale(1.035);\r\n  }\r\n\r\n  .satech-client-item img {\r\n    display: block !important;\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: 260px;\r\n    max-height: 108px;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    image-rendering: auto;\r\n    transform: translateZ(0);\r\n    backface-visibility: hidden;\r\n    filter:\r\n      contrast(1.08)\r\n      saturate(1.05)\r\n      drop-shadow(0 6px 14px rgba(0, 0, 0, 0.18));\r\n  }\r\n\r\n  .satech-client-item:hover img {\r\n    filter:\r\n      contrast(1.12)\r\n      saturate(1.08)\r\n      drop-shadow(0 9px 18px rgba(0, 0, 0, 0.24));\r\n  }\r\n\r\n  .satech-partners-animate {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    transition:\r\n      opacity 850ms ease,\r\n      transform 850ms cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n\r\n  .satech-partners-animate.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  @keyframes satechClientsMoveReverse {\r\n    from {\r\n      transform: translateX(-50%);\r\n    }\r\n\r\n    to {\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n\r\n  @keyframes satechClientsMoveArabic {\r\n    from {\r\n      transform: translateX(0);\r\n    }\r\n\r\n    to {\r\n      transform: translateX(-50%);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 920px) {\r\n    .satech-partners-section {\r\n      padding-top: 44px;\r\n    }\r\n\r\n    .satech-partners-container {\r\n      width: min(100% - 28px, 1220px);\r\n    }\r\n\r\n    .satech-partners-title {\r\n      font-size: 32px;\r\n    }\r\n\r\n    .satech-partners-copy {\r\n      font-size: 15.8px;\r\n    }\r\n\r\n    .satech-clients-track {\r\n      gap: 18px;\r\n      animation-duration: 42s;\r\n    }\r\n\r\n    .satech-client-item {\r\n      width: 245px;\r\n      height: 120px;\r\n      padding: 12px 16px;\r\n    }\r\n\r\n    .satech-client-item img {\r\n      max-width: 215px;\r\n      max-height: 92px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    .satech-partners-section {\r\n      padding-top: 40px;\r\n    }\r\n\r\n    .satech-partners-head {\r\n      margin-block-end: 22px;\r\n    }\r\n\r\n    .satech-partners-title {\r\n      font-size: 30px;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .satech-partners-copy {\r\n      font-size: 15px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .satech-clients-band {\r\n      padding: 22px 0;\r\n    }\r\n\r\n    .satech-clients-marquee {\r\n      padding-top: 8px;\r\n    }\r\n\r\n    .satech-clients-track {\r\n      gap: 14px;\r\n      animation-duration: 36s;\r\n    }\r\n\r\n    .satech-client-item {\r\n      width: 205px;\r\n      height: 100px;\r\n      padding: 10px 14px;\r\n    }\r\n\r\n    .satech-client-item img {\r\n      max-width: 175px;\r\n      max-height: 76px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .satech-clients-track {\r\n      animation: none;\r\n      transform: none;\r\n    }\r\n\r\n    .satech-partners-animate {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"satech-partners-section\" id=\"satech-success-partners\" data-satech-partners>\r\n  <div class=\"satech-partners-container\">\r\n    <div class=\"satech-partners-head\">\r\n      <h2 class=\"satech-partners-title satech-partners-animate\">\r\n        <span>Clients<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"satech-partners-copy satech-partners-animate\">\r\n        SATECH is proud to have served over 40 clients across multiple provinces in Saudi Arabia. Our valued clients include:\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"satech-clients-band\">\r\n    <div class=\"satech-clients-marquee\" aria-label=\"SATECH Clients\">\r\n      <div class=\"satech-clients-track\">\r\n\r\n        <!-- Original logos -->\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-1.webp\" alt=\"SATECH Client 01\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-2.webp\" alt=\"SATECH Client 02\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-3.webp\" alt=\"SATECH Client 03\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-4.webp\" alt=\"SATECH Client 04\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-5.webp\" alt=\"SATECH Client 05\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-6.webp\" alt=\"SATECH Client 06\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-7.webp\" alt=\"SATECH Client 07\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/C6hatGPT-Image-May-19-2026-12_09_37-PM.png\" alt=\"SATECH Client 08\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-9.webp\" alt=\"SATECH Client 09\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-10.webp\" alt=\"SATECH Client 10\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-11.webp\" alt=\"SATECH Client 11\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/1-18.webp\" alt=\"SATECH Client 12\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/1-17.webp\" alt=\"SATECH Client 13\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/1-16.webp\" alt=\"SATECH Client 14\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/1-15.webp\" alt=\"SATECH Client 15\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/1-14.webp\" alt=\"SATECH Client 16\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/1-12.webp\" alt=\"SATECH Client 17\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <!-- Duplicate logos for seamless marquee -->\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-1.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-2.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-3.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-4.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-5.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-6.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-7.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/C6hatGPT-Image-May-19-2026-12_09_37-PM.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-9.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-10.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/04\/1-11.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/1-18.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/1-17.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/1-16.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/1-15.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/1-14.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <div class=\"satech-client-item\" aria-hidden=\"true\">\r\n          <img src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/1-12.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    var sections = document.querySelectorAll(\"[data-satech-partners]:not([data-ready='true'])\");\r\n\r\n    sections.forEach(function (root) {\r\n      root.dataset.ready = \"true\";\r\n\r\n      var items = root.querySelectorAll(\".satech-partners-animate\");\r\n\r\n      function showItems() {\r\n        items.forEach(function (el, index) {\r\n          setTimeout(function () {\r\n            el.classList.add(\"is-visible\");\r\n          }, index * 90);\r\n        });\r\n      }\r\n\r\n      if (!(\"IntersectionObserver\" in window)) {\r\n        showItems();\r\n        return;\r\n      }\r\n\r\n      var observer = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            showItems();\r\n            observer.disconnect();\r\n          }\r\n        });\r\n      }, {\r\n        threshold: 0.15\r\n      });\r\n\r\n      observer.observe(root);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d54e6f e-con-full e-flex e-con e-parent\" data-id=\"0d54e6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3cf389 elementor-widget elementor-widget-html\" data-id=\"d3cf389\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  SECTION: CONTACT\r\n  Elementor: paste this whole block in one HTML Widget.\r\n-->\r\n\r\n<style>\r\n  .satech-contact-section {\r\n    --satech-green: #076C44;\r\n    --satech-navy: #102f3d;\r\n    --satech-black: #111c25;\r\n    --satech-muted: #667583;\r\n    --satech-line: rgba(16, 47, 61, 0.13);\r\n\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: clamp(72px, 8vw, 110px) 0;\r\n    background:\r\n      radial-gradient(circle at 12% 18%, rgba(7, 132, 62, 0.10), transparent 28%),\r\n      radial-gradient(circle at 85% 80%, rgba(241, 120, 95, 0.08), transparent 30%),\r\n      #fff;\r\n    color: var(--satech-black);\r\n    direction: ltr;\r\n    text-align: left;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-contact-section {\r\n    direction: rtl;\r\n    text-align: right;\r\n    background:\r\n      radial-gradient(circle at 88% 18%, rgba(7, 132, 62, 0.10), transparent 28%),\r\n      radial-gradient(circle at 15% 80%, rgba(241, 120, 95, 0.08), transparent 30%),\r\n      #fff;\r\n  }\r\n\r\n  .satech-contact-section *,\r\n  .satech-contact-section *::before,\r\n  .satech-contact-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .satech-contact-section a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .satech-contact-shape {\r\n    position: absolute;\r\n    border-radius: 0;\r\n    pointer-events: none;\r\n    opacity: 0.55;\r\n    filter: blur(1px);\r\n    animation: satechShapeFloat 7s ease-in-out infinite;\r\n  }\r\n\r\n  .satech-contact-shape-one {\r\n    width: 170px;\r\n    height: 170px;\r\n    inset-inline-start: -60px;\r\n    inset-block-start: 80px;\r\n    background: rgba(7, 132, 62, 0.10);\r\n  }\r\n\r\n  .satech-contact-shape-two {\r\n    width: 110px;\r\n    height: 110px;\r\n    inset-inline-end: 7%;\r\n    inset-block-end: 70px;\r\n    background: rgba(241, 120, 95, 0.10);\r\n    animation-delay: 1.2s;\r\n  }\r\n\r\n  .satech-contact-container {\r\n    width: min(1180px, calc(100% - 40px));\r\n    margin-inline: auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .satech-contact-head {\r\n    text-align: center;\r\n    margin-block-end: clamp(42px, 5vw, 64px);\r\n  }\r\n\r\n  .satech-contact-title {\r\n    margin: 0;\r\n    color: var(--satech-green);\r\n    font-size: clamp(38px, 4.6vw, 64px);\r\n    line-height: 1.08;\r\n    font-weight: 800;\r\n    letter-spacing: -1px;\r\n    text-align: center;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-contact-title {\r\n    direction: rtl;\r\n    letter-spacing: 0;\r\n    text-align: center;\r\n  }\r\n\r\n  .satech-contact-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.78fr) minmax(300px, 0.58fr);\r\n    gap: clamp(36px, 6vw, 82px);\r\n    align-items: center;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-contact-grid {\r\n    direction: rtl;\r\n    grid-template-columns: minmax(300px, 0.58fr) minmax(0, 0.78fr);\r\n  }\r\n\r\n  .satech-contact-content,\r\n  .satech-contact-info {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .satech-contact-content {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .satech-contact-image {\r\n    position: relative;\r\n    width: 100%;\r\n    border-radius: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .satech-contact-image 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    filter: saturate(1.08) contrast(1.02);\r\n  }\r\n\r\n  .satech-contact-info {\r\n    justify-content: center;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-contact-info {\r\n    direction: rtl;\r\n    text-align: right;\r\n  }\r\n\r\n  .satech-contact-lines {\r\n    display: grid;\r\n    border-top: 1px solid var(--satech-line);\r\n  }\r\n\r\n  .satech-contact-line {\r\n    display: grid;\r\n    grid-template-columns: 86px minmax(0, 1fr);\r\n    gap: 24px;\r\n    align-items: start;\r\n    padding: 28px 0;\r\n    border-bottom: 1px solid var(--satech-line);\r\n    transition: transform 260ms ease, padding-inline 260ms ease;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-contact-line {\r\n    direction: rtl;\r\n    grid-template-columns: 86px minmax(0, 1fr);\r\n    text-align: right;\r\n  }\r\n\r\n  .satech-contact-line:hover {\r\n    transform: translateX(2px);\r\n    padding-inline: 5px 0;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-contact-line:hover {\r\n    transform: translateX(-2px);\r\n    padding-inline: 0 5px;\r\n  }\r\n\r\n  .satech-contact-line b {\r\n    color: var(--satech-green);\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 1.45;\r\n    text-align: start;\r\n    text-transform: capitalize;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-contact-line b {\r\n    text-align: right;\r\n  }\r\n\r\n  .satech-contact-line a,\r\n  .satech-contact-address {\r\n    color: var(--satech-navy);\r\n    font-size: 20px;\r\n    line-height: 1.65;\r\n    font-weight: 500;\r\n    text-align: start;\r\n    overflow-wrap: anywhere;\r\n    word-break: break-word;\r\n    unicode-bidi: plaintext;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-contact-line a,\r\n  html[lang^=\"ar\"] .satech-contact-address {\r\n    direction: rtl;\r\n    text-align: right;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-contact-line a[href^=\"tel\"],\r\n  html[lang^=\"ar\"] .satech-contact-line a[href^=\"mailto\"] {\r\n    direction: ltr;\r\n    unicode-bidi: plaintext;\r\n    text-align: right;\r\n  }\r\n\r\n  .satech-contact-address {\r\n    display: block;\r\n  }\r\n\r\n  .satech-social-wrap {\r\n    padding-top: 34px;\r\n    margin-top: 0;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-social-wrap {\r\n    direction: rtl;\r\n    text-align: right;\r\n  }\r\n\r\n  .satech-social-title {\r\n    margin: 0 0 18px;\r\n    color: var(--satech-green);\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n    font-weight: 700;\r\n    text-align: start;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-social-title {\r\n    text-align: right;\r\n  }\r\n\r\n  .satech-social-links {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-social-links {\r\n    justify-content: flex-start;\r\n    direction: rtl;\r\n  }\r\n\r\n  .satech-social-link {\r\n    width: 50px;\r\n    height: 50px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 0;\r\n    background: rgba(7, 132, 62, 0.08);\r\n    border: 1px solid rgba(7, 132, 62, 0.14);\r\n    color: var(--satech-green);\r\n    transition:\r\n      transform 250ms ease,\r\n      background 250ms ease,\r\n      color 250ms ease,\r\n      border-color 250ms ease,\r\n      box-shadow 250ms ease;\r\n  }\r\n\r\n  .satech-social-link:hover {\r\n    transform: translateY(-6px) rotate(-4deg) scale(1.06);\r\n    background: var(--satech-green);\r\n    color: #fff;\r\n    border-color: var(--satech-green);\r\n    box-shadow: 0 16px 35px rgba(7, 132, 62, 0.25);\r\n  }\r\n\r\n  html[lang^=\"ar\"] .satech-social-link:hover {\r\n    transform: translateY(-6px) rotate(4deg) scale(1.06);\r\n  }\r\n\r\n  .satech-social-link svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    display: block;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .satech-contact-animate {\r\n    opacity: 0;\r\n    transform: translateY(34px);\r\n  }\r\n\r\n  @keyframes satechShapeFloat {\r\n    0%,\r\n    100% {\r\n      transform: translateY(0) scale(1);\r\n    }\r\n\r\n    50% {\r\n      transform: translateY(-18px) scale(1.05);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 920px) {\r\n    .satech-contact-container {\r\n      width: min(100% - 28px, 1180px);\r\n    }\r\n\r\n    .satech-contact-grid,\r\n    html[lang^=\"ar\"] .satech-contact-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 42px;\r\n    }\r\n\r\n    .satech-contact-content,\r\n    .satech-contact-info {\r\n      height: auto;\r\n    }\r\n\r\n    .satech-contact-image {\r\n      height: auto;\r\n      overflow: visible;\r\n    }\r\n\r\n    .satech-contact-image img {\r\n      width: 100%;\r\n      height: auto;\r\n      object-fit: contain;\r\n      object-position: center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    .satech-contact-section {\r\n      padding: 58px 0;\r\n    }\r\n\r\n    .satech-contact-title {\r\n      font-size: 36px;\r\n      line-height: 1.12;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .satech-contact-head {\r\n      margin-block-end: 36px;\r\n    }\r\n\r\n    .satech-contact-line,\r\n    html[lang^=\"ar\"] .satech-contact-line {\r\n      grid-template-columns: 1fr;\r\n      gap: 10px;\r\n      padding: 22px 0;\r\n    }\r\n\r\n    .satech-contact-line b {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .satech-contact-line a,\r\n    .satech-contact-address {\r\n      font-size: 18px;\r\n      line-height: 1.6;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .satech-contact-image {\r\n      height: auto;\r\n      overflow: visible;\r\n    }\r\n\r\n    .satech-contact-image img {\r\n      width: 100%;\r\n      height: auto;\r\n      object-fit: contain;\r\n      object-position: center;\r\n    }\r\n\r\n    .satech-social-wrap {\r\n      padding-top: 28px;\r\n    }\r\n\r\n    .satech-social-link {\r\n      width: 44px;\r\n      height: 44px;\r\n    }\r\n\r\n    .satech-social-link svg {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .satech-contact-shape {\r\n      animation: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"satech-contact-section\" id=\"satech-contact\" data-satech-contact>\r\n  <span class=\"satech-contact-shape satech-contact-shape-one\"><\/span>\r\n  <span class=\"satech-contact-shape satech-contact-shape-two\"><\/span>\r\n\r\n  <div class=\"satech-contact-container\">\r\n\r\n    <div class=\"satech-contact-head\">\r\n      <h2 class=\"satech-contact-title satech-contact-animate\">\r\n        Contact Us\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"satech-contact-grid\">\r\n\r\n      <div class=\"satech-contact-content\">\r\n        <div class=\"satech-contact-image\">\r\n          <img\r\n            src=\"http:\/\/satech.com.sa\/wp-content\/uploads\/2026\/05\/new-satech-map@4x-2-1.webp\"\r\n            alt=\"SATECH Contact\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"satech-contact-info\">\r\n\r\n        <div class=\"satech-contact-lines satech-contact-animate\">\r\n\r\n          <div class=\"satech-contact-line\">\r\n            <b>Address<\/b>\r\n            <span class=\"satech-contact-address\">\r\n              EAPA8970, Al Shoula District<br>\r\n              1st floor, Joya Square, Dammam, KSA<br>\r\n              P.O.BOX: 34261\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"satech-contact-line\">\r\n            <b>Phone<\/b>\r\n            <a href=\"tel:+966138943025\">+966 (13) 894 3025<\/a>\r\n          <\/div>\r\n\r\n          <div class=\"satech-contact-line\">\r\n            <b>Email<\/b>\r\n            <a href=\"mailto:info@satech.com.sa\">info@satech.com.sa<\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"satech-social-wrap satech-contact-animate\">\r\n          <p class=\"satech-social-title\">Follow us on<\/p>\r\n\r\n          <div class=\"satech-social-links\">\r\n            <a class=\"satech-social-link\" href=\"https:\/\/www.linkedin.com\/company\/satech-sa\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M4.98 3.5C4.98 4.88 3.87 6 2.49 6S0 4.88 0 3.5 1.11 1 2.49 1s2.49 1.12 2.49 2.5zM.5 8h4V24h-4V8zm7 0h3.83v2.19h.05c.53-1.01 1.84-2.19 3.79-2.19 4.05 0 4.8 2.67 4.8 6.13V24h-4v-8.01c0-1.91-.03-4.37-2.66-4.37-2.66 0-3.07 2.08-3.07 4.23V24h-4V8z\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js\"><\/script>\r\n\r\n<script>\r\n  (function () {\r\n    document.querySelectorAll(\"[data-satech-contact]:not([data-ready='true'])\").forEach(function (root) {\r\n      root.dataset.ready = \"true\";\r\n\r\n      var items = root.querySelectorAll(\".satech-contact-animate\");\r\n\r\n      var show = function () {\r\n        if (window.gsap) {\r\n          window.gsap.to(items, {\r\n            autoAlpha: 1,\r\n            y: 0,\r\n            duration: 0.95,\r\n            stagger: 0.11,\r\n            ease: \"power3.out\"\r\n          });\r\n\r\n          window.gsap.fromTo(\r\n            root.querySelectorAll(\".satech-social-link\"),\r\n            {\r\n              scale: 0,\r\n              rotate: 25\r\n            },\r\n            {\r\n              scale: 1,\r\n              rotate: 0,\r\n              duration: 0.65,\r\n              stagger: 0.08,\r\n              delay: 0.65,\r\n              ease: \"back.out(1.8)\"\r\n            }\r\n          );\r\n        } else {\r\n          items.forEach(function (el, i) {\r\n            setTimeout(function () {\r\n              el.style.opacity = \"1\";\r\n              el.style.transform = \"translateY(0)\";\r\n            }, i * 90);\r\n          });\r\n        }\r\n      };\r\n\r\n      if (!(\"IntersectionObserver\" in window)) {\r\n        show();\r\n        return;\r\n      }\r\n\r\n      var observer = new IntersectionObserver(function (entries) {\r\n        if (entries[0].isIntersecting) {\r\n          show();\r\n          observer.disconnect();\r\n        }\r\n      }, { threshold: 0.15 });\r\n\r\n      observer.observe(root);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Engineering the Future of Energy &amp; Infrastructure Innovative consulting and engineering solutions for reliability, efficiency, and sustainable growth across the Kingdom 0 + Clients 0 + Projects 0 Since About Us Vision To be the premier engineering consulting firm in the Kingdom, excelling in quality, innovation and customer service. Mission Our mission is to enable [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/satech.com.sa\/ar\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/satech.com.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/satech.com.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/satech.com.sa\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/satech.com.sa\/ar\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":512,"href":"https:\/\/satech.com.sa\/ar\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":1353,"href":"https:\/\/satech.com.sa\/ar\/wp-json\/wp\/v2\/pages\/18\/revisions\/1353"}],"wp:attachment":[{"href":"https:\/\/satech.com.sa\/ar\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}