{"id":803,"date":"2026-06-28T20:35:05","date_gmt":"2026-06-28T19:35:05","guid":{"rendered":"https:\/\/zizouengineering.com\/?page_id=803"},"modified":"2026-10-24T22:56:14","modified_gmt":"2026-10-24T21:56:14","slug":"home1","status":"publish","type":"page","link":"https:\/\/zizouengineering.com\/ar\/","title":{"rendered":"home1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"803\" class=\"elementor elementor-803\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9600d2 e-con-full e-flex e-con e-parent\" data-id=\"b9600d2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0639dc6 elementor-widget elementor-widget-shortcode\" data-id=\"0639dc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<style>\n    .zab-v8,\n    .zab-v8 * {\n        box-sizing: border-box;\n    }\n\n    .zab-v8 {\n        --zab-white: #ffffff;\n        --zab-ink: #07111f;\n        --zab-soft-ink: rgba(7, 17, 31, 0.72);\n        --zab-muted: rgba(7, 17, 31, 0.68);\n        --zab-blue: #1f6fff;\n        --zab-blue-dark: #0c46bf;\n        --zab-blue-soft: rgba(31, 111, 255, 0.11);\n        --zab-yellow: #ffd400;\n        --zab-yellow-soft: rgba(255, 212, 0, 0.38);\n        --zab-card-bg: rgba(255, 255, 255, 0.82);\n        --zab-card-border: rgba(7, 17, 31, 0.10);\n        --zab-shadow: 0 28px 70px rgba(31, 111, 255, 0.12);\n        --zab-photo-shadow: 0 34px 90px rgba(7, 17, 31, 0.18);\n\n        position: relative;\n        isolation: isolate;\n        min-height: 100svh;\n        width: 100%;\n        overflow: clip;\n        display: flex;\n        align-items: center;\n        background:\n            radial-gradient(circle at 76% 40%, rgba(31, 111, 255, 0.10), transparent 26%),\n            radial-gradient(circle at 18% 12%, rgba(255, 212, 0, 0.10), transparent 20%),\n            linear-gradient(135deg, #ffffff 0%, #f8fbff 52%, #ffffff 100%);\n        color: var(--zab-ink);\n        font-family: \"Open Sans\", Arial, sans-serif;\n        padding-block: clamp(56px, 6vw, 82px);\n    }\n\n    .zab-v8::before {\n        content: \"\";\n        position: absolute;\n        inset: -24% -12% -18% -18%;\n        z-index: -3;\n        opacity: 0.74;\n        background:\n            linear-gradient(112deg, transparent 0%, transparent 29%, rgba(31, 111, 255, 0.07) 38%, rgba(31, 111, 255, 0.018) 47%, transparent 58%),\n            linear-gradient(128deg, transparent 0%, transparent 36%, rgba(255, 212, 0, 0.09) 43%, rgba(31, 111, 255, 0.03) 51%, transparent 64%),\n            linear-gradient(146deg, transparent 0%, transparent 44%, rgba(31, 111, 255, 0.08) 48%, rgba(255, 212, 0, 0.06) 56%, transparent 70%);\n        filter: blur(22px);\n        transform: rotate(-7deg) scale(1.12);\n        pointer-events: none;\n        animation: zab-v8-bg-drift 14s ease-in-out infinite alternate;\n    }\n\n    .zab-v8::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: -2;\n        background:\n            radial-gradient(circle at 50% 50%, transparent 0%, rgba(31, 111, 255, 0.035) 48%, rgba(255, 255, 255, 0.92) 100%),\n            linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.70) 48%, rgba(248, 251, 255, 0.94) 100%);\n        pointer-events: none;\n    }\n\n    .zab-v8__wrap {\n        position: relative;\n        z-index: 1;\n        width: min(1504px, calc(100% - 96px));\n        margin-inline: auto;\n        display: grid !important;\n        grid-template-columns: minmax(0, 1fr) minmax(420px, 0.88fr) !important;\n        grid-template-areas: \"copy visual\" !important;\n        align-items: center;\n        gap: clamp(64px, 8vw, 132px);\n        direction: ltr !important;\n    }\n\n    .zab-v8__content {\n        grid-area: copy !important;\n        width: 100%;\n        max-width: 720px;\n        justify-self: start;\n        padding-block-start: 6px;\n        text-align: left;\n        direction: ltr;\n    }\n\n    .zab-v8__hello {\n        margin: 0 0 18px;\n        font-family: \"Open Sans\", Arial, sans-serif;\n        font-size: clamp(23px, 2vw, 31px);\n        line-height: 1.15;\n        font-weight: 700;\n        letter-spacing: -0.035em;\n        color: var(--zab-ink);\n        text-align: inherit;\n    }\n\n    .zab-v8__name {\n        display: block;\n        width: max-content;\n        max-width: 100%;\n        margin: 0 0 clamp(42px, 4vw, 56px);\n        font-family: \"Montserrat\", Arial, sans-serif;\n        font-size: clamp(78px, 8.45vw, 136px);\n        line-height: 0.84;\n        font-weight: 700;\n        letter-spacing: -0.07em;\n        color: var(--zab-ink);\n        white-space: nowrap;\n        text-align: inherit;\n    }\n\n    .zab-v8__name bdi {\n        unicode-bidi: isolate;\n        direction: ltr;\n    }\n\n    .zab-v8__name-accent {\n        color: var(--zab-blue);\n    }\n\n    .zab-v8__title {\n        margin: 0;\n        max-width: 660px;\n        font-family: \"Montserrat\", Arial, sans-serif;\n        font-size: clamp(34px, 3.08vw, 53px);\n        line-height: 0.95;\n        font-weight: 700;\n        letter-spacing: -0.055em;\n        text-transform: uppercase;\n        color: var(--zab-ink);\n        text-align: inherit;\n    }\n\n    .zab-v8__title span {\n        display: block;\n        direction: ltr;\n        unicode-bidi: isolate;\n        text-align: inherit;\n    }\n\n    .zab-v8__title .zab-v8__blue {\n        color: var(--zab-blue);\n    }\n\n    .zab-v8__desc {\n        max-width: 535px;\n        margin: clamp(32px, 2.8vw, 42px) 0 0;\n        color: var(--zab-muted);\n        font-family: \"Open Sans\", Arial, sans-serif;\n        font-size: clamp(16px, 1.06vw, 18px);\n        line-height: 1.68;\n        font-weight: 500;\n        letter-spacing: -0.01em;\n        text-align: inherit;\n    }\n\n    .zab-v8__desc bdi {\n        direction: ltr;\n        unicode-bidi: isolate;\n    }\n\n    .zab-v8__actions {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        gap: 22px;\n        margin-block-start: clamp(34px, 3vw, 46px);\n        flex-wrap: wrap;\n        direction: ltr;\n    }\n\n    .zab-v8-btn {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 48px;\n        border-radius: 999px;\n        text-decoration: none !important;\n        text-transform: uppercase;\n        font-family: \"Montserrat\", Arial, sans-serif;\n        font-size: 14px;\n        line-height: 1;\n        font-weight: 700;\n        letter-spacing: 0.018em;\n        transition: transform 220ms ease, background 220ms ease, color 220ms ease, border-color 220ms ease, box-shadow 220ms ease;\n        will-change: transform;\n        white-space: nowrap;\n    }\n\n    .zab-v8-btn:hover {\n        transform: translateY(-2px);\n    }\n\n    .zab-v8-btn:focus-visible {\n        outline: 3px solid rgba(31, 111, 255, 0.30);\n        outline-offset: 4px;\n    }\n\n    .zab-v8-btn--primary {\n        gap: 15px;\n        min-width: 190px;\n        padding: 8px 7px 8px 24px;\n        color: #ffffff !important;\n        background: var(--zab-blue);\n        box-shadow: 0 14px 34px rgba(31, 111, 255, 0.22);\n    }\n\n    .zab-v8-btn--primary:hover {\n        background: var(--zab-blue-dark);\n        box-shadow: 0 18px 40px rgba(31, 111, 255, 0.28);\n    }\n\n    .zab-v8-btn--primary .zab-v8-btn__icon {\n        display: grid;\n        place-items: center;\n        width: 34px;\n        height: 34px;\n        border-radius: 50%;\n        background: #ffffff;\n        color: var(--zab-blue);\n        font-size: 18px;\n        line-height: 1;\n        transition: transform 220ms ease;\n    }\n\n    .zab-v8-btn--primary:hover .zab-v8-btn__icon {\n        transform: translate(2px, -2px);\n    }\n\n    .zab-v8-btn--ghost {\n        gap: 12px;\n        min-width: 154px;\n        padding: 8px 22px;\n        color: var(--zab-ink) !important;\n        border: 2px solid rgba(7, 17, 31, 0.78);\n        background: rgba(255, 255, 255, 0.72);\n    }\n\n    .zab-v8-btn--ghost:hover {\n        color: #ffffff !important;\n        background: var(--zab-blue);\n        border-color: var(--zab-blue);\n    }\n\n    .zab-v8-btn--ghost .zab-v8-btn__icon {\n        font-size: 17px;\n        line-height: 1;\n    }\n\n    .zab-v8__visual {\n        grid-area: visual !important;\n        position: relative;\n        width: min(500px, 100%);\n        justify-self: end;\n        margin-right: clamp(24px, 3.5vw, 56px);\n        direction: ltr;\n    }\n\n    .zab-v8__photo-shell {\n        position: relative;\n        width: 100%;\n        border-radius: 17px;\n        padding: 2px;\n        background: rgba(7, 17, 31, 0.08);\n        box-shadow: var(--zab-photo-shadow);\n        overflow: hidden;\n        isolation: isolate;\n    }\n\n    .zab-v8__photo-shell::before {\n        content: \"\";\n        position: absolute;\n        inset: -50%;\n        z-index: 1;\n        pointer-events: none;\n        background:\n            conic-gradient(\n                from 0deg,\n                transparent 0deg,\n                transparent 18deg,\nrgba(255, 212, 0, 1) 30deg,\nrgba(255, 242, 150, 0.98) 42deg,\ntransparent 56deg,\n                transparent 205deg,\n                rgba(255, 212, 0, 0.98) 212deg,\n                rgba(255, 242, 150, 0.92) 216deg,\n                transparent 224deg,\n                transparent 360deg\n            );\n        animation: zab-v8-border-spin 6.2s linear infinite;\n    }\n\n    .zab-v8__photo-shell::after {\n        content: \"\";\n        position: absolute;\n        inset: 2px;\n        z-index: 2;\n        border-radius: 15px;\n        background: #ffffff;\n        pointer-events: none;\n    }\n\n    .zab-v8__photo-mask {\n        position: relative;\n        z-index: 3;\n        overflow: hidden;\n        width: 100%;\n        aspect-ratio: 497 \/ 607;\n        border-radius: 15px;\n        background:\n            linear-gradient(140deg, rgba(31, 111, 255, 0.14), transparent 32%),\n            linear-gradient(180deg, #f8fbff, #ffffff);\n        isolation: isolate;\n    }\n\n    .zab-v8__photo-mask::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 3;\n        pointer-events: none;\n        border-radius: inherit;\n        box-shadow:\n            inset 0 1px 0 rgba(255, 255, 255, 0.74),\n            inset 0 0 0 1px rgba(7, 17, 31, 0.06);\n    }\n\n    .zab-v8__photo-mask::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 2;\n        background:\n            linear-gradient(180deg, transparent 48%, rgba(7, 17, 31, 0.12) 100%),\n            radial-gradient(circle at 68% 22%, rgba(255, 212, 0, 0.16), transparent 32%),\n            radial-gradient(circle at 22% 78%, rgba(31, 111, 255, 0.12), transparent 34%);\n        pointer-events: none;\n    }\n\n    .zab-v8__photo-mask img {\n        position: relative;\n        z-index: 1;\n        width: 100%;\n        height: 100%;\n        display: block;\n        object-fit: cover;\n        object-position: center;\n    }\n\n    .zab-v8__photo-placeholder {\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n        display: grid;\n        place-items: center;\n        padding: 36px;\n        text-align: center;\n        color: rgba(7, 17, 31, 0.70);\n        font-family: \"Open Sans\", Arial, sans-serif;\n        font-size: 15px;\n        line-height: 1.5;\n        background:\n            radial-gradient(circle at 54% 28%, rgba(255, 212, 0, 0.20), transparent 18%),\n            linear-gradient(145deg, #f7fbff, #ffffff);\n    }\n\n    .zab-v8-stat {\n        position: absolute;\n        z-index: 5;\n        width: 142px;\n        min-height: 142px;\n        padding: 20px 18px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        border-radius: 16px;\n        border: 1px solid var(--zab-card-border);\n        background:\n            linear-gradient(150deg, rgba(255, 255, 255, 0.88), rgba(248, 251, 255, 0.78)),\n            var(--zab-card-bg);\n        box-shadow: var(--zab-shadow);\n        backdrop-filter: blur(14px);\n        -webkit-backdrop-filter: blur(14px);\n        color: var(--zab-ink);\n        animation: zab-v8-float 5.4s ease-in-out infinite;\n        text-align: left;\n        direction: ltr;\n    }\n\n    .zab-v8-stat--top {\n        left: -72px;\n        top: 30px;\n    }\n\n    .zab-v8-stat--mid {\n        right: -70px;\n        top: 154px;\n        animation-delay: -1.6s;\n    }\n\n    .zab-v8-stat--bottom {\n        left: -72px;\n        bottom: 28px;\n        animation-delay: -3.1s;\n    }\n\n    .zab-v8-stat__icon {\n        width: 32px;\n        height: 32px;\n        margin-bottom: 16px;\n        color: var(--zab-blue);\n        flex: 0 0 auto;\n    }\n\n    .zab-v8-stat__icon path,\n    .zab-v8-stat__icon rect,\n    .zab-v8-stat__icon circle,\n    .zab-v8-stat__icon line,\n    .zab-v8-stat__icon polyline {\n        vector-effect: non-scaling-stroke;\n    }\n\n    .zab-v8-stat strong {\n        display: block;\n        margin: 0 0 7px;\n        color: var(--zab-ink);\n        font-family: \"Montserrat\", Arial, sans-serif;\n        font-size: 25px;\n        line-height: 1;\n        font-weight: 700;\n        letter-spacing: -0.045em;\n    }\n\n    .zab-v8-stat--mid strong {\n        max-width: 104px;\n        font-size: 17px;\n        line-height: 1.16;\n        letter-spacing: -0.035em;\n    }\n\n    .zab-v8-stat span {\n        display: block;\n        color: var(--zab-soft-ink);\n        font-family: \"Open Sans\", Arial, sans-serif;\n        font-size: 13px;\n        line-height: 1.28;\n        font-weight: 600;\n        letter-spacing: -0.015em;\n    }\n\n    .zab-v8--rtl {\n        direction: rtl;\n    }\n\n    .zab-v8--rtl .zab-v8__wrap,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8__wrap,\n    body.rtl .zab-v8 .zab-v8__wrap,\n    body.lang-ar .zab-v8 .zab-v8__wrap,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8__wrap {\n        direction: ltr !important;\n        grid-template-columns: minmax(420px, 0.88fr) minmax(0, 1fr) !important;\n        grid-template-areas: \"visual copy\" !important;\n    }\n\n    .zab-v8--rtl .zab-v8__content,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8__content,\n    body.rtl .zab-v8 .zab-v8__content,\n    body.lang-ar .zab-v8 .zab-v8__content,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8__content {\n        grid-area: copy !important;\n        justify-self: end !important;\n        text-align: right !important;\n        direction: rtl !important;\n    }\n\n    .zab-v8--rtl .zab-v8__hello,\n    .zab-v8--rtl .zab-v8__name,\n    .zab-v8--rtl .zab-v8__title,\n    .zab-v8--rtl .zab-v8__desc,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8__hello,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8__name,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8__title,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8__desc,\n    body.rtl .zab-v8 .zab-v8__hello,\n    body.rtl .zab-v8 .zab-v8__name,\n    body.rtl .zab-v8 .zab-v8__title,\n    body.rtl .zab-v8 .zab-v8__desc,\n    body.lang-ar .zab-v8 .zab-v8__hello,\n    body.lang-ar .zab-v8 .zab-v8__name,\n    body.lang-ar .zab-v8 .zab-v8__title,\n    body.lang-ar .zab-v8 .zab-v8__desc,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8__hello,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8__name,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8__title,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8__desc {\n        text-align: right !important;\n    }\n\n    .zab-v8--rtl .zab-v8__name,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8__name,\n    body.rtl .zab-v8 .zab-v8__name,\n    body.lang-ar .zab-v8 .zab-v8__name,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8__name {\n        margin-left: auto !important;\n        margin-right: 0 !important;\n    }\n\n    .zab-v8--rtl .zab-v8__title,\n    .zab-v8--rtl .zab-v8__desc,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8__title,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8__desc,\n    body.rtl .zab-v8 .zab-v8__title,\n    body.rtl .zab-v8 .zab-v8__desc,\n    body.lang-ar .zab-v8 .zab-v8__title,\n    body.lang-ar .zab-v8 .zab-v8__desc,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8__title,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8__desc {\n        margin-left: auto !important;\n        margin-right: 0 !important;\n    }\n\n    .zab-v8--rtl .zab-v8__title span,\n    .zab-v8--rtl .zab-v8__desc,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8__title span,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8__desc,\n    body.rtl .zab-v8 .zab-v8__title span,\n    body.rtl .zab-v8 .zab-v8__desc,\n    body.lang-ar .zab-v8 .zab-v8__title span,\n    body.lang-ar .zab-v8 .zab-v8__desc,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8__title span,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8__desc {\n        direction: rtl !important;\n        unicode-bidi: plaintext !important;\n        text-align: right !important;\n    }\n\n    .zab-v8--rtl .zab-v8__actions,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8__actions,\n    body.rtl .zab-v8 .zab-v8__actions,\n    body.lang-ar .zab-v8 .zab-v8__actions,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8__actions {\n        justify-content: flex-start !important;\n        direction: rtl !important;\n    }\n\n    .zab-v8--rtl .zab-v8-btn,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8-btn,\n    body.rtl .zab-v8 .zab-v8-btn,\n    body.lang-ar .zab-v8 .zab-v8-btn,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8-btn {\n        direction: rtl !important;\n    }\n\n    .zab-v8--rtl .zab-v8-btn__icon,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8-btn__icon,\n    body.rtl .zab-v8 .zab-v8-btn__icon,\n    body.lang-ar .zab-v8 .zab-v8-btn__icon,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8-btn__icon {\n        order: -1;\n    }\n\n    .zab-v8--rtl .zab-v8-btn--primary,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8-btn--primary,\n    body.rtl .zab-v8 .zab-v8-btn--primary,\n    body.lang-ar .zab-v8 .zab-v8-btn--primary,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8-btn--primary {\n        padding: 8px 7px 8px 24px;\n    }\n\n    .zab-v8--rtl .zab-v8__visual,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8__visual,\n    body.rtl .zab-v8 .zab-v8__visual,\n    body.lang-ar .zab-v8 .zab-v8__visual,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8__visual {\n        grid-area: visual !important;\n        justify-self: start !important;\n        margin-left: clamp(24px, 3.5vw, 56px);\n        margin-right: 0;\n        direction: ltr !important;\n    }\n\n    .zab-v8--rtl .zab-v8-stat,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8-stat,\n    body.rtl .zab-v8 .zab-v8-stat,\n    body.lang-ar .zab-v8 .zab-v8-stat,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8-stat {\n        text-align: right !important;\n        direction: rtl !important;\n    }\n\n    .zab-v8--rtl .zab-v8-stat--top,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8-stat--top,\n    body.rtl .zab-v8 .zab-v8-stat--top,\n    body.lang-ar .zab-v8 .zab-v8-stat--top,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8-stat--top {\n        left: auto !important;\n        right: -72px !important;\n        top: 30px;\n    }\n\n    .zab-v8--rtl .zab-v8-stat--bottom,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8-stat--bottom,\n    body.rtl .zab-v8 .zab-v8-stat--bottom,\n    body.lang-ar .zab-v8 .zab-v8-stat--bottom,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8-stat--bottom {\n        left: auto !important;\n        right: -72px !important;\n        bottom: 28px;\n    }\n\n    .zab-v8--rtl .zab-v8-stat--mid,\n    html[dir=\"rtl\"] .zab-v8 .zab-v8-stat--mid,\n    body.rtl .zab-v8 .zab-v8-stat--mid,\n    body.lang-ar .zab-v8 .zab-v8-stat--mid,\n    html[lang^=\"ar\"] .zab-v8 .zab-v8-stat--mid {\n        right: auto !important;\n        left: -70px !important;\n        top: 154px;\n    }\n\n    @keyframes zab-v8-border-spin {\n        to {\n            transform: rotate(360deg);\n        }\n    }\n\n    @keyframes zab-v8-float {\n        0%, 100% {\n            transform: translateY(0);\n        }\n\n        50% {\n            transform: translateY(-8px);\n        }\n    }\n\n    @keyframes zab-v8-bg-drift {\n        0% {\n            transform: rotate(-7deg) scale(1.12) translate3d(0, 0, 0);\n        }\n\n        100% {\n            transform: rotate(-5deg) scale(1.16) translate3d(24px, -14px, 0);\n        }\n    }\n\n    @media (max-width: 1240px) {\n        .zab-v8__wrap {\n            grid-template-columns: minmax(0, 1fr) minmax(390px, 0.82fr) !important;\n            gap: 54px;\n            width: min(1120px, calc(100% - 56px));\n        }\n\n        .zab-v8--rtl .zab-v8__wrap,\n        html[dir=\"rtl\"] .zab-v8 .zab-v8__wrap,\n        body.rtl .zab-v8 .zab-v8__wrap,\n        body.lang-ar .zab-v8 .zab-v8__wrap,\n        html[lang^=\"ar\"] .zab-v8 .zab-v8__wrap {\n            grid-template-columns: minmax(390px, 0.82fr) minmax(0, 1fr) !important;\n            grid-template-areas: \"visual copy\" !important;\n        }\n\n        .zab-v8__visual {\n            margin-right: 24px;\n        }\n\n        .zab-v8--rtl .zab-v8__visual,\n        html[dir=\"rtl\"] .zab-v8 .zab-v8__visual,\n        body.rtl .zab-v8 .zab-v8__visual,\n        body.lang-ar .zab-v8 .zab-v8__visual,\n        html[lang^=\"ar\"] .zab-v8 .zab-v8__visual {\n            margin-left: 24px;\n            margin-right: 0;\n        }\n\n        .zab-v8-stat {\n            width: 128px;\n            min-height: 128px;\n            padding: 17px 15px;\n        }\n\n        .zab-v8-stat--top,\n        .zab-v8-stat--bottom {\n            left: -48px;\n        }\n\n        .zab-v8-stat--mid {\n            right: -46px;\n        }\n\n        .zab-v8--rtl .zab-v8-stat--top,\n        .zab-v8--rtl .zab-v8-stat--bottom,\n        html[dir=\"rtl\"] .zab-v8 .zab-v8-stat--top,\n        html[dir=\"rtl\"] .zab-v8 .zab-v8-stat--bottom,\n        body.rtl .zab-v8 .zab-v8-stat--top,\n        body.rtl .zab-v8 .zab-v8-stat--bottom,\n        body.lang-ar .zab-v8 .zab-v8-stat--top,\n        body.lang-ar .zab-v8 .zab-v8-stat--bottom,\n        html[lang^=\"ar\"] .zab-v8 .zab-v8-stat--top,\n        html[lang^=\"ar\"] .zab-v8 .zab-v8-stat--bottom {\n            left: auto !important;\n            right: -48px !important;\n        }\n\n        .zab-v8--rtl .zab-v8-stat--mid,\n        html[dir=\"rtl\"] .zab-v8 .zab-v8-stat--mid,\n        body.rtl .zab-v8 .zab-v8-stat--mid,\n        body.lang-ar .zab-v8 .zab-v8-stat--mid,\n        html[lang^=\"ar\"] .zab-v8 .zab-v8-stat--mid {\n            right: auto !important;\n            left: -46px !important;\n        }\n    }\n\n    @media (max-width: 980px) {\n        .zab-v8 {\n            min-height: auto;\n            padding-block: 76px 88px;\n        }\n\n        .zab-v8__wrap,\n        .zab-v8--rtl .zab-v8__wrap,\n        html[dir=\"rtl\"] .zab-v8 .zab-v8__wrap,\n        body.rtl .zab-v8 .zab-v8__wrap,\n        body.lang-ar .zab-v8 .zab-v8__wrap,\n        html[lang^=\"ar\"] .zab-v8 .zab-v8__wrap {\n            grid-template-columns: 1fr !important;\n            grid-template-areas:\n                \"copy\"\n                \"visual\" !important;\n            gap: 64px;\n            width: min(720px, calc(100% - 40px));\n            direction: ltr !important;\n        }\n\n        .zab-v8__content,\n        .zab-v8--rtl .zab-v8__content,\n        html[dir=\"rtl\"] .zab-v8 .zab-v8__content,\n        body.rtl .zab-v8 .zab-v8__content,\n        body.lang-ar .zab-v8 .zab-v8__content,\n        html[lang^=\"ar\"] .zab-v8 .zab-v8__content {\n            max-width: 100%;\n            justify-self: stretch !important;\n        }\n\n        .zab-v8__visual,\n        .zab-v8--rtl .zab-v8__visual,\n        html[dir=\"rtl\"] .zab-v8 .zab-v8__visual,\n        body.rtl .zab-v8 .zab-v8__visual,\n        body.lang-ar .zab-v8 .zab-v8__visual,\n        html[lang^=\"ar\"] .zab-v8 .zab-v8__visual {\n            justify-self: center !important;\n            margin-left: 0;\n            margin-right: 0;\n            width: min(500px, calc(100% - 48px));\n        }\n    }\n\n    @media (max-width: 640px) {\n        .zab-v8 {\n            padding-block: 58px 70px;\n        }\n\n        .zab-v8__wrap {\n            width: min(100% - 30px, 520px);\n            gap: 48px;\n        }\n\n        .zab-v8__hello {\n            margin-bottom: 14px;\n        }\n\n        .zab-v8__name {\n            width: auto;\n            margin-bottom: 38px;\n            white-space: normal;\n            font-size: clamp(64px, 16vw, 88px);\n        }\n\n        .zab-v8__title {\n            font-size: clamp(32px, 9vw, 43px);\n        }\n\n        .zab-v8__actions {\n            gap: 14px;\n        }\n\n        .zab-v8-btn {\n            min-height: 47px;\n            font-size: 13px;\n        }\n\n        .zab-v8-btn--primary {\n            min-width: 178px;\n        }\n\n        .zab-v8-btn--ghost {\n            min-width: 142px;\n        }\n\n        .zab-v8__visual,\n        .zab-v8--rtl .zab-v8__visual,\n        html[dir=\"rtl\"] .zab-v8 .zab-v8__visual,\n        body.rtl .zab-v8 .zab-v8__visual,\n        body.lang-ar .zab-v8 .zab-v8__visual,\n        html[lang^=\"ar\"] .zab-v8 .zab-v8__visual {\n            width: min(100%, 420px);\n        }\n\n        .zab-v8-stat {\n            width: 116px;\n            min-height: 116px;\n            border-radius: 14px;\n            padding: 14px 13px;\n        }\n\n        .zab-v8-stat__icon {\n            width: 27px;\n            height: 27px;\n            margin-bottom: 13px;\n        }\n\n        .zab-v8-stat strong {\n            font-size: 22px;\n        }\n\n        .zab-v8-stat--mid strong {\n            font-size: 15px;\n        }\n\n        .zab-v8-stat span {\n            font-size: 12px;\n        }\n\n        .zab-v8-stat--top {\n            left: -12px;\n            top: 16px;\n        }\n\n        .zab-v8-stat--mid {\n            right: -12px;\n            top: 132px;\n        }\n\n        .zab-v8-stat--bottom {\n            left: -12px;\n            bottom: 16px;\n        }\n\n        .zab-v8--rtl .zab-v8-stat--top,\n        .zab-v8--rtl .zab-v8-stat--bottom,\n        html[dir=\"rtl\"] .zab-v8 .zab-v8-stat--top,\n        html[dir=\"rtl\"] .zab-v8 .zab-v8-stat--bottom,\n        body.rtl .zab-v8 .zab-v8-stat--top,\n        body.rtl .zab-v8 .zab-v8-stat--bottom,\n        body.lang-ar .zab-v8 .zab-v8-stat--top,\n        body.lang-ar .zab-v8 .zab-v8-stat--bottom,\n        html[lang^=\"ar\"] .zab-v8 .zab-v8-stat--top,\n        html[lang^=\"ar\"] .zab-v8 .zab-v8-stat--bottom {\n            left: auto !important;\n            right: -12px !important;\n        }\n\n        .zab-v8--rtl .zab-v8-stat--mid,\n        html[dir=\"rtl\"] .zab-v8 .zab-v8-stat--mid,\n        body.rtl .zab-v8 .zab-v8-stat--mid,\n        body.lang-ar .zab-v8 .zab-v8-stat--mid,\n        html[lang^=\"ar\"] .zab-v8 .zab-v8-stat--mid {\n            right: auto !important;\n            left: -12px !important;\n        }\n    }\n\n    @media (max-width: 420px) {\n        .zab-v8__actions,\n        .zab-v8--rtl .zab-v8__actions,\n        html[dir=\"rtl\"] .zab-v8 .zab-v8__actions,\n        body.rtl .zab-v8 .zab-v8__actions,\n        body.lang-ar .zab-v8 .zab-v8__actions,\n        html[lang^=\"ar\"] .zab-v8 .zab-v8__actions {\n            align-items: stretch;\n            flex-direction: column;\n        }\n\n        .zab-v8-btn {\n            width: 100%;\n        }\n\n        .zab-v8-stat--mid {\n            display: none;\n        }\n\n        .zab-v8__visual,\n        .zab-v8--rtl .zab-v8__visual,\n        html[dir=\"rtl\"] .zab-v8 .zab-v8__visual,\n        body.rtl .zab-v8 .zab-v8__visual,\n        body.lang-ar .zab-v8 .zab-v8__visual,\n        html[lang^=\"ar\"] .zab-v8 .zab-v8__visual {\n            width: 100%;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .zab-v8,\n        .zab-v8 *,\n        .zab-v8::before,\n        .zab-v8__photo-shell::before {\n            animation: none !important;\n            transition-duration: 0.01ms !important;\n            scroll-behavior: auto !important;\n        }\n    }\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"zab-v8 zab-v8--rtl\" dir=\"rtl\" data-zab-dir=\"rtl\" aria-label=\"Industrial automation hero section\">\n    <div class=\"zab-v8__wrap\">\n        <div class=\"zab-v8__content\">\n            <p class=\"zab-v8__hello\">Hello \u2014 I&apos;m<\/p>\n\n            <h1 class=\"zab-v8__name\">\n                <bdi dir=\"ltr\"><span class=\"zab-v8__name-accent\">Alex<\/span> Baena<\/bdi>\n            <\/h1>\n\n            <h2 class=\"zab-v8__title\">\n                <span dir=\"ltr\">Industrial<\/span>\n                <span class=\"zab-v8__blue\" dir=\"ltr\">Programming<\/span>\n                <span dir=\"ltr\">&amp; Automation<\/span>\n            <\/h2>\n\n            <p class=\"zab-v8__desc\">\n                <bdi dir=\"ltr\">Machine programming, PLC control logic, HMI screens, and SCADA systems built for reliable industrial performance.<\/bdi>\n            <\/p>\n\n            <div class=\"zab-v8__actions\">\n                <a class=\"zab-v8-btn zab-v8-btn--primary\" href=\"#portfolio\">\n                    <span class=\"zab-v8-btn__text\">View Projects<\/span>\n                    <span class=\"zab-v8-btn__icon\" aria-hidden=\"true\">\u2197<\/span>\n                <\/a>\n\n                <a class=\"zab-v8-btn zab-v8-btn--ghost\" href=\"#about\">\n                    <span class=\"zab-v8-btn__text\">About Me<\/span>\n                    <span class=\"zab-v8-btn__icon\" aria-hidden=\"true\">\u2197<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"zab-v8__visual\">\n            <div class=\"zab-v8__photo-shell\">\n                <div class=\"zab-v8__photo-mask\">\n                    <img fetchpriority=\"high\" width=\"1232\" height=\"745\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2025\/10\/showVID1.webp\" class=\"zab-v8__image\" alt=\"Industrial automation programmer working with PLC and HMI systems\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\" sizes=\"(max-width: 640px) 100vw, (max-width: 980px) 500px, 500px\" srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2025\/10\/showVID1.webp 1232w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2025\/10\/showVID1-300x181.webp 300w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2025\/10\/showVID1-1024x619.webp 1024w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2025\/10\/showVID1-768x464.webp 768w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2025\/10\/showVID1-18x12.webp 18w\" \/>                <\/div>\n            <\/div>\n\n            <div class=\"zab-v8-stat zab-v8-stat--top\" aria-label=\"PLC programming projects completed\">\n                <svg class=\"zab-v8-stat__icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\">\n                    <rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"2.4\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n                    <path d=\"M8 2.8V5M12 2.8V5M16 2.8V5M8 19V21.2M12 19V21.2M16 19V21.2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n                    <path d=\"M8 9H16M8 12H13M8 15H15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n                <\/svg>\n                <strong>50+<\/strong>\n                <span>PLC Projects<\/span>\n            <\/div>\n\n            <div class=\"zab-v8-stat zab-v8-stat--mid\" aria-label=\"Machine programming and control logic\">\n                <svg class=\"zab-v8-stat__icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\">\n                    <path d=\"M8 8L4 12L8 16\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <path d=\"M16 8L20 12L16 16\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <path d=\"M14 5L10 19\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n                    <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.3\" opacity=\"0.28\"><\/circle>\n                <\/svg>\n                <strong>Machine Logic<\/strong>\n                <span>Built to perform<\/span>\n            <\/div>\n\n            <div class=\"zab-v8-stat zab-v8-stat--bottom\" aria-label=\"HMI and SCADA experience\">\n                <svg class=\"zab-v8-stat__icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\">\n                    <rect x=\"3.5\" y=\"4.5\" width=\"17\" height=\"12\" rx=\"2.2\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n                    <path d=\"M9 20H15M12 16.5V20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n                    <path d=\"M7 13L10 10L12.5 12L17 7.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                <\/svg>\n                <strong>HMI<\/strong>\n                <span>SCADA Systems<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20d4cb0 e-con-full e-flex e-con e-parent\" data-id=\"20d4cb0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8202b7c elementor-widget elementor-widget-shortcode\" data-id=\"8202b7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800&family=Open+Sans:wght@400;500;600;700&display=swap');\n\n    @property --z-border-angle {\n        syntax: \"<angle>\";\n        inherits: false;\n        initial-value: 0deg;\n    }\n\n    .z-about-section,\n    .z-about-section * {\n        box-sizing: border-box;\n    }\n\n    .z-about-section {\n        --z-bg: #2b339b;\n        --z-bg-deep: #1e267d;\n        --z-card: rgba(18, 26, 116, 0.92);\n        --z-card-soft: rgba(22, 31, 133, 0.88);\n        --z-border: rgba(255, 255, 255, 0.16);\n        --z-border-soft: rgba(255, 255, 255, 0.11);\n        --z-yellow: #f4e655;\n        --z-yellow-soft: rgba(244, 230, 85, 0.22);\n        --z-white: #ffffff;\n        --z-body: rgba(255, 255, 255, 0.84);\n        --z-muted: rgba(255, 255, 255, 0.68);\n        --z-track: rgba(255, 255, 255, 0.16);\n        --z-dark: #0b104e;\n        --z-radius: 18px;\n\n        position: relative;\n        width: 100%;\n        min-height: 720px;\n        padding: 56px 18px;\n        background:\n            radial-gradient(680px 440px at 17% 58%, rgba(244, 230, 85, 0.16), transparent 72%),\n            radial-gradient(860px 540px at 84% 12%, rgba(255, 255, 255, 0.13), transparent 72%),\n            linear-gradient(135deg, var(--z-bg) 0%, #242c8f 48%, var(--z-bg-deep) 100%);\n        color: var(--z-white);\n        font-family: \"Open Sans\", Arial, sans-serif;\n        overflow: hidden;\n        isolation: isolate;\n        direction: ltr;\n    }\n\n    .z-about-section::before {\n        content: \"\";\n        position: absolute;\n        width: 760px;\n        height: 760px;\n        left: -210px;\n        top: 54px;\n        border: 1px solid rgba(255, 255, 255, 0.12);\n        border-left-color: transparent;\n        border-bottom-color: transparent;\n        border-radius: 50%;\n        transform: rotate(-18deg);\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .z-about-section::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        pointer-events: none;\n        background:\n            linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.06) 38%, transparent 52%),\n            radial-gradient(circle at 72% 72%, rgba(244, 230, 85, 0.09), transparent 28%);\n        opacity: 0.85;\n    }\n\n    .z-about-wrap {\n        position: relative;\n        z-index: 1;\n        width: min(100%, 1336px);\n        min-height: 610px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 417px 417px 417px;\n        grid-template-areas: \"copy photo side\";\n        gap: 33px;\n        align-items: stretch;\n        direction: ltr;\n    }\n\n    .z-about-left {\n        grid-area: copy;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n        min-height: 610px;\n        padding-top: 2px;\n        text-align: left;\n        direction: ltr;\n    }\n\n    .z-about-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 20px;\n        margin: 0;\n        color: var(--z-white);\n        font-family: \"Montserrat\", Arial, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        line-height: 1;\n        letter-spacing: 0.035em;\n        text-transform: uppercase;\n    }\n\n    .z-about-eyebrow::after {\n        content: \"\";\n        width: 35px;\n        height: 3px;\n        border-radius: 999px;\n        background: var(--z-yellow);\n        box-shadow: 0 0 16px rgba(244, 230, 85, 0.70);\n    }\n\n    .z-about-title {\n        margin: 31px 0 0;\n        max-width: 420px;\n        font-family: \"Montserrat\", Arial, sans-serif;\n        color: var(--z-white);\n        font-size: 50px;\n        font-weight: 800;\n        line-height: 1.08;\n        letter-spacing: -0.055em;\n    }\n\n    .z-about-title .z-yellow {\n        color: var(--z-yellow);\n        text-shadow: 0 0 18px rgba(244, 230, 85, 0.22);\n    }\n\n    .z-about-text {\n        margin: 28px 0 0;\n        max-width: 418px;\n        color: var(--z-body);\n        font-family: \"Open Sans\", Arial, sans-serif;\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 1.68;\n        letter-spacing: -0.012em;\n    }\n\n    .z-about-cta {\n        margin-top: auto;\n        display: flex;\n        align-items: center;\n        gap: 35px;\n        padding-bottom: 0;\n        white-space: nowrap;\n        direction: ltr;\n    }\n\n    .z-about-btn {\n        width: 182px;\n        height: 41px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 5px 5px 5px 22px;\n        border-radius: 999px;\n        background: var(--z-yellow);\n        color: #11175f !important;\n        text-decoration: none !important;\n        text-transform: uppercase;\n        font-family: \"Montserrat\", Arial, sans-serif;\n        font-size: 13px;\n        font-weight: 800;\n        line-height: 1;\n        letter-spacing: 0.035em;\n        transition: transform 220ms ease, filter 220ms ease, box-shadow 220ms ease;\n        box-shadow: 0 14px 30px rgba(244, 230, 85, 0.22);\n    }\n\n    .z-about-btn:hover {\n        color: #11175f !important;\n        filter: brightness(1.04);\n        transform: translateY(-1px);\n        box-shadow: 0 18px 38px rgba(244, 230, 85, 0.28);\n    }\n\n    .z-about-btn:focus-visible {\n        outline: 3px solid rgba(244, 230, 85, 0.45);\n        outline-offset: 4px;\n    }\n\n    .z-about-btn-icon {\n        width: 31px;\n        height: 31px;\n        display: grid;\n        place-items: center;\n        flex: 0 0 31px;\n        border-radius: 50%;\n        background: #11175f;\n        color: var(--z-white);\n        font-size: 14px;\n        line-height: 1;\n        transition: transform 260ms ease;\n    }\n\n    .z-about-btn:hover .z-about-btn-icon {\n        transform: rotate(45deg);\n    }\n\n    .z-about-status {\n        display: inline-flex;\n        align-items: center;\n        gap: 11px;\n        color: var(--z-white);\n        font-family: \"Open Sans\", Arial, sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        letter-spacing: -0.01em;\n    }\n\n    .z-about-status-dot {\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: var(--z-yellow);\n        box-shadow: 0 0 16px rgba(244, 230, 85, 0.82);\n    }\n\n    .z-about-photo {\n        grid-area: photo;\n        position: relative;\n        min-height: 610px;\n        margin: 0;\n        border-radius: 18px;\n        overflow: hidden;\n        background:\n            linear-gradient(180deg, rgba(13, 17, 84, 0.08), rgba(13, 17, 84, 0.36)),\n            url('https:\/\/yourdomain.com\/me.jpg') center center \/ cover no-repeat;\n        box-shadow:\n            inset 0 0 0 1px rgba(255, 255, 255, 0.10),\n            0 26px 74px rgba(12, 16, 76, 0.36);\n        isolation: isolate;\n    }\n\n    .z-about-photo::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 4;\n        padding: 2px;\n        border-radius: inherit;\n        background:\n            conic-gradient(\n                from var(--z-border-angle),\n                transparent 0deg,\n                transparent 63deg,\n                rgba(244, 230, 85, 0.16) 72deg,\n                rgba(244, 230, 85, 0.98) 88deg,\n                rgba(244, 230, 85, 0.32) 105deg,\n                transparent 124deg,\n                transparent 243deg,\n                rgba(244, 230, 85, 0.16) 252deg,\n                rgba(244, 230, 85, 0.98) 268deg,\n                rgba(244, 230, 85, 0.32) 285deg,\n                transparent 304deg,\n                transparent 360deg\n            );\n        -webkit-mask:\n            linear-gradient(#000 0 0) content-box,\n            linear-gradient(#000 0 0);\n        -webkit-mask-composite: xor;\n        mask:\n            linear-gradient(#000 0 0) content-box,\n            linear-gradient(#000 0 0);\n        mask-composite: exclude;\n        pointer-events: none;\n        animation: z-about-border-spin 8s linear infinite;\n        filter: drop-shadow(0 0 10px rgba(244, 230, 85, 0.68));\n        will-change: --z-border-angle;\n    }\n\n    .z-about-photo::after {\n        content: \"\";\n        position: absolute;\n        inset: 1px;\n        z-index: 2;\n        border-radius: 17px;\n        background:\n            radial-gradient(360px 440px at 67% 61%, transparent 25%, rgba(17, 23, 95, 0.24) 70%),\n            linear-gradient(90deg, rgba(17, 23, 95, 0.36), transparent 52%, rgba(17, 23, 95, 0.24));\n        pointer-events: none;\n    }\n\n    @keyframes z-about-border-spin {\n        from {\n            --z-border-angle: 0deg;\n        }\n\n        to {\n            --z-border-angle: 360deg;\n        }\n    }\n\n    @supports not (background: conic-gradient(from 0deg, #000, #fff)) {\n        .z-about-photo::before {\n            background:\n                linear-gradient(90deg, transparent, rgba(244, 230, 85, 0.98), transparent) top center \/ 160px 2px no-repeat,\n                linear-gradient(90deg, transparent, rgba(244, 230, 85, 0.98), transparent) bottom center \/ 160px 2px no-repeat;\n            -webkit-mask: none;\n            mask: none;\n            animation: none;\n        }\n    }\n\n    .z-about-right {\n        grid-area: side;\n        min-height: 610px;\n        display: flex;\n        flex-direction: column;\n        gap: 26px;\n        min-width: 0;\n    }\n\n    .z-card {\n        background:\n            linear-gradient(145deg, rgba(255, 255, 255, 0.065), transparent 34%),\n            var(--z-card);\n        border: 1px solid var(--z-border-soft);\n        border-radius: 18px;\n        box-shadow: 0 24px 60px rgba(12, 16, 76, 0.22);\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n    }\n\n    .z-expertise {\n        min-height: 488px;\n        padding: 29px 32px 31px;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .z-card-title {\n        margin: 0 0 30px;\n        color: var(--z-white);\n        font-family: \"Montserrat\", Arial, sans-serif;\n        font-size: 20px;\n        font-weight: 800;\n        line-height: 1;\n        letter-spacing: -0.035em;\n    }\n\n    .z-skill {\n        position: relative;\n    }\n\n    .z-skill + .z-skill {\n        margin-top: 29px;\n    }\n\n    .z-skill-row {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n        min-width: 0;\n        direction: ltr;\n    }\n\n    .z-skill-icon {\n        width: 50px;\n        height: 50px;\n        flex: 0 0 50px;\n        display: grid;\n        place-items: center;\n        border-radius: 50%;\n        background: rgba(255, 255, 255, 0.09);\n        color: var(--z-yellow);\n        box-shadow: inset 0 0 0 1px rgba(244, 230, 85, 0.12);\n    }\n\n    .z-skill-icon svg {\n        width: 24px;\n        height: 24px;\n        display: block;\n    }\n\n    .z-skill-icon path,\n    .z-skill-icon rect,\n    .z-skill-icon circle,\n    .z-skill-icon line,\n    .z-skill-icon polyline {\n        vector-effect: non-scaling-stroke;\n    }\n\n    .z-skill-name {\n        flex: 1 1 auto;\n        min-width: 0;\n        color: var(--z-white);\n        font-family: \"Open Sans\", Arial, sans-serif;\n        font-size: 17px;\n        font-weight: 700;\n        line-height: 1.18;\n        letter-spacing: -0.035em;\n    }\n\n    .z-skill-percent {\n        flex: 0 0 auto;\n        color: var(--z-yellow);\n        font-family: \"Montserrat\", Arial, sans-serif;\n        font-size: 17px;\n        font-weight: 800;\n        line-height: 1;\n        letter-spacing: -0.035em;\n    }\n\n    .z-skill-bar {\n        height: 4px;\n        margin: 14px 0 0 70px;\n        overflow: hidden;\n        border-radius: 999px;\n        background: var(--z-track);\n    }\n\n    .z-skill-bar span {\n        display: block;\n        width: var(--z-progress);\n        height: 100%;\n        border-radius: inherit;\n        background: var(--z-yellow);\n        box-shadow: 0 0 14px rgba(244, 230, 85, 0.52);\n    }\n\n    .z-logo-strip {\n        position: relative;\n        height: 96px;\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        background: rgba(18, 26, 116, 0.80);\n        -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 13%, #000 87%, transparent 100%);\n        mask-image: linear-gradient(90deg, transparent 0%, #000 13%, #000 87%, transparent 100%);\n    }\n\n    .z-logo-carousel {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n    }\n\n    .z-logo-track {\n        display: flex;\n        align-items: center;\n        width: max-content;\n        gap: 42px;\n        padding: 0 42px;\n        animation: z-logo-marquee 18s linear infinite;\n        will-change: transform;\n    }\n\n    .z-logo-strip:hover .z-logo-track {\n        animation-play-state: paused;\n    }\n\n    .z-logo-item {\n        height: 38px;\n        width: auto;\n        max-width: 125px;\n        object-fit: contain;\n        display: block;\n        flex: 0 0 auto;\n        opacity: 0.66;\n        filter: grayscale(1) brightness(1.8);\n        transition: opacity 220ms ease, filter 220ms ease, transform 220ms ease;\n    }\n\n    .z-logo-item:hover {\n        opacity: 1;\n        filter: grayscale(0) brightness(1.08);\n        transform: translateY(-1px);\n    }\n\n    .z-logo-empty {\n        width: 100%;\n        padding: 0 34px;\n        color: rgba(255, 255, 255, 0.66);\n        font-family: \"Open Sans\", Arial, sans-serif;\n        font-size: 14px;\n        font-weight: 600;\n        letter-spacing: -0.01em;\n        text-align: center;\n    }\n\n    @keyframes z-logo-marquee {\n        from {\n            transform: translate3d(0, 0, 0);\n        }\n\n        to {\n            transform: translate3d(-50%, 0, 0);\n        }\n    }\n\n    .z-about-section--rtl {\n        direction: rtl;\n    }\n\n    .z-about-section--rtl .z-about-wrap,\n    html[dir=\"rtl\"] .z-about-section .z-about-wrap,\n    body.rtl .z-about-section .z-about-wrap,\n    body.lang-ar .z-about-section .z-about-wrap,\n    html[lang^=\"ar\"] .z-about-section .z-about-wrap {\n        grid-template-areas: \"side photo copy\";\n        direction: rtl;\n    }\n\n    .z-about-section--rtl .z-about-left,\n    html[dir=\"rtl\"] .z-about-section .z-about-left,\n    body.rtl .z-about-section .z-about-left,\n    body.lang-ar .z-about-section .z-about-left,\n    html[lang^=\"ar\"] .z-about-section .z-about-left {\n        text-align: right;\n        direction: rtl;\n    }\n\n    .z-about-section--rtl .z-about-eyebrow,\n    html[dir=\"rtl\"] .z-about-section .z-about-eyebrow,\n    body.rtl .z-about-section .z-about-eyebrow,\n    body.lang-ar .z-about-section .z-about-eyebrow,\n    html[lang^=\"ar\"] .z-about-section .z-about-eyebrow {\n        flex-direction: row-reverse;\n        justify-content: flex-end;\n    }\n\n    .z-about-section--rtl .z-about-title,\n    .z-about-section--rtl .z-about-text,\n    html[dir=\"rtl\"] .z-about-section .z-about-title,\n    html[dir=\"rtl\"] .z-about-section .z-about-text,\n    body.rtl .z-about-section .z-about-title,\n    body.rtl .z-about-section .z-about-text,\n    body.lang-ar .z-about-section .z-about-title,\n    body.lang-ar .z-about-section .z-about-text,\n    html[lang^=\"ar\"] .z-about-section .z-about-title,\n    html[lang^=\"ar\"] .z-about-section .z-about-text {\n        margin-left: 0;\n        margin-right: 0;\n        text-align: right;\n        direction: rtl;\n        unicode-bidi: plaintext;\n    }\n\n    .z-about-section--rtl .z-about-cta,\n    html[dir=\"rtl\"] .z-about-section .z-about-cta,\n    body.rtl .z-about-section .z-about-cta,\n    body.lang-ar .z-about-section .z-about-cta,\n    html[lang^=\"ar\"] .z-about-section .z-about-cta {\n        direction: rtl;\n        justify-content: flex-start;\n    }\n\n    .z-about-section--rtl .z-about-btn,\n    html[dir=\"rtl\"] .z-about-section .z-about-btn,\n    body.rtl .z-about-section .z-about-btn,\n    body.lang-ar .z-about-section .z-about-btn,\n    html[lang^=\"ar\"] .z-about-section .z-about-btn {\n        padding: 5px 22px 5px 5px;\n        direction: rtl;\n    }\n\n    .z-about-section--rtl .z-about-btn-icon,\n    html[dir=\"rtl\"] .z-about-section .z-about-btn-icon,\n    body.rtl .z-about-section .z-about-btn-icon,\n    body.lang-ar .z-about-section .z-about-btn-icon,\n    html[lang^=\"ar\"] .z-about-section .z-about-btn-icon {\n        transform: scaleX(-1);\n    }\n\n    .z-about-section--rtl .z-about-btn:hover .z-about-btn-icon,\n    html[dir=\"rtl\"] .z-about-section .z-about-btn:hover .z-about-btn-icon,\n    body.rtl .z-about-section .z-about-btn:hover .z-about-btn-icon,\n    body.lang-ar .z-about-section .z-about-btn:hover .z-about-btn-icon,\n    html[lang^=\"ar\"] .z-about-section .z-about-btn:hover .z-about-btn-icon {\n        transform: scaleX(-1) rotate(45deg);\n    }\n\n    .z-about-section--rtl .z-about-right,\n    html[dir=\"rtl\"] .z-about-section .z-about-right,\n    body.rtl .z-about-section .z-about-right,\n    body.lang-ar .z-about-section .z-about-right,\n    html[lang^=\"ar\"] .z-about-section .z-about-right {\n        direction: rtl;\n    }\n\n    .z-about-section--rtl .z-card-title,\n    html[dir=\"rtl\"] .z-about-section .z-card-title,\n    body.rtl .z-about-section .z-card-title,\n    body.lang-ar .z-about-section .z-card-title,\n    html[lang^=\"ar\"] .z-about-section .z-card-title {\n        text-align: right;\n    }\n\n    .z-about-section--rtl .z-skill-row,\n    html[dir=\"rtl\"] .z-about-section .z-skill-row,\n    body.rtl .z-about-section .z-skill-row,\n    body.lang-ar .z-about-section .z-skill-row,\n    html[lang^=\"ar\"] .z-about-section .z-skill-row {\n        direction: rtl;\n        text-align: right;\n    }\n\n    .z-about-section--rtl .z-skill-bar,\n    html[dir=\"rtl\"] .z-about-section .z-skill-bar,\n    body.rtl .z-about-section .z-skill-bar,\n    body.lang-ar .z-about-section .z-skill-bar,\n    html[lang^=\"ar\"] .z-about-section .z-skill-bar {\n        margin-left: 0;\n        margin-right: 70px;\n        direction: rtl;\n    }\n\n    .z-about-section--rtl .z-logo-track,\n    html[dir=\"rtl\"] .z-about-section .z-logo-track,\n    body.rtl .z-about-section .z-logo-track,\n    body.lang-ar .z-about-section .z-logo-track,\n    html[lang^=\"ar\"] .z-about-section .z-logo-track {\n        animation-name: z-logo-marquee-rtl;\n    }\n\n    @keyframes z-logo-marquee-rtl {\n        from {\n            transform: translate3d(-50%, 0, 0);\n        }\n\n        to {\n            transform: translate3d(0, 0, 0);\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .z-about-photo::before,\n        .z-logo-track {\n            animation: none !important;\n        }\n\n        .z-about-btn,\n        .z-logo-item {\n            transition-duration: 0.01ms !important;\n        }\n    }\n\n    @media (max-width: 1349px) {\n        .z-about-section {\n            padding: 52px 20px;\n        }\n\n        .z-about-wrap,\n        .z-about-section--rtl .z-about-wrap,\n        html[dir=\"rtl\"] .z-about-section .z-about-wrap,\n        body.rtl .z-about-section .z-about-wrap,\n        body.lang-ar .z-about-section .z-about-wrap,\n        html[lang^=\"ar\"] .z-about-section .z-about-wrap {\n            width: 100%;\n            min-height: 0;\n            grid-template-columns: minmax(280px, 1fr) minmax(320px, 417px);\n            grid-template-areas:\n                \"copy copy\"\n                \"photo side\";\n            gap: 26px;\n        }\n\n        .z-about-left {\n            min-height: 0;\n            padding-bottom: 8px;\n        }\n\n        .z-about-title {\n            max-width: 760px;\n            font-size: clamp(42px, 5vw, 54px);\n        }\n\n        .z-about-text {\n            max-width: 720px;\n        }\n\n        .z-about-cta {\n            margin-top: 34px;\n        }\n\n        .z-about-photo,\n        .z-about-right {\n            min-height: 610px;\n        }\n    }\n\n    @media (max-width: 860px) {\n        .z-about-section {\n            padding: 48px 18px;\n        }\n\n        .z-about-wrap,\n        .z-about-section--rtl .z-about-wrap,\n        html[dir=\"rtl\"] .z-about-section .z-about-wrap,\n        body.rtl .z-about-section .z-about-wrap,\n        body.lang-ar .z-about-section .z-about-wrap,\n        html[lang^=\"ar\"] .z-about-section .z-about-wrap {\n            grid-template-columns: 1fr;\n            grid-template-areas:\n                \"copy\"\n                \"photo\"\n                \"side\";\n        }\n\n        .z-about-title {\n            font-size: clamp(38px, 10vw, 48px);\n            line-height: 1.13;\n        }\n\n        .z-about-cta {\n            flex-wrap: wrap;\n            gap: 20px;\n        }\n\n        .z-about-photo {\n            min-height: 560px;\n        }\n\n        .z-about-right {\n            min-height: 0;\n        }\n\n        .z-expertise {\n            min-height: 488px;\n        }\n    }\n\n    @media (max-width: 520px) {\n        .z-about-section {\n            padding: 42px 14px;\n        }\n\n        .z-about-title {\n            font-size: 38px;\n            letter-spacing: -0.055em;\n        }\n\n        .z-about-text {\n            font-size: 15px;\n        }\n\n        .z-about-photo {\n            min-height: 520px;\n            border-radius: 16px;\n        }\n\n        .z-expertise {\n            padding: 26px 22px;\n        }\n\n        .z-skill-name,\n        .z-skill-percent {\n            font-size: 15px;\n        }\n\n        .z-skill-row {\n            gap: 14px;\n        }\n\n        .z-skill-bar {\n            margin-left: 64px;\n        }\n\n        .z-about-section--rtl .z-skill-bar,\n        html[dir=\"rtl\"] .z-about-section .z-skill-bar,\n        body.rtl .z-about-section .z-skill-bar,\n        body.lang-ar .z-about-section .z-skill-bar,\n        html[lang^=\"ar\"] .z-about-section .z-skill-bar {\n            margin-left: 0;\n            margin-right: 64px;\n        }\n\n        .z-logo-track {\n            gap: 34px;\n            padding: 0 34px;\n            animation-duration: 15s;\n        }\n\n        .z-logo-item {\n            height: 32px;\n            max-width: 105px;\n        }\n    }\n\n    @media (max-width: 420px) {\n        .z-about-cta,\n        .z-about-section--rtl .z-about-cta,\n        html[dir=\"rtl\"] .z-about-section .z-about-cta,\n        body.rtl .z-about-section .z-about-cta,\n        body.lang-ar .z-about-section .z-about-cta,\n        html[lang^=\"ar\"] .z-about-section .z-about-cta {\n            align-items: stretch;\n            flex-direction: column;\n            white-space: normal;\n        }\n\n        .z-about-btn {\n            width: 100%;\n        }\n\n        .z-about-status {\n            justify-content: flex-start;\n        }\n\n        .z-about-photo {\n            min-height: 480px;\n        }\n    }\n<\/style>\n\n<section class=\"z-about-section z-about-section--rtl\" dir=\"rtl\" data-z-about-dir=\"rtl\" aria-label=\"About industrial automation and computing engineer freelancer\">\n    <div class=\"z-about-wrap\">\n\n        <div class=\"z-about-left\">\n            <p class=\"z-about-eyebrow\">About Me<\/p>\n\n            <h2 class=\"z-about-title\">\n                Industrial Automation &amp;\n                <span class=\"z-yellow\">Computing Engineer<\/span>\n                Freelancer.\n            <\/h2>\n\n            <p class=\"z-about-text\">\n                I help manufacturers, machine builders, and industrial teams design reliable automation solutions using PLC programming, HMI, SCADA, DCS, machine programming, and electrical conception. My work connects industrial control, computing, and field experience to build efficient, maintainable, and production-ready systems.\n            <\/p>\n\n            <div class=\"z-about-cta\">\n                <a class=\"z-about-btn\" href=\"https:\/\/yourdomain.com\/cv.pdf\" aria-label=\"Download CV\">\n                    <span>Download CV<\/span>\n                    <span class=\"z-about-btn-icon\" aria-hidden=\"true\">\u2197<\/span>\n                <\/a>\n\n                <span class=\"z-about-status\">\n                    <span class=\"z-about-status-dot\" aria-hidden=\"true\"><\/span>\n                    <span>Available for freelance automation projects<\/span>\n                <\/span>\n            <\/div>\n        <\/div>\n\n        <figure class=\"z-about-photo\" role=\"img\" aria-label=\"Industrial automation and computing engineer freelancer portrait\"><\/figure>\n\n        <div class=\"z-about-right\">\n            <article class=\"z-card z-expertise\">\n                <h3 class=\"z-card-title\">My Expertise<\/h3>\n\n                <div class=\"z-skill\">\n                    <div class=\"z-skill-row\">\n                        <span class=\"z-skill-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"2\"><\/rect>\n                                <path d=\"M9 7h6\"><\/path>\n                                <path d=\"M9 11h6\"><\/path>\n                                <path d=\"M9 15h2\"><\/path>\n                                <path d=\"M15 15h.01\"><\/path>\n                                <path d=\"M2.5 8h2.5\"><\/path>\n                                <path d=\"M2.5 12h2.5\"><\/path>\n                                <path d=\"M2.5 16h2.5\"><\/path>\n                                <path d=\"M19 8h2.5\"><\/path>\n                                <path d=\"M19 12h2.5\"><\/path>\n                                <path d=\"M19 16h2.5\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span class=\"z-skill-name\">PLC Programming<\/span>\n                        <span class=\"z-skill-percent\">95%<\/span>\n                    <\/div>\n                    <div class=\"z-skill-bar\">\n                        <span style=\"--z-progress: 95%;\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"z-skill\">\n                    <div class=\"z-skill-row\">\n                        <span class=\"z-skill-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <rect x=\"3.5\" y=\"4.5\" width=\"17\" height=\"12\" rx=\"2.2\"><\/rect>\n                                <path d=\"M9 20h6\"><\/path>\n                                <path d=\"M12 16.5V20\"><\/path>\n                                <path d=\"M7 13l3-3 2.5 2 4.5-4.5\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span class=\"z-skill-name\">HMI SCADA DCS<\/span>\n                        <span class=\"z-skill-percent\">92%<\/span>\n                    <\/div>\n                    <div class=\"z-skill-bar\">\n                        <span style=\"--z-progress: 92%;\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"z-skill\">\n                    <div class=\"z-skill-row\">\n                        <span class=\"z-skill-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M4 19h16\"><\/path>\n                                <path d=\"M6 19v-7h4v7\"><\/path>\n                                <path d=\"M10 19v-9l5-3v12\"><\/path>\n                                <path d=\"M15 19v-6h3v6\"><\/path>\n                                <path d=\"M7.5 14h1\"><\/path>\n                                <path d=\"M12.5 12h1\"><\/path>\n                                <path d=\"M12.5 15h1\"><\/path>\n                                <path d=\"M17 15h.01\"><\/path>\n                                <path d=\"M6 12l2-3h3\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span class=\"z-skill-name\">Machine Programming<\/span>\n                        <span class=\"z-skill-percent\">94%<\/span>\n                    <\/div>\n                    <div class=\"z-skill-bar\">\n                        <span style=\"--z-progress: 94%;\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"z-skill\">\n                    <div class=\"z-skill-row\">\n                        <span class=\"z-skill-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M13 2L4 14h7l-1 8 10-13h-7l1-7z\"><\/path>\n                                <path d=\"M5 21h14\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span class=\"z-skill-name\">Electrical Conception<\/span>\n                        <span class=\"z-skill-percent\">90%<\/span>\n                    <\/div>\n                    <div class=\"z-skill-bar\">\n                        <span style=\"--z-progress: 90%;\"><\/span>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <div class=\"z-card z-logo-strip\" aria-label=\"Industrial automation technology logos carousel\">\n                                    <div class=\"z-logo-carousel\">\n                        <div class=\"z-logo-track\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" loading=\"lazy\" decoding=\"async\">\n                            \n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                            \n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                            \n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                                                            <img class=\"z-logo-item\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/6795311dbd7d68d914a91ee4_Logo204.svg-fill.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1f7dd2 e-con-full e-flex e-con e-parent\" data-id=\"d1f7dd2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ccd69a elementor-widget elementor-widget-shortcode\" data-id=\"5ccd69a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n        <style>\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Libre+Baskerville:wght@400;700&display=swap');\n\n            @property --z-service-angle {\n                syntax: \"<angle>\";\n                inherits: false;\n                initial-value: 0deg;\n            }\n\n            .z-services-section,\n            .z-services-section * {\n                box-sizing: border-box;\n            }\n\n            .z-services-section {\n                --z-bg: #070707;\n                --z-card: #111111;\n                --z-card-2: #141414;\n                --z-border: rgba(255, 255, 255, 0.09);\n                --z-border-strong: rgba(255, 255, 255, 0.14);\n                --z-lime: #c8f53a;\n                --z-white: #ffffff;\n                --z-body: #cfcfcf;\n                --z-muted: #8d8d8d;\n                --z-tag: #171717;\n                --z-tag-border: rgba(255, 255, 255, 0.12);\n                position: relative;\n                width: 100%;\n                padding: 110px 22px 130px;\n                background:\n                    radial-gradient(760px 460px at 84% 18%, rgba(255, 255, 255, 0.045), transparent 72%),\n                    radial-gradient(620px 420px at 16% 72%, rgba(255, 255, 255, 0.032), transparent 76%),\n                    var(--z-bg);\n                color: var(--z-white);\n                font-family: \"Inter\", Arial, sans-serif;\n                overflow: visible;\n                isolation: isolate;\n            }\n\n            .z-services-section::before {\n                content: \"\";\n                position: absolute;\n                width: 760px;\n                height: 760px;\n                right: -320px;\n                top: 20px;\n                border: 1px solid rgba(255, 255, 255, 0.05);\n                border-left-color: transparent;\n                border-bottom-color: transparent;\n                border-radius: 50%;\n                transform: rotate(28deg);\n                pointer-events: none;\n                z-index: 0;\n            }\n\n            .z-services-container {\n                position: relative;\n                z-index: 1;\n                width: min(100%, 1440px);\n                margin: 0 auto;\n            }\n\n            .z-services-eyebrow {\n                display: inline-flex;\n                align-items: center;\n                gap: 20px;\n                margin: 0;\n                color: var(--z-white);\n                font-size: 15px;\n                font-weight: 700;\n                line-height: 1;\n                letter-spacing: 0.035em;\n                text-transform: uppercase;\n            }\n\n            .z-services-eyebrow::after {\n                content: \"\";\n                width: 35px;\n                height: 3px;\n                border-radius: 999px;\n                background: var(--z-lime);\n                box-shadow: 0 0 14px rgba(200, 245, 58, 0.44);\n            }\n\n            .z-services-header {\n                display: grid;\n                grid-template-columns: minmax(0, 780px) minmax(320px, 470px);\n                justify-content: space-between;\n                align-items: end;\n                gap: 54px;\n                margin-top: 30px;\n            }\n\n            .z-services-title {\n                margin: 0;\n                font-family: \"Libre Baskerville\", Georgia, serif;\n                color: var(--z-white);\n                font-size: clamp(42px, 4.05vw, 58px);\n                font-weight: 400;\n                line-height: 1.17;\n                letter-spacing: -0.055em;\n            }\n\n            .z-services-title span {\n                color: var(--z-lime);\n            }\n\n            .z-services-intro {\n                max-width: 470px;\n                margin: 0 0 8px;\n                color: var(--z-body);\n                font-size: 17px;\n                font-weight: 400;\n                line-height: 1.58;\n                letter-spacing: -0.015em;\n            }\n\n            .z-services-stack {\n                position: relative;\n                margin-top: 78px;\n            }\n\n            .z-service-card {\n                --z-card-index: 0;\n                --z-sticky-top: 34px;\n                position: sticky;\n                top: calc(var(--z-sticky-top) + (var(--z-card-index) * 18px));\n                min-height: 412px;\n                display: grid;\n                grid-template-columns: minmax(260px, 0.92fr) minmax(360px, 1.28fr) minmax(260px, 0.9fr);\n                gap: 34px;\n                align-items: stretch;\n                margin-bottom: 32px;\n                padding: 32px;\n                border: 1px solid var(--z-border);\n                border-radius: 14px;\n                background:\n                    linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0)),\n                    var(--z-card);\n                box-shadow:\n                    0 28px 80px rgba(0, 0, 0, 0.28),\n                    inset 0 1px 0 rgba(255, 255, 255, 0.03);\n                overflow: hidden;\n                isolation: isolate;\n                transform: translateZ(0);\n            }\n\n            .z-service-card::before {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                z-index: 2;\n                padding: 1.5px;\n                border-radius: inherit;\n                background:\n                    conic-gradient(\n                        from var(--z-service-angle),\n                        transparent 0deg,\n                        transparent 58deg,\n                        rgba(200, 245, 58, 0.16) 70deg,\n                        rgba(200, 245, 58, 1) 87deg,\n                        rgba(200, 245, 58, 0.25) 106deg,\n                        transparent 126deg,\n                        transparent 238deg,\n                        rgba(200, 245, 58, 0.16) 250deg,\n                        rgba(200, 245, 58, 1) 267deg,\n                        rgba(200, 245, 58, 0.25) 286deg,\n                        transparent 306deg,\n                        transparent 360deg\n                    );\n                -webkit-mask:\n                    linear-gradient(#000 0 0) content-box,\n                    linear-gradient(#000 0 0);\n                -webkit-mask-composite: xor;\n                mask:\n                    linear-gradient(#000 0 0) content-box,\n                    linear-gradient(#000 0 0);\n                mask-composite: exclude;\n                opacity: 0;\n                pointer-events: none;\n                filter: drop-shadow(0 0 10px rgba(200, 245, 58, 0.55));\n                transition: opacity 260ms ease;\n                will-change: --z-service-angle;\n            }\n\n            .z-service-card:hover::before {\n                opacity: 1;\n                animation: z-service-border-spin 7.5s linear infinite;\n            }\n\n            .z-service-card::after {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                z-index: 0;\n                background:\n                    radial-gradient(360px 220px at 48% 50%, rgba(200, 245, 58, 0.035), transparent 70%),\n                    radial-gradient(300px 220px at 8% 8%, rgba(255, 255, 255, 0.035), transparent 76%);\n                opacity: 0;\n                transition: opacity 260ms ease;\n                pointer-events: none;\n            }\n\n            .z-service-card:hover::after {\n                opacity: 1;\n            }\n\n            @keyframes z-service-border-spin {\n                from {\n                    --z-service-angle: 0deg;\n                }\n\n                to {\n                    --z-service-angle: 360deg;\n                }\n            }\n\n            .z-service-left,\n            .z-service-media,\n            .z-service-right {\n                position: relative;\n                z-index: 1;\n            }\n\n            .z-service-left {\n                display: flex;\n                flex-direction: column;\n                min-width: 0;\n            }\n\n            .z-service-number {\n                margin: 0;\n                color: var(--z-lime);\n                font-size: 35px;\n                font-weight: 800;\n                line-height: 1;\n                letter-spacing: -0.055em;\n            }\n\n            .z-service-name {\n                max-width: 370px;\n                margin: 30px 0 0;\n                font-family: \"Libre Baskerville\", Georgia, serif;\n                color: var(--z-white);\n                font-size: clamp(27px, 2.35vw, 35px);\n                font-weight: 400;\n                line-height: 1.16;\n                letter-spacing: -0.055em;\n                text-transform: uppercase;\n            }\n\n            .z-service-tags {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 14px;\n                margin-top: auto;\n                padding-top: 34px;\n            }\n\n            .z-service-tag {\n                display: inline-flex;\n                align-items: center;\n                gap: 9px;\n                height: 38px;\n                padding: 0 16px;\n                border: 1px solid var(--z-tag-border);\n                border-radius: 999px;\n                background: var(--z-tag);\n                color: var(--z-white);\n                font-size: 14px;\n                font-weight: 600;\n                line-height: 1;\n                letter-spacing: -0.015em;\n                white-space: nowrap;\n            }\n\n            .z-service-tag::before {\n                content: \"\";\n                width: 10px;\n                height: 10px;\n                flex: 0 0 10px;\n                background: var(--z-lime);\n                clip-path: polygon(50% 0%, 61% 35%, 100% 50%, 61% 65%, 50% 100%, 39% 65%, 0% 50%, 39% 35%);\n                box-shadow: 0 0 12px rgba(200, 245, 58, 0.5);\n            }\n\n            .z-service-media {\n                min-height: 348px;\n                border-radius: 12px;\n                overflow: hidden;\n                border: 1px solid rgba(255, 255, 255, 0.08);\n                background: #0b0b0b;\n            }\n\n            .z-service-img {\n                width: 100%;\n                height: 100%;\n                min-height: 348px;\n                display: block;\n                object-fit: cover;\n                object-position: center;\n                filter: saturate(0.95) contrast(1.04);\n                transform: scale(1.001);\n                transition: transform 520ms ease, filter 520ms ease;\n            }\n\n            .z-service-card:hover .z-service-img {\n                transform: scale(1.045);\n                filter: saturate(1.08) contrast(1.08);\n            }\n\n            .z-service-placeholder {\n                position: relative;\n                width: 100%;\n                min-height: 348px;\n                height: 100%;\n                padding: 28px;\n                background:\n                    radial-gradient(260px 200px at 74% 28%, rgba(200, 245, 58, 0.22), transparent 64%),\n                    radial-gradient(420px 260px at 18% 84%, rgba(255, 255, 255, 0.07), transparent 72%),\n                    linear-gradient(135deg, #111111 0%, #080808 100%);\n                overflow: hidden;\n            }\n\n            .z-service-placeholder::before {\n                content: \"\";\n                position: absolute;\n                inset: 24px;\n                border: 1px solid rgba(255, 255, 255, 0.08);\n                border-radius: 16px;\n                background:\n                    linear-gradient(90deg, transparent 0 14%, rgba(255, 255, 255, 0.04) 14% 15%, transparent 15% 100%),\n                    linear-gradient(0deg, transparent 0 14%, rgba(255, 255, 255, 0.035) 14% 15%, transparent 15% 100%);\n                background-size: 44px 44px;\n                opacity: 0.75;\n            }\n\n            .z-service-placeholder::after {\n                content: \"\";\n                position: absolute;\n                width: 175px;\n                height: 175px;\n                right: 46px;\n                bottom: 36px;\n                border-radius: 50%;\n                border: 18px solid rgba(200, 245, 58, 0.16);\n                box-shadow:\n                    inset 0 0 0 12px rgba(200, 245, 58, 0.08),\n                    0 0 42px rgba(200, 245, 58, 0.16);\n            }\n\n            .z-placeholder-panel {\n                position: relative;\n                z-index: 2;\n                width: 68%;\n                min-height: 178px;\n                padding: 24px;\n                border-radius: 16px;\n                border: 1px solid rgba(255, 255, 255, 0.11);\n                background: rgba(18, 18, 18, 0.82);\n                box-shadow: 0 24px 60px rgba(0, 0, 0, 0.32);\n                backdrop-filter: blur(8px);\n            }\n\n            .z-placeholder-kicker {\n                margin: 0;\n                color: var(--z-lime);\n                font-size: 12px;\n                font-weight: 800;\n                letter-spacing: 0.12em;\n                line-height: 1;\n                text-transform: uppercase;\n            }\n\n            .z-placeholder-title {\n                margin: 18px 0 0;\n                color: var(--z-white);\n                font-family: \"Libre Baskerville\", Georgia, serif;\n                font-size: 28px;\n                font-weight: 400;\n                line-height: 1.15;\n                letter-spacing: -0.05em;\n            }\n\n            .z-placeholder-lines {\n                display: grid;\n                gap: 9px;\n                margin-top: 24px;\n            }\n\n            .z-placeholder-lines span {\n                display: block;\n                height: 7px;\n                border-radius: 999px;\n                background: rgba(255, 255, 255, 0.12);\n            }\n\n            .z-placeholder-lines span:nth-child(1) {\n                width: 82%;\n            }\n\n            .z-placeholder-lines span:nth-child(2) {\n                width: 58%;\n            }\n\n            .z-placeholder-device {\n                position: absolute;\n                z-index: 3;\n                right: 30px;\n                top: 60px;\n                width: 170px;\n                height: 230px;\n                border-radius: 18px;\n                border: 1px solid rgba(255, 255, 255, 0.12);\n                background:\n                    linear-gradient(180deg, rgba(200, 245, 58, 0.18), transparent 42%),\n                    #151515;\n                box-shadow: 0 22px 54px rgba(0, 0, 0, 0.35);\n                transform: rotate(2deg);\n            }\n\n            .z-placeholder-device span {\n                position: absolute;\n                left: 20px;\n                right: 20px;\n                height: 8px;\n                border-radius: 999px;\n                background: rgba(255, 255, 255, 0.16);\n            }\n\n            .z-placeholder-device span:nth-child(1) {\n                top: 34px;\n                background: var(--z-lime);\n                opacity: 0.8;\n            }\n\n            .z-placeholder-device span:nth-child(2) {\n                top: 68px;\n            }\n\n            .z-placeholder-device span:nth-child(3) {\n                top: 94px;\n                right: 58px;\n            }\n\n            .z-placeholder-device span:nth-child(4) {\n                bottom: 34px;\n                height: 48px;\n                border-radius: 12px;\n                background: rgba(200, 245, 58, 0.12);\n                border: 1px solid rgba(200, 245, 58, 0.18);\n            }\n\n            .z-service-right {\n                display: flex;\n                flex-direction: column;\n                min-width: 0;\n            }\n\n            .z-service-description {\n                max-width: 382px;\n                margin: 0;\n                color: var(--z-body);\n                font-size: 17px;\n                font-weight: 400;\n                line-height: 1.55;\n                letter-spacing: -0.015em;\n            }\n\n            .z-service-button {\n                width: fit-content;\n                min-width: 174px;\n                height: 44px;\n                display: inline-flex;\n                align-items: center;\n                justify-content: space-between;\n                gap: 18px;\n                margin-top: auto;\n                margin-left: auto;\n                padding: 5px 5px 5px 21px;\n                border: 1px solid rgba(255, 255, 255, 0.72);\n                border-radius: 999px;\n                background: transparent;\n                color: var(--z-white);\n                text-decoration: none;\n                text-transform: uppercase;\n                font-size: 13px;\n                font-weight: 800;\n                line-height: 1;\n                letter-spacing: 0.035em;\n                transition: background 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms ease;\n            }\n\n            .z-service-button:hover {\n                border-color: var(--z-lime);\n                background: var(--z-lime);\n                color: #080808;\n                transform: translateY(-1px);\n            }\n\n            .z-service-button-icon {\n                width: 32px;\n                height: 32px;\n                display: grid;\n                place-items: center;\n                flex: 0 0 32px;\n                border-radius: 50%;\n                background: #080808;\n                color: var(--z-white);\n                font-size: 14px;\n                line-height: 1;\n                transition: transform 260ms ease;\n            }\n\n            .z-service-button:hover .z-service-button-icon {\n                transform: rotate(45deg);\n            }\n\n            @media (prefers-reduced-motion: reduce) {\n                .z-service-card:hover::before {\n                    animation: none !important;\n                }\n\n                .z-service-img,\n                .z-service-button,\n                .z-service-button-icon {\n                    transition: none !important;\n                }\n            }\n\n            @media (max-width: 1180px) {\n                .z-services-section {\n                    padding: 90px 20px 110px;\n                }\n\n                .z-services-header {\n                    grid-template-columns: 1fr;\n                    gap: 24px;\n                }\n\n                .z-services-intro {\n                    max-width: 650px;\n                }\n\n                .z-service-card {\n                    grid-template-columns: minmax(240px, 0.92fr) minmax(320px, 1.15fr);\n                    gap: 28px;\n                }\n\n                .z-service-right {\n                    grid-column: 1 \/ -1;\n                    display: grid;\n                    grid-template-columns: minmax(0, 1fr) auto;\n                    align-items: end;\n                    gap: 26px;\n                }\n\n                .z-service-button {\n                    margin-top: 0;\n                }\n            }\n\n            @media (max-width: 820px) {\n                .z-services-section {\n                    padding: 78px 18px 96px;\n                }\n\n                .z-services-stack {\n                    margin-top: 54px;\n                }\n\n                .z-service-card {\n                    position: relative;\n                    top: auto;\n                    min-height: 0;\n                    grid-template-columns: 1fr;\n                    padding: 24px;\n                    gap: 26px;\n                }\n\n                .z-service-name {\n                    max-width: 100%;\n                }\n\n                .z-service-tags {\n                    margin-top: 28px;\n                    padding-top: 0;\n                }\n\n                .z-service-media,\n                .z-service-img,\n                .z-service-placeholder {\n                    min-height: 300px;\n                }\n\n                .z-service-right {\n                    display: flex;\n                }\n\n                .z-service-button {\n                    margin-top: 30px;\n                    margin-left: 0;\n                }\n            }\n\n            @media (max-width: 520px) {\n                .z-services-section {\n                    padding: 64px 14px 78px;\n                }\n\n                .z-services-title {\n                    font-size: 39px;\n                }\n\n                .z-services-intro {\n                    font-size: 15px;\n                }\n\n                .z-service-card {\n                    padding: 20px;\n                    border-radius: 13px;\n                }\n\n                .z-service-number {\n                    font-size: 31px;\n                }\n\n                .z-service-name {\n                    font-size: 27px;\n                }\n\n                .z-service-tag {\n                    height: 36px;\n                    padding: 0 13px;\n                    font-size: 13px;\n                }\n\n                .z-service-media,\n                .z-service-img,\n                .z-service-placeholder {\n                    min-height: 260px;\n                }\n\n                .z-placeholder-panel {\n                    width: 78%;\n                    padding: 20px;\n                }\n\n                .z-placeholder-title {\n                    font-size: 23px;\n                }\n\n                .z-placeholder-device {\n                    width: 120px;\n                    height: 178px;\n                    right: 18px;\n                    top: 74px;\n                }\n\n                .z-service-description {\n                    font-size: 15px;\n                }\n            }\n        <\/style>\n\n        <section class=\"z-services-section\" id=\"z-services\" aria-label=\"Services section\">\n            <div class=\"z-services-container\">\n                <p class=\"z-services-eyebrow\">MY SERVICES<\/p>\n\n                <div class=\"z-services-header\">\n                    <h2 class=\"z-services-title\">\n                        From Concept to Launch<br>\n                        I Build <span>Industrial Solutions<\/span>\n                    <\/h2>\n\n                    <p class=\"z-services-intro\">\n                        I help factories and businesses grow with automation, clean control logic,\n                        reliable machines, and practical industrial systems that deliver results.\n                    <\/p>\n                <\/div>\n\n                <div class=\"z-services-stack\">\n                                            <article class=\"z-service-card\" style=\"--z-card-index: 0;\">\n                            <div class=\"z-service-left\">\n                                <p class=\"z-service-number\">01<\/p>\n\n                                <h3 class=\"z-service-name\">\n                                    PLC PROGRAMMING &amp; AUTOMATION                                <\/h3>\n\n                                <div class=\"z-service-tags\" aria-label=\"PLC PROGRAMMING &amp; AUTOMATION tags\">\n                                                                            <span class=\"z-service-tag\">PLC<\/span>\n                                                                            <span class=\"z-service-tag\">Automation<\/span>\n                                                                            <span class=\"z-service-tag\">Logic<\/span>\n                                                                            <span class=\"z-service-tag\">Control<\/span>\n                                                                    <\/div>\n                            <\/div>\n\n                            <div class=\"z-service-media\">\n                                                                    <div class=\"z-service-placeholder z-service-placeholder-plc\" aria-hidden=\"true\">\n                                        <div class=\"z-placeholder-panel\">\n                                            <p class=\"z-placeholder-kicker\">PLC PROGRAMMING &amp; AUTOMATION<\/p>\n                                            <h4 class=\"z-placeholder-title\">Built for Control. Designed for Reliability.<\/h4>\n                                            <div class=\"z-placeholder-lines\">\n                                                <span><\/span>\n                                                <span><\/span>\n                                            <\/div>\n                                        <\/div>\n\n                                        <div class=\"z-placeholder-device\">\n                                            <span><\/span>\n                                            <span><\/span>\n                                            <span><\/span>\n                                            <span><\/span>\n                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n\n                            <div class=\"z-service-right\">\n                                <p class=\"z-service-description\">\n                                    I build reliable PLC control logic, automation workflows, and machine sequences designed for stable production and smooth industrial operation.                                <\/p>\n\n                                <a class=\"z-service-button\" href=\"#\">\n                                    <span>LET\u2019S TALK<\/span>\n                                    <span class=\"z-service-button-icon\" aria-hidden=\"true\">\u2197<\/span>\n                                <\/a>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"z-service-card\" style=\"--z-card-index: 1;\">\n                            <div class=\"z-service-left\">\n                                <p class=\"z-service-number\">02<\/p>\n\n                                <h3 class=\"z-service-name\">\n                                    INDUSTRIAL MACHINES CONTROL                                <\/h3>\n\n                                <div class=\"z-service-tags\" aria-label=\"INDUSTRIAL MACHINES CONTROL tags\">\n                                                                            <span class=\"z-service-tag\">Machines<\/span>\n                                                                            <span class=\"z-service-tag\">Motion<\/span>\n                                                                            <span class=\"z-service-tag\">Sensors<\/span>\n                                                                            <span class=\"z-service-tag\">Safety<\/span>\n                                                                    <\/div>\n                            <\/div>\n\n                            <div class=\"z-service-media\">\n                                                                    <div class=\"z-service-placeholder z-service-placeholder-machine\" aria-hidden=\"true\">\n                                        <div class=\"z-placeholder-panel\">\n                                            <p class=\"z-placeholder-kicker\">INDUSTRIAL MACHINES CONTROL<\/p>\n                                            <h4 class=\"z-placeholder-title\">Built for Control. Designed for Reliability.<\/h4>\n                                            <div class=\"z-placeholder-lines\">\n                                                <span><\/span>\n                                                <span><\/span>\n                                            <\/div>\n                                        <\/div>\n\n                                        <div class=\"z-placeholder-device\">\n                                            <span><\/span>\n                                            <span><\/span>\n                                            <span><\/span>\n                                            <span><\/span>\n                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n\n                            <div class=\"z-service-right\">\n                                <p class=\"z-service-description\">\n                                    I design machine-control solutions that connect sensors, motors, actuators, safety circuits, and operator workflows into one clean system.                                <\/p>\n\n                                <a class=\"z-service-button\" href=\"#\">\n                                    <span>LET\u2019S TALK<\/span>\n                                    <span class=\"z-service-button-icon\" aria-hidden=\"true\">\u2197<\/span>\n                                <\/a>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"z-service-card\" style=\"--z-card-index: 2;\">\n                            <div class=\"z-service-left\">\n                                <p class=\"z-service-number\">03<\/p>\n\n                                <h3 class=\"z-service-name\">\n                                    HMI SCADA INTERFACES                                <\/h3>\n\n                                <div class=\"z-service-tags\" aria-label=\"HMI SCADA INTERFACES tags\">\n                                                                            <span class=\"z-service-tag\">HMI<\/span>\n                                                                            <span class=\"z-service-tag\">SCADA<\/span>\n                                                                            <span class=\"z-service-tag\">Dashboards<\/span>\n                                                                            <span class=\"z-service-tag\">Alarms<\/span>\n                                                                    <\/div>\n                            <\/div>\n\n                            <div class=\"z-service-media\">\n                                                                    <div class=\"z-service-placeholder z-service-placeholder-hmi\" aria-hidden=\"true\">\n                                        <div class=\"z-placeholder-panel\">\n                                            <p class=\"z-placeholder-kicker\">HMI SCADA INTERFACES<\/p>\n                                            <h4 class=\"z-placeholder-title\">Built for Control. Designed for Reliability.<\/h4>\n                                            <div class=\"z-placeholder-lines\">\n                                                <span><\/span>\n                                                <span><\/span>\n                                            <\/div>\n                                        <\/div>\n\n                                        <div class=\"z-placeholder-device\">\n                                            <span><\/span>\n                                            <span><\/span>\n                                            <span><\/span>\n                                            <span><\/span>\n                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n\n                            <div class=\"z-service-right\">\n                                <p class=\"z-service-description\">\n                                    I create modern industrial interfaces that help operators monitor machines, understand alarms, track performance, and act faster.                                <\/p>\n\n                                <a class=\"z-service-button\" href=\"#\">\n                                    <span>LET\u2019S TALK<\/span>\n                                    <span class=\"z-service-button-icon\" aria-hidden=\"true\">\u2197<\/span>\n                                <\/a>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"z-service-card\" style=\"--z-card-index: 3;\">\n                            <div class=\"z-service-left\">\n                                <p class=\"z-service-number\">04<\/p>\n\n                                <h3 class=\"z-service-name\">\n                                    MAINTENANCE &amp; TROUBLESHOOTING                                <\/h3>\n\n                                <div class=\"z-service-tags\" aria-label=\"MAINTENANCE &amp; TROUBLESHOOTING tags\">\n                                                                            <span class=\"z-service-tag\">Support<\/span>\n                                                                            <span class=\"z-service-tag\">Diagnosis<\/span>\n                                                                            <span class=\"z-service-tag\">Wiring<\/span>\n                                                                            <span class=\"z-service-tag\">Upgrade<\/span>\n                                                                    <\/div>\n                            <\/div>\n\n                            <div class=\"z-service-media\">\n                                                                    <div class=\"z-service-placeholder z-service-placeholder-support\" aria-hidden=\"true\">\n                                        <div class=\"z-placeholder-panel\">\n                                            <p class=\"z-placeholder-kicker\">MAINTENANCE &amp; TROUBLESHOOTING<\/p>\n                                            <h4 class=\"z-placeholder-title\">Built for Control. Designed for Reliability.<\/h4>\n                                            <div class=\"z-placeholder-lines\">\n                                                <span><\/span>\n                                                <span><\/span>\n                                            <\/div>\n                                        <\/div>\n\n                                        <div class=\"z-placeholder-device\">\n                                            <span><\/span>\n                                            <span><\/span>\n                                            <span><\/span>\n                                            <span><\/span>\n                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n\n                            <div class=\"z-service-right\">\n                                <p class=\"z-service-description\">\n                                    I help diagnose faults, improve reliability, update control systems, and reduce downtime through practical automation troubleshooting.                                <\/p>\n\n                                <a class=\"z-service-button\" href=\"#\">\n                                    <span>LET\u2019S TALK<\/span>\n                                    <span class=\"z-service-button-icon\" aria-hidden=\"true\">\u2197<\/span>\n                                <\/a>\n                            <\/div>\n                        <\/article>\n                                    <\/div>\n            <\/div>\n        <\/section>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-067b28e e-con-full e-flex e-con e-parent\" data-id=\"067b28e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd72d47 elementor-widget elementor-widget-shortcode\" data-id=\"cd72d47\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        \/* ------------------------------------------------------------------\n           BASE: every selector is prefixed with the unique class so styles\n           never leak into (or clash with) the rest of the site.\n           ------------------------------------------------------------------ *\/\n        .z-watch-v4-473388,\n        .z-watch-v4-473388 * {\n            box-sizing: border-box;\n        }\n\n        .z-watch-v4-473388 {\n            --z-v4-lime: #c6ff2e;   \/* accent color used for highlights\/hover *\/\n            --z-v4-gap: 12px;       \/* spacing between side tiles *\/\n            position: relative;\n            width: 100%;\n            color: #fff;\n            \/* Subtle top \"spotlight\" glow on a pure black background. *\/\n            background:\n                radial-gradient(760px 420px at 50% 0%, rgba(255, 255, 255, .035), transparent 72%),\n                #000;\n            font-family: Inter, Arial, sans-serif;\n            isolation: isolate; \/* own stacking context so z-index stays contained *\/\n        }\n\n        \/* ------------------------------------------------------------------\n           HEADER: eyebrow, title and description above the animation\n           ------------------------------------------------------------------ *\/\n        \/* Heading and description remain the same as the previous version. *\/\n        .z-watch-v4-473388 .z-v4-header {\n            width: min(780px, calc(100% - 36px)); \/* max 780px, 18px side margin on small screens *\/\n            margin: 0 auto;\n            padding: 100px 0 64px;\n            text-align: center;\n        }\n\n        \/* Small uppercase label (\"WATCH VIDEO\"). *\/\n        .z-watch-v4-473388 .z-v4-eyebrow {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 18px;\n            margin: 0;\n            color: #fff;\n            font-size: 14px;\n            font-weight: 800;\n            line-height: 1;\n            letter-spacing: .055em;\n            text-transform: uppercase;\n        }\n\n        \/* Glowing lime lines on both sides of the eyebrow text. *\/\n        .z-watch-v4-473388 .z-v4-eyebrow::before,\n        .z-watch-v4-473388 .z-v4-eyebrow::after {\n            content: \"\";\n            width: 31px;\n            height: 2px;\n            border-radius: 999px;\n            background: var(--z-v4-lime);\n            box-shadow: 0 0 12px rgba(198, 255, 46, .4);\n        }\n\n        \/* Main heading; font-size scales fluidly between 40px and 54px. *\/\n        .z-watch-v4-473388 .z-v4-title {\n            margin: 27px 0 0;\n            color: #fff;\n            font-family: \"Libre Baskerville\", Georgia, serif;\n            font-size: clamp(40px, 3.6vw, 54px);\n            font-weight: 400;\n            line-height: 1.16;\n            letter-spacing: -.058em;\n        }\n\n        \/* The highlighted word (\"Ideas\") in lime. *\/\n        .z-watch-v4-473388 .z-v4-title span {\n            color: var(--z-v4-lime);\n        }\n\n        .z-watch-v4-473388 .z-v4-description {\n            max-width: 520px;\n            margin: 21px auto 0;\n            color: #cfcfcf;\n            font-size: 16px;\n            line-height: 1.62;\n            letter-spacing: -.012em;\n        }\n\n        \/* ------------------------------------------------------------------\n           SCROLL TRACK (desktop\/tablet): the \"sticky scroll\" technique.\n           A very tall wrapper (track) contains a sticky 100vh viewport.\n           While the user scrolls through the track, the sticky stage stays\n           pinned on screen and JS animates the side images.\n           ------------------------------------------------------------------ *\/\n        \/*\n         * Desktop\/tablet scroll track:\n         * 400vh follows the long trigger in the supplied Webflow markup.\n         *\/\n        .z-watch-v4-473388 .z-v4-track {\n            position: relative;\n            height:300vh ; \/*400vh = 4 screen heights of scroll distance for the animation *\/\n        }\n\n        \/* The pinned viewport: sticks to the top while the track scrolls by. *\/\n        .z-watch-v4-473388 .z-v4-sticky {\n            position: sticky;\n            top: 0;\n            height: 100vh;\n            height: 100svh; \/* \"small viewport height\" avoids mobile browser-bar jumps; overrides line above where supported *\/\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n\n        \/* Positioning context for the center card and the side groups. *\/\n        .z-watch-v4-473388 .z-v4-stage {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            isolation: isolate;\n        }\n\n        \/* ------------------------------------------------------------------\n           CENTER CARD: the video preview (never resizes or moves)\n           ------------------------------------------------------------------ *\/\n        \/*\n         * Fixed horizontal center card. No scale or size animation.\n         *\/\n        .z-watch-v4-473388 .z-v4-center {\n            position: relative;\n            z-index: 1;                         \/* below the side groups (z-index: 3) *\/\n            width: min(78vw, 1120px);\n            height: min(62vh, 620px);\n            height: min(62svh, 620px);          \/* svh version overrides where supported *\/\n            min-height: 340px;\n            overflow: hidden;\n            border: 1px solid rgba(255, 255, 255, .14);\n            border-radius: 12px;\n            background: #111;                   \/* placeholder color while the image loads *\/\n            box-shadow: 0 28px 90px rgba(0, 0, 0, .52);\n        }\n\n        \/* Image fills the card and is cropped (not stretched) to fit. *\/\n        .z-watch-v4-473388 .z-v4-center-image {\n            display: block;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n        }\n\n        \/* Soft dark gradient overlay so the play button stands out. *\/\n        .z-watch-v4-473388 .z-v4-center::after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            z-index: 1;\n            pointer-events: none;               \/* clicks pass through to the play button *\/\n            background: linear-gradient(180deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .16));\n        }\n\n        \/* ------------------------------------------------------------------\n           SIDE GROUPS: the left\/right tile clusters that slide outward\n           ------------------------------------------------------------------ *\/\n        \/*\n         * Side groups begin across the center card and cover it.\n         * Their only scroll animation is horizontal translation.\n         *\/\n        .z-watch-v4-473388 .z-v4-side {\n            position: absolute;\n            top: 50%;\n            z-index: 3;                         \/* above the center card *\/\n            display: flex;\n            align-items: center;\n            gap: var(--z-v4-gap);\n            width: max-content;                 \/* shrink-wrap to the tiles' width *\/\n            transform: translate3d(0, -50%, 0); \/* vertical centering; JS adds the X offset *\/\n            will-change: transform;             \/* hint: GPU-accelerate the animation *\/\n            pointer-events: none;               \/* don't block clicks on the play button below *\/\n        }\n\n        \/* Left group: its left edge starts at the horizontal center and extends right,\n           so it initially covers the left half of the center card. *\/\n        .z-watch-v4-473388 .z-v4-left {\n            left: -10%;\n            justify-content: flex-end;\n\t\t\tbackground: #000;\n\t\t\tborder-left: 1px solid rgba(255, 255, 255, .12);\nborder-right: 1px solid rgba(255, 255, 255, .12);\n\n\t\t\tpadding: 5px 10px;\n        }\n\n        \/* Right group: mirrored. Its right edge starts at the center. *\/\n        .z-watch-v4-473388 .z-v4-right {\n            right: -10%;\n            justify-content: flex-start;\n\t\t\tbackground: #000;\n\t\t\tborder-left: 1px solid rgba(255, 255, 255, .12);\nborder-right: 1px solid rgba(255, 255, 255, .12);\n\n\t\t\tpadding: 5px 10px; \n        }\n\n        \/* Left group order: tall outer tile first, then the stacked squares. *\/\n        .z-watch-v4-473388 .z-v4-left .z-v4-outer {\n            order: 0;\n        }\n\n        .z-watch-v4-473388 .z-v4-left .z-v4-inner {\n            order: 1;\n        }\n\n        \/* Right group order is mirrored: squares first, tall outer tile last. *\/\n        .z-watch-v4-473388 .z-v4-right .z-v4-inner {\n            order: 0;\n        }\n\n        .z-watch-v4-473388 .z-v4-right .z-v4-outer {\n            order: 1;\n        }\n\n        \/* Two square tiles stacked vertically. *\/\n        .z-watch-v4-473388 .z-v4-inner {\n            display: flex;\n            flex-direction: column;\n            gap: var(--z-v4-gap);\n        }\n\n        \/* Shared look of every side tile. *\/\n        .z-watch-v4-473388 .z-v4-tile {\n            position: relative;\n            flex: none;                         \/* never shrink inside the flex row *\/\n            overflow: hidden;\n            border: 1px solid rgba(255, 255, 255, .12);\n            border-radius: 10px;\n            background: #111;\n            box-shadow: 0 18px 48px rgba(0, 0, 0, .32);\n        }\n\n        .z-watch-v4-473388 .z-v4-tile img {\n            display: block;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n        }\n\n        \/* Tall tile (far-left \/ far-right). *\/\n        .z-watch-v4-473388 .z-v4-outer {\n            width: clamp(190px, 22vw, 300px);\n            height: min(56vh, 500px);\n            min-height: 300px;\n        }\n\n        \/* Square tiles (left-top\/bottom and right-top\/bottom). *\/\n        .z-watch-v4-473388 .z-v4-square {\n            width: clamp(170px, 19vw, 270px);\n            height: clamp(170px, 19vw, 270px);\n        }\n\n        \/* ------------------------------------------------------------------\n           PLAY BUTTON: glass-style circle with animated \"waves\" on hover\n           ------------------------------------------------------------------ *\/\n        \/* Play button and hover waves. *\/\n        .z-watch-v4-473388 .z-v4-play {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            z-index: 4;                         \/* above the side groups so it stays clickable *\/\n            width: 70px;\n            height: 70px;\n            padding: 0;\n            display: grid;\n            place-items: center;\n            border: 1px solid rgba(255, 255, 255, .55);\n            border-radius: 50%;\n            background: rgba(255, 255, 255, .19);\n            -webkit-backdrop-filter: blur(9px); \/* frosted-glass effect (Safari prefix) *\/\n            backdrop-filter: blur(9px);\n            transform: translate(-50%, -50%);   \/* exact centering *\/\n            cursor: pointer;\n            transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;\n        }\n\n        \/* Two invisible rings that become the animated \"waves\" on hover. *\/\n        .z-watch-v4-473388 .z-v4-play::before,\n        .z-watch-v4-473388 .z-v4-play::after {\n            content: \"\";\n            position: absolute;\n            inset: -2px;\n            border: 1px solid rgba(198, 255, 46, .8);\n            border-radius: 50%;\n            opacity: 0;\n            pointer-events: none;\n        }\n\n        \/* Hover \/ keyboard focus: lime tint and glow (focus-visible = accessible). *\/\n        .z-watch-v4-473388 .z-v4-play:hover,\n        .z-watch-v4-473388 .z-v4-play:focus-visible {\n            border-color: var(--z-v4-lime);\n            background: rgba(198, 255, 46, .23);\n            box-shadow: 0 0 30px rgba(198, 255, 46, .28);\n            outline: none; \/* custom focus style replaces the default outline *\/\n        }\n\n        \/* Start the first wave immediately... *\/\n        .z-watch-v4-473388 .z-v4-play:hover::before,\n        .z-watch-v4-473388 .z-v4-play:focus-visible::before {\n            animation: z-v4-wave 1.6s ease-out infinite;\n        }\n\n        \/* ...and the second wave with a .55s delay for a ripple effect. *\/\n        .z-watch-v4-473388 .z-v4-play:hover::after,\n        .z-watch-v4-473388 .z-v4-play:focus-visible::after {\n            animation: z-v4-wave 1.6s ease-out .55s infinite;\n        }\n\n        \/* Play triangle drawn with CSS borders (no icon file needed). *\/\n        .z-watch-v4-473388 .z-v4-play-icon {\n            width: 0;\n            height: 0;\n            margin-left: 5px; \/* optical centering: a triangle looks off-center otherwise *\/\n            border-top: 11px solid transparent;\n            border-bottom: 11px solid transparent;\n            border-left: 17px solid #fff;\n        }\n\n        \/* Wave animation: ring grows to 2.5x while fading out. *\/\n        @keyframes z-v4-wave {\n            0% {\n                opacity: .8;\n                transform: scale(1);\n            }\n            100% {\n                opacity: 0;\n                transform: scale(2.5);\n            }\n        }\n\n        \/* ------------------------------------------------------------------\n           VIDEO MODAL (lightbox). Not scoped by $uid because JS appends it\n           to <body>, outside the section. It is created only on click.\n           ------------------------------------------------------------------ *\/\n        \/* Lightweight YouTube modal; iframe loads only after click. *\/\n        .z-v4-modal {\n            position: fixed;\n            inset: 0;                           \/* cover the whole viewport *\/\n            z-index: 2147483000;                \/* near the max z-index: above everything *\/\n            display: none;                      \/* hidden until .is-open is added *\/\n            align-items: center;\n            justify-content: center;\n            padding: 20px;\n            background: rgba(0, 0, 0, .88);\n            opacity: 0;                         \/* faded in via .is-visible *\/\n            transition: opacity .2s ease;\n        }\n\n        \/* Step 1 of opening: make it part of the layout (display: flex). *\/\n        .z-v4-modal.is-open {\n            display: flex;\n        }\n\n        \/* Step 2 of opening: fade in. Two steps are needed because\n           transitions don't run when display changes in the same frame. *\/\n        .z-v4-modal.is-visible {\n            opacity: 1;\n        }\n\n        \/* Responsive 16:9 player container. *\/\n        .z-v4-modal-box {\n            position: relative;\n            width: min(100%, 1080px);\n            aspect-ratio: 16 \/ 9;\n            overflow: hidden;\n            border: 1px solid rgba(255, 255, 255, .16);\n            border-radius: 12px;\n            background: #000;\n        }\n\n        .z-v4-modal-box iframe {\n            display: block;\n            width: 100%;\n            height: 100%;\n            border: 0;\n        }\n\n        \/* Round close (\u00d7) button in the top-right corner of the player. *\/\n        .z-v4-modal-close {\n            position: absolute;\n            top: 10px;\n            right: 10px;\n            z-index: 2;                         \/* above the iframe *\/\n            width: 40px;\n            height: 40px;\n            display: grid;\n            place-items: center;\n            border: 1px solid rgba(255, 255, 255, .25);\n            border-radius: 50%;\n            background: rgba(0, 0, 0, .7);\n            color: #fff;\n            font-size: 24px;\n            line-height: 1;\n            cursor: pointer;\n        }\n\n        .z-v4-modal-close:hover {\n            border-color: var(--z-v4-lime);\n            background: var(--z-v4-lime);\n            color: #050505;\n        }\n\n        \/* ------------------------------------------------------------------\n           RESPONSIVE: TABLET (768px - 900px)\n           Smaller center card and tiles so the layout still fits.\n           ------------------------------------------------------------------ *\/\n        @media (max-width: 900px) and (min-width: 768px) {\n            .z-watch-v4-473388 .z-v4-center {\n                width: 80vw;\n                height: 56vh;\n                height: 56svh;\n            }\n\n            .z-watch-v4-473388 .z-v4-outer {\n                width: 20vw;\n                height: 43vh;\n                min-height: 250px;\n            }\n\n            .z-watch-v4-473388 .z-v4-square {\n                width: 17vw;\n                height: 17vw;\n            }\n\n            .z-watch-v4-473388 .z-v4-side,\n            .z-watch-v4-473388 .z-v4-inner {\n                gap: 8px;\n            }\n        }\n\n        \/* ------------------------------------------------------------------\n           RESPONSIVE: MOBILE (<= 767px)\n           The sticky scroll animation is turned off. Layout becomes:\n           center image on top, then a 2-column grid of all six tiles.\n           ------------------------------------------------------------------ *\/\n        \/* Mobile: normal grid, no sticky scroll animation. *\/\n        @media (max-width: 767px) {\n            .z-watch-v4-473388 .z-v4-header {\n                padding: 70px 0 42px;\n            }\n\n            .z-watch-v4-473388 .z-v4-title {\n                font-size: 37px;\n            }\n\n            .z-watch-v4-473388 .z-v4-description {\n                font-size: 15px;\n            }\n\n            \/* Remove the 400vh scroll track and the sticky pinning. *\/\n            .z-watch-v4-473388 .z-v4-track {\n                height: auto;\n            }\n\n            .z-watch-v4-473388 .z-v4-sticky {\n                position: relative;\n                top: auto;\n                height: auto;\n                overflow: visible;\n                padding: 0 14px 70px;\n            }\n\n            \/* Stack stage content vertically. *\/\n            .z-watch-v4-473388 .z-v4-stage {\n                height: auto;\n                display: flex;\n                flex-direction: column;\n                gap: 12px;\n                overflow: visible;\n            }\n\n            \/* order: -1 keeps the center image first, before both side groups. *\/\n            .z-watch-v4-473388 .z-v4-center {\n                order: -1;\n                width: 100%;\n                height: auto;\n                min-height: 0;\n                aspect-ratio: 16 \/ 10;\n            }\n\n            \/* Side groups become normal 2-column grids (no absolute positioning).\n               !important overrides any inline transform set earlier by JS. *\/\n            .z-watch-v4-473388 .z-v4-side {\n                position: static;\n                width: 100%;\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: 10px;\n                transform: none !important;\n                pointer-events: auto;\n            }\n\n            \/* display: contents removes the wrapper box, so its two squares\n               become direct grid items alongside the outer tile. *\/\n            .z-watch-v4-473388 .z-v4-inner {\n                display: contents;\n            }\n\n            \/* All tiles become equal squares on mobile. *\/\n            .z-watch-v4-473388 .z-v4-tile,\n            .z-watch-v4-473388 .z-v4-outer,\n            .z-watch-v4-473388 .z-v4-square {\n                width: auto;\n                height: auto;\n                min-height: 0;\n                aspect-ratio: 1 \/ 1;\n                border-radius: 8px;\n            }\n\n            .z-watch-v4-473388 .z-v4-play {\n                width: 60px;\n                height: 60px;\n            }\n        }\n\n        \/* ------------------------------------------------------------------\n           ACCESSIBILITY: respect the \"reduce motion\" OS setting by turning\n           off the transitions and the hover wave animations.\n           (The scroll animation is disabled separately in the JS below.)\n           ------------------------------------------------------------------ *\/\n        @media (prefers-reduced-motion: reduce) {\n            .z-watch-v4-473388 .z-v4-play,\n            .z-v4-modal {\n                transition: none !important;\n            }\n\n            .z-watch-v4-473388 .z-v4-play::before,\n            .z-watch-v4-473388 .z-v4-play::after {\n                animation: none !important;\n            }\n        }\n    <\/style>\n\n    <!-- =====================================================================\n         MARKUP\n         data-video-id passes the YouTube ID to the JS; the unique class\n         scopes the styles; data-z-watch-v4 is the JS hook.\n         ===================================================================== -->\n    <section class=\"z-watch-v4-473388 z-watch-video-v4\" data-z-watch-v4 data-video-id=\"-t-Um5td6Ic\">\n\n        <!-- Intro text above the animated area -->\n        <header class=\"z-v4-header\">\n            <p class=\"z-v4-eyebrow\">WATCH VIDEO<\/p>\n\n            <h2 class=\"z-v4-title\">\n                Where <span>Ideas<\/span> Come to Life\n            <\/h2>\n\n            <p class=\"z-v4-description\">\n                Watch how strategy, design, and clean execution come together to create\n                modern digital experiences with real impact.\n            <\/p>\n        <\/header>\n\n        <!-- Tall scroll track: its height provides the scroll distance -->\n        <div class=\"z-v4-track\" data-z-v4-track>\n            <!-- Pinned viewport that stays on screen during the animation -->\n            <div class=\"z-v4-sticky\">\n                <div class=\"z-v4-stage\">\n\n                    <!-- Center card: preview image + play button -->\n                    <div class=\"z-v4-center\">\n                        <!-- Eager + high priority: this is the main visual (LCP candidate) -->\n                        <img\n                            class=\"z-v4-center-image\"\n                            src=\"https:\/\/cdn.prod.website-files.com\/69ccb3fac6115032f0000eba\/6a9fe5a68c2a83cc21455a3f_ChatGPT%20Image%20Sep%208%2C%202026%2C%2003_37_48%20PM.avif\"\n                            alt=\"Watch video preview\"\n                            loading=\"eager\"\n                            fetchpriority=\"high\"\n                            decoding=\"async\"\n                        >\n\n                        <button class=\"z-v4-play\" type=\"button\" aria-label=\"Play video\" data-z-v4-play>\n                            <!-- Decorative triangle; hidden from screen readers (button has aria-label) -->\n                            <span class=\"z-v4-play-icon\" aria-hidden=\"true\"><\/span>\n                        <\/button>\n                    <\/div>\n\n                    <!-- LEFT group: tall tile (image 1) + two stacked squares (images 2, 3).\n                         Side images are purely decorative -> empty alt, lazy-loaded. -->\n                    <div class=\"z-v4-side z-v4-left\" data-z-v4-left>\n                        <div class=\"z-v4-tile z-v4-outer\">\n                            <img src=\"https:\/\/cdn.prod.website-files.com\/69ccb3fac6115032f0000eba\/6a9fdbf38e91415cd858393b_1.avif\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n\n                        <div class=\"z-v4-inner\">\n                            <div class=\"z-v4-tile z-v4-square\">\n                                <img src=\"https:\/\/cdn.prod.website-files.com\/69ccb3fac6115032f0000eba\/6a9fde37ed24e22852057417_04_news.avif\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                            <\/div>\n\n                            <div class=\"z-v4-tile z-v4-square\">\n                                <img src=\"https:\/\/cdn.prod.website-files.com\/69ccb3fac6115032f0000eba\/6a9fdbf32f074cc0c215dd35_3.avif\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- RIGHT group: two stacked squares (images 4, 5) + tall tile (image 6) -->\n                    <div class=\"z-v4-side z-v4-right\" data-z-v4-right>\n                        <div class=\"z-v4-inner\">\n                            <div class=\"z-v4-tile z-v4-square\">\n                                <img src=\"https:\/\/cdn.prod.website-files.com\/69ccb3fac6115032f0000eba\/6a9fdbf3977b5a1fc7f5e4b5_4.avif\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                            <\/div>\n\n                            <div class=\"z-v4-tile z-v4-square\">\n                                <img src=\"https:\/\/cdn.prod.website-files.com\/69ccb3fac6115032f0000eba\/6a9fdbf3977b5a1fc7f5e4c0_5.avif\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"z-v4-tile z-v4-outer\">\n                            <img src=\"https:\/\/cdn.prod.website-files.com\/69ccb3fac6115032f0000eba\/6a9fde3bcc711ef8887e0b8b_03_News.avif\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ IIFE: keeps all variables private (nothing leaks into the global scope).\n        (function() {\n            \/\/ Find THIS instance's root via its unique class, so several\n            \/\/ shortcodes on one page don't interfere with each other.\n            var root = document.querySelector('[data-z-watch-v4].z-watch-v4-473388');\n            if (!root) return; \/\/ safety: nothing to do if the markup is missing\n\n            \/\/ ---- Cache DOM references and state --------------------------\n            var track = root.querySelector('[data-z-v4-track]');\n            var left = root.querySelector('[data-z-v4-left]');\n            var right = root.querySelector('[data-z-v4-right]');\n            var playButton = root.querySelector('[data-z-v4-play]');\n            var videoId = root.getAttribute('data-video-id');\n            \/\/ The scroll animation only runs on tablet\/desktop (>= 768px)...\n            var desktopTablet = window.matchMedia('(min-width: 768px)');\n            \/\/ ...and never for users who prefer reduced motion.\n            var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n            \/\/ Flag that prevents queuing more than one frame update at a time.\n            var scheduled = false;\n\n            \/\/ Keep a number within [min, max].\n            function clamp(value, min, max) {\n                return Math.max(min, Math.min(max, value));\n            }\n\n            \/\/ Core animation: compute how far the side groups should be moved.\n            function updateSidePositions() {\n                scheduled = false; \/\/ allow the next scroll event to schedule a new frame\n\n                if (!track || !left || !right) return;\n\n                \/\/ Mobile or reduced motion: remove inline transforms and bail out\n                \/\/ (CSS then shows the static layout).\n                if (!desktopTablet.matches || reducedMotion.matches) {\n                    left.style.transform = '';\n                    right.style.transform = '';\n                    return;\n                }\n\n                \/\/ Where is the track relative to the viewport right now?\n                var rect = track.getBoundingClientRect();\n                \/\/ Total scrollable distance while the stage is pinned\n                \/\/ (track height minus one screen). Math.max avoids division by 0.\n                var scrollDistance = Math.max(1, rect.height - window.innerHeight);\n\n                \/\/ Hold the layered starting layout first; then reveal the center.\n                \/\/ progress: 0 (track top reaches viewport top) -> 1 (end of track)\n                var progress = clamp((-rect.top) \/ scrollDistance, 0, 1);\n                \/\/ reveal: stays 0 until 28% progress, then ramps to 1 at 78%\n                \/\/ (so the animation has a \"hold\" phase at start and end).\n               \/\/ var reveal = clamp((progress - 0.28) \/ 0.50, 0, 1);\n               var reveal = clamp((progress - 0.20) \/ 0.35, 0, 1);\n                \/\/ Smoothstep easing (3t\u00b2 - 2t\u00b3): slow start, fast middle, slow end.\n                 var eased = reveal * reveal * (3 - 2 * reveal);\n\t\t\t\t\n\n\n\n                \/\/ Side groups move outward. The center image never changes size.\n                \/\/ Max travel: 72% of the window width, capped at 980px.\n               \/\/ var distance = Math.min(window.innerWidth * 0.72, 980) * eased;\nvar distance = Math.min(window.innerWidth * 0.14, 190) * eased;\n                \/\/ translate3d triggers GPU compositing; -50% Y keeps vertical centering.\n                \/\/ Left group moves left (negative X), right group moves right.\n                left.style.transform = 'translate3d(' + (-distance) + 'px, -50%, 0)';\n                right.style.transform = 'translate3d(' + distance + 'px, -50%, 0)';\n            }\n\n            \/\/ Throttle updates to one per animation frame (smooth, cheap on scroll).\n            function requestPositionUpdate() {\n                if (scheduled) return;\n                scheduled = true;\n                window.requestAnimationFrame(updateSidePositions);\n            }\n\n            \/\/ passive: true tells the browser we never call preventDefault(),\n            \/\/ so scrolling is never blocked.\n            window.addEventListener('scroll', requestPositionUpdate, { passive: true });\n            window.addEventListener('resize', requestPositionUpdate, { passive: true });\n\n            \/\/ Re-evaluate when the viewport crosses the 768px breakpoint.\n            \/\/ (Feature check: very old Safari only supports the legacy addListener.)\n            if (desktopTablet.addEventListener) {\n                desktopTablet.addEventListener('change', requestPositionUpdate);\n            }\n\n            \/\/ Set the correct initial position on page load (e.g. after a refresh\n            \/\/ when the page is already scrolled).\n            updateSidePositions();\n\n            \/\/ ---- Video modal ---------------------------------------------\n            function openVideo() {\n                \/\/ Build the dialog container with proper ARIA attributes.\n                var modal = document.createElement('div');\n                modal.className = 'z-v4-modal';\n                modal.setAttribute('role', 'dialog');\n                modal.setAttribute('aria-modal', 'true');\n                modal.setAttribute('aria-label', 'YouTube video player');\n\n                \/\/ The iframe is only created now (on click), so no YouTube\n                \/\/ resources load for visitors who never press play.\n                \/\/ youtube-nocookie.com = privacy-enhanced mode (no tracking cookies\n                \/\/ until the user plays). encodeURIComponent protects the URL.\n                \/\/ autoplay=1: start immediately; rel=0: only related videos from the\n                \/\/ same channel; playsinline=1: don't force fullscreen on iOS.\n                modal.innerHTML =\n                    '<div class=\"z-v4-modal-box\">' +\n                        '<button class=\"z-v4-modal-close\" type=\"button\" aria-label=\"Close video\">&times;<\/button>' +\n                        '<iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/' +\n                            encodeURIComponent(videoId) +\n                            '?autoplay=1&rel=0&playsinline=1\" ' +\n                            'title=\"YouTube video player\" ' +\n                            'allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" ' +\n                            'allowfullscreen><\/iframe>' +\n                    '<\/div>';\n\n                document.body.appendChild(modal);\n                \/\/ Lock page scrolling while the modal is open.\n                document.documentElement.style.overflow = 'hidden';\n\n                \/\/ Fade-in in two frames: first display:flex (.is-open), then the\n                \/\/ opacity transition (.is-visible). Otherwise the browser would\n                \/\/ skip the transition.\n                window.requestAnimationFrame(function() {\n                    modal.classList.add('is-open');\n                    window.requestAnimationFrame(function() {\n                        modal.classList.add('is-visible');\n                    });\n                });\n\n                \/\/ Close: fade out, then remove from the DOM after 200ms\n                \/\/ (matches the CSS transition). Removing the iframe also stops playback.\n                function closeVideo() {\n                    modal.classList.remove('is-visible');\n\n                    window.setTimeout(function() {\n                        if (modal.parentNode) {\n                            modal.parentNode.removeChild(modal);\n                        }\n                        \/\/ Restore page scrolling.\n                        document.documentElement.style.overflow = '';\n                    }, 200);\n\n                    \/\/ Clean up the key listener so it doesn't pile up on re-open.\n                    document.removeEventListener('keydown', onKeydown);\n                }\n\n                \/\/ Close on the Escape key.\n                function onKeydown(event) {\n                    if (event.key === 'Escape') {\n                        closeVideo();\n                    }\n                }\n\n                \/\/ Close via the \u00d7 button.\n                modal.querySelector('.z-v4-modal-close').addEventListener('click', closeVideo);\n\n                \/\/ Close when clicking the dark backdrop (but not the player itself:\n                \/\/ event.target === modal only matches the overlay).\n                modal.addEventListener('click', function(event) {\n                    if (event.target === modal) {\n                        closeVideo();\n                    }\n                });\n\n                document.addEventListener('keydown', onKeydown);\n                \/\/ Move keyboard focus into the dialog (accessibility).\n                modal.querySelector('.z-v4-modal-close').focus();\n            }\n\n            \/\/ Open the modal when the play button is clicked.\n            if (playButton) {\n                playButton.addEventListener('click', openVideo);\n            }\n        })();\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f7b476 e-con-full e-flex e-con e-parent\" data-id=\"5f7b476\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed51476 elementor-widget elementor-widget-shortcode\" data-id=\"ed51476\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600&family=Open+Sans:wght@400;500;600&family=Roboto:wght@500;700&display=swap\" rel=\"stylesheet\">\n\n\t\t\t<style>\n\t\t\t\t.z-process-section-v3,\n\t\t\t\t.z-process-section-v3 * {\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\n\t\t\t\t.z-process-section-v3 {\n\t\t\t\t\t--z-outside: #ffffff;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tbackground: var(--z-outside);\n\t\t\t\t\tdirection: inherit;\n\t\t\t\t}\n\n\t\t\t\t.z-process-intro-v3 {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tmax-width: 880px;\n\t\t\t\t\tmargin-inline: auto;\n\t\t\t\t\tpadding-block: clamp(26px, 5vw, 58px) clamp(12px, 2vw, 20px);\n\t\t\t\t\tpadding-inline: clamp(16px, 3vw, 24px);\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t.z-process-subject-v3 {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tmargin: 0 0 14px;\n\t\t\t\t\tpadding: 8px 16px;\n\t\t\t\t\tborder-radius: 999px;\n\t\t\t\t\tbackground: #111111;\n\t\t\t\t\tcolor: #ffffff;\n\t\t\t\t\tfont-family: \"Roboto\", Arial, sans-serif;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\tline-height: 1.2;\n\t\t\t\t\tletter-spacing: 0.08em;\n\t\t\t\t\ttext-transform: uppercase;\n\t\t\t\t}\n\n\t\t\t\t.z-process-intro-title-v3 {\n\t\t\t\t\tmargin: 0 0 14px;\n\t\t\t\t\tcolor: #111111;\n\t\t\t\t\tfont-family: \"Montserrat\", Arial, sans-serif;\n\t\t\t\t\tfont-size: clamp(28px, 4.2vw, 48px);\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tline-height: 1.08;\n\t\t\t\t\tletter-spacing: -0.035em;\n\t\t\t\t}\n\n\t\t\t\t.z-process-intro-text-v3 {\n\t\t\t\t\tmax-width: 720px;\n\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\tcolor: #111111;\n\t\t\t\t\tfont-family: \"Open Sans\", Arial, sans-serif;\n\t\t\t\t\tfont-size: clamp(15.5px, 1.6vw, 17px);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tline-height: 1.75;\n\t\t\t\t\topacity: 0.72;\n\t\t\t\t}\n\n\t\t\t\t.z-process-wrap-v3 {\n\t\t\t\t\t--z-outside: #ffffff;\n\t\t\t\t\tdisplay: grid;\n\t\t\t\t\tgrid-template-columns: repeat(3, minmax(0, 1fr));\n\t\t\t\t\tgap: clamp(18px, 2.4vw, 28px);\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tmax-width: 1180px;\n\t\t\t\t\tmargin-inline: auto;\n\t\t\t\t\tpadding-block: clamp(18px, 3vw, 34px) clamp(30px, 5vw, 58px);\n\t\t\t\t\tpadding-inline: clamp(12px, 2vw, 16px);\n\t\t\t\t\tbackground: var(--z-outside);\n\t\t\t\t\tdirection: inherit;\n\t\t\t\t}\n\n\t\t\t\t.z-process-card-v3 {\n\t\t\t\t\t--z-card: #d7ff5f;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\tgap: clamp(18px, 2vw, 24px);\n\t\t\t\t\tmin-height: 430px;\n\t\t\t\t\tpadding: clamp(16px, 2vw, 20px);\n\t\t\t\t\tborder-radius: 34px;\n\t\t\t\t\tbackground: var(--z-card);\n\t\t\t\t\toverflow: visible;\n\t\t\t\t\tisolation: isolate;\n\t\t\t\t\ttransition: transform 0.28s ease;\n\t\t\t\t\twill-change: transform;\n\t\t\t\t}\n\n\t\t\t\t.z-process-card-v3:hover {\n\t\t\t\t\ttransform: translateY(-7px);\n\t\t\t\t}\n\n\t\t\t\t.z-process-corner-v3 {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tinset-block-start: 0;\n\t\t\t\t\tinset-inline-end: 0;\n\t\t\t\t\twidth: 112px;\n\t\t\t\t\theight: 112px;\n\t\t\t\t\tbackground: var(--z-outside);\n\t\t\t\t\tborder-end-start-radius: 42px;\n\t\t\t\t\tz-index: 3;\n\t\t\t\t}\n\n\t\t\t\t.z-process-corner-v3::before {\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tinset-block-start: 0;\n\t\t\t\t\tinset-inline-start: -32px;\n\t\t\t\t\twidth: 32px;\n\t\t\t\t\theight: 32px;\n\t\t\t\t\tborder-start-end-radius: 32px;\n\t\t\t\t\tbox-shadow: 10px -10px 0 10px var(--z-outside);\n\t\t\t\t}\n\n\t\t\t\t.z-process-corner-v3::after {\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tinset-inline-end: 0;\n\t\t\t\t\tinset-block-end: -32px;\n\t\t\t\t\twidth: 32px;\n\t\t\t\t\theight: 32px;\n\t\t\t\t\tborder-start-end-radius: 32px;\n\t\t\t\t\tbox-shadow: 10px -10px 0 10px var(--z-outside);\n\t\t\t\t}\n\n\t\t\t\t[dir=\"rtl\"] .z-process-corner-v3::before,\n\t\t\t\t.rtl .z-process-corner-v3::before {\n\t\t\t\t\tbox-shadow: -10px -10px 0 10px var(--z-outside);\n\t\t\t\t}\n\n\t\t\t\t[dir=\"rtl\"] .z-process-corner-v3::after,\n\t\t\t\t.rtl .z-process-corner-v3::after {\n\t\t\t\t\tbox-shadow: -10px -10px 0 10px var(--z-outside);\n\t\t\t\t}\n\n\t\t\t\t.z-process-icon-v3 {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tinset-block-start: 14px;\n\t\t\t\t\tinset-inline-end: 14px;\n\t\t\t\t\tz-index: 4;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\twidth: 68px;\n\t\t\t\t\theight: 68px;\n\t\t\t\t\tborder-radius: 999px;\n\t\t\t\t\tbackground: #111111;\n\t\t\t\t\tcolor: var(--z-card);\n\t\t\t\t\ttransition: transform 0.28s ease;\n\t\t\t\t}\n\n\t\t\t\t.z-process-card-v3:hover .z-process-icon-v3 {\n\t\t\t\t\ttransform: rotate(-7deg) scale(1.05);\n\t\t\t\t}\n\n\t\t\t\t[dir=\"rtl\"] .z-process-card-v3:hover .z-process-icon-v3,\n\t\t\t\t.rtl .z-process-card-v3:hover .z-process-icon-v3 {\n\t\t\t\t\ttransform: rotate(7deg) scale(1.05);\n\t\t\t\t}\n\n\t\t\t\t.z-process-icon-svg-v3 {\n\t\t\t\t\twidth: 36px;\n\t\t\t\t\theight: 36px;\n\t\t\t\t\tfill: none;\n\t\t\t\t\tstroke: currentColor;\n\t\t\t\t\tstroke-width: 4;\n\t\t\t\t\tstroke-linecap: round;\n\t\t\t\t\tstroke-linejoin: round;\n\t\t\t\t}\n\n\t\t\t\t.z-process-content-v3 {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tz-index: 1;\n\t\t\t\t\tpadding-block-start: clamp(20px, 2vw, 26px);\n\t\t\t\t\tpadding-inline: clamp(12px, 2vw, 16px);\n\t\t\t\t\ttext-align: start;\n\t\t\t\t}\n\n\t\t\t\t.z-process-step-v3 {\n\t\t\t\t\tmargin: 0 0 10px;\n\t\t\t\t\tcolor: #111111;\n\t\t\t\t\tfont-family: \"Roboto\", Arial, sans-serif;\n\t\t\t\t\tfont-size: 12.5px;\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\tletter-spacing: 0.08em;\n\t\t\t\t\tline-height: 1.2;\n\t\t\t\t\ttext-transform: uppercase;\n\t\t\t\t\topacity: 0.68;\n\t\t\t\t}\n\n\t\t\t\t.z-process-title-v3 {\n\t\t\t\t\tmax-width: calc(100% - 84px);\n\t\t\t\t\tmargin: 0 0 12px;\n\t\t\t\t\tcolor: #111111;\n\t\t\t\t\tfont-family: \"Montserrat\", Arial, sans-serif;\n\t\t\t\t\tfont-size: clamp(20px, 2.15vw, 27px);\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tline-height: 1.12;\n\t\t\t\t\tletter-spacing: -0.025em;\n\t\t\t\t}\n\n\t\t\t\t.z-process-text-v3 {\n\t\t\t\t\tmax-width: 96%;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tcolor: #111111;\n\t\t\t\t\tfont-family: \"Open Sans\", Arial, sans-serif;\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tline-height: 1.62;\n\t\t\t\t\topacity: 0.78;\n\t\t\t\t}\n\n\t\t\t\t.z-process-image-v3 {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tz-index: 1;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: clamp(178px, 17vw, 205px);\n\t\t\t\t\tmargin-block-start: auto;\n\t\t\t\t\tborder-radius: 24px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tbackground: rgba(17, 17, 17, 0.08);\n\t\t\t\t\ttransform: translateZ(0);\n\t\t\t\t}\n\n\t\t\t\t.z-process-image-v3 img {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tborder-radius: inherit;\n\t\t\t\t\tobject-fit: cover;\n\t\t\t\t\ttransform: scale(1.001);\n\t\t\t\t\ttransition: transform 0.38s ease;\n\t\t\t\t}\n\n\t\t\t\t.z-process-card-v3:hover .z-process-image-v3 img {\n\t\t\t\t\ttransform: scale(1.055);\n\t\t\t\t}\n\n\t\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\t\t.z-process-card-v3,\n\t\t\t\t\t.z-process-icon-v3,\n\t\t\t\t\t.z-process-image-v3 img {\n\t\t\t\t\t\ttransition: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t.z-process-card-v3:hover,\n\t\t\t\t\t.z-process-card-v3:hover .z-process-icon-v3,\n\t\t\t\t\t.z-process-card-v3:hover .z-process-image-v3 img {\n\t\t\t\t\t\ttransform: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 980px) {\n\t\t\t\t\t.z-process-wrap-v3 {\n\t\t\t\t\t\tgrid-template-columns: repeat(2, minmax(0, 1fr));\n\t\t\t\t\t}\n\n\t\t\t\t\t.z-process-card-v3 {\n\t\t\t\t\t\tmin-height: 410px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.z-process-card-v3:last-child {\n\t\t\t\t\t\tgrid-column: 1 \/ -1;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 680px) {\n\t\t\t\t\t.z-process-intro-v3 {\n\t\t\t\t\t\ttext-align: start;\n\t\t\t\t\t}\n\n\t\t\t\t\t.z-process-intro-text-v3 {\n\t\t\t\t\t\tmargin-inline: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t.z-process-wrap-v3 {\n\t\t\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t\t\t}\n\n\t\t\t\t\t.z-process-card-v3,\n\t\t\t\t\t.z-process-card-v3:last-child {\n\t\t\t\t\t\tgrid-column: auto;\n\t\t\t\t\t}\n\n\t\t\t\t\t.z-process-card-v3 {\n\t\t\t\t\t\tmin-height: auto;\n\t\t\t\t\t\tborder-radius: 30px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.z-process-title-v3 {\n\t\t\t\t\t\tfont-size: clamp(20px, 6vw, 25px);\n\t\t\t\t\t}\n\n\t\t\t\t\t.z-process-image-v3 {\n\t\t\t\t\t\theight: clamp(190px, 54vw, 250px);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 420px) {\n\t\t\t\t\t.z-process-corner-v3 {\n\t\t\t\t\t\twidth: 98px;\n\t\t\t\t\t\theight: 98px;\n\t\t\t\t\t\tborder-end-start-radius: 36px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.z-process-icon-v3 {\n\t\t\t\t\t\twidth: 58px;\n\t\t\t\t\t\theight: 58px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.z-process-icon-svg-v3 {\n\t\t\t\t\t\twidth: 31px;\n\t\t\t\t\t\theight: 31px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.z-process-title-v3 {\n\t\t\t\t\t\tmax-width: calc(100% - 72px);\n\t\t\t\t\t\tfont-size: 22px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.z-process-text-v3 {\n\t\t\t\t\t\tfont-size: 14.5px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t<\/style>\n\t\t\t\n\t\t<section class=\"z-process-section-v3\" style=\"--z-outside: #ffffff;\">\n\n\t\t\t<div class=\"z-process-intro-v3\">\n\t\t\t\t<p class=\"z-process-subject-v3\">\n\t\t\t\t\tMachine Programming Approach\t\t\t\t<\/p>\n\n\t\t\t\t<h2 class=\"z-process-intro-title-v3\">\n\t\t\t\t\tA Clear Machine Programming Approach\t\t\t\t<\/h2>\n\n\t\t\t\t<p class=\"z-process-intro-text-v3\">\n\t\t\t\t\tFrom study and planning to PLC programming and HMI\/SCADA delivery, our process keeps every automation project structured, reliable, and easy to maintain.\t\t\t\t<\/p>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"z-process-wrap-v3\" style=\"--z-outside: #ffffff;\">\n\t\t\t\t\t\t\t\t\t<article class=\"z-process-card-v3\" style=\"--z-card: #d7ff5f;\">\n\n\t\t\t\t\t\t<div class=\"z-process-corner-v3\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<div class=\"z-process-icon-v3\">\n\t\t\t\t\t\t\t\t\n\t\t\t<svg class=\"z-process-icon-svg-v3\" viewBox=\"0 0 64 64\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t<path d=\"M18 10H42C46.4 10 50 13.6 50 18V54H22C17.6 54 14 50.4 14 46V14C14 11.8 15.8 10 18 10Z\" \/>\n\t\t\t\t<path d=\"M22 18H42\" \/>\n\t\t\t\t<path d=\"M22 28H38\" \/>\n\t\t\t\t<path d=\"M22 38H34\" \/>\n\t\t\t\t<path d=\"M50 18H54C56.2 18 58 19.8 58 22V50C58 52.2 56.2 54 54 54H50\" \/>\n\t\t\t\t<path d=\"M10 20L6 24L10 28\" \/>\n\t\t\t\t<path d=\"M6 24H14\" \/>\n\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"z-process-content-v3\">\n\t\t\t\t\t\t\t<p class=\"z-process-step-v3\">\n\t\t\t\t\t\t\t\tStep 01\t\t\t\t\t\t\t<\/p>\n\n\t\t\t\t\t\t\t<h3 class=\"z-process-title-v3\">\n\t\t\t\t\t\t\t\tStudy &amp; Plan\t\t\t\t\t\t\t<\/h3>\n\n\t\t\t\t\t\t\t<p class=\"z-process-text-v3\">\n\t\t\t\t\t\t\t\tWe study your machine, process requirements, electrical logic, safety needs, and prepare a clear automation plan.\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"z-process-image-v3\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&#038;fit=crop&#038;w=900&#038;q=80\"\n\t\t\t\t\t\t\t\talt=\"Study &amp; Plan\"\n\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t<article class=\"z-process-card-v3\" style=\"--z-card: #ffb3d9;\">\n\n\t\t\t\t\t\t<div class=\"z-process-corner-v3\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<div class=\"z-process-icon-v3\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t<svg class=\"z-process-icon-svg-v3\" viewBox=\"0 0 64 64\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t\t<path d=\"M18 22L8 32L18 42\" \/>\n\t\t\t\t\t<path d=\"M46 22L56 32L46 42\" \/>\n\t\t\t\t\t<path d=\"M37 16L27 48\" \/>\n\t\t\t\t\t<rect x=\"8\" y=\"8\" width=\"48\" height=\"48\" rx=\"12\" \/>\n\t\t\t\t\t<path d=\"M20 52V58\" \/>\n\t\t\t\t\t<path d=\"M32 52V58\" \/>\n\t\t\t\t\t<path d=\"M44 52V58\" \/>\n\t\t\t\t\t<path d=\"M20 6V12\" \/>\n\t\t\t\t\t<path d=\"M32 6V12\" \/>\n\t\t\t\t\t<path d=\"M44 6V12\" \/>\n\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"z-process-content-v3\">\n\t\t\t\t\t\t\t<p class=\"z-process-step-v3\">\n\t\t\t\t\t\t\t\tStep 02\t\t\t\t\t\t\t<\/p>\n\n\t\t\t\t\t\t\t<h3 class=\"z-process-title-v3\">\n\t\t\t\t\t\t\t\tProgramming &amp; PLC\t\t\t\t\t\t\t<\/h3>\n\n\t\t\t\t\t\t\t<p class=\"z-process-text-v3\">\n\t\t\t\t\t\t\t\tWe develop PLC logic, sequences, interlocks, alarms, testing routines, and reliable machine control workflows.\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"z-process-image-v3\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?auto=format&#038;fit=crop&#038;w=900&#038;q=80\"\n\t\t\t\t\t\t\t\talt=\"Programming &amp; PLC\"\n\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t<article class=\"z-process-card-v3\" style=\"--z-card: #a8d8ff;\">\n\n\t\t\t\t\t\t<div class=\"z-process-corner-v3\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<div class=\"z-process-icon-v3\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t<svg class=\"z-process-icon-svg-v3\" viewBox=\"0 0 64 64\" aria-hidden=\"true\" focusable=\"false\">\n\t\t\t\t\t<rect x=\"8\" y=\"10\" width=\"48\" height=\"34\" rx=\"8\" \/>\n\t\t\t\t\t<path d=\"M24 54H40\" \/>\n\t\t\t\t\t<path d=\"M32 44V54\" \/>\n\t\t\t\t\t<path d=\"M18 34L26 26L34 31L46 18\" \/>\n\t\t\t\t\t<path d=\"M46 18V28\" \/>\n\t\t\t\t\t<path d=\"M46 18H36\" \/>\n\t\t\t\t\t<circle cx=\"20\" cy=\"22\" r=\"3\" \/>\n\t\t\t\t\t<circle cx=\"30\" cy=\"22\" r=\"3\" \/>\n\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"z-process-content-v3\">\n\t\t\t\t\t\t\t<p class=\"z-process-step-v3\">\n\t\t\t\t\t\t\t\tStep 03\t\t\t\t\t\t\t<\/p>\n\n\t\t\t\t\t\t\t<h3 class=\"z-process-title-v3\">\n\t\t\t\t\t\t\t\tHMI &amp; SCADA\t\t\t\t\t\t\t<\/h3>\n\n\t\t\t\t\t\t\t<p class=\"z-process-text-v3\">\n\t\t\t\t\t\t\t\tWe design HMI and SCADA screens for monitoring, control, alarms, trends, reporting, and operator visibility.\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"z-process-image-v3\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?auto=format&#038;fit=crop&#038;w=900&#038;q=80\"\n\t\t\t\t\t\t\t\talt=\"HMI &amp; SCADA\"\n\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t<\/section>\n\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c78452 e-flex e-con-boxed e-con e-parent\" data-id=\"1c78452\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b1b85d9 e-flex e-con-boxed e-con e-child\" data-id=\"b1b85d9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"plus-widget-inner-wrap tp-standard-gsap elementor-element elementor-element-13e8556 elementor-widget elementor-widget-heading\" data-tp_gsap_control=\"{&quot;tp_animation_type&quot;:&quot;tp_global&quot;,&quot;tp_trigger&quot;:&quot;&quot;,&quot;tp_delay&quot;:&quot;&quot;,&quot;tp_fade_from&quot;:&quot;&quot;,&quot;tp_duration&quot;:&quot;&quot;,&quot;tp_ease&quot;:&quot;&quot;,&quot;tp_fade_offset&quot;:&quot;&quot;,&quot;tp_stagger&quot;:&quot;&quot;,&quot;tp_stagger_target&quot;:&quot;&quot;,&quot;tp_stagger_depth&quot;:&quot;child&quot;,&quot;tp_repeat&quot;:&quot;&quot;,&quot;tp_ani_type&quot;:&quot;&quot;}\" data-id=\"13e8556\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;tp_global&quot;,&quot;tp_select_global_animation&quot;:&quot;f8c859b&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">My Works<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bccf99f e-con-full e-flex e-con e-child\" data-id=\"bccf99f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"plus-widget-inner-wrap tp-standard-gsap elementor-element elementor-element-5af44cb elementor-widget elementor-widget-tp-gallery-listout\" data-tp_gsap_control=\"{&quot;tp_animation_type&quot;:&quot;tp_global&quot;,&quot;tp_trigger&quot;:&quot;&quot;,&quot;tp_delay&quot;:&quot;&quot;,&quot;tp_fade_from&quot;:&quot;&quot;,&quot;tp_duration&quot;:&quot;&quot;,&quot;tp_ease&quot;:&quot;&quot;,&quot;tp_fade_offset&quot;:&quot;&quot;,&quot;tp_stagger&quot;:&quot;&quot;,&quot;tp_stagger_target&quot;:&quot;&quot;,&quot;tp_stagger_depth&quot;:&quot;child&quot;,&quot;tp_repeat&quot;:&quot;&quot;,&quot;tp_ani_type&quot;:&quot;&quot;}\" data-id=\"5af44cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;tp_global&quot;,&quot;tp_select_global_animation&quot;:&quot;adc135a&quot;}\" data-widget_type=\"tp-gallery-listout.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pt-plus-gallery-list\" class=\"gallery-list post6adf651b689d3  list-isotope  gallery-style-3 hover-image-style-1 pt-plus-filter-post-category   \"  data-layout-type=\"masonry\"   data-id=\"post6adf651b689d3\" data-style=\"style-3\"   dir= data-enable-isotope=\"1\"><div class=\"post-filter-data style-1 text-center\"><ul class=\"category-filters style-1 hover-style-2\"><li><a href=\"#\" class=\"filter-category-list active all\" data-filter=\"*\" ><span data-hover=\"All\">All<\/span><span class=\"all_post_count\">9<\/span><\/a><\/li><li><a href=\"#\" class=\"filter-category-list\"  data-filter=\".PLC-&amp;-SCADA\"><span data-hover=\"PLC-&amp;-SCADA\">PLC &amp; SCADA<\/span><\/a><\/li><li><a href=\"#\" class=\"filter-category-list\"  data-filter=\".Luxury-Cars\"><span data-hover=\"Luxury-Cars\">Luxury Cars<\/span><\/a><\/li><li><a href=\"#\" class=\"filter-category-list\"  data-filter=\".Classic-Cars\"><span data-hover=\"Classic-Cars\">Classic Cars<\/span><\/a><\/li><li><a href=\"#\" class=\"filter-category-list\"  data-filter=\".Aesthetic-Car\"><span data-hover=\"Aesthetic-Car\">Aesthetic Car<\/span><\/a><\/li><\/ul><\/div><div id=\"post6adf651b689d3\" class=\"tp-row post-inner-loop post6adf651b689d3\"><div class=\"grid-item metro-item0 tp-col-lg-4 tp-col-md-4 tp-col-sm-6 tp-col-6  PLC-&amp;-SCADA    \"  ><div>\r\n\t<div class=\"gallery-list-content\">\r\n\t\t<div class=\"post-content-image\">\r\n\t\t\r\n<div class=\"gallery-image\">\r\n\t<span class=\"thumb-wrap\">\r\n\t\t<img width=\"392\" height=\"350\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" sizes=\"(max-width: 392px) 100vw, 392px\" data-src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348.png\" data-srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-300x268.png 300w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-13x12.png 13w\" \/><noscript><img decoding=\"async\" width=\"392\" height=\"350\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348.png\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-300x268.png 300w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-13x12.png 13w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/noscript>\t<\/span>\r\n<\/div>\r\n\t<\/div>\r\n\t\t\t<div class=\"post-content-center\">\r\n\t\t<div class=\"post-hover-content\">\r\n\t\t\t\t\t\t\t\t\t\r\n<h3 class=\"post-title\">\r\n\t\r\n\tPLC &amp; SCADA\r\n<\/h3>\r\n\t\t\t\r\n<div class=\"entry-content\">\r\n\tzineddine zinou zizou kda mana malhih<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<\/div><div class=\"grid-item metro-item0 tp-col-lg-4 tp-col-md-4 tp-col-sm-6 tp-col-6  Luxury-Cars    \"  ><div>\r\n\t<div class=\"gallery-list-content\">\r\n\t\t<div class=\"post-content-image\">\r\n\t\t\r\n<div class=\"gallery-image\">\r\n\t<span class=\"thumb-wrap\">\r\n\t\t<img width=\"392\" height=\"450\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" sizes=\"(max-width: 392px) 100vw, 392px\" data-src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345.png\" data-srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-261x300.png 261w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-10x12.png 10w\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"392\" height=\"450\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345.png\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-261x300.png 261w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-10x12.png 10w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/noscript>\t<\/span>\r\n<\/div>\r\n\t<\/div>\r\n\t\t\t<div class=\"post-content-center\">\r\n\t\t<div class=\"post-hover-content\">\r\n\t\t\t\t\t\t\t\t\t\r\n<h3 class=\"post-title\">\r\n\t\r\n\t\r\n<\/h3>\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<\/div><div class=\"grid-item metro-item0 tp-col-lg-4 tp-col-md-4 tp-col-sm-6 tp-col-6  Classic-Cars    \"  ><div>\r\n\t<div class=\"gallery-list-content\">\r\n\t\t<div class=\"post-content-image\">\r\n\t\t\r\n<div class=\"gallery-image\">\r\n\t<span class=\"thumb-wrap\">\r\n\t\t<img loading=\"lazy\" width=\"392\" height=\"350\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" sizes=\"(max-width: 392px) 100vw, 392px\" data-src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347.png\" data-srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-300x268.png 300w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-13x12.png 13w\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"392\" height=\"350\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347.png\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-300x268.png 300w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-13x12.png 13w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/noscript>\t<\/span>\r\n<\/div>\r\n\t<\/div>\r\n\t\t\t<div class=\"post-content-center\">\r\n\t\t<div class=\"post-hover-content\">\r\n\t\t\t\t\t\t\t\t\t\r\n<h3 class=\"post-title\">\r\n\t\r\n\t\r\n<\/h3>\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<\/div><div class=\"grid-item metro-item0 tp-col-lg-4 tp-col-md-4 tp-col-sm-6 tp-col-6  Luxury-Cars    \"  ><div>\r\n\t<div class=\"gallery-list-content\">\r\n\t\t<div class=\"post-content-image\">\r\n\t\t\r\n<div class=\"gallery-image\">\r\n\t<span class=\"thumb-wrap\">\r\n\t\t<img loading=\"lazy\" width=\"392\" height=\"400\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" sizes=\"(max-width: 392px) 100vw, 392px\" data-src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-1.png\" data-srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-1.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-1-294x300.png 294w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-1-12x12.png 12w\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"392\" height=\"400\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-1.png\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-1.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-1-294x300.png 294w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-1-12x12.png 12w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/noscript>\t<\/span>\r\n<\/div>\r\n\t<\/div>\r\n\t\t\t<div class=\"post-content-center\">\r\n\t\t<div class=\"post-hover-content\">\r\n\t\t\t\t\t\t\t\t\t\r\n<h3 class=\"post-title\">\r\n\t\r\n\t\r\n<\/h3>\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<\/div><div class=\"grid-item metro-item0 tp-col-lg-4 tp-col-md-4 tp-col-sm-6 tp-col-6  Classic-Cars    \"  ><div>\r\n\t<div class=\"gallery-list-content\">\r\n\t\t<div class=\"post-content-image\">\r\n\t\t\r\n<div class=\"gallery-image\">\r\n\t<span class=\"thumb-wrap\">\r\n\t\t<img loading=\"lazy\" width=\"392\" height=\"350\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" sizes=\"(max-width: 392px) 100vw, 392px\" data-src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-1.png\" data-srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-1.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-1-300x268.png 300w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-1-13x12.png 13w\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"392\" height=\"350\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-1.png\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-1.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-1-300x268.png 300w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-1-13x12.png 13w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/noscript>\t<\/span>\r\n<\/div>\r\n\t<\/div>\r\n\t\t\t<div class=\"post-content-center\">\r\n\t\t<div class=\"post-hover-content\">\r\n\t\t\t\t\t\t\t\t\t\r\n<h3 class=\"post-title\">\r\n\t\r\n\t\r\n<\/h3>\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<\/div><div class=\"grid-item metro-item0 tp-col-lg-4 tp-col-md-4 tp-col-sm-6 tp-col-6  Luxury-Cars    \"  ><div>\r\n\t<div class=\"gallery-list-content\">\r\n\t\t<div class=\"post-content-image\">\r\n\t\t\r\n<div class=\"gallery-image\">\r\n\t<span class=\"thumb-wrap\">\r\n\t\t<img loading=\"lazy\" width=\"392\" height=\"400\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" sizes=\"(max-width: 392px) 100vw, 392px\" data-src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-1.png\" data-srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-1.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-1-294x300.png 294w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-1-12x12.png 12w\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"392\" height=\"400\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-1.png\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-1.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-1-294x300.png 294w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-1-12x12.png 12w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/noscript>\t<\/span>\r\n<\/div>\r\n\t<\/div>\r\n\t\t\t<div class=\"post-content-center\">\r\n\t\t<div class=\"post-hover-content\">\r\n\t\t\t\t\t\t\t\t\t\r\n<h3 class=\"post-title\">\r\n\t\r\n\t\r\n<\/h3>\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<\/div><div class=\"grid-item metro-item0 tp-col-lg-4 tp-col-md-4 tp-col-sm-6 tp-col-6  Aesthetic-Car    \"  ><div>\r\n\t<div class=\"gallery-list-content\">\r\n\t\t<div class=\"post-content-image\">\r\n\t\t\r\n<div class=\"gallery-image\">\r\n\t<span class=\"thumb-wrap\">\r\n\t\t<img loading=\"lazy\" width=\"392\" height=\"350\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" sizes=\"(max-width: 392px) 100vw, 392px\" data-src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-2.png\" data-srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-2.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-2-300x268.png 300w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-2-13x12.png 13w\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"392\" height=\"350\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-2.png\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-2.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-2-300x268.png 300w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129348-2-13x12.png 13w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/noscript>\t<\/span>\r\n<\/div>\r\n\t<\/div>\r\n\t\t\t<div class=\"post-content-center\">\r\n\t\t<div class=\"post-hover-content\">\r\n\t\t\t\t\t\t\t\t\t\r\n<h3 class=\"post-title\">\r\n\t\r\n\t\r\n<\/h3>\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<\/div><div class=\"grid-item metro-item0 tp-col-lg-4 tp-col-md-4 tp-col-sm-6 tp-col-6  Aesthetic-Car    \"  ><div>\r\n\t<div class=\"gallery-list-content\">\r\n\t\t<div class=\"post-content-image\">\r\n\t\t\r\n<div class=\"gallery-image\">\r\n\t<span class=\"thumb-wrap\">\r\n\t\t<img loading=\"lazy\" width=\"392\" height=\"450\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" sizes=\"(max-width: 392px) 100vw, 392px\" data-src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-2.png\" data-srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-2.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-2-261x300.png 261w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-2-10x12.png 10w\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"392\" height=\"450\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-2.png\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-2.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-2-261x300.png 261w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129347-2-10x12.png 10w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/noscript>\t<\/span>\r\n<\/div>\r\n\t<\/div>\r\n\t\t\t<div class=\"post-content-center\">\r\n\t\t<div class=\"post-hover-content\">\r\n\t\t\t\t\t\t\t\t\t\r\n<h3 class=\"post-title\">\r\n\t\r\n\t\r\n<\/h3>\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<\/div><div class=\"grid-item metro-item0 tp-col-lg-4 tp-col-md-4 tp-col-sm-6 tp-col-6  Aesthetic-Car    \"  ><div>\r\n\t<div class=\"gallery-list-content\">\r\n\t\t<div class=\"post-content-image\">\r\n\t\t\r\n<div class=\"gallery-image\">\r\n\t<span class=\"thumb-wrap\">\r\n\t\t<img loading=\"lazy\" width=\"392\" height=\"350\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" sizes=\"(max-width: 392px) 100vw, 392px\" data-src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-2.png\" data-srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-2.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-2-300x268.png 300w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-2-13x12.png 13w\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"392\" height=\"350\" src=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-2.png\" class=\" tp-lazyload\" alt=\"\" data-tp-lazy=\"fade\" srcset=\"https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-2.png 392w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-2-300x268.png 300w, https:\/\/zizouengineering.com\/wp-content\/uploads\/2026\/10\/Frame-1410129345-2-13x12.png 13w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/noscript>\t<\/span>\r\n<\/div>\r\n\t<\/div>\r\n\t\t\t<div class=\"post-content-center\">\r\n\t\t<div class=\"post-hover-content\">\r\n\t\t\t\t\t\t\t\t\t\r\n<h3 class=\"post-title\">\r\n\t\r\n\t\r\n<\/h3>\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5fc18a e-con-full e-flex e-con e-parent\" data-id=\"d5fc18a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc856eb elementor-widget elementor-widget-shortcode\" data-id=\"dc856eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n        <style>\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Libre+Baskerville:wght@400;700&display=swap');\n\n            .z-testimonial-section,\n            .z-testimonial-section * {\n                box-sizing: border-box;\n            }\n\n            .z-testimonial-section {\n                --z-bg: #000000;\n                --z-card: #1f1f1f;\n                --z-card-hover: #242424;\n                --z-border: rgba(255, 255, 255, 0.08);\n                --z-border-hover: rgba(200, 245, 58, 0.18);\n                --z-lime: #c8f53a;\n                --z-white: #ffffff;\n                --z-text: #d7d7d7;\n                --z-muted: #969696;\n                position: relative;\n                width: 100%;\n                min-height: 820px;\n                padding: 96px 22px 0;\n                background:\n                    radial-gradient(760px 380px at 50% 8%, rgba(255, 255, 255, 0.035), transparent 72%),\n                    var(--z-bg);\n                color: var(--z-white);\n                font-family: \"Inter\", Arial, sans-serif;\n                overflow: hidden;\n                isolation: isolate;\n            }\n\n            .z-testimonial-container {\n                position: relative;\n                z-index: 1;\n                width: min(100%, 1210px);\n                margin: 0 auto;\n            }\n\n            .z-testimonial-header {\n                max-width: 770px;\n                margin: 0 auto;\n                text-align: center;\n            }\n\n            .z-testimonial-eyebrow {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                gap: 18px;\n                margin: 0;\n                color: var(--z-white);\n                font-size: 14px;\n                font-weight: 800;\n                line-height: 1;\n                letter-spacing: 0.055em;\n                text-transform: uppercase;\n            }\n\n            .z-testimonial-eyebrow::before,\n            .z-testimonial-eyebrow::after {\n                content: \"\";\n                width: 31px;\n                height: 2px;\n                border-radius: 999px;\n                background: var(--z-lime);\n                box-shadow: 0 0 12px rgba(200, 245, 58, 0.48);\n            }\n\n            .z-testimonial-title {\n                margin: 27px 0 0;\n                font-family: \"Libre Baskerville\", Georgia, serif;\n                color: var(--z-white);\n                font-size: clamp(39px, 3.25vw, 48px);\n                font-weight: 400;\n                line-height: 1.18;\n                letter-spacing: -0.055em;\n            }\n\n            .z-testimonial-title span {\n                color: var(--z-lime);\n            }\n\n            .z-testimonial-marquee {\n                position: relative;\n                height: 560px;\n                margin-top: 62px;\n                overflow: hidden;\n                -webkit-mask-image: linear-gradient(\n                    180deg,\n                    transparent 0%,\n                    rgba(0, 0, 0, 0.18) 5%,\n                    #000 17%,\n                    #000 82%,\n                    rgba(0, 0, 0, 0.18) 94%,\n                    transparent 100%\n                );\n                mask-image: linear-gradient(\n                    180deg,\n                    transparent 0%,\n                    rgba(0, 0, 0, 0.18) 5%,\n                    #000 17%,\n                    #000 82%,\n                    rgba(0, 0, 0, 0.18) 94%,\n                    transparent 100%\n                );\n            }\n\n            .z-testimonial-grid {\n                display: grid;\n                grid-template-columns: repeat(3, minmax(0, 1fr));\n                gap: 30px;\n                align-items: start;\n            }\n\n            .z-testimonial-column {\n                display: flex;\n                flex-direction: column;\n                gap: 14px;\n                will-change: transform;\n            }\n\n            .z-testimonial-column-inner {\n                display: flex;\n                flex-direction: column;\n                gap: 14px;\n                animation: z-testimonial-scroll-up 28s linear infinite;\n            }\n\n            .z-testimonial-column:nth-child(2) {\n                margin-top: -82px;\n            }\n\n            .z-testimonial-column:nth-child(2) .z-testimonial-column-inner {\n                animation-duration: 31s;\n                animation-name: z-testimonial-scroll-down;\n            }\n\n            .z-testimonial-column:nth-child(3) .z-testimonial-column-inner {\n                animation-duration: 29s;\n            }\n\n            .z-testimonial-marquee:hover .z-testimonial-column-inner {\n                animation-play-state: paused;\n            }\n\n            @keyframes z-testimonial-scroll-up {\n                from {\n                    transform: translate3d(0, 0, 0);\n                }\n\n                to {\n                    transform: translate3d(0, -50%, 0);\n                }\n            }\n\n            @keyframes z-testimonial-scroll-down {\n                from {\n                    transform: translate3d(0, -50%, 0);\n                }\n\n                to {\n                    transform: translate3d(0, 0, 0);\n                }\n            }\n\n            .z-testimonial-card {\n                position: relative;\n                min-height: 198px;\n                padding: 20px 20px 19px;\n                border: 1px solid var(--z-border);\n                border-radius: 12px;\n                background: var(--z-card);\n                box-shadow:\n                    inset 0 1px 0 rgba(255, 255, 255, 0.035),\n                    0 18px 40px rgba(0, 0, 0, 0.20);\n                overflow: hidden;\n                transition:\n                    background 220ms ease,\n                    border-color 220ms ease,\n                    transform 220ms ease,\n                    box-shadow 220ms ease;\n            }\n\n            .z-testimonial-card:hover {\n                border-color: var(--z-border-hover);\n                background: var(--z-card-hover);\n                transform: translateY(-2px);\n                box-shadow:\n                    inset 0 1px 0 rgba(255, 255, 255, 0.04),\n                    0 22px 54px rgba(0, 0, 0, 0.26);\n            }\n\n            .z-testimonial-card.z-tall {\n                min-height: 224px;\n            }\n\n            .z-testimonial-card.z-short {\n                min-height: 184px;\n            }\n\n            .z-testimonial-stars {\n                display: flex;\n                align-items: center;\n                gap: 4px;\n                color: var(--z-lime);\n                font-size: 15px;\n                line-height: 1;\n                letter-spacing: 0.02em;\n            }\n\n            .z-testimonial-quote {\n                margin: 17px 0 0;\n                color: var(--z-text);\n                font-size: 14.5px;\n                font-weight: 400;\n                line-height: 1.38;\n                letter-spacing: -0.012em;\n            }\n\n            .z-testimonial-divider {\n                width: 100%;\n                height: 1px;\n                margin: 21px 0 17px;\n                background: rgba(255, 255, 255, 0.08);\n            }\n\n            .z-testimonial-author {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                gap: 16px;\n            }\n\n            .z-testimonial-person {\n                display: flex;\n                align-items: center;\n                gap: 12px;\n                min-width: 0;\n            }\n\n            .z-testimonial-avatar-wrap {\n                position: relative;\n                width: 56px;\n                height: 56px;\n                flex: 0 0 56px;\n                display: block;\n                border-radius: 50%;\n                padding: 2px;\n                background:\n                    linear-gradient(135deg, rgba(200, 245, 58, 1), rgba(200, 245, 58, 0.26) 45%, rgba(255, 255, 255, 0.16) 100%);\n                box-shadow:\n                    0 0 0 1px rgba(200, 245, 58, 0.15),\n                    0 0 18px rgba(200, 245, 58, 0.38),\n                    0 0 34px rgba(200, 245, 58, 0.12);\n                overflow: hidden;\n            }\n\n            .z-testimonial-avatar-wrap::after {\n                content: \"\";\n                position: absolute;\n                inset: 2px;\n                border-radius: 50%;\n                box-shadow: inset 0 0 0 2px #1f1f1f;\n                pointer-events: none;\n                z-index: 2;\n            }\n\n            .z-testimonial-avatar {\n                position: relative;\n                z-index: 1;\n                width: 100%;\n                height: 100%;\n                display: block;\n                border-radius: 50%;\n                object-fit: cover;\n                object-position: center;\n                aspect-ratio: 1 \/ 1;\n                background: #111111;\n            }\n\n            .z-testimonial-meta {\n                min-width: 0;\n            }\n\n            .z-testimonial-name {\n                display: block;\n                margin: 0;\n                color: var(--z-white);\n                font-size: 14.5px;\n                font-weight: 800;\n                line-height: 1.1;\n                letter-spacing: -0.015em;\n                white-space: nowrap;\n                overflow: hidden;\n                text-overflow: ellipsis;\n            }\n\n            .z-testimonial-role {\n                display: block;\n                margin: 6px 0 0;\n                color: var(--z-muted);\n                font-size: 12.5px;\n                font-weight: 500;\n                line-height: 1.2;\n                letter-spacing: -0.01em;\n                white-space: nowrap;\n                overflow: hidden;\n                text-overflow: ellipsis;\n            }\n\n            .z-testimonial-role span {\n                color: var(--z-lime);\n                font-weight: 800;\n            }\n\n            .z-testimonial-mark {\n                flex: 0 0 auto;\n                margin-left: auto;\n                color: rgba(255, 255, 255, 0.24);\n                font-family: Georgia, serif;\n                font-size: 54px;\n                font-weight: 700;\n                line-height: 0.72;\n                transform: translateY(8px);\n            }\n\n            @media (prefers-reduced-motion: reduce) {\n                .z-testimonial-column-inner {\n                    animation: none !important;\n                }\n\n                .z-testimonial-card {\n                    transition: none !important;\n                }\n            }\n\n            @media (max-width: 1020px) {\n                .z-testimonial-section {\n                    padding-top: 84px;\n                    min-height: 790px;\n                }\n\n                .z-testimonial-grid {\n                    grid-template-columns: repeat(2, minmax(0, 1fr));\n                    gap: 22px;\n                }\n\n                .z-testimonial-column:nth-child(3) {\n                    display: none;\n                }\n            }\n\n            @media (max-width: 680px) {\n                .z-testimonial-section {\n                    min-height: 760px;\n                    padding: 70px 14px 0;\n                }\n\n                .z-testimonial-title {\n                    font-size: 37px;\n                }\n\n                .z-testimonial-marquee {\n                    height: 530px;\n                    margin-top: 48px;\n                }\n\n                .z-testimonial-grid {\n                    grid-template-columns: 1fr;\n                }\n\n                .z-testimonial-column:nth-child(2),\n                .z-testimonial-column:nth-child(3) {\n                    display: none;\n                }\n\n                .z-testimonial-card {\n                    min-height: 190px;\n                }\n            }\n\n            @media (max-width: 420px) {\n                .z-testimonial-avatar-wrap {\n                    width: 52px;\n                    height: 52px;\n                    flex-basis: 52px;\n                }\n\n                .z-testimonial-mark {\n                    font-size: 46px;\n                }\n\n                .z-testimonial-card {\n                    padding: 18px;\n                }\n            }\n        <\/style>\n\n        <section class=\"z-testimonial-section\" id=\"z-testimonial\" aria-label=\"Testimonials section\">\n            <div class=\"z-testimonial-container\">\n                <header class=\"z-testimonial-header\">\n                    <p class=\"z-testimonial-eyebrow\">TESTIMONIALS<\/p>\n\n                    <h2 class=\"z-testimonial-title\">\n                        What My <span>Clients<\/span> Say About<br>\n                        Working With Me\n                    <\/h2>\n                <\/header>\n\n                <div class=\"z-testimonial-marquee\">\n                    <div class=\"z-testimonial-grid\">\n                                                    <div class=\"z-testimonial-column\">\n                                <div class=\"z-testimonial-column-inner\">\n                                                                                                                        \n                                            <article class=\"z-testimonial-card z-tall\">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cAlex brought our vision to life with a clean, modern website. The attention to detail was impressive, and everything feels polished and easy to navigate.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Sophia Bennett\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Sophia Bennett                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Co-Founder,\n                                                                <span>Nevora<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card \">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cWorking with Alex was a great experience. The website looks professional, performs smoothly, and perfectly captures the style we wanted for our brand.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Daniel Carter\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Daniel Carter                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Founder,\n                                                                <span>Northlane<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card z-tall\">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cAlex understood our ideas right away and turned them into a beautiful website. The process was smooth, communication was clear, and the final result exceeded our expectations.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Emma Wilson\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Emma Wilson                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Creative Director,\n                                                                <span>Forma<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card z-tall\">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cFrom the first concept to the final launch, Alex handled everything with great attention to detail. The website feels modern, refined, and built around our brand.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1508214751196-bcfd4ca60f91?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"James Mitchell\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                James Mitchell                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Brand Manager,\n                                                                <span>Lumio<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                                                                                                \n                                            <article class=\"z-testimonial-card z-tall\">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cAlex brought our vision to life with a clean, modern website. The attention to detail was impressive, and everything feels polished and easy to navigate.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Sophia Bennett\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Sophia Bennett                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Co-Founder,\n                                                                <span>Nevora<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card \">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cWorking with Alex was a great experience. The website looks professional, performs smoothly, and perfectly captures the style we wanted for our brand.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Daniel Carter\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Daniel Carter                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Founder,\n                                                                <span>Northlane<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card z-tall\">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cAlex understood our ideas right away and turned them into a beautiful website. The process was smooth, communication was clear, and the final result exceeded our expectations.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Emma Wilson\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Emma Wilson                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Creative Director,\n                                                                <span>Forma<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card z-tall\">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cFrom the first concept to the final launch, Alex handled everything with great attention to detail. The website feels modern, refined, and built around our brand.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1508214751196-bcfd4ca60f91?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"James Mitchell\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                James Mitchell                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Brand Manager,\n                                                                <span>Lumio<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                                            <\/div>\n                            <\/div>\n                                                    <div class=\"z-testimonial-column\">\n                                <div class=\"z-testimonial-column-inner\">\n                                                                                                                        \n                                            <article class=\"z-testimonial-card \">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cWorking with Alex was a great experience. The website looks professional, performs smoothly, and perfectly captures the style we wanted for our brand.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Daniel Carter\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Daniel Carter                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Founder,\n                                                                <span>Northlane<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card z-tall\">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cAlex understood our ideas right away and turned them into a beautiful website. The process was smooth, communication was clear, and the final result exceeded our expectations.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Emma Wilson\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Emma Wilson                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Creative Director,\n                                                                <span>Forma<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card z-tall\">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cFrom the first concept to the final launch, Alex handled everything with great attention to detail. The website feels modern, refined, and built around our brand.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1508214751196-bcfd4ca60f91?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"James Mitchell\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                James Mitchell                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Brand Manager,\n                                                                <span>Lumio<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card \">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cThe final result is fast, elegant, and easy for our team to manage. Alex delivered a premium experience from strategy through launch.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Olivia Harris\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Olivia Harris                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Marketing Lead,\n                                                                <span>Aster<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                                                                                                \n                                            <article class=\"z-testimonial-card \">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cWorking with Alex was a great experience. The website looks professional, performs smoothly, and perfectly captures the style we wanted for our brand.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Daniel Carter\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Daniel Carter                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Founder,\n                                                                <span>Northlane<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card z-tall\">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cAlex understood our ideas right away and turned them into a beautiful website. The process was smooth, communication was clear, and the final result exceeded our expectations.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Emma Wilson\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Emma Wilson                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Creative Director,\n                                                                <span>Forma<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card z-tall\">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cFrom the first concept to the final launch, Alex handled everything with great attention to detail. The website feels modern, refined, and built around our brand.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1508214751196-bcfd4ca60f91?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"James Mitchell\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                James Mitchell                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Brand Manager,\n                                                                <span>Lumio<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card \">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cThe final result is fast, elegant, and easy for our team to manage. Alex delivered a premium experience from strategy through launch.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Olivia Harris\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Olivia Harris                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Marketing Lead,\n                                                                <span>Aster<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                                            <\/div>\n                            <\/div>\n                                                    <div class=\"z-testimonial-column\">\n                                <div class=\"z-testimonial-column-inner\">\n                                                                                                                        \n                                            <article class=\"z-testimonial-card z-tall\">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cAlex brought our vision to life with a clean, modern website. The attention to detail was impressive, and everything feels polished and easy to navigate.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Sophia Bennett\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Sophia Bennett                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Co-Founder,\n                                                                <span>Nevora<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card \">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cWorking with Alex was a great experience. The website looks professional, performs smoothly, and perfectly captures the style we wanted for our brand.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Daniel Carter\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Daniel Carter                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Founder,\n                                                                <span>Northlane<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card z-tall\">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cAlex understood our ideas right away and turned them into a beautiful website. The process was smooth, communication was clear, and the final result exceeded our expectations.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Emma Wilson\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Emma Wilson                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Creative Director,\n                                                                <span>Forma<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card \">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cEvery section feels intentional. The design, performance, and interactions all came together in a way that made our company look stronger online.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1544723795-3fb6469f5b39?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Michael Reed\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Michael Reed                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                CEO,\n                                                                <span>Ventro<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                                                                                                \n                                            <article class=\"z-testimonial-card z-tall\">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cAlex brought our vision to life with a clean, modern website. The attention to detail was impressive, and everything feels polished and easy to navigate.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Sophia Bennett\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Sophia Bennett                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Co-Founder,\n                                                                <span>Nevora<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card \">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cWorking with Alex was a great experience. The website looks professional, performs smoothly, and perfectly captures the style we wanted for our brand.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Daniel Carter\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Daniel Carter                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Founder,\n                                                                <span>Northlane<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card z-tall\">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cAlex understood our ideas right away and turned them into a beautiful website. The process was smooth, communication was clear, and the final result exceeded our expectations.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Emma Wilson\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Emma Wilson                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                Creative Director,\n                                                                <span>Forma<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                    \n                                            <article class=\"z-testimonial-card \">\n                                                <div class=\"z-testimonial-stars\" aria-label=\"Five star rating\">\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                    <span aria-hidden=\"true\">\u2605<\/span>\n                                                <\/div>\n\n                                                <p class=\"z-testimonial-quote\">\n                                                    \u201cEvery section feels intentional. The design, performance, and interactions all came together in a way that made our company look stronger online.\u201d\n                                                <\/p>\n\n                                                <div class=\"z-testimonial-divider\" aria-hidden=\"true\"><\/div>\n\n                                                <div class=\"z-testimonial-author\">\n                                                    <div class=\"z-testimonial-person\">\n                                                        <span class=\"z-testimonial-avatar-wrap\">\n                                                            <img decoding=\"async\" class=\"z-testimonial-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1544723795-3fb6469f5b39?auto=format&#038;fit=crop&#038;w=240&#038;q=90\" alt=\"Michael Reed\">\n                                                        <\/span>\n\n                                                        <span class=\"z-testimonial-meta\">\n                                                            <span class=\"z-testimonial-name\">\n                                                                Michael Reed                                                            <\/span>\n\n                                                            <span class=\"z-testimonial-role\">\n                                                                CEO,\n                                                                <span>Ventro<\/span>\n                                                            <\/span>\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <span class=\"z-testimonial-mark\" aria-hidden=\"true\">\u201d<\/span>\n                                                <\/div>\n                                            <\/article>\n                                                                                                            <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe7466a e-flex e-con-boxed e-con e-parent\" data-id=\"fe7466a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f0f175 e-con-full e-flex e-con e-parent\" data-id=\"1f0f175\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20fa9d0 elementor-widget elementor-widget-shortcode\" data-id=\"20fa9d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n        <section\n            id=\"z-faq-v4-1\"\n            class=\"z-faq-section z-faq-section--rtl\"\n            dir=\"rtl\"\n            lang=\"ar\"\n            aria-labelledby=\"z-faq-v4-1-title\"\n        >\n            <div class=\"z-faq-bg z-faq-bg-one\" aria-hidden=\"true\"><\/div>\n            <div class=\"z-faq-bg z-faq-bg-two\" aria-hidden=\"true\"><\/div>\n\n            <div class=\"z-faq-wrap\">\n                <div class=\"z-faq-left\">\n                    <div class=\"z-faq-eyebrow\">\n                        <span>\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/span>\n                        <i aria-hidden=\"true\"><\/i>\n                    <\/div>\n\n                    <h2 id=\"z-faq-v4-1-title\" class=\"z-faq-title\">\n                        \u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629 \u0639\u0646<br>\n                        <span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span>\n                    <\/h2>\n\n                    <p class=\"z-faq-intro\">\n                        \u0625\u062c\u0627\u0628\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u062d\u0648\u0644 \u0628\u0631\u0645\u062c\u0629 PLC \u0648\u0623\u0646\u0638\u0645\u0629 HMI \u0648SCADA \u0648DCS \u0648\u062e\u062f\u0645\u0627\u062a \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.                    <\/p>\n                <\/div>\n\n                <div class=\"z-faq-right\">\n                    <div class=\"z-faq-list\">\n                                                                                <div class=\"z-faq-item\">\n                                <button\n                                    id=\"z-faq-v4-1-button-0\"\n                                    class=\"z-faq-question\"\n                                    type=\"button\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"z-faq-v4-1-panel-0\"\n                                >\n                                    <span>\u0645\u0627 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645\u0647\u0627\u061f<\/span>\n                                    <span class=\"z-faq-plus\" aria-hidden=\"true\">\n                                        <span><\/span><span><\/span>\n                                    <\/span>\n                                <\/button>\n\n                                <div\n                                    id=\"z-faq-v4-1-panel-0\"\n                                    class=\"z-faq-answer\"\n                                    role=\"region\"\n                                    aria-labelledby=\"z-faq-v4-1-button-0\"\n                                    hidden\n                                >\n                                    <p>\u0623\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0628\u0631\u0645\u062c\u0629 PLC\u060c \u0648\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0627\u062a HMI \u0648\u0623\u0646\u0638\u0645\u0629 SCADA \u0648DCS\u060c \u0648\u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u0622\u0644\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u060c \u0648\u062f\u0639\u0645 \u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u062d\u0633\u0628 \u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.<\/p>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"z-faq-item\">\n                                <button\n                                    id=\"z-faq-v4-1-button-1\"\n                                    class=\"z-faq-question\"\n                                    type=\"button\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"z-faq-v4-1-panel-1\"\n                                >\n                                    <span>\u0645\u0627 \u0645\u0646\u0635\u0627\u062a PLC \u0648SCADA \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u064a\u0647\u0627\u061f<\/span>\n                                    <span class=\"z-faq-plus\" aria-hidden=\"true\">\n                                        <span><\/span><span><\/span>\n                                    <\/span>\n                                <\/button>\n\n                                <div\n                                    id=\"z-faq-v4-1-panel-1\"\n                                    class=\"z-faq-answer\"\n                                    role=\"region\"\n                                    aria-labelledby=\"z-faq-v4-1-button-1\"\n                                    hidden\n                                >\n                                    <p>\u064a\u0639\u062a\u0645\u062f \u0630\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639. \u0623\u0631\u0633\u0644 \u0623\u0633\u0645\u0627\u0621 \u0648\u062d\u062f\u0627\u062a PLC \u0648\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0648\u0623\u0646\u0638\u0645\u0629 HMI \u0623\u0648 SCADA\u060c \u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0625\u0635\u062f\u0627\u0631\u0627\u062a\u0647\u0627 \u0625\u0646 \u0623\u0645\u0643\u0646\u060c \u062d\u062a\u0649 \u0623\u0624\u0643\u062f \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0648\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u0639\u0645\u0644.<\/p>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"z-faq-item\">\n                                <button\n                                    id=\"z-faq-v4-1-button-2\"\n                                    class=\"z-faq-question\"\n                                    type=\"button\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"z-faq-v4-1-panel-2\"\n                                >\n                                    <span>\u0645\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\u0647\u0627 \u0644\u062a\u0642\u062f\u064a\u0645 \u0639\u0631\u0636 \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u061f<\/span>\n                                    <span class=\"z-faq-plus\" aria-hidden=\"true\">\n                                        <span><\/span><span><\/span>\n                                    <\/span>\n                                <\/button>\n\n                                <div\n                                    id=\"z-faq-v4-1-panel-2\"\n                                    class=\"z-faq-answer\"\n                                    role=\"region\"\n                                    aria-labelledby=\"z-faq-v4-1-button-2\"\n                                    hidden\n                                >\n                                    <p>\u0623\u0631\u0633\u0644 \u0648\u0635\u0641 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0623\u0648 \u0627\u0644\u0622\u0644\u0629\u060c \u0648\u0627\u0644\u0645\u0646\u0635\u0629 \u0648\u0627\u0644\u0625\u0635\u062f\u0627\u0631\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u060c \u0648\u0642\u0627\u0626\u0645\u0629 I\/O \u0623\u0648 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629\u060c \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u060c \u0648\u0645\u0648\u0642\u0639 \u0627\u0644\u0639\u0645\u0644 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u062d\u0636\u0648\u0631 \u0645\u0637\u0644\u0648\u0628\u0627\u064b. \u0643\u0644\u0645\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0623\u0648\u0636\u062d\u060c \u0643\u0627\u0646 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0646\u0637\u0627\u0642 \u0648\u0627\u0644\u0648\u0642\u062a \u0623\u062f\u0642.<\/p>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"z-faq-item\">\n                                <button\n                                    id=\"z-faq-v4-1-button-3\"\n                                    class=\"z-faq-question\"\n                                    type=\"button\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"z-faq-v4-1-panel-3\"\n                                >\n                                    <span>\u0647\u0644 \u064a\u0645\u0643\u0646\u0643 \u062a\u0637\u0648\u064a\u0631 HMI \u0623\u0648 SCADA \u0648\u0631\u0628\u0637\u0647 \u0645\u0639 PLC\u061f<\/span>\n                                    <span class=\"z-faq-plus\" aria-hidden=\"true\">\n                                        <span><\/span><span><\/span>\n                                    <\/span>\n                                <\/button>\n\n                                <div\n                                    id=\"z-faq-v4-1-panel-3\"\n                                    class=\"z-faq-answer\"\n                                    role=\"region\"\n                                    aria-labelledby=\"z-faq-v4-1-button-3\"\n                                    hidden\n                                >\n                                    <p>\u0646\u0639\u0645\u060c \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0634\u0645\u0644 \u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0631\u0645\u062c\u0629 PLC\u060c \u0648\u0625\u0646\u0634\u0627\u0621 \u0634\u0627\u0634\u0627\u062a HMI \u0623\u0648 SCADA\u060c \u0648\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0648\u0633\u0648\u0645 \u0648\u0627\u0644\u0625\u0646\u0630\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a\u060c \u0648\u0630\u0644\u0643 \u0648\u0641\u0642\u0627\u064b \u0644\u0644\u0623\u062c\u0647\u0632\u0629 \u0648\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0648\u0627\u0644\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0641\u064a \u0645\u0648\u0642\u0639\u0643.<\/p>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"z-faq-item\">\n                                <button\n                                    id=\"z-faq-v4-1-button-4\"\n                                    class=\"z-faq-question\"\n                                    type=\"button\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"z-faq-v4-1-panel-4\"\n                                >\n                                    <span>\u0647\u0644 \u062a\u0642\u062f\u0645 \u0627\u0644\u062f\u0639\u0645 \u0639\u0646 \u0628\u064f\u0639\u062f \u0623\u0648 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639\u061f<\/span>\n                                    <span class=\"z-faq-plus\" aria-hidden=\"true\">\n                                        <span><\/span><span><\/span>\n                                    <\/span>\n                                <\/button>\n\n                                <div\n                                    id=\"z-faq-v4-1-panel-4\"\n                                    class=\"z-faq-answer\"\n                                    role=\"region\"\n                                    aria-labelledby=\"z-faq-v4-1-button-4\"\n                                    hidden\n                                >\n                                    <p>\u064a\u0645\u0643\u0646 \u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u062f\u0639\u0645 \u0639\u0646 \u0628\u064f\u0639\u062f \u0623\u0648 \u0627\u0644\u062d\u0636\u0648\u0631 \u0625\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0641\u0642\u0627\u064b \u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0648\u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629. \u064a\u062c\u0628 \u0627\u0644\u0627\u062a\u0641\u0627\u0642 \u0645\u0633\u0628\u0642\u0627\u064b \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a.<\/p>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"z-faq-item\">\n                                <button\n                                    id=\"z-faq-v4-1-button-5\"\n                                    class=\"z-faq-question\"\n                                    type=\"button\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"z-faq-v4-1-panel-5\"\n                                >\n                                    <span>\u0643\u064a\u0641 \u062a\u0633\u064a\u0631 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u0627 \u0627\u0644\u0630\u064a \u0623\u0633\u062a\u0644\u0645\u0647\u061f<\/span>\n                                    <span class=\"z-faq-plus\" aria-hidden=\"true\">\n                                        <span><\/span><span><\/span>\n                                    <\/span>\n                                <\/button>\n\n                                <div\n                                    id=\"z-faq-v4-1-panel-5\"\n                                    class=\"z-faq-answer\"\n                                    role=\"region\"\n                                    aria-labelledby=\"z-faq-v4-1-button-5\"\n                                    hidden\n                                >\n                                    <p>\u062a\u0628\u062f\u0623 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0628\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0635\u0629 \u0648\u0627\u0644\u0646\u0637\u0627\u0642\u060c \u062b\u0645 \u0627\u0644\u0627\u062a\u0641\u0627\u0642 \u0639\u0644\u0649 \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a. \u0628\u062d\u0633\u0628 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0623\u0648 \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a\u060c \u0648\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u060c \u0648\u0627\u0644\u062a\u0648\u062b\u064a\u0642\u060c \u0648\u062f\u0639\u0645 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0623\u0648 \u0627\u0644\u062a\u0634\u063a\u064a\u0644. \u064a\u062a\u0645 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0642\u0628\u0644 \u0627\u0644\u0628\u062f\u0621.<\/p>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\n                    <div class=\"z-faq-cta\">\n                        <div class=\"z-faq-cta-copy\">\n                            <h3>\u0647\u0644 \u0644\u062f\u064a\u0643 \u0633\u0624\u0627\u0644 \u0622\u062e\u0631\u061f<\/h3>\n                            <p>\u0623\u0631\u0633\u0644 \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0634\u0631\u0648\u0639\u0643\u060c \u0648\u0633\u0623\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.<\/p>\n                        <\/div>\n\n                        <div class=\"z-faq-cta-action\">\n                            <a class=\"z-faq-talk\" href=\"mailto:zizouengineering@outlook.com\">\n                                <span>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u064a<\/span>\n                                <i aria-hidden=\"true\">\u2197<\/i>\n                            <\/a>\n                            <a class=\"z-faq-email\" href=\"mailto:zizouengineering@outlook.com\">\n                                zizouengineering@outlook.com                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <script type=\"application\/ld+json\">\n        {\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"\u0645\u0627 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645\u0647\u0627\u061f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u0623\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0628\u0631\u0645\u062c\u0629 PLC\u060c \u0648\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0627\u062a HMI \u0648\u0623\u0646\u0638\u0645\u0629 SCADA \u0648DCS\u060c \u0648\u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u0622\u0644\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u060c \u0648\u062f\u0639\u0645 \u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u062d\u0633\u0628 \u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\"}},{\"@type\":\"Question\",\"name\":\"\u0645\u0627 \u0645\u0646\u0635\u0627\u062a PLC \u0648SCADA \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u064a\u0647\u0627\u061f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u064a\u0639\u062a\u0645\u062f \u0630\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639. \u0623\u0631\u0633\u0644 \u0623\u0633\u0645\u0627\u0621 \u0648\u062d\u062f\u0627\u062a PLC \u0648\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0648\u0623\u0646\u0638\u0645\u0629 HMI \u0623\u0648 SCADA\u060c \u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0625\u0635\u062f\u0627\u0631\u0627\u062a\u0647\u0627 \u0625\u0646 \u0623\u0645\u0643\u0646\u060c \u062d\u062a\u0649 \u0623\u0624\u0643\u062f \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0648\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u0639\u0645\u0644.\"}},{\"@type\":\"Question\",\"name\":\"\u0645\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\u0647\u0627 \u0644\u062a\u0642\u062f\u064a\u0645 \u0639\u0631\u0636 \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u061f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u0623\u0631\u0633\u0644 \u0648\u0635\u0641 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0623\u0648 \u0627\u0644\u0622\u0644\u0629\u060c \u0648\u0627\u0644\u0645\u0646\u0635\u0629 \u0648\u0627\u0644\u0625\u0635\u062f\u0627\u0631\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u060c \u0648\u0642\u0627\u0626\u0645\u0629 I\/O \u0623\u0648 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629\u060c \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u060c \u0648\u0645\u0648\u0642\u0639 \u0627\u0644\u0639\u0645\u0644 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u062d\u0636\u0648\u0631 \u0645\u0637\u0644\u0648\u0628\u0627\u064b. \u0643\u0644\u0645\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0623\u0648\u0636\u062d\u060c \u0643\u0627\u0646 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0646\u0637\u0627\u0642 \u0648\u0627\u0644\u0648\u0642\u062a \u0623\u062f\u0642.\"}},{\"@type\":\"Question\",\"name\":\"\u0647\u0644 \u064a\u0645\u0643\u0646\u0643 \u062a\u0637\u0648\u064a\u0631 HMI \u0623\u0648 SCADA \u0648\u0631\u0628\u0637\u0647 \u0645\u0639 PLC\u061f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u0646\u0639\u0645\u060c \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0634\u0645\u0644 \u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0631\u0645\u062c\u0629 PLC\u060c \u0648\u0625\u0646\u0634\u0627\u0621 \u0634\u0627\u0634\u0627\u062a HMI \u0623\u0648 SCADA\u060c \u0648\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0648\u0633\u0648\u0645 \u0648\u0627\u0644\u0625\u0646\u0630\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a\u060c \u0648\u0630\u0644\u0643 \u0648\u0641\u0642\u0627\u064b \u0644\u0644\u0623\u062c\u0647\u0632\u0629 \u0648\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0648\u0627\u0644\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0641\u064a \u0645\u0648\u0642\u0639\u0643.\"}},{\"@type\":\"Question\",\"name\":\"\u0647\u0644 \u062a\u0642\u062f\u0645 \u0627\u0644\u062f\u0639\u0645 \u0639\u0646 \u0628\u064f\u0639\u062f \u0623\u0648 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639\u061f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u064a\u0645\u0643\u0646 \u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u062f\u0639\u0645 \u0639\u0646 \u0628\u064f\u0639\u062f \u0623\u0648 \u0627\u0644\u062d\u0636\u0648\u0631 \u0625\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0641\u0642\u0627\u064b \u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0648\u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629. \u064a\u062c\u0628 \u0627\u0644\u0627\u062a\u0641\u0627\u0642 \u0645\u0633\u0628\u0642\u0627\u064b \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a.\"}},{\"@type\":\"Question\",\"name\":\"\u0643\u064a\u0641 \u062a\u0633\u064a\u0631 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u0627 \u0627\u0644\u0630\u064a \u0623\u0633\u062a\u0644\u0645\u0647\u061f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u062a\u0628\u062f\u0623 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0628\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0635\u0629 \u0648\u0627\u0644\u0646\u0637\u0627\u0642\u060c \u062b\u0645 \u0627\u0644\u0627\u062a\u0641\u0627\u0642 \u0639\u0644\u0649 \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a. \u0628\u062d\u0633\u0628 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0623\u0648 \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a\u060c \u0648\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u060c \u0648\u0627\u0644\u062a\u0648\u062b\u064a\u0642\u060c \u0648\u062f\u0639\u0645 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0623\u0648 \u0627\u0644\u062a\u0634\u063a\u064a\u0644. \u064a\u062a\u0645 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0642\u0628\u0644 \u0627\u0644\u0628\u062f\u0621.\"}}]}        <\/script>\n\n        <style>\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');\n\n            .z-faq-section,\n            .z-faq-section * {\n                box-sizing: border-box;\n            }\n\n            .z-faq-section {\n                --z-bg: #000256;\n                --z-bg-deep: #00013a;\n                --z-card: rgba(9, 15, 84, 0.88);\n                --z-card-hover: #f4e655;\n                --z-border: rgba(255, 255, 255, 0.14);\n                --z-white: #ffffff;\n                --z-body: rgba(255, 255, 255, 0.78);\n                --z-muted: rgba(255, 255, 255, 0.64);\n                --z-yellow: #f4e655;\n                --z-title-font: \"Montserrat\", Arial, sans-serif;\n                --z-body-font: \"Open Sans\", Arial, sans-serif;\n\n                position: relative;\n                isolation: isolate;\n                overflow: hidden;\n                width: 100%;\n                min-height: 600px;\n                padding: 56px 32px;\n                background:\n                    radial-gradient(circle at 18% 88%, rgba(244, 230, 85, 0.11), transparent 29%),\n                    radial-gradient(circle at 97% 92%, rgba(79, 115, 255, 0.18), transparent 28%),\n                    linear-gradient(180deg, var(--z-bg) 0%, var(--z-bg-deep) 100%);\n                color: var(--z-white);\n                font-family: var(--z-body-font);\n            }\n\n            .z-faq-section::before {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                z-index: -1;\n                pointer-events: none;\n                opacity: 0.6;\n                background:\n                    linear-gradient(120deg, transparent 0 54%, rgba(255, 255, 255, 0.035) 54.2%, transparent 54.5%),\n                    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.07), transparent 42%);\n            }\n\n            .z-faq-bg {\n                position: absolute;\n                z-index: -1;\n                pointer-events: none;\n                opacity: 0.22;\n            }\n\n            .z-faq-bg-one {\n                left: -8%;\n                bottom: -22%;\n                width: 54%;\n                height: 42%;\n                background: repeating-linear-gradient(\n                    156deg,\n                    transparent 0 17px,\n                    rgba(255, 255, 255, 0.24) 18px,\n                    transparent 19px 36px\n                );\n                transform: rotate(-6deg);\n            }\n\n            .z-faq-bg-two {\n                right: -14%;\n                bottom: -8%;\n                width: 38%;\n                height: 56%;\n                background: repeating-linear-gradient(\n                    138deg,\n                    transparent 0 18px,\n                    rgba(244, 230, 85, 0.20) 19px,\n                    transparent 20px 38px\n                );\n                transform: rotate(7deg);\n            }\n\n            .z-faq-wrap {\n                position: relative;\n                z-index: 1;\n                display: grid;\n                grid-template-columns: minmax(260px, 0.78fr) minmax(0, 573px);\n                justify-content: space-between;\n                align-items: start;\n                gap: clamp(36px, 5vw, 64px);\n                width: min(100%, 1083px);\n                margin: 0 auto;\n            }\n\n            .z-faq-left {\n                padding-top: 4px;\n            }\n\n            .z-faq-eyebrow {\n                display: flex;\n                align-items: center;\n                gap: 11px;\n                color: var(--z-white);\n                font-family: var(--z-title-font);\n                font-size: 12px;\n                font-weight: 700;\n                line-height: 1.4;\n                letter-spacing: 0.04em;\n                text-transform: uppercase;\n            }\n\n            .z-faq-eyebrow i {\n                display: block;\n                width: 27px;\n                height: 2px;\n                flex: 0 0 27px;\n                background: var(--z-yellow);\n                box-shadow: 0 0 13px rgba(244, 230, 85, 0.48);\n            }\n\n            .z-faq-title {\n                margin: 23px 0 14px;\n                color: var(--z-white);\n                font-family: var(--z-title-font);\n                font-size: clamp(34px, 4vw, 42px);\n                font-weight: 700;\n                line-height: 1.15;\n                letter-spacing: -0.045em;\n            }\n\n            .z-faq-title span {\n                color: var(--z-yellow);\n            }\n\n            .z-faq-intro {\n                max-width: 350px;\n                margin: 0;\n                color: var(--z-body);\n                font-family: var(--z-body-font);\n                font-size: 14px;\n                font-weight: 400;\n                line-height: 1.7;\n            }\n\n            .z-faq-right {\n                width: 100%;\n                min-width: 0;\n            }\n\n            .z-faq-list {\n                display: flex;\n                flex-direction: column;\n                gap: 9px;\n            }\n\n            .z-faq-item {\n                overflow: hidden;\n                border: 1px solid var(--z-border);\n                border-radius: 9px;\n                background: var(--z-card);\n                transition: border-color 200ms ease, background-color 200ms ease;\n            }\n\n            .z-faq-item:hover {\n                border-color: rgba(244, 230, 85, 0.72);\n            }\n\n            .z-faq-item.is-open {\n                border-color: var(--z-yellow);\n            }\n\n            .z-faq-question {\n                width: 100%;\n                min-height: 62px;\n                margin: 0;\n                padding: 12px 22px;\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                gap: 18px;\n                border: 0;\n                background: transparent;\n                color: var(--z-white);\n                cursor: pointer;\n                text-align: start;\n                appearance: none;\n            }\n\n            .z-faq-question > span:first-child {\n                color: var(--z-white);\n                font-family: var(--z-title-font);\n                font-size: 16px;\n                font-weight: 600;\n                line-height: 1.45;\n            }\n\n            .z-faq-question:hover,\n            .z-faq-question:focus-visible {\n                outline: none;\n                background: rgba(255, 255, 255, 0.055);\n            }\n\n            .z-faq-question:focus-visible {\n                box-shadow: inset 0 0 0 2px var(--z-yellow);\n            }\n\n            .z-faq-item.is-open .z-faq-question {\n                background: var(--z-yellow);\n            }\n\n            .z-faq-item.is-open .z-faq-question > span:first-child {\n                color: #000256;\n            }\n\n            .z-faq-plus {\n                position: relative;\n                width: 21px;\n                height: 21px;\n                flex: 0 0 21px;\n                color: var(--z-yellow);\n                transition: transform 200ms ease, color 200ms ease;\n            }\n\n            .z-faq-plus span {\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                display: block;\n                background: currentColor;\n                transform: translate(-50%, -50%);\n            }\n\n            .z-faq-plus span:first-child {\n                width: 20px;\n                height: 2px;\n            }\n\n            .z-faq-plus span:last-child {\n                width: 2px;\n                height: 20px;\n            }\n\n            .z-faq-item.is-open .z-faq-plus {\n                color: #000256;\n                transform: rotate(45deg);\n            }\n\n            .z-faq-answer {\n                background: var(--z-card);\n            }\n\n            .z-faq-answer[hidden] {\n                display: none;\n            }\n\n            .z-faq-answer p {\n                margin: 0;\n                padding: 0 22px 20px;\n                color: var(--z-body);\n                font-family: var(--z-body-font);\n                font-size: 14px;\n                font-weight: 400;\n                line-height: 1.7;\n            }\n\n            .z-faq-item.is-open .z-faq-answer p {\n                padding-top: 17px;\n            }\n\n            .z-faq-cta {\n                min-height: 112px;\n                margin-top: 30px;\n                padding: 22px 25px;\n                display: grid;\n                grid-template-columns: minmax(0, 1fr) auto;\n                align-items: center;\n                gap: 22px;\n                border: 1px solid var(--z-border);\n                border-radius: 10px;\n                background: rgba(9, 15, 84, 0.88);\n            }\n\n            .z-faq-cta-copy h3 {\n                margin: 0 0 8px;\n                color: var(--z-white);\n                font-family: var(--z-title-font);\n                font-size: 17px;\n                font-weight: 700;\n                line-height: 1.35;\n            }\n\n            .z-faq-cta-copy p {\n                max-width: 380px;\n                margin: 0;\n                color: var(--z-muted);\n                font-family: var(--z-body-font);\n                font-size: 13px;\n                line-height: 1.6;\n            }\n\n            .z-faq-cta-action {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                gap: 9px;\n            }\n\n            .z-faq-talk {\n                min-height: 38px;\n                padding: 5px 5px 5px 17px;\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                gap: 13px;\n                border-radius: 999px;\n                background: var(--z-yellow);\n                color: #000256;\n                font-family: var(--z-title-font);\n                font-size: 11px;\n                font-weight: 800;\n                line-height: 1;\n                letter-spacing: 0.035em;\n                text-decoration: none;\n                text-transform: uppercase;\n                white-space: nowrap;\n                transition: transform 180ms ease, filter 180ms ease;\n            }\n\n            .z-faq-talk:hover {\n                color: #000256;\n                filter: brightness(1.04);\n                transform: translateY(-1px);\n            }\n\n            .z-faq-talk:focus-visible {\n                outline: 3px solid rgba(244, 230, 85, 0.5);\n                outline-offset: 3px;\n            }\n\n            .z-faq-talk i {\n                width: 27px;\n                height: 27px;\n                display: inline-grid;\n                place-items: center;\n                border-radius: 50%;\n                background: #000256;\n                color: #ffffff;\n                font-style: normal;\n                font-size: 14px;\n            }\n\n            .z-faq-email {\n                color: var(--z-muted);\n                font-family: var(--z-body-font);\n                font-size: 11px;\n                line-height: 1.4;\n                text-decoration: underline;\n                text-underline-offset: 3px;\n                overflow-wrap: anywhere;\n            }\n\n            .z-faq-email:hover {\n                color: var(--z-yellow);\n            }\n\n            .z-faq-section--rtl {\n                direction: rtl;\n            }\n\n            .z-faq-section--rtl .z-faq-left {\n                text-align: right;\n            }\n\n            .z-faq-section--rtl .z-faq-title,\n            .z-faq-section--rtl .z-faq-eyebrow,\n            .z-faq-section--rtl .z-faq-intro,\n            .z-faq-section--rtl .z-faq-question,\n            .z-faq-section--rtl .z-faq-answer,\n            .z-faq-section--rtl .z-faq-cta-copy {\n                direction: rtl;\n                text-align: right;\n                unicode-bidi: plaintext;\n            }\n\n            .z-faq-section--rtl .z-faq-eyebrow {\n                flex-direction: row-reverse;\n                justify-content: flex-end;\n                font-family: \"Noto Sans Arabic\", Arial, sans-serif;\n            }\n\n            .z-faq-section--rtl .z-faq-title,\n            .z-faq-section--rtl .z-faq-question > span:first-child,\n            .z-faq-section--rtl .z-faq-cta-copy h3 {\n                font-family: \"Noto Sans Arabic\", Arial, sans-serif;\n                letter-spacing: 0;\n            }\n\n            .z-faq-section--rtl .z-faq-intro,\n            .z-faq-section--rtl .z-faq-answer p,\n            .z-faq-section--rtl .z-faq-cta-copy p {\n                font-family: \"Noto Sans Arabic\", Arial, sans-serif;\n                letter-spacing: 0;\n                line-height: 1.9;\n            }\n\n            .z-faq-section--rtl .z-faq-talk {\n                flex-direction: row-reverse;\n                padding: 5px 17px 5px 5px;\n                font-family: \"Noto Sans Arabic\", Arial, sans-serif;\n                letter-spacing: 0;\n            }\n\n            .z-faq-section--rtl .z-faq-talk i {\n                transform: scaleX(-1);\n            }\n\n            .z-faq-section--rtl .z-faq-cta-copy {\n                text-align: right;\n            }\n\n            @media (max-width: 900px) {\n                .z-faq-section {\n                    padding: 48px 24px;\n                }\n\n                .z-faq-wrap {\n                    grid-template-columns: 1fr;\n                    gap: 30px;\n                    max-width: 720px;\n                }\n\n                .z-faq-intro {\n                    max-width: 580px;\n                }\n\n                .z-faq-cta {\n                    margin-top: 24px;\n                }\n            }\n\n            @media (max-width: 600px) {\n                .z-faq-section {\n                    min-height: 0;\n                    padding: 40px 16px;\n                }\n\n                .z-faq-wrap {\n                    gap: 25px;\n                }\n\n                .z-faq-title {\n                    margin-top: 18px;\n                    font-size: clamp(32px, 9vw, 38px);\n                }\n\n                .z-faq-question {\n                    min-height: 58px;\n                    padding: 12px 16px;\n                    gap: 12px;\n                }\n\n                .z-faq-question > span:first-child {\n                    font-size: 15px;\n                }\n\n                .z-faq-answer p {\n                    padding-right: 16px;\n                    padding-left: 16px;\n                    font-size: 13px;\n                }\n\n                .z-faq-cta {\n                    grid-template-columns: 1fr;\n                    gap: 18px;\n                    padding: 20px 18px;\n                }\n\n                .z-faq-cta-action {\n                    align-items: flex-start;\n                }\n\n                .z-faq-section--rtl .z-faq-cta-action {\n                    align-items: flex-end;\n                }\n            }\n\n            @media (prefers-reduced-motion: reduce) {\n                .z-faq-section *,\n                .z-faq-section *::before,\n                .z-faq-section *::after {\n                    scroll-behavior: auto !important;\n                    transition-duration: 0.01ms !important;\n                }\n            }\n        <\/style>\n\n        <script>\n            (function () {\n                const initZFaqV4 = function () {\n                    document.querySelectorAll('.z-faq-section').forEach(function (section) {\n                        if (section.dataset.zFaqV4Ready === 'true') {\n                            return;\n                        }\n\n                        section.dataset.zFaqV4Ready = 'true';\n\n                        section.querySelectorAll('.z-faq-question').forEach(function (button) {\n                            button.addEventListener('click', function () {\n                                const item = button.closest('.z-faq-item');\n                                const panelId = button.getAttribute('aria-controls');\n                                const panel = panelId ? document.getElementById(panelId) : null;\n                                const isOpen = button.getAttribute('aria-expanded') === 'true';\n\n                                button.setAttribute('aria-expanded', isOpen ? 'false' : 'true');\n\n                                if (item) {\n                                    item.classList.toggle('is-open', !isOpen);\n                                }\n\n                                if (panel) {\n                                    panel.hidden = isOpen;\n                                }\n                            });\n                        });\n                    });\n                };\n\n                if (document.readyState === 'loading') {\n                    document.addEventListener('DOMContentLoaded', initZFaqV4);\n                } else {\n                    initZFaqV4();\n                }\n            })();\n        <\/script>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-039ff1f e-con-full e-flex e-con e-parent\" data-id=\"039ff1f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>My Works All9 PLC &amp; SCADA Luxury Cars Classic Cars Aesthetic Car PLC &amp; SCADA zineddine zinou zizou kda mana malhih<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-803","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zizouengineering.com\/ar\/wp-json\/wp\/v2\/pages\/803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zizouengineering.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zizouengineering.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zizouengineering.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zizouengineering.com\/ar\/wp-json\/wp\/v2\/comments?post=803"}],"version-history":[{"count":3,"href":"https:\/\/zizouengineering.com\/ar\/wp-json\/wp\/v2\/pages\/803\/revisions"}],"predecessor-version":[{"id":1189,"href":"https:\/\/zizouengineering.com\/ar\/wp-json\/wp\/v2\/pages\/803\/revisions\/1189"}],"wp:attachment":[{"href":"https:\/\/zizouengineering.com\/ar\/wp-json\/wp\/v2\/media?parent=803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}