{"id":28,"date":"2026-09-21T21:49:12","date_gmt":"2026-09-21T21:49:12","guid":{"rendered":"https:\/\/juzor-eg.com\/?page_id=28"},"modified":"2026-10-12T09:28:20","modified_gmt":"2026-10-12T09:28:20","slug":"contact","status":"publish","type":"page","link":"https:\/\/juzor-eg.com\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0da4fb8 e-con e-atomic-element e-flexbox-base e-default-div e-b609130 \" data-id=\"0da4fb8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0da4fb8\">\n    \t\t<div class=\"elementor-element elementor-element-27a3b8a elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"27a3b8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     JUZOR ENGINEERING SOLUTIONS (JES)\n     CONTACT US PAGE\n     WordPress Custom HTML Block\n     ========================================================= -->\n\n<style>\n\/* =========================================================\n   JES CONTACT \u2014 CORE VARIABLES\n   ========================================================= *\/\n\n:root {\n    --jes-navy: #071a30;\n    --jes-teal: #07898a;\n    --jes-teal-dark: #056f70;\n    --jes-text: #173653;\n    --jes-muted: #58718a;\n    --jes-line: #dce4e8;\n    --jes-bg: #f8faf9;\n    --jes-white: #ffffff;\n    --jes-grid: rgba(7, 26, 48, 0.045);\n    --jes-radius: 0px;\n    --jes-transition: 0.45s cubic-bezier(.22,.61,.36,1);\n}\n\n\/* =========================================================\n   RESET \u2014 SCOPED TO JES\n   ========================================================= *\/\n\n.jes-contact-page,\n.jes-contact-page * {\n    box-sizing: border-box;\n}\n\n.jes-contact-page {\n    width: 100%;\n    overflow: hidden;\n    background: var(--jes-bg);\n    color: var(--jes-navy);\n    font-family:\n        Inter,\n        \"Helvetica Neue\",\n        Helvetica,\n        Arial,\n        sans-serif;\n    line-height: 1.6;\n}\n\n.jes-contact-page a {\n    color: inherit;\n    text-decoration: none;\n}\n\n.jes-contact-page button,\n.jes-contact-page input,\n.jes-contact-page textarea,\n.jes-contact-page select {\n    font: inherit;\n}\n\n.jes-container {\n    width: min(1440px, calc(100% - 80px));\n    margin: 0 auto;\n}\n\n\/* =========================================================\n   GRID BACKGROUND\n   ========================================================= *\/\n\n.jes-grid-bg {\n    background-color: var(--jes-bg);\n    background-image:\n        linear-gradient(to right,\n            var(--jes-grid) 1px,\n            transparent 1px),\n        linear-gradient(to bottom,\n            var(--jes-grid) 1px,\n            transparent 1px);\n    background-size: 56px 56px;\n}\n\n\/* =========================================================\n   TOP LABEL\n   ========================================================= *\/\n\n.jes-eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    color: var(--jes-teal);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.26em;\n    text-transform: uppercase;\n}\n\n.jes-eyebrow::before {\n    content: \"\";\n    display: block;\n    width: 60px;\n    height: 2px;\n    background: var(--jes-teal);\n}\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.jes-contact-hero {\n    position: relative;\n    min-height: 690px;\n    padding: 125px 0 95px;\n}\n\n.jes-contact-hero::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: 38%;\n    height: 100%;\n    pointer-events: none;\n    background:\n        linear-gradient(\n            135deg,\n            transparent 0%,\n            rgba(7,137,138,.045) 100%\n        );\n}\n\n.jes-hero-grid {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: 1.25fr .75fr;\n    gap: 90px;\n    align-items: end;\n}\n\n.jes-hero-title {\n    margin: 45px 0 0;\n    max-width: 950px;\n    font-size: clamp(62px, 7.2vw, 128px);\n    font-weight: 400;\n    letter-spacing: -0.065em;\n    line-height: .9;\n    color: var(--jes-navy);\n}\n\n.jes-hero-title span {\n    color: var(--jes-teal);\n    font-weight: 700;\n}\n\n.jes-hero-copy {\n    max-width: 470px;\n    margin: 0 0 8px auto;\n    color: var(--jes-muted);\n    font-size: 18px;\n    line-height: 1.9;\n}\n\n.jes-hero-copy strong {\n    color: var(--jes-navy);\n    font-weight: 600;\n}\n\n\/* =========================================================\n   DECORATIVE ENGINEERING MARK\n   ========================================================= *\/\n\n.jes-hero-mark {\n    position: absolute;\n    right: 5%;\n    top: 115px;\n    width: 160px;\n    height: 160px;\n    opacity: .65;\n    pointer-events: none;\n}\n\n.jes-hero-mark::before,\n.jes-hero-mark::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border: 1px solid rgba(7,137,138,.25);\n}\n\n.jes-hero-mark::after {\n    inset: 25px;\n    border-color: rgba(7,26,48,.16);\n    transform: rotate(45deg);\n}\n\n.jes-mark-inner {\n    position: absolute;\n    width: 28px;\n    height: 28px;\n    border: 2px solid var(--jes-teal);\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%) rotate(45deg);\n}\n\n\/* =========================================================\n   CONTACT MAIN\n   ========================================================= *\/\n\n.jes-contact-main {\n    position: relative;\n    padding: 0 0 120px;\n}\n\n.jes-contact-layout {\n    display: grid;\n    grid-template-columns: .82fr 1.18fr;\n    border-top: 1px solid var(--jes-line);\n    border-bottom: 1px solid var(--jes-line);\n}\n\n\/* =========================================================\n   CONTACT INFO\n   ========================================================= *\/\n\n.jes-contact-info {\n    padding: 70px 70px 80px 0;\n    border-right: 1px solid var(--jes-line);\n}\n\n.jes-section-title {\n    margin: 35px 0 25px;\n    font-size: clamp(40px, 4vw, 68px);\n    font-weight: 400;\n    letter-spacing: -.055em;\n    line-height: .95;\n}\n\n.jes-section-title span {\n    display: block;\n    color: var(--jes-teal);\n    font-weight: 700;\n}\n\n.jes-info-intro {\n    max-width: 450px;\n    margin-bottom: 55px;\n    color: var(--jes-muted);\n    font-size: 17px;\n    line-height: 1.85;\n}\n\n.jes-info-list {\n    border-top: 1px solid var(--jes-line);\n}\n\n.jes-info-item {\n    position: relative;\n    padding: 28px 0;\n    border-bottom: 1px solid var(--jes-line);\n    transition:\n        padding-left var(--jes-transition),\n        background var(--jes-transition);\n}\n\n.jes-info-item:hover {\n    padding-left: 18px;\n}\n\n.jes-info-number {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--jes-teal);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: .2em;\n}\n\n.jes-info-label {\n    display: block;\n    margin-bottom: 5px;\n    color: var(--jes-navy);\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: .05em;\n}\n\n.jes-info-value {\n    color: var(--jes-muted);\n    font-size: 16px;\n}\n\n.jes-info-value a {\n    transition: color .3s ease;\n}\n\n.jes-info-value a:hover {\n    color: var(--jes-teal);\n}\n\n\/* =========================================================\n   FORM AREA\n   ========================================================= *\/\n\n.jes-contact-form-area {\n    padding: 70px 0 80px 70px;\n}\n\n.jes-form-heading {\n    margin-bottom: 45px;\n}\n\n.jes-form-heading h2 {\n    margin: 0 0 12px;\n    color: var(--jes-navy);\n    font-size: 34px;\n    font-weight: 500;\n    letter-spacing: -.035em;\n}\n\n.jes-form-heading p {\n    max-width: 620px;\n    margin: 0;\n    color: var(--jes-muted);\n    font-size: 15px;\n}\n\n.jes-form {\n    width: 100%;\n}\n\n.jes-form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 35px;\n}\n\n.jes-field {\n    position: relative;\n    margin-bottom: 36px;\n}\n\n.jes-field label {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--jes-navy);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n}\n\n.jes-field input,\n.jes-field textarea,\n.jes-field select {\n    width: 100%;\n    border: 0;\n    border-bottom: 1px solid #b9c7d0;\n    border-radius: 0;\n    outline: none;\n    padding: 14px 0;\n    background: transparent;\n    color: var(--jes-navy);\n    font-size: 17px;\n    transition:\n        border-color .3s ease,\n        padding-left .3s ease;\n}\n\n.jes-field textarea {\n    min-height: 125px;\n    resize: vertical;\n}\n\n.jes-field select {\n    cursor: pointer;\n}\n\n.jes-field input::placeholder,\n.jes-field textarea::placeholder {\n    color: #91a2af;\n}\n\n.jes-field input:focus,\n.jes-field textarea:focus,\n.jes-field select:focus {\n    border-bottom-color: var(--jes-teal);\n}\n\n.jes-field input:focus,\n.jes-field textarea:focus {\n    padding-left: 8px;\n}\n\n\/* =========================================================\n   CUSTOM SELECT ARROW\n   ========================================================= *\/\n\n.jes-select-wrap {\n    position: relative;\n}\n\n.jes-select-wrap::after {\n    content: \"\u2193\";\n    position: absolute;\n    right: 0;\n    bottom: 16px;\n    color: var(--jes-teal);\n    font-size: 15px;\n    pointer-events: none;\n}\n\n\/* =========================================================\n   CHECKBOX\n   ========================================================= *\/\n\n.jes-consent {\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n    margin: 5px 0 30px;\n}\n\n.jes-consent input {\n    width: 16px;\n    height: 16px;\n    margin-top: 4px;\n    accent-color: var(--jes-teal);\n}\n\n.jes-consent label {\n    color: var(--jes-muted);\n    font-size: 13px;\n    line-height: 1.6;\n}\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n.jes-submit {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    min-width: 235px;\n    padding: 18px 22px 18px 25px;\n    border: 1px solid var(--jes-navy);\n    background: var(--jes-navy);\n    color: #fff;\n    cursor: pointer;\n    overflow: hidden;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    transition:\n        color .4s ease,\n        border-color .4s ease;\n}\n\n.jes-submit::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 0;\n    background: var(--jes-teal);\n    transition: height .45s cubic-bezier(.22,.61,.36,1);\n    z-index: 0;\n}\n\n.jes-submit:hover::before {\n    height: 100%;\n}\n\n.jes-submit span,\n.jes-submit svg {\n    position: relative;\n    z-index: 2;\n}\n\n.jes-submit svg {\n    width: 18px;\n    height: 18px;\n    margin-left: 25px;\n    transition: transform .4s ease;\n}\n\n.jes-submit:hover svg {\n    transform: translateX(5px);\n}\n\n\/* =========================================================\n   FORM STATUS\n   ========================================================= *\/\n\n.jes-form-status {\n    display: none;\n    margin-top: 20px;\n    padding: 15px 18px;\n    border-left: 3px solid var(--jes-teal);\n    background: rgba(7,137,138,.06);\n    color: var(--jes-navy);\n    font-size: 14px;\n}\n\n.jes-form-status.active {\n    display: block;\n    animation: jesFadeUp .5s ease both;\n}\n\n\/* =========================================================\n   SECONDARY CONTACT STRIP\n   ========================================================= *\/\n\n.jes-contact-strip {\n    padding: 100px 0;\n}\n\n.jes-strip-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    border-top: 1px solid var(--jes-line);\n    border-bottom: 1px solid var(--jes-line);\n}\n\n.jes-strip-block {\n    min-height: 230px;\n    padding: 45px 55px;\n}\n\n.jes-strip-block:first-child {\n    border-right: 1px solid var(--jes-line);\n}\n\n.jes-strip-number {\n    display: block;\n    margin-bottom: 35px;\n    color: var(--jes-teal);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: .2em;\n}\n\n.jes-strip-block h3 {\n    margin: 0 0 12px;\n    color: var(--jes-navy);\n    font-size: 26px;\n    font-weight: 500;\n    letter-spacing: -.03em;\n}\n\n.jes-strip-block p {\n    max-width: 520px;\n    margin: 0;\n    color: var(--jes-muted);\n    font-size: 15px;\n}\n\n.jes-text-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: 20px;\n    color: var(--jes-teal);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: .1em;\n    text-transform: uppercase;\n}\n\n.jes-text-link span {\n    transition: transform .3s ease;\n}\n\n.jes-text-link:hover span {\n    transform: translateX(6px);\n}\n\n\/* =========================================================\n   MAP \/ LOCATION\n   ========================================================= *\/\n\n.jes-location {\n    padding: 0 0 120px;\n}\n\n.jes-location-grid {\n    display: grid;\n    grid-template-columns: .75fr 1.25fr;\n    min-height: 430px;\n    border-top: 1px solid var(--jes-line);\n    border-bottom: 1px solid var(--jes-line);\n}\n\n.jes-location-content {\n    padding: 65px 60px 65px 0;\n}\n\n.jes-location-content h2 {\n    margin: 30px 0 20px;\n    font-size: clamp(40px, 4vw, 62px);\n    font-weight: 400;\n    letter-spacing: -.05em;\n    line-height: .95;\n}\n\n.jes-location-content h2 span {\n    color: var(--jes-teal);\n    font-weight: 700;\n}\n\n.jes-location-content p {\n    max-width: 430px;\n    color: var(--jes-muted);\n    font-size: 16px;\n    line-height: 1.8;\n}\n\n.jes-location-map {\n    position: relative;\n    min-height: 430px;\n    overflow: hidden;\n    border-left: 1px solid var(--jes-line);\n    background:\n        linear-gradient(\n            90deg,\n            rgba(7,26,48,.05) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            rgba(7,26,48,.05) 1px,\n            transparent 1px\n        );\n    background-size: 45px 45px;\n}\n\n.jes-map-center {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 90px;\n    height: 90px;\n    transform: translate(-50%, -50%);\n}\n\n.jes-map-center::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border: 1px solid rgba(7,137,138,.4);\n    border-radius: 50%;\n    animation: jesPulse 2.5s infinite;\n}\n\n.jes-map-pin {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 22px;\n    height: 22px;\n    border: 2px solid var(--jes-teal);\n    background: var(--jes-bg);\n    transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.jes-map-pin::after {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 6px;\n    height: 6px;\n    background: var(--jes-teal);\n    transform: translate(-50%, -50%);\n}\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n.jes-final-cta {\n    position: relative;\n    padding: 125px 0;\n    background: var(--jes-navy);\n    overflow: hidden;\n}\n\n.jes-final-cta::before {\n    content: \"\";\n    position: absolute;\n    right: -100px;\n    top: -150px;\n    width: 500px;\n    height: 500px;\n    border: 1px solid rgba(255,255,255,.08);\n    transform: rotate(45deg);\n}\n\n.jes-final-cta::after {\n    content: \"\";\n    position: absolute;\n    right: 100px;\n    top: -50px;\n    width: 300px;\n    height: 300px;\n    border: 1px solid rgba(7,137,138,.25);\n    transform: rotate(45deg);\n}\n\n.jes-final-inner {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: 1.2fr .8fr;\n    align-items: center;\n    gap: 80px;\n}\n\n.jes-final-title {\n    margin: 25px 0 0;\n    color: #fff;\n    font-size: clamp(48px, 6vw, 95px);\n    font-weight: 400;\n    letter-spacing: -.065em;\n    line-height: .92;\n}\n\n.jes-final-title span {\n    color: var(--jes-teal);\n    font-weight: 700;\n}\n\n.jes-final-copy {\n    color: rgba(255,255,255,.65);\n    font-size: 16px;\n    line-height: 1.8;\n}\n\n.jes-final-cta .jes-eyebrow {\n    color: #7dd5d5;\n}\n\n.jes-final-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 20px;\n    margin-top: 25px;\n    padding: 17px 23px;\n    border: 1px solid rgba(255,255,255,.4);\n    color: #fff;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    transition:\n        background .35s ease,\n        border-color .35s ease,\n        color .35s ease;\n}\n\n.jes-final-button:hover {\n    background: var(--jes-teal);\n    border-color: var(--jes-teal);\n}\n\n\/* =========================================================\n   REVEAL ANIMATION\n   ========================================================= *\/\n\n.jes-reveal {\n    opacity: 0;\n    transform: translateY(35px);\n    transition:\n        opacity .8s cubic-bezier(.22,.61,.36,1),\n        transform .8s cubic-bezier(.22,.61,.36,1);\n}\n\n.jes-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.jes-delay-1 {\n    transition-delay: .1s;\n}\n\n.jes-delay-2 {\n    transition-delay: .2s;\n}\n\n.jes-delay-3 {\n    transition-delay: .3s;\n}\n\n\/* =========================================================\n   KEYFRAMES\n   ========================================================= *\/\n\n@keyframes jesFadeUp {\n    from {\n        opacity: 0;\n        transform: translateY(12px);\n    }\n\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes jesPulse {\n    0% {\n        transform: scale(.65);\n        opacity: .9;\n    }\n\n    70% {\n        transform: scale(1.25);\n        opacity: 0;\n    }\n\n    100% {\n        transform: scale(1.25);\n        opacity: 0;\n    }\n}\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1100px) {\n\n    .jes-container {\n        width: min(100% - 50px, 1000px);\n    }\n\n    .jes-contact-hero {\n        min-height: auto;\n        padding: 100px 0 80px;\n    }\n\n    .jes-hero-grid {\n        grid-template-columns: 1fr;\n        gap: 45px;\n    }\n\n    .jes-hero-copy {\n        margin-left: 0;\n        max-width: 650px;\n    }\n\n    .jes-hero-mark {\n        opacity: .35;\n    }\n\n    .jes-contact-layout {\n        grid-template-columns: 1fr;\n    }\n\n    .jes-contact-info {\n        padding: 65px 0;\n        border-right: 0;\n        border-bottom: 1px solid var(--jes-line);\n    }\n\n    .jes-contact-form-area {\n        padding: 65px 0;\n    }\n\n    .jes-location-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .jes-location-content {\n        padding: 65px 0;\n    }\n\n    .jes-location-map {\n        border-left: 0;\n        border-top: 1px solid var(--jes-line);\n    }\n\n    .jes-final-inner {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n}\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n    .jes-container {\n        width: calc(100% - 36px);\n    }\n\n    .jes-contact-hero {\n        padding: 80px 0 65px;\n    }\n\n    .jes-eyebrow {\n        gap: 12px;\n        font-size: 10px;\n        letter-spacing: .18em;\n    }\n\n    .jes-eyebrow::before {\n        width: 38px;\n    }\n\n    .jes-hero-title {\n        margin-top: 32px;\n        font-size: clamp(49px, 15vw, 78px);\n        line-height: .91;\n    }\n\n    .jes-hero-copy {\n        font-size: 15px;\n        line-height: 1.75;\n    }\n\n    .jes-hero-mark {\n        width: 100px;\n        height: 100px;\n        top: 70px;\n        right: 0;\n    }\n\n    .jes-contact-info,\n    .jes-contact-form-area {\n        padding: 50px 0;\n    }\n\n    .jes-section-title {\n        font-size: 47px;\n    }\n\n    .jes-info-intro {\n        font-size: 15px;\n        line-height: 1.75;\n    }\n\n    .jes-form-row {\n        grid-template-columns: 1fr;\n        gap: 0;\n    }\n\n    .jes-form-heading h2 {\n        font-size: 29px;\n    }\n\n    .jes-field input,\n    .jes-field textarea,\n    .jes-field select {\n        font-size: 16px;\n    }\n\n    .jes-strip-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .jes-strip-block {\n        min-height: auto;\n        padding: 38px 0;\n    }\n\n    .jes-strip-block:first-child {\n        border-right: 0;\n        border-bottom: 1px solid var(--jes-line);\n    }\n\n    .jes-location-map {\n        min-height: 320px;\n    }\n\n    .jes-final-cta {\n        padding: 85px 0;\n    }\n\n    .jes-final-title {\n        font-size: 53px;\n    }\n\n    .jes-final-copy {\n        font-size: 15px;\n    }\n\n    .jes-submit {\n        width: 100%;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILITY \/ REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .jes-contact-page *,\n    .jes-contact-page *::before,\n    .jes-contact-page *::after {\n        animation-duration: .01ms !important;\n        animation-iteration-count: 1 !important;\n        scroll-behavior: auto !important;\n        transition-duration: .01ms !important;\n    }\n\n    .jes-reveal {\n        opacity: 1;\n        transform: none;\n    }\n}\n\n\/* Responsive refinements \u2014 scoped for WordPress HTML blocks *\/\n.jes-contact-page { direction: ltr; text-align: left; }\n.jes-contact-page :is(.jes-contact-info,.jes-contact-form-area,.jes-field,.jes-location-content,.jes-final-copy) { min-width: 0; }\n.jes-contact-page :is(.jes-info-value,.jes-office-address) { overflow-wrap: anywhere; }\n.jes-contact-page .jes-form-row { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }\n.jes-contact-page .jes-field { min-width: 0; margin-bottom: 26px; }\n.jes-contact-page .jes-field label { min-height: 20px; letter-spacing: .08em; }\n.jes-contact-page .jes-field :is(input,select,textarea) { display: block; width: 100%; max-width: 100%; box-sizing: border-box; margin: 0; padding: 14px 12px; background: #fff; border: 1px solid #b9c7d0; border-radius: 0; font-size: 16px; line-height: 1.5; color: var(--jes-navy); box-shadow: none; }\n.jes-contact-page .jes-field :is(input,select) { height: 54px; min-height: 54px; }\n.jes-contact-page .jes-field textarea { min-height: 150px; }\n.jes-contact-page .jes-field select { appearance: none; -webkit-appearance: none; padding-right: 36px; }\n.jes-contact-page .jes-select-wrap::after { right: 14px; bottom: 15px; }\n.jes-contact-page :is(input,select,textarea,button,a):focus-visible { outline: 2px solid var(--jes-teal); outline-offset: 3px; }\n.jes-contact-page .jes-consent input { flex: 0 0 20px; width: 20px; height: 20px; padding: 0; }\n.jes-contact-page .jes-consent label { flex: 1; min-width: 0; cursor: pointer; }\n.jes-contact-page .jes-submit { min-height: 54px; max-width: 100%; color: #fff; gap: 16px; }\n.jes-contact-page .jes-location-map iframe { display: block; width: 100%; height: 100%; min-height: 430px; border: 0; }\n.jes-contact-page .jes-regional { padding: 0 0 80px; }\n.jes-contact-page .jes-regional-title { font-size: clamp(26px,3vw,40px); font-weight: 500; margin: 0 0 28px; }\n.jes-contact-page .jes-regional-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--jes-line); border-bottom: 1px solid var(--jes-line); }\n.jes-contact-page .jes-regional-card { padding: 32px; min-width: 0; }\n.jes-contact-page .jes-regional-card + .jes-regional-card { border-left: 1px solid var(--jes-line); }\n.jes-contact-page .jes-country-code { font-size: 13px; font-weight: 700; letter-spacing: .16em; color: var(--jes-teal); }\n.jes-contact-page .jes-regional-card h3 { font-size: clamp(20px,2vw,25px); line-height: 1.3; margin: 14px 0 12px; }\n.jes-contact-page .jes-regional-card p { color: var(--jes-muted); margin: 0; font-size: 15px; }\n.jes-contact-page .jes-reveal { opacity: 1; transform: none; }\n.jes-contact-page #jesContactForm { scroll-margin-top: 24px; }\n@media(max-width: 1100px) {\n .jes-contact-page .jes-location-grid { grid-template-columns: 1fr; }\n .jes-contact-page .jes-location-content { padding: 40px 0; }\n .jes-contact-page .jes-location-map { border-left: 0; border-top: 1px solid var(--jes-line); }\n}\n@media(max-width: 700px) {\n .jes-contact-page .jes-form-row, .jes-contact-page .jes-regional-grid { grid-template-columns: minmax(0,1fr); gap: 0; }\n .jes-contact-page .jes-regional-card { padding: 25px 0; }\n .jes-contact-page .jes-regional-card + .jes-regional-card { border-left: 0; border-top: 1px solid var(--jes-line); }\n .jes-contact-page .jes-submit { width: 100%; min-width: 0; }\n .jes-contact-page .jes-location-map, .jes-contact-page .jes-location-map iframe { min-height: 320px; }\n}\n@media(prefers-reduced-motion:reduce) {\n .jes-contact-page *, .jes-contact-page *::before, .jes-contact-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     PAGE\n     ========================================================= -->\n\n<div class=\"jes-contact-page\" id=\"jes-contact\">\n\n    <!-- ================= HERO ================= -->\n\n    <section class=\"jes-contact-hero jes-grid-bg\">\n\n        <div class=\"jes-hero-mark\" aria-hidden=\"true\">\n            <div class=\"jes-mark-inner\"><\/div>\n        <\/div>\n\n        <div class=\"jes-container\">\n\n            <div class=\"jes-hero-grid\">\n\n                <div class=\"jes-reveal\">\n\n                    <div class=\"jes-eyebrow\">\n                        CONTACT JES\n                    <\/div>\n\n                    <h1 class=\"jes-hero-title\">\n                        Let's Start\n                        <span>With the Right<\/span>\n                        Conversation.\n                    <\/h1>\n\n                <\/div>\n\n                <div class=\"jes-hero-copy jes-reveal jes-delay-2\">\n\n                    Every project starts with a decision.\n\n                    <br><br>\n\n                    Whether you are planning a new development,\n                    looking for engineering support, or exploring\n                    a strategic project partnership, tell us what\n                    you are building.\n\n                    <br><br>\n\n                    <strong>\n                        We will take it from there.\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- ================= CONTACT SECTION ================= -->\n\n    <section class=\"jes-contact-main jes-grid-bg\">\n\n        <div class=\"jes-container\">\n\n            <div class=\"jes-contact-layout\">\n\n                <!-- ===== CONTACT INFORMATION ===== -->\n\n                <div class=\"jes-contact-info jes-reveal\">\n\n                    <div class=\"jes-eyebrow\">\n                        GET IN TOUCH\n                    <\/div>\n\n                    <h2 class=\"jes-section-title\">\n                        Start The\n                        <span>Dialogue.<\/span>\n                    <\/h2>\n\n                    <p class=\"jes-info-intro\">\n                        Share the context behind your project and\n                        the challenge you are looking to solve.\n                        The more we understand, the more effectively\n                        we can identify the right engineering,\n                        delivery, and project support.\n                    <\/p>\n\n\n                    <div class=\"jes-info-list\">\n\n                        <!-- EMAIL -->\n\n                        <div class=\"jes-info-item\">\n\n                            <span class=\"jes-info-number\">\n                                01\n                            <\/span>\n\n                            <span class=\"jes-info-label\">\n                                General Inquiries\n                            <\/span>\n\n                            <!-- CHANGE EMAIL -->\n                            <div class=\"jes-info-value\">\n                                <a href=\"mailto:info@juzor.com\">\n                                    info@juzor-eg.com\n                                <\/a>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- PHONE -->\n\n                        <div class=\"jes-info-item\">\n\n                            <span class=\"jes-info-number\">\n                                02\n                            <\/span>\n\n                            <span class=\"jes-info-label\">\n                                Phone\n                            <\/span>\n\n                            <!-- CHANGE PHONE -->\n                            <div class=\"jes-info-value\">\n                                <a href=\"tel:+201009299689\">\n                                    +20 10 0929 9689\n                                <\/a>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- PROJECTS -->\n\n                        <div class=\"jes-info-item\">\n\n                            <span class=\"jes-info-number\">\n                                03\n                            <\/span>\n\n                            <span class=\"jes-info-label\">\n                                Project & Business Inquiries\n                            <\/span>\n\n                            <div class=\"jes-info-value\">\n                                Engineering \u2022 Project Management \u2022\n                                BIM & Digital Engineering\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- OFFICE -->\n\n                        <div class=\"jes-info-item\">\n\n                            <span class=\"jes-info-number\">\n                                04\n                            <\/span>\n\n                            <span class=\"jes-info-label\">\n                                Office\n                            <\/span>\n\n                            <!-- Egypt technical delivery hub -->\n                            <div class=\"jes-info-value\">\n                                <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Universities%20District%20Silicon%20Waha%20Business%20Hub%2C%202%2C%20Hod%20Sakrah%20WA%20Abu%20Hamad%2C%20New%20Borg%20El%20Arab%2C%20Alexandria%20Governorate%2021934\" target=\"_blank\" rel=\"noopener noreferrer\">Universities District Silicon Waha Business Hub, 2, Hod Sakrah WA Abu Hamad, New Borg El Arab, Alexandria Governorate 21934<\/a>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- ===== FORM ===== -->\n\n                <div class=\"jes-contact-form-area jes-reveal jes-delay-1\">\n\n                    <div class=\"jes-form-heading\">\n\n                        <h2>\n                            Tell Us About Your Project.\n                        <\/h2>\n\n                        <p>\n                            Complete the form and our team will\n                            review your inquiry after you send the prepared email.\n                            This form opens your email app.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <form\n                        class=\"jes-form\"\n                        id=\"jesContactForm\"\n                        novalidate\n                    >\n\n                        <!-- NAME + COMPANY -->\n\n                        <div class=\"jes-form-row\">\n\n                            <div class=\"jes-field\">\n\n                                <label for=\"jes-name\">\n                                    Full Name *\n                                <\/label>\n\n                                <input\n                                    type=\"text\"\n                                    id=\"jes-name\"\n                                    name=\"name\"\n                                    placeholder=\"Your name\"\n                                    autocomplete=\"name\"\n                                    required\n                                >\n\n                            <\/div>\n\n\n                            <div class=\"jes-field\">\n\n                                <label for=\"jes-company\">\n                                    Company\n                                <\/label>\n\n                                <input\n                                    type=\"text\"\n                                    id=\"jes-company\"\n                                    name=\"company\"\n                                    placeholder=\"Company name\"\n                                    autocomplete=\"organization\"\n                                >\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- EMAIL + PHONE -->\n\n                        <div class=\"jes-form-row\">\n\n                            <div class=\"jes-field\">\n\n                                <label for=\"jes-email\">\n                                    Business Email *\n                                <\/label>\n\n                                <input\n                                    type=\"email\"\n                                    id=\"jes-email\"\n                                    name=\"email\"\n                                    placeholder=\"name@company.com\"\n                                    autocomplete=\"email\"\n                                    required\n                                >\n\n                            <\/div>\n\n\n                            <div class=\"jes-field\">\n\n                                <label for=\"jes-phone\">\n                                    Phone\n                                <\/label>\n\n                                <input\n                                    type=\"tel\"\n                                    id=\"jes-phone\"\n                                    name=\"phone\"\n                                    placeholder=\"+20\"\n                                    autocomplete=\"tel\"\n                                >\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- PROJECT TYPE + SERVICE -->\n\n                        <div class=\"jes-form-row\">\n\n                            <div class=\"jes-field\">\n\n                                <label for=\"jes-project\">\n                                    Project Type *\n                                <\/label>\n\n                                <div class=\"jes-select-wrap\">\n\n                                    <select\n                                        id=\"jes-project\"\n                                        name=\"project_type\"\n                                        required\n                                    >\n\n                                        <option value=\"\">\n                                            Select project type\n                                        <\/option>\n\n                                        <option value=\"Commercial\">\n                                            Commercial\n                                        <\/option>\n\n                                        <option value=\"Residential\">\n                                            Residential\n                                        <\/option>\n\n                                        <option value=\"Mixed Use\">\n                                            Mixed Use\n                                        <\/option>\n\n                                        <option value=\"Hospitality\">\n                                            Hospitality\n                                        <\/option>\n\n                                        <option value=\"Industrial\">\n                                            Industrial\n                                        <\/option>\n\n                                        <option value=\"Infrastructure\">\n                                            Infrastructure\n                                        <\/option>\n\n                                        <option value=\"Other\">\n                                            Other\n                                        <\/option>\n\n                                    <\/select>\n\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"jes-field\">\n\n                                <label for=\"jes-service\">\n                                    Area of Interest *\n                                <\/label>\n\n                                <div class=\"jes-select-wrap\">\n\n                                    <select\n                                        id=\"jes-service\"\n                                        name=\"service\"\n                                        required\n                                    >\n\n                                        <option value=\"\">\n                                            Select service\n                                        <\/option>\n\n                                        <option value=\"Engineering\">\n                                            Engineering\n                                        <\/option>\n\n                                        <option value=\"Project Management\">\n                                            Project Management\n                                        <\/option>\n\n                                        <option value=\"BIM & Digital Engineering\">\n                                            BIM & Digital Engineering\n                                        <\/option>\n\n                                        <option value=\"R&D\">\n                                            R&D\n                                        <\/option>\n\n                                        <option value=\"Sustainability\">\n                                            Sustainability\n                                        <\/option>\n\n                                        <option value=\"Project Controls\">\n                                            Project Controls\n                                        <\/option>\n\n                                        <option value=\"Other\">\n                                            Other\n                                        <\/option>\n\n                                    <\/select>\n\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- MESSAGE -->\n\n                        <div class=\"jes-field\">\n\n                            <label for=\"jes-message\">\n                                Project Brief *\n                            <\/label>\n\n                            <textarea\n                                id=\"jes-message\"\n                                name=\"message\"\n                                placeholder=\"Tell us briefly about your project, scope, location or current challenge.\"\n                                required\n                            ><\/textarea>\n\n                        <\/div>\n\n\n                        <!-- CONSENT -->\n\n                        <div class=\"jes-consent\">\n\n                            <input\n                                type=\"checkbox\"\n                                id=\"jes-consent\"\n                                required\n                            >\n\n                            <label for=\"jes-consent\">\n                                I agree to be contacted regarding this inquiry\n                                and understand that the information provided\n                                will be used to respond to my request.\n                            <\/label>\n\n                        <\/div>\n\n\n                        <!-- SUBMIT -->\n\n                        <button\n                            type=\"submit\"\n                            class=\"jes-submit\"\n                        >\n\n                            <span>\n                                Prepare Email Inquiry\n                            <\/span>\n\n                            <svg\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"1.7\"\n                            >\n\n                                <path d=\"M5 12h13\"><\/path>\n                                <path d=\"M13 6l6 6-6 6\"><\/path>\n\n                            <\/svg>\n\n                        <\/button>\n\n\n                        <div\n                            class=\"jes-form-status\"\n                            id=\"jesFormStatus\"\n                            role=\"status\"\n                            aria-live=\"polite\"\n                        ><\/div>\n\n                    <\/form>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- ================= DIRECT CONTACT ================= -->\n\n    <section class=\"jes-contact-strip jes-grid-bg\">\n\n        <div class=\"jes-container\">\n\n            <div class=\"jes-strip-grid\">\n\n                <div class=\"jes-strip-block jes-reveal\">\n\n                    <span class=\"jes-strip-number\">\n                        01 \/ PROJECTS\n                    <\/span>\n\n                    <h3>\n                        Have a project in mind?\n                    <\/h3>\n\n                    <p>\n                        Start with the scope, challenge or\n                        opportunity. We will help define the\n                        appropriate path forward.\n                    <\/p>\n\n                    <a\n                        href=\"#jesContactForm\"\n                        class=\"jes-text-link\"\n                    >\n                        Start a project\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"jes-strip-block jes-reveal jes-delay-1\">\n\n                    <span class=\"jes-strip-number\">\n                        02 \/ PARTNERSHIPS\n                    <\/span>\n\n                    <h3>\n                        Looking to collaborate?\n                    <\/h3>\n\n                    <p>\n                        For strategic partnerships, technical\n                        collaboration and business opportunities,\n                        contact the JES team directly.\n                    <\/p>\n\n                    <!-- CHANGE EMAIL -->\n                    <a\n                        href=\"mailto:info@juzor.com\"\n                        class=\"jes-text-link\"\n                    >\n                        Contact JES\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n<section class=\"jes-regional jes-grid-bg\" aria-labelledby=\"jes-regional-title\">\n  <div class=\"jes-container\">\n    <h2 id=\"jes-regional-title\" class=\"jes-regional-title\">Regional Capability<\/h2>\n    <div class=\"jes-regional-grid\">\n      <article class=\"jes-regional-card\"><span class=\"jes-country-code\">EG<\/span><h3>Egypt<\/h3><p>Engineering &amp;<br>Technical Delivery Hub<\/p><\/article>\n      <article class=\"jes-regional-card\"><span class=\"jes-country-code\">SA<\/span><h3>Saudi Arabia<\/h3><p>Regional Business &amp;<br>Project Delivery<\/p><\/article>\n      <article class=\"jes-regional-card\"><span class=\"jes-country-code\">AE<\/span><h3>United Arab Emirates<\/h3><p>Regional Business &amp;<br>Collaboration<\/p><\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n    <!-- ================= LOCATION ================= -->\n\n    <section class=\"jes-location jes-grid-bg\">\n\n        <div class=\"jes-container\">\n\n            <div class=\"jes-location-grid\">\n\n                <div class=\"jes-location-content jes-reveal\">\n\n                    <div class=\"jes-eyebrow\">\n                        OUR LOCATION\n                    <\/div>\n\n                    <h2>\n                        Where Ideas\n                        <span>Move Forward.<\/span>\n                    <\/h2>\n\n                    <p>\n                        Visit the JES team to discuss your project,\n                        explore a potential collaboration, or begin\n                        a conversation around your next development.\n                    <\/p>\n\n                    <p class=\"jes-office-address\">Universities District Silicon Waha Business Hub, 2, Hod Sakrah WA Abu Hamad, New Borg El Arab, Alexandria Governorate 21934<\/p>\n                    <a\n                        href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Universities%20District%20Silicon%20Waha%20Business%20Hub%2C%202%2C%20Hod%20Sakrah%20WA%20Abu%20Hamad%2C%20New%20Borg%20El%20Arab%2C%20Alexandria%20Governorate%2021934\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                        class=\"jes-text-link\"\n                    >\n                        Open in Google Maps\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n\n                <div\n                    class=\"jes-location-map jes-reveal jes-delay-1\"\n                    aria-label=\"JES office location map\"\n                >\n\n                    <iframe title=\"JUZOR Egypt office \u2014 Silicon Waha Business Hub\" src=\"https:\/\/www.google.com\/maps?q=Universities%20District%20Silicon%20Waha%20Business%20Hub%2C%202%2C%20Hod%20Sakrah%20WA%20Abu%20Hamad%2C%20New%20Borg%20El%20Arab%2C%20Alexandria%20Governorate%2021934&amp;output=embed\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" allowfullscreen><\/iframe>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- ================= FINAL CTA ================= -->\n\n    <section class=\"jes-final-cta\">\n\n        <div class=\"jes-container\">\n\n            <div class=\"jes-final-inner\">\n\n                <div class=\"jes-reveal\">\n\n                    <div class=\"jes-eyebrow\">\n                        JES \/ ENGINEERING \/ DELIVERY\n                    <\/div>\n\n                    <h2 class=\"jes-final-title\">\n                        The Next Project\n                        <span>Starts Here.<\/span>\n                    <\/h2>\n\n                <\/div>\n\n\n                <div class=\"jes-final-copy jes-reveal jes-delay-2\">\n\n                    <p>\n                        Tell us where you are in the project\n                        lifecycle and what needs to happen next.\n                    <\/p>\n\n                    <a\n                        href=\"#jesContactForm\"\n                        class=\"jes-final-button\"\n                    >\n                        Start the conversation\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\n\n\n<!-- =========================================================\n     JAVASCRIPT\n     ========================================================= -->\n\n<script>\n(function () {\n\n    \"use strict\";\n\n    \/* =====================================================\n       SCROLL REVEAL\n       ===================================================== *\/\n\n    const revealElements =\n        document.querySelectorAll(\".jes-reveal\");\n\n    if (\"IntersectionObserver\" in window) {\n\n        const revealObserver =\n            new IntersectionObserver(\n                function (entries, observer) {\n\n                    entries.forEach(function (entry) {\n\n                        if (entry.isIntersecting) {\n\n                            entry.target.classList.add(\n                                \"is-visible\"\n                            );\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        }\n\n                    });\n\n                },\n                {\n                    threshold: 0.12,\n                    rootMargin: \"0px 0px -50px 0px\"\n                }\n            );\n\n        revealElements.forEach(function (element) {\n\n            revealObserver.observe(element);\n\n        });\n\n    } else {\n\n        revealElements.forEach(function (element) {\n\n            element.classList.add(\"is-visible\");\n\n        });\n\n    }\n\n\n    \/* =====================================================\n       SMOOTH ANCHOR SCROLL\n       ===================================================== *\/\n\n    document\n        .querySelectorAll(\n            '.jes-contact-page a[href^=\"#\"]'\n        )\n        .forEach(function (link) {\n\n            link.addEventListener(\n                \"click\",\n                function (event) {\n\n                    const targetId =\n                        this.getAttribute(\"href\");\n\n                    if (\n                        !targetId ||\n                        targetId === \"#\"\n                    ) {\n                        return;\n                    }\n\n                    const target =\n                        document.querySelector(targetId);\n\n                    if (!target) {\n                        return;\n                    }\n\n                    event.preventDefault();\n\n                    target.scrollIntoView({\n                        behavior: \"smooth\",\n                        block: \"start\"\n                    });\n\n                }\n            );\n\n        });\n\n\n    \/* =====================================================\n       FORM VALIDATION\n       ===================================================== *\/\n\n    const form =\n        document.getElementById(\"jesContactForm\");\n\n    const status =\n        document.getElementById(\"jesFormStatus\");\n\n\n    if (!form) {\n        return;\n    }\n\n\n    form.addEventListener(\"submit\", function (event) {\n        event.preventDefault();\n        for (const field of form.querySelectorAll(\"[required]:not([type=checkbox])\")) {\n            field.setCustomValidity(field.value.trim() ? \"\" : \"Please complete this field.\");\n        }\n        if (!form.reportValidity()) return;\n        const fields = new FormData(form);\n        const body = [\n            \"Full Name: \" + fields.get(\"name\").trim(),\n            \"Company: \" + fields.get(\"company\").trim(),\n            \"Business Email: \" + fields.get(\"email\").trim(),\n            \"Phone: \" + fields.get(\"phone\").trim(),\n            \"Project Type: \" + fields.get(\"project_type\"),\n            \"Area of Interest: \" + fields.get(\"service\"),\n            \"\", \"Project Brief:\", fields.get(\"message\").trim(),\n            \"\", \"Consent to be contacted: Yes\"\n        ].join(\"\\n\");\n        window.location.href = \"mailto:info@juzor.com?subject=\" +\n            encodeURIComponent(\"Project Inquiry \u2014 \" + fields.get(\"name\").trim()) +\n            \"&body=\" + encodeURIComponent(body);\n        status.textContent = \"Your email app has been requested. Send the prepared message there to complete your inquiry. If it does not open, email info@juzor.com directly.\";\n        status.classList.add(\"active\");\n    });\n    form.addEventListener(\"input\", function(event) {\n        if (typeof event.target.setCustomValidity === \"function\") event.target.setCustomValidity(\"\");\n        status.classList.remove(\"active\");\n    });\n\n    \/* =====================================================\n       SUBTLE MOUSE PARALLAX FOR HERO MARK\n       ===================================================== *\/\n\n    const heroMark =\n        document.querySelector(\".jes-hero-mark\");\n\n    if (\n        heroMark &&\n        window.matchMedia(\n            \"(pointer: fine)\"\n        ).matches\n    ) {\n\n        document.addEventListener(\n            \"mousemove\",\n            function (event) {\n\n                const x =\n                    (event.clientX \/ window.innerWidth - .5);\n\n                const y =\n                    (event.clientY \/ window.innerHeight - .5);\n\n                heroMark.style.transform =\n                    \"translate(\" +\n                    (x * 15) +\n                    \"px, \" +\n                    (y * 15) +\n                    \"px)\";\n\n            }\n        );\n\n    }\n\n})();\n<\/script>\n\n\n<!-- =========================================================\n     SEO \u2014 JSON-LD\n     Replace URL \/ email \/ phone \/ address before publishing.\n     ========================================================= -->\n\n<script type=\"application\/ld+json\">\n{\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ContactPage\",\n    \"name\": \"Contact Juzor Engineering Solutions\",\n    \"description\": \"Contact Juzor Engineering Solutions (JES) for engineering, project management, BIM and digital engineering, sustainability, project controls and integrated project delivery services.\",\n    \"mainEntity\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Juzor Engineering Solutions\",\n        \"alternateName\": \"JES\",\n        \"email\": \"info@juzor.com\",\n        \"telephone\": \"+201009299689\",\n        \"areaServed\": [\n            \"Egypt\",\n            \"Saudi Arabia\",\n            \"United Arab Emirates\"\n        ],\n        \"knowsAbout\": [\n            \"Engineering\",\n            \"Project Management\",\n            \"BIM\",\n            \"Digital Engineering\",\n            \"Sustainability\",\n            \"Project Controls\",\n            \"Integrated Project Delivery\"\n        ],\n        \"address\": {\n            \"@type\": \"PostalAddress\",\n            \"streetAddress\": \"Universities District Silicon Waha Business Hub, 2, Hod Sakrah WA Abu Hamad\",\n            \"addressLocality\": \"New Borg El Arab\",\n            \"addressRegion\": \"Alexandria Governorate\",\n            \"postalCode\": \"21934\",\n            \"addressCountry\": \"EG\"\n        }\n    }\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CONTACT JES Let&#8217;s Start With the Right Conversation. Every project starts with a decision. Whether you are planning a new [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":7,"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":136,"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions\/136"}],"wp:attachment":[{"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}