{"id":233,"date":"2026-04-28T09:05:41","date_gmt":"2026-04-28T09:05:41","guid":{"rendered":"https:\/\/satech.tzaid.sa\/?page_id=233"},"modified":"2026-06-11T10:01:57","modified_gmt":"2026-06-11T10:01:57","slug":"our-services","status":"publish","type":"page","link":"https:\/\/satech.tzaid.sa\/ar\/our-services\/","title":{"rendered":"\u062e\u062f\u0645\u0627\u062a\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"233\" class=\"elementor elementor-233\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d17421 e-con-full e-flex e-con e-parent\" data-id=\"5d17421\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5c2496 elementor-widget elementor-widget-shortcode\" data-id=\"a5c2496\" 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\"><nav class=\"satc-breadcrumb-navxt\" aria-label=\"Breadcrumb\"><span property=\"itemListElement\" typeof=\"ListItem\"><a property=\"item\" typeof=\"WebPage\" title=\"Go to Home.\" href=\"https:\/\/satech.tzaid.sa\/ar\" class=\"home\" aria-current=\"page\"><span property=\"name\">Home<\/span><\/a><meta property=\"position\" content=\"1\"><\/span><\/nav><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2624a45 e-con-full e-flex e-con e-parent\" data-id=\"2624a45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0ae3b32 e-con-full e-flex e-con e-child\" data-id=\"0ae3b32\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-401ef75 elementor-widget elementor-widget-html\" data-id=\"401ef75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  SECTION: SERVICES - 4 SERVICES VERSION\r\n  TranslatePress Ready:\r\n  - Visible text is real HTML\r\n  - No visible text injected from JavaScript\r\n  - RTL\/LTR auto support using html dir\/lang + body.rtl + JS sync\r\n  Elementor: paste this whole block in one HTML Widget.\r\n-->\r\n\r\n<style>\r\n    .satech-services-showcase-v1 {\r\n        --satech-green: #076C44;\r\n        --satech-peach: #F48F6B;\r\n        --satech-black: #111111;\r\n        --satech-muted: #667583;\r\n        --satech-soft-green: rgba(7, 108, 68, 0.08);\r\n        --satech-active-img: url(\"https:\/\/satech.tzaid.sa\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0647\u0646\u062f\u0633\u064a.webp\");\r\n\r\n        --satech-bg-peach-x: 10%;\r\n        --satech-bg-green-x: 90%;\r\n        --satech-visual-angle: 135deg;\r\n        --satech-progress-angle: 90deg;\r\n\r\n        position: relative;\r\n        overflow: hidden;\r\n        padding: clamp(64px, 8vw, 115px) 0;\r\n        background:\r\n            radial-gradient(circle at var(--satech-bg-peach-x) 15%, rgba(244, 143, 107, 0.10), transparent 28%),\r\n            radial-gradient(circle at var(--satech-bg-green-x) 85%, rgba(7, 108, 68, 0.08), transparent 32%),\r\n            #ffffff;\r\n        color: var(--satech-black);\r\n        direction: ltr;\r\n        text-align: start;\r\n        unicode-bidi: isolate;\r\n    }\r\n\r\n    .satech-services-showcase-v1[dir=\"rtl\"],\r\n    :is(html[dir=\"rtl\"], html[lang^=\"ar\"], body.rtl) .satech-services-showcase-v1 {\r\n        direction: rtl;\r\n        --satech-bg-peach-x: 90%;\r\n        --satech-bg-green-x: 10%;\r\n        --satech-visual-angle: 225deg;\r\n        --satech-progress-angle: 270deg;\r\n    }\r\n\r\n    .satech-services-showcase-v1 *,\r\n    .satech-services-showcase-v1 *::before,\r\n    .satech-services-showcase-v1 *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .satech-services-showcase-v1-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-services-showcase-v1-head {\r\n        text-align: center;\r\n        margin-block-end: clamp(28px, 4vw, 46px);\r\n    }\r\n\r\n    .satech-services-showcase-v1-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        letter-spacing: -1px;\r\n        text-align: center;\r\n    }\r\n\r\n    .satech-services-showcase-v1[dir=\"rtl\"] .satech-services-showcase-v1-title,\r\n    :is(html[dir=\"rtl\"], html[lang^=\"ar\"], body.rtl) .satech-services-showcase-v1-title {\r\n        letter-spacing: 0;\r\n    }\r\n\r\n    .satech-services-showcase-v1-title span {\r\n        color: var(--satech-green);\r\n    }\r\n\r\n    .satech-services-showcase-v1-tabs {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, minmax(0, 1fr));\r\n        gap: 12px;\r\n        margin-block-end: clamp(28px, 4vw, 46px);\r\n        align-items: stretch;\r\n    }\r\n\r\n    .satech-services-showcase-v1-tab {\r\n        appearance: none;\r\n        -webkit-appearance: none;\r\n        min-width: 0;\r\n        height: 100%;\r\n        min-height: 150px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        justify-content: flex-start;\r\n        gap: 12px;\r\n        padding: 18px;\r\n        border: 1px solid rgba(17, 17, 17, 0.09);\r\n        border-radius: 0;\r\n        background: #ffffff !important;\r\n        color: var(--satech-black) !important;\r\n        box-shadow: 0 16px 36px rgba(17, 17, 17, 0.055);\r\n        cursor: pointer;\r\n        text-align: start;\r\n        overflow: visible;\r\n        transition:\r\n            transform 520ms cubic-bezier(0.22, 1, 0.36, 1),\r\n            box-shadow 520ms cubic-bezier(0.22, 1, 0.36, 1),\r\n            border-color 520ms cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    .satech-services-showcase-v1-tab:hover,\r\n    .satech-services-showcase-v1-tab:focus,\r\n    .satech-services-showcase-v1-tab.is-active {\r\n        background: #ffffff !important;\r\n        color: var(--satech-black) !important;\r\n        border-color: rgba(7, 108, 68, 0.26);\r\n        box-shadow: 0 24px 58px rgba(7, 108, 68, 0.13);\r\n        outline: none;\r\n    }\r\n\r\n    .satech-services-showcase-v1-tab:hover {\r\n        transform: translateY(-4px);\r\n    }\r\n\r\n    .satech-services-showcase-v1-tab.is-active {\r\n        transform: translateY(-7px);\r\n    }\r\n\r\n    .satech-services-showcase-v1-tab small {\r\n        display: inline-grid;\r\n        place-items: center;\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 0;\r\n        background: var(--satech-soft-green);\r\n        color: var(--satech-green);\r\n        font-size: 12px;\r\n        line-height: 1;\r\n        font-weight: 950;\r\n        flex-shrink: 0;\r\n        direction: ltr;\r\n        unicode-bidi: plaintext;\r\n    }\r\n\r\n    .satech-services-showcase-v1-tab.is-active small {\r\n        background: var(--satech-peach);\r\n        color: #ffffff;\r\n    }\r\n\r\n    .satech-services-showcase-v1-tab strong {\r\n        display: block;\r\n        width: 100%;\r\n        color: inherit;\r\n        font-size: 15px;\r\n        line-height: 1.45;\r\n        font-weight: 950;\r\n        white-space: normal;\r\n        text-align: start;\r\n    }\r\n\r\n    .satech-services-showcase-v1-main {\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 1fr) minmax(350px, 0.76fr);\r\n        grid-template-areas: \"visual content\";\r\n        gap: clamp(22px, 4vw, 46px);\r\n        align-items: stretch;\r\n    }\r\n\r\n    .satech-services-showcase-v1[dir=\"rtl\"] .satech-services-showcase-v1-main,\r\n    :is(html[dir=\"rtl\"], html[lang^=\"ar\"], body.rtl) .satech-services-showcase-v1-main {\r\n        grid-template-columns: minmax(350px, 0.76fr) minmax(0, 1fr);\r\n        grid-template-areas: \"content visual\";\r\n    }\r\n\r\n    .satech-services-showcase-v1-visual {\r\n        grid-area: visual;\r\n        position: relative;\r\n        min-height: 590px;\r\n        overflow: hidden;\r\n        border-radius: 0;\r\n        background:\r\n            linear-gradient(var(--satech-visual-angle), rgba(7, 108, 68, 0.20), rgba(7, 108, 68, 0.72)),\r\n            var(--satech-active-img) center \/ cover no-repeat;\r\n        box-shadow: 0 30px 86px rgba(7, 108, 68, 0.18);\r\n        transition: all 850ms cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    .satech-services-showcase-v1-visual::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(0deg, rgba(7, 108, 68, 0.80), rgba(7, 108, 68, 0.08) 64%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .satech-services-showcase-v1-visual::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset-inline-start: -95px;\r\n        inset-block-end: -95px;\r\n        width: 235px;\r\n        height: 235px;\r\n        border-radius: 0;\r\n        border: 42px solid rgba(244, 143, 107, 0.18);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .satech-services-showcase-v1-content {\r\n        grid-area: content;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n        min-width: 0;\r\n    }\r\n\r\n    .satech-services-showcase-v1-detail-stack {\r\n        position: relative;\r\n        flex: 1;\r\n        min-height: 590px;\r\n    }\r\n\r\n    .satech-services-showcase-v1-detail {\r\n        position: absolute;\r\n        inset: 0;\r\n        overflow: hidden;\r\n        min-height: 590px;\r\n        padding: clamp(28px, 4vw, 44px);\r\n        border-radius: 0;\r\n        background: #ffffff;\r\n        border: 1px solid rgba(17, 17, 17, 0.08);\r\n        box-shadow: 0 22px 70px rgba(17, 17, 17, 0.07);\r\n        text-align: start;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        pointer-events: none;\r\n        transform: translateY(14px);\r\n        transition:\r\n            opacity 360ms ease,\r\n            visibility 360ms ease,\r\n            transform 360ms ease;\r\n    }\r\n\r\n    .satech-services-showcase-v1-detail[hidden] {\r\n        display: none !important;\r\n    }\r\n\r\n    .satech-services-showcase-v1-detail.is-active {\r\n        position: relative;\r\n        opacity: 1;\r\n        visibility: visible;\r\n        pointer-events: auto;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .satech-services-showcase-v1-detail::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset-inline-start: -90px;\r\n        inset-block-start: -90px;\r\n        width: 210px;\r\n        height: 210px;\r\n        border-radius: 0;\r\n        background: rgba(244, 143, 107, 0.12);\r\n    }\r\n\r\n    .satech-services-showcase-v1-detail::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset-inline-end: -110px;\r\n        inset-block-end: -110px;\r\n        width: 240px;\r\n        height: 240px;\r\n        border-radius: 0;\r\n        background: rgba(7, 108, 68, 0.06);\r\n    }\r\n\r\n    .satech-services-showcase-v1-detail-inner {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .satech-services-showcase-v1-number {\r\n        display: inline-grid;\r\n        place-items: center;\r\n        width: 62px;\r\n        height: 62px;\r\n        margin: 0 0 22px;\r\n        border-radius: 0;\r\n        background: var(--satech-peach);\r\n        color: #ffffff;\r\n        font-size: 16px;\r\n        line-height: 1;\r\n        font-weight: 950;\r\n        box-shadow: 0 18px 44px rgba(244, 143, 107, 0.24);\r\n        direction: ltr;\r\n        unicode-bidi: plaintext;\r\n    }\r\n\r\n    .satech-services-showcase-v1-detail h3 {\r\n        margin: 0 0 16px;\r\n        color: var(--satech-green);\r\n        font-size: clamp(25px, 2.6vw, 38px);\r\n        line-height: 1.18;\r\n        font-weight: 950;\r\n        text-align: start;\r\n    }\r\n\r\n    .satech-services-showcase-v1-detail p {\r\n        margin: 0;\r\n        color: var(--satech-muted);\r\n        font-size: clamp(15.5px, 1.2vw, 17px);\r\n        line-height: 1.85;\r\n        font-weight: 550;\r\n        text-align: start;\r\n    }\r\n\r\n    .satech-services-showcase-v1-points {\r\n        display: grid;\r\n        gap: 12px;\r\n        margin: 26px 0 0;\r\n        padding: 0;\r\n        list-style: none;\r\n        text-align: start;\r\n    }\r\n\r\n    .satech-services-showcase-v1-points li {\r\n        position: relative;\r\n        padding-block: 13px;\r\n        padding-inline-start: 46px;\r\n        padding-inline-end: 18px;\r\n        border-radius: 0;\r\n        background: var(--satech-soft-green);\r\n        color: var(--satech-black);\r\n        font-size: 14.8px;\r\n        line-height: 1.7;\r\n        font-weight: 500;\r\n        text-align: start;\r\n    }\r\n\r\n    .satech-services-showcase-v1-points li::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset-inline-start: 18px;\r\n        inset-block-start: 22px;\r\n        width: 10px;\r\n        height: 10px;\r\n        border-radius: 0;\r\n        background: var(--satech-peach);\r\n        box-shadow: 0 0 0 6px rgba(244, 143, 107, 0.13);\r\n    }\r\n\r\n    .satech-services-showcase-v1-progress {\r\n        height: 7px;\r\n        border-radius: 0;\r\n        overflow: hidden;\r\n        background: rgba(17, 17, 17, 0.08);\r\n        display: flex;\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .satech-services-showcase-v1[dir=\"rtl\"] .satech-services-showcase-v1-progress,\r\n    :is(html[dir=\"rtl\"], html[lang^=\"ar\"], body.rtl) .satech-services-showcase-v1-progress {\r\n        justify-content: flex-end;\r\n    }\r\n\r\n    .satech-services-showcase-v1-progress span {\r\n        display: block;\r\n        width: 25%;\r\n        height: 100%;\r\n        border-radius: 0;\r\n        background: linear-gradient(var(--satech-progress-angle), var(--satech-green), var(--satech-peach));\r\n        transition: width 650ms cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    .satech-services-showcase-v1-animate {\r\n        opacity: 0;\r\n        transform: translateY(28px);\r\n    }\r\n\r\n    @media (max-width: 1120px) {\r\n        .satech-services-showcase-v1-tabs {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        }\r\n\r\n        .satech-services-showcase-v1-tab {\r\n            min-height: 125px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n        .satech-services-showcase-v1-main,\r\n        .satech-services-showcase-v1[dir=\"rtl\"] .satech-services-showcase-v1-main,\r\n        :is(html[dir=\"rtl\"], html[lang^=\"ar\"], body.rtl) .satech-services-showcase-v1-main {\r\n            grid-template-columns: 1fr;\r\n            grid-template-areas:\r\n                \"visual\"\r\n                \"content\";\r\n        }\r\n\r\n        .satech-services-showcase-v1-visual {\r\n            min-height: 460px;\r\n        }\r\n\r\n        .satech-services-showcase-v1-detail-stack,\r\n        .satech-services-showcase-v1-detail {\r\n            min-height: auto;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n        .satech-services-showcase-v1 {\r\n            padding: 56px 0;\r\n        }\r\n\r\n        .satech-services-showcase-v1-container {\r\n            width: min(100% - 28px, 1180px);\r\n        }\r\n\r\n        .satech-services-showcase-v1-title {\r\n            font-size: 36px;\r\n        }\r\n\r\n        .satech-services-showcase-v1-tabs {\r\n            grid-template-columns: 1fr;\r\n            gap: 10px;\r\n            margin-block-end: 28px;\r\n        }\r\n\r\n        .satech-services-showcase-v1-tab {\r\n            min-height: 82px;\r\n            display: grid;\r\n            grid-template-columns: 42px minmax(0, 1fr);\r\n            grid-template-areas: \"number label\";\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 14px;\r\n        }\r\n\r\n        .satech-services-showcase-v1[dir=\"rtl\"] .satech-services-showcase-v1-tab,\r\n        :is(html[dir=\"rtl\"], html[lang^=\"ar\"], body.rtl) .satech-services-showcase-v1-tab {\r\n            grid-template-columns: minmax(0, 1fr) 42px;\r\n            grid-template-areas: \"label number\";\r\n        }\r\n\r\n        .satech-services-showcase-v1-tab small {\r\n            grid-area: number;\r\n        }\r\n\r\n        .satech-services-showcase-v1-tab strong {\r\n            grid-area: label;\r\n        }\r\n\r\n        .satech-services-showcase-v1-visual {\r\n            min-height: 360px;\r\n        }\r\n\r\n        .satech-services-showcase-v1-detail {\r\n            padding: 24px 18px;\r\n        }\r\n\r\n        .satech-services-showcase-v1-number {\r\n            width: 54px;\r\n            height: 54px;\r\n            margin-block-end: 18px;\r\n        }\r\n\r\n        .satech-services-showcase-v1-detail h3 {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .satech-services-showcase-v1-detail p {\r\n            font-size: 15.5px;\r\n            line-height: 1.85;\r\n        }\r\n\r\n        .satech-services-showcase-v1-points li {\r\n            font-size: 14.3px;\r\n            padding-inline-end: 14px;\r\n        }\r\n\r\n        .satech-services-showcase-v1[dir=\"rtl\"] .satech-services-showcase-v1-points li,\r\n        :is(html[dir=\"rtl\"], html[lang^=\"ar\"], body.rtl) .satech-services-showcase-v1-points li {\r\n            padding-inline-end: 42px;\r\n            padding-inline-start: 14px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"satech-services-showcase-v1\" id=\"satech-services-showcase-v1\" data-satech-services-showcase-v1>\r\n    <div class=\"satech-services-showcase-v1-container\">\r\n\r\n        <div class=\"satech-services-showcase-v1-head\">\r\n            <h2 class=\"satech-services-showcase-v1-title satech-services-showcase-v1-animate\">\r\n                <span>Services<\/span>\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"satech-services-showcase-v1-tabs satech-services-showcase-v1-animate\" role=\"tablist\" aria-label=\"Services\">\r\n\r\n            <button class=\"satech-services-showcase-v1-tab is-active\" id=\"satech-service-tab-0\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"satech-service-panel-0\" tabindex=\"0\" data-index=\"0\" data-image=\"https:\/\/satech.tzaid.sa\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0647\u0646\u062f\u0633\u064a.webp\">\r\n                <small>01<\/small>\r\n                <strong>Design and Engineering Services<\/strong>\r\n            <\/button>\r\n\r\n            <button class=\"satech-services-showcase-v1-tab\" id=\"satech-service-tab-1\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"satech-service-panel-1\" tabindex=\"-1\" data-index=\"1\" data-image=\"https:\/\/satech.tzaid.sa\/wp-content\/uploads\/2026\/04\/\u0627\u062f\u0627\u0631\u0629-\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.webp\">\r\n                <small>02<\/small>\r\n                <strong>Project Management Services<\/strong>\r\n            <\/button>\r\n\r\n            <button class=\"satech-services-showcase-v1-tab\" id=\"satech-service-tab-2\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"satech-service-panel-2\" tabindex=\"-1\" data-index=\"2\" data-image=\"https:\/\/satech.tzaid.sa\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0627\u0634\u0631\u0627\u0641-\u0627\u0644\u0647\u0646\u062f\u0633\u064a.webp\">\r\n                <small>03<\/small>\r\n                <strong>Construction Supervision Services<\/strong>\r\n            <\/button>\r\n\r\n            <button class=\"satech-services-showcase-v1-tab\" id=\"satech-service-tab-3\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"satech-service-panel-3\" tabindex=\"-1\" data-index=\"3\" data-image=\"https:\/\/satech.tzaid.sa\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a-\u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629.webp\">\r\n                <small>04<\/small>\r\n                <strong>Technical Manpower Services<\/strong>\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"satech-services-showcase-v1-main\">\r\n\r\n            <div class=\"satech-services-showcase-v1-visual satech-services-showcase-v1-animate\" aria-hidden=\"true\"><\/div>\r\n\r\n            <div class=\"satech-services-showcase-v1-content satech-services-showcase-v1-animate\">\r\n\r\n                <div class=\"satech-services-showcase-v1-detail-stack\">\r\n\r\n                    <article class=\"satech-services-showcase-v1-detail is-active\" id=\"satech-service-panel-0\" role=\"tabpanel\" aria-labelledby=\"satech-service-tab-0\" data-panel=\"0\">\r\n                        <div class=\"satech-services-showcase-v1-detail-inner\">\r\n                            <span class=\"satech-services-showcase-v1-number\">01<\/span>\r\n\r\n                            <h3>Design and Engineering Services<\/h3>\r\n\r\n                            <p>\r\n                                We are specialized in providing comprehensive Engineering Design, Project Management services, and highly skilled technical professionals for various projects at SATECH.\r\n                            <\/p>\r\n\r\n                            <ul class=\"satech-services-showcase-v1-points\">\r\n                                <li>We have a proven track record of successfully completing numerous projects, including the installation of 13.8\/110\/132\/380 KV Overhead Transmission Lines, Underground cable projects, and Retrofitting projects across all regions.<\/li>\r\n                                <li>Additionally, SATECH has undertaken detailed design services in Architectural, Electrical, Civil\/structural, and Mechanical engineering for several 33\/132KV substations.<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"satech-services-showcase-v1-detail\" id=\"satech-service-panel-1\" role=\"tabpanel\" aria-labelledby=\"satech-service-tab-1\" data-panel=\"1\" hidden>\r\n                        <div class=\"satech-services-showcase-v1-detail-inner\">\r\n                            <span class=\"satech-services-showcase-v1-number\">02<\/span>\r\n\r\n                            <h3>Project Management Services<\/h3>\r\n\r\n                            <p>\r\n                                SATECH provides sound professional engineering services in a wide variety of disciplines from Conceptual Engineering to Structural Engineering, Design of Electrical Power Generation, Transmission, and Distribution Systems.\r\n                            <\/p>\r\n\r\n                            <ul class=\"satech-services-showcase-v1-points\">\r\n                                <li>The company also offers services for monitoring execution projects, development of technical specifications, and management of construction sites.<\/li>\r\n                                <li>At present, SATECH serves as Project Management on behalf of the SEC (Saudi Electricity Company), the Chamber of Commerce, and many other clients.<\/li>\r\n                                <li>SATECH's Human Resource Division remains ever vigilant to enhance its Manpower strength and expertise by inducting into the organization Competent Engineers and Staff in the Kingdom of Saudi Arabia.<\/li>\r\n                                <li>SATECH is a dynamic organization and has extensive experience in Power Distribution Networks and Industrial Projects.<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"satech-services-showcase-v1-detail\" id=\"satech-service-panel-2\" role=\"tabpanel\" aria-labelledby=\"satech-service-tab-2\" data-panel=\"2\" hidden>\r\n                        <div class=\"satech-services-showcase-v1-detail-inner\">\r\n                            <span class=\"satech-services-showcase-v1-number\">03<\/span>\r\n\r\n                            <h3>Construction Supervision Services<\/h3>\r\n\r\n                            <p>\r\n                                At Satech Company, we dedicate our expertise to designing and implementing infrastructure projects with exceptional quality and innovative vision, focusing on meeting the needs of private developments.\r\n                            <\/p>\r\n\r\n                            <ul class=\"satech-services-showcase-v1-points\">\r\n                                <li>We provide comprehensive supervision services to ensure project execution meets the highest quality standards, with close monitoring at all stages and continuous technical support for the client.<\/li>\r\n                                <li>Structural Works Supervision: Managing and overseeing all phases of structural construction \u2014 from excavation to framework completion \u2014 carried out by qualified and experienced supervision teams. Finishing Works <br>Supervision: Ensuring all interior finishes align with approved designs for seamless handover to the owner.<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"satech-services-showcase-v1-detail\" id=\"satech-service-panel-3\" role=\"tabpanel\" aria-labelledby=\"satech-service-tab-3\" data-panel=\"3\" hidden>\r\n                        <div class=\"satech-services-showcase-v1-detail-inner\">\r\n                            <span class=\"satech-services-showcase-v1-number\">04<\/span>\r\n\r\n                            <h3>Technical Manpower Services<\/h3>\r\n\r\n                            <p>\r\n                                Over the years, SATECH has been successfully providing engineers and technical personnel for Engineering Services &amp; Construction supervision.\r\n                            <\/p>\r\n\r\n                            <ul class=\"satech-services-showcase-v1-points\">\r\n                                <li>We have highly qualified Engineers &amp; QA\/QC personnel of various fields.<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"satech-services-showcase-v1-progress\" aria-hidden=\"true\">\r\n                    <span data-service-progress><\/span>\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-services-showcase-v1]:not([data-ready='true'])\").forEach(function(root) {\r\n        root.dataset.ready = \"true\";\r\n\r\n        var tabs = Array.prototype.slice.call(root.querySelectorAll(\".satech-services-showcase-v1-tab\"));\r\n        var panels = Array.prototype.slice.call(root.querySelectorAll(\".satech-services-showcase-v1-detail\"));\r\n        var visual = root.querySelector(\".satech-services-showcase-v1-visual\");\r\n        var progressEl = root.querySelector(\"[data-service-progress]\");\r\n        var animatedItems = root.querySelectorAll(\".satech-services-showcase-v1-animate\");\r\n\r\n        function getPageDirection() {\r\n            var html = document.documentElement;\r\n            var body = document.body;\r\n            var dir = \"\";\r\n\r\n            if (html) {\r\n                dir = (html.getAttribute(\"dir\") || \"\").toLowerCase();\r\n            }\r\n\r\n            if (!dir && body) {\r\n                dir = (body.getAttribute(\"dir\") || \"\").toLowerCase();\r\n            }\r\n\r\n            if (!dir && body && body.classList && body.classList.contains(\"rtl\")) {\r\n                dir = \"rtl\";\r\n            }\r\n\r\n            if (!dir && html) {\r\n                var lang = (html.getAttribute(\"lang\") || \"\").toLowerCase();\r\n                if (\/^(ar|fa|he|ur|ku|ps)\/.test(lang)) {\r\n                    dir = \"rtl\";\r\n                }\r\n            }\r\n\r\n            if (!dir && window.getComputedStyle && body) {\r\n                dir = window.getComputedStyle(body).direction || \"ltr\";\r\n            }\r\n\r\n            return dir === \"rtl\" ? \"rtl\" : \"ltr\";\r\n        }\r\n\r\n        function syncDirection() {\r\n            root.setAttribute(\"dir\", getPageDirection());\r\n        }\r\n\r\n        syncDirection();\r\n\r\n        if (window.MutationObserver) {\r\n            var dirObserver = new MutationObserver(syncDirection);\r\n\r\n            if (document.documentElement) {\r\n                dirObserver.observe(document.documentElement, {\r\n                    attributes: true,\r\n                    attributeFilter: [\"dir\", \"lang\", \"class\"]\r\n                });\r\n            }\r\n\r\n            if (document.body) {\r\n                dirObserver.observe(document.body, {\r\n                    attributes: true,\r\n                    attributeFilter: [\"dir\", \"class\"]\r\n                });\r\n            }\r\n        }\r\n\r\n        function setImage(imageUrl) {\r\n            if (!visual || !imageUrl) return;\r\n            visual.style.setProperty(\"--satech-active-img\", 'url(\"' + imageUrl + '\")');\r\n        }\r\n\r\n        function setProgress(index) {\r\n            if (!progressEl || !tabs.length) return;\r\n            progressEl.style.width = (((index + 1) \/ tabs.length) * 100) + \"%\";\r\n        }\r\n\r\n        function activateTab(tab, focusTab) {\r\n            if (!tab) return;\r\n\r\n            var index = parseInt(tab.getAttribute(\"data-index\"), 10) || 0;\r\n\r\n            tabs.forEach(function(item) {\r\n                var isActive = item === tab;\r\n                item.classList.toggle(\"is-active\", isActive);\r\n                item.setAttribute(\"aria-selected\", isActive ? \"true\" : \"false\");\r\n                item.setAttribute(\"tabindex\", isActive ? \"0\" : \"-1\");\r\n            });\r\n\r\n            panels.forEach(function(panel) {\r\n                var isActivePanel = parseInt(panel.getAttribute(\"data-panel\"), 10) === index;\r\n                panel.classList.toggle(\"is-active\", isActivePanel);\r\n\r\n                if (isActivePanel) {\r\n                    panel.removeAttribute(\"hidden\");\r\n                } else {\r\n                    panel.setAttribute(\"hidden\", \"hidden\");\r\n                }\r\n            });\r\n\r\n            setImage(tab.getAttribute(\"data-image\"));\r\n            setProgress(index);\r\n\r\n            if (focusTab) {\r\n                tab.focus();\r\n            }\r\n\r\n            if (window.gsap) {\r\n                var activePanel = root.querySelector(\".satech-services-showcase-v1-detail.is-active\");\r\n\r\n                if (activePanel) {\r\n                    window.gsap.fromTo(\r\n                        activePanel.querySelectorAll(\".satech-services-showcase-v1-number, h3, p, li\"),\r\n                        { autoAlpha: 0, y: 18 },\r\n                        {\r\n                            autoAlpha: 1,\r\n                            y: 0,\r\n                            duration: 0.55,\r\n                            stagger: 0.045,\r\n                            ease: \"power3.out\"\r\n                        }\r\n                    );\r\n                }\r\n\r\n                if (visual) {\r\n                    window.gsap.fromTo(\r\n                        visual,\r\n                        { scale: 1.025 },\r\n                        {\r\n                            scale: 1,\r\n                            duration: 0.9,\r\n                            ease: \"power3.out\"\r\n                        }\r\n                    );\r\n                }\r\n            }\r\n        }\r\n\r\n        function moveTab(currentTab, direction) {\r\n            var currentIndex = tabs.indexOf(currentTab);\r\n            if (currentIndex === -1) return;\r\n\r\n            var isRTL = root.getAttribute(\"dir\") === \"rtl\";\r\n            var step = direction;\r\n\r\n            if (isRTL) {\r\n                step = direction * -1;\r\n            }\r\n\r\n            var nextIndex = currentIndex + step;\r\n\r\n            if (nextIndex < 0) {\r\n                nextIndex = tabs.length - 1;\r\n            }\r\n\r\n            if (nextIndex >= tabs.length) {\r\n                nextIndex = 0;\r\n            }\r\n\r\n            activateTab(tabs[nextIndex], true);\r\n        }\r\n\r\n        tabs.forEach(function(tab) {\r\n            tab.addEventListener(\"click\", function() {\r\n                activateTab(tab, false);\r\n            });\r\n\r\n            tab.addEventListener(\"keydown\", function(event) {\r\n                if (event.key === \"ArrowRight\") {\r\n                    event.preventDefault();\r\n                    moveTab(tab, 1);\r\n                }\r\n\r\n                if (event.key === \"ArrowLeft\") {\r\n                    event.preventDefault();\r\n                    moveTab(tab, -1);\r\n                }\r\n\r\n                if (event.key === \"Home\") {\r\n                    event.preventDefault();\r\n                    activateTab(tabs[0], true);\r\n                }\r\n\r\n                if (event.key === \"End\") {\r\n                    event.preventDefault();\r\n                    activateTab(tabs[tabs.length - 1], true);\r\n                }\r\n            });\r\n        });\r\n\r\n        var activeTab = root.querySelector(\".satech-services-showcase-v1-tab.is-active\") || tabs[0];\r\n\r\n        if (activeTab) {\r\n            activateTab(activeTab, false);\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.style.opacity = 1;\r\n                item.style.transform = \"none\";\r\n            });\r\n            return;\r\n        }\r\n\r\n        function intro() {\r\n            if (window.gsap) {\r\n                window.gsap.to(animatedItems, {\r\n                    autoAlpha: 1,\r\n                    y: 0,\r\n                    duration: 1,\r\n                    stagger: 0.1,\r\n                    ease: \"power3.out\"\r\n                });\r\n\r\n                window.gsap.fromTo(\r\n                    tabs,\r\n                    { autoAlpha: 0, y: 24 },\r\n                    {\r\n                        autoAlpha: 1,\r\n                        y: 0,\r\n                        duration: 0.8,\r\n                        stagger: 0.075,\r\n                        ease: \"power3.out\",\r\n                        delay: 0.24\r\n                    }\r\n                );\r\n            } else {\r\n                animatedItems.forEach(function(item) {\r\n                    item.style.opacity = 1;\r\n                    item.style.transform = \"none\";\r\n                });\r\n            }\r\n        }\r\n\r\n        if (!(\"IntersectionObserver\" in window)) {\r\n            intro();\r\n            return;\r\n        }\r\n\r\n        var observer = new IntersectionObserver(function(entries) {\r\n            if (entries[0] && entries[0].isIntersecting) {\r\n                intro();\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Services 01 Design and Engineering Services 02 Project Management Services 03 Construction Supervision Services 04 Technical Manpower Services 01 Design and Engineering Services We are specialized in providing comprehensive Engineering Design, Project Management services, and highly skilled technical professionals for various projects at SATECH. We have a proven track record of successfully completing numerous projects, [&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-233","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/satech.tzaid.sa\/ar\/wp-json\/wp\/v2\/pages\/233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/satech.tzaid.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/satech.tzaid.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/satech.tzaid.sa\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/satech.tzaid.sa\/ar\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":74,"href":"https:\/\/satech.tzaid.sa\/ar\/wp-json\/wp\/v2\/pages\/233\/revisions"}],"predecessor-version":[{"id":1341,"href":"https:\/\/satech.tzaid.sa\/ar\/wp-json\/wp\/v2\/pages\/233\/revisions\/1341"}],"wp:attachment":[{"href":"https:\/\/satech.tzaid.sa\/ar\/wp-json\/wp\/v2\/media?parent=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}