{"id":19,"date":"2026-09-21T21:46:49","date_gmt":"2026-09-21T21:46:49","guid":{"rendered":"https:\/\/juzor-eg.com\/?page_id=19"},"modified":"2026-09-25T12:01:04","modified_gmt":"2026-09-25T12:01:04","slug":"home","status":"publish","type":"page","link":"https:\/\/juzor-eg.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8aa4cf9 e-con e-atomic-element e-flexbox-base e-default-div e-4dd6e3e \" data-id=\"8aa4cf9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8aa4cf9\">\n    \t\t<div class=\"elementor-element elementor-element-fa37322 elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"fa37322\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;dots&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper swiper-image-stretch\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/Generated-Image-September-22-2026-1_06AM-scaled.jpg\" alt=\"Generated Image September 22, 2026 - 1_06AM\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/Generated-Image-September-22-2026-1_14AM-scaled.jpg\" alt=\"Generated Image September 22, 2026 - 1_14AM\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/Generated-Image-September-22-2026-1_32AM-scaled.jpg\" alt=\"Generated Image September 22, 2026 - 1_32AM\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/Generated-Image-September-22-2026-1_25AM-scaled.jpg\" alt=\"Generated Image September 22, 2026 - 1_25AM\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8956c5f e-con e-atomic-element e-flexbox-base e-default-div e-287d047 \" data-id=\"8956c5f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8956c5f\">\n    \t\t<div class=\"elementor-element elementor-element-d6b7a92 elementor-widget elementor-widget-html\" data-id=\"d6b7a92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\n     JES SECTION HEADING\r\n     Change:\r\n     02 = section number\r\n     ABOUT JES = eyebrow\r\n     Main title = H2\r\n========================= -->\r\n\r\n<header class=\"jes-section-heading jes-heading-reveal\">\r\n\r\n    <div class=\"jes-heading-top\">\r\n        <span class=\"jes-heading-number\">02<\/span>\r\n\r\n        <span class=\"jes-heading-line\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n        <\/span>\r\n\r\n        <span class=\"jes-heading-eyebrow\">ABOUT JES<\/span>\r\n    <\/div>\r\n\r\n    <h2 class=\"jes-heading-title\">\r\n        Engineering Expertise \u2192 Smarter Solutions\r\n        <span>\u2192 Long-Term Value.<\/span>\r\n    <\/h2>\r\n\r\n    <div class=\"jes-heading-accent\" aria-hidden=\"true\"><\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   JES \u2014 GLOBAL SECTION HEADING\r\n========================================================= *\/\r\n\r\n.jes-section-heading {\r\n    --jes-navy: #07182b;\r\n    --jes-teal: #159a9c;\r\n    --jes-teal-dark: #0b7477;\r\n    --jes-muted: #697581;\r\n    --jes-line: rgba(7, 24, 43, 0.15);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1050px;\r\n\r\n    margin: 0 auto 55px;\r\n    padding: 0 24px;\r\n\r\n    font-family: \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ---------- TOP ROW ---------- *\/\r\n\r\n.jes-heading-top {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\r\n\/* Section Number *\/\r\n\r\n.jes-heading-number {\r\n    color: var(--jes-teal);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n    letter-spacing: 1.8px;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(8px);\r\n\r\n    transition:\r\n        opacity .6s ease,\r\n        transform .6s ease;\r\n}\r\n\r\n\r\n\/* Animated engineering line *\/\r\n\r\n.jes-heading-line {\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    width: 52px;\r\n    height: 1px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--jes-line);\r\n}\r\n\r\n\r\n.jes-heading-line span {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background: var(--jes-teal);\r\n\r\n    transform: translateX(-105%);\r\n\r\n    transition:\r\n        transform .85s cubic-bezier(.22,.75,.25,1);\r\n}\r\n\r\n\r\n\/* Eyebrow *\/\r\n\r\n.jes-heading-eyebrow {\r\n    color: var(--jes-teal-dark);\r\n\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateX(-12px);\r\n\r\n    transition:\r\n        opacity .65s ease .15s,\r\n        transform .65s ease .15s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TITLE\r\n========================================================= *\/\r\n\r\n.jes-heading-title {\r\n    max-width: 900px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--jes-navy);\r\n\r\n    font-size: clamp(36px, 4.2vw, 66px);\r\n    font-weight: 300;\r\n\r\n    line-height: 1.07;\r\n\r\n    letter-spacing: -2.6px;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(28px);\r\n\r\n    transition:\r\n        opacity .85s cubic-bezier(.22,.75,.25,1) .15s,\r\n        transform .85s cubic-bezier(.22,.75,.25,1) .15s;\r\n}\r\n\r\n\r\n\/* Highlighted second line *\/\r\n\r\n.jes-heading-title span {\r\n    display: block;\r\n\r\n    color: var(--jes-teal-dark);\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM ACCENT\r\n========================================================= *\/\r\n\r\n.jes-heading-accent {\r\n    position: relative;\r\n\r\n    width: 0;\r\n    height: 2px;\r\n\r\n    margin-top: 27px;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        var(--jes-teal) 0%,\r\n        rgba(21,154,156,.2) 65%,\r\n        transparent 100%\r\n    );\r\n\r\n    transition:\r\n        width 1.1s cubic-bezier(.22,.75,.25,1) .3s;\r\n}\r\n\r\n\r\n\/* little engineering node *\/\r\n\r\n.jes-heading-accent::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n    left: 0;\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    border: 2px solid var(--jes-teal);\r\n    background: #fff;\r\n\r\n    transform:\r\n        translateY(-50%)\r\n        rotate(45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIVE ANIMATION\r\n========================================================= *\/\r\n\r\n.jes-heading-reveal.jes-heading-visible\r\n.jes-heading-number {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n.jes-heading-reveal.jes-heading-visible\r\n.jes-heading-line span {\r\n    transform: translateX(0);\r\n}\r\n\r\n\r\n.jes-heading-reveal.jes-heading-visible\r\n.jes-heading-eyebrow {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n}\r\n\r\n\r\n.jes-heading-reveal.jes-heading-visible\r\n.jes-heading-title {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n.jes-heading-reveal.jes-heading-visible\r\n.jes-heading-accent {\r\n    width: min(100%, 440px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .jes-section-heading {\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .jes-heading-title {\r\n        font-size: clamp(38px, 5.7vw, 55px);\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .jes-section-heading {\r\n        padding: 0 18px;\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n    .jes-heading-top {\r\n        gap: 10px;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .jes-heading-line {\r\n        width: 34px;\r\n    }\r\n\r\n    .jes-heading-eyebrow {\r\n        font-size: 9px;\r\n        letter-spacing: 2.2px;\r\n    }\r\n\r\n    .jes-heading-number {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .jes-heading-title {\r\n        font-size: clamp(33px, 10vw, 44px);\r\n        line-height: 1.08;\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .jes-heading-accent {\r\n        margin-top: 22px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .jes-heading-number,\r\n    .jes-heading-eyebrow,\r\n    .jes-heading-title {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .jes-heading-line span {\r\n        transform: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .jes-heading-accent {\r\n        width: min(100%, 440px) !important;\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    function initJESHeadings() {\r\n\r\n        const headings =\r\n            document.querySelectorAll(\r\n                '.jes-heading-reveal:not([data-jes-heading-init])'\r\n            );\r\n\r\n        if (!headings.length) return;\r\n\r\n\r\n        headings.forEach(function (heading) {\r\n\r\n            heading.setAttribute(\r\n                'data-jes-heading-init',\r\n                'true'\r\n            );\r\n\r\n\r\n            \/* Reduced Motion *\/\r\n\r\n            if (\r\n                window.matchMedia(\r\n                    '(prefers-reduced-motion: reduce)'\r\n                ).matches\r\n            ) {\r\n\r\n                heading.classList.add(\r\n                    'jes-heading-visible'\r\n                );\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            \/* Browser fallback *\/\r\n\r\n            if (!('IntersectionObserver' in window)) {\r\n\r\n                heading.classList.add(\r\n                    'jes-heading-visible'\r\n                );\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            const observer =\r\n                new IntersectionObserver(\r\n                    function (entries, obs) {\r\n\r\n                        entries.forEach(\r\n                            function (entry) {\r\n\r\n                                if (\r\n                                    entry.isIntersecting\r\n                                ) {\r\n\r\n                                    entry.target\r\n                                        .classList.add(\r\n                                            'jes-heading-visible'\r\n                                        );\r\n\r\n                                    obs.unobserve(\r\n                                        entry.target\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    },\r\n                    {\r\n                        threshold: 0.25,\r\n                        rootMargin:\r\n                            '0px 0px -40px 0px'\r\n                    }\r\n                );\r\n\r\n\r\n            observer.observe(heading);\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState === 'loading'\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            'DOMContentLoaded',\r\n            initJESHeadings\r\n        );\r\n\r\n    } else {\r\n\r\n        initJESHeadings();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-95fd68f e-con e-atomic-element e-flexbox-base e-default-div e-4be3fdd \" data-id=\"95fd68f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"95fd68f\">\n    \t\t<div class=\"elementor-element elementor-element-389ef28 elementor-widget elementor-widget-html\" data-id=\"389ef28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"jes-about\" id=\"about-jes\" aria-labelledby=\"jes-about-title\">\r\n  <div class=\"jes-about__container\">\r\n\r\n    <!-- IMAGE SIDE -->\r\n    <div class=\"jes-about__visual jes-reveal\">\r\n      <div class=\"jes-about__image-wrap\">\r\n        \r\n        <!-- Replace src with your WordPress Media Library image URL -->\r\n        <img loading=\"lazy\"\r\n          class=\"jes-about__image\"\r\n          src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/Generated-Image-September-22-2026-1_47AM-scaled.jpg\"\r\n          alt=\"Multidisciplinary engineering and project management team collaborating on integrated project delivery\"\r\n          width=\"900\"\r\n          height=\"1100\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n\r\n        <div class=\"jes-about__image-shade\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"jes-about__visual-label\">\r\n          <span class=\"jes-about__visual-line\"><\/span>\r\n          <span>g<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"jes-about__lifecycle-card\">\r\n          <span class=\"jes-about__card-kicker\">FULL ASSET LIFECYCLE<\/span>\r\n\r\n          <div class=\"jes-about__lifecycle\">\r\n            <span>Concept<\/span>\r\n            <i><\/i>\r\n            <span>Deliver<\/span>\r\n            <i><\/i>\r\n            <span>Operate<\/span>\r\n            <i><\/i>\r\n            <span>Sustain<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- CONTENT SIDE -->\r\n    <div class=\"jes-about__content\">\r\n\r\n      <div class=\"jes-about__eyebrow jes-reveal\">\r\n        <span class=\"jes-about__eyebrow-line\"><\/span>\r\n        <span>ABOUT JES<\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"jes-about__title jes-reveal\" id=\"jes-about-title\">\r\n        Engineering Excellence.\r\n        <span>Across the Full Asset Lifecycle.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"jes-about__lead jes-reveal\">\r\n       Juzor Engineering Solutions (JES) is an engineering and project management firm delivering practical, sustainable, and commercially sound solutions from concept and design through procurement, construction, commissioning, handover, and operation.\r\n\r\nOur multidisciplinary expertise combines engineering, project management, BIM & digital engineering, R&D, sustainability, and commercial insight to improve constructability, strengthen cost and schedule control, mitigate risk, and create lasting value across every project.\r\n      <\/p>\r\n\r\n      <p class=\"jes-about__text jes-reveal\">\r\n        Our multidisciplinary approach brings together engineering, project\r\n        management, BIM &amp; digital engineering, R&amp;D, sustainability,\r\n        and commercial expertise to support better constructability, stronger\r\n        cost and schedule control, risk mitigation, and value creation\r\n        throughout project delivery.\r\n      <\/p>\r\n\r\n\r\n      <!-- CAPABILITIES -->\r\n      <div class=\"jes-about__capabilities jes-reveal\">\r\n\r\n        <div class=\"jes-about__capability\">\r\n          <span class=\"jes-about__number\">01<\/span>\r\n          <span class=\"jes-about__capability-name\">\r\n            Engineering<br>Excellence\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"jes-about__capability\">\r\n          <span class=\"jes-about__number\">02<\/span>\r\n          <span class=\"jes-about__capability-name\">\r\n            Integrated<br>Project Delivery\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"jes-about__capability\">\r\n          <span class=\"jes-about__number\">03<\/span>\r\n          <span class=\"jes-about__capability-name\">\r\n            Digital &amp;<br>BIM\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"jes-about__capability\">\r\n          <span class=\"jes-about__number\">04<\/span>\r\n          <span class=\"jes-about__capability-name\">\r\n            Lifecycle<br>Value\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- BRAND STATEMENT -->\r\n      <blockquote class=\"jes-about__statement jes-reveal\">\r\n        <span class=\"jes-about__quote-mark\" aria-hidden=\"true\">\u201c<\/span>\r\n\r\n        <p>\r\n          At JES, we turn engineering expertise into \r\n          <strong>smarter decisions, better project outcomes,<\/strong>\r\n          and lasting asset valu.\r\n        <\/p>\r\n      <\/blockquote>\r\n\r\n\r\n      <!-- STANDARDS NOTE -->\r\n      <p class=\"jes-about__standards jes-reveal\">\r\n        Guided by applicable local building codes, international engineering\r\n        standards, ISO-aligned practices, and LEED principles where relevant\r\n        to project objectives.\r\n      <\/p>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   JES ABOUT SECTION\r\n   Scoped styles to avoid conflicts with Elementor\r\n========================================================= *\/\r\n\r\n.jes-about {\r\n  --jes-navy: #07182b;\r\n  --jes-navy-soft: #10263d;\r\n  --jes-teal: #159a9c;\r\n  --jes-teal-dark: #0b7477;\r\n  --jes-text: #53606d;\r\n  --jes-line: #dce2e6;\r\n  --jes-bg: #f7f8f8;\r\n  --jes-white: #ffffff;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  background:\r\n    radial-gradient(\r\n      circle at 88% 10%,\r\n      rgba(21, 154, 156, 0.055),\r\n      transparent 28%\r\n    ),\r\n    var(--jes-bg);\r\n\r\n  overflow: hidden;\r\n  padding: clamp(75px, 8vw, 135px) 24px;\r\n}\r\n\r\n\r\n\/* subtle engineering grid *\/\r\n\r\n.jes-about::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(7, 24, 43, 0.025) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(7, 24, 43, 0.025) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size: 80px 80px;\r\n\r\n  mask-image:\r\n    linear-gradient(\r\n      to left,\r\n      rgba(0,0,0,.7),\r\n      transparent 72%\r\n    );\r\n\r\n  -webkit-mask-image:\r\n    linear-gradient(\r\n      to left,\r\n      rgba(0,0,0,.7),\r\n      transparent 72%\r\n    );\r\n}\r\n\r\n\r\n.jes-about *,\r\n.jes-about *::before,\r\n.jes-about *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n.jes-about__container {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: min(100%, 1380px);\r\n  margin-inline: auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.93fr) minmax(0, 1.07fr);\r\n\r\n  gap: clamp(55px, 7vw, 120px);\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.jes-about__visual {\r\n  position: relative;\r\n}\r\n\r\n\r\n.jes-about__image-wrap {\r\n  position: relative;\r\n  min-height: 690px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 3px 3px 50px 3px;\r\n\r\n  box-shadow:\r\n    0 35px 80px rgba(4, 19, 34, 0.13);\r\n}\r\n\r\n\r\n.jes-about__image-wrap::before {\r\n  content: \"\";\r\n  position: absolute;\r\n\r\n  z-index: 4;\r\n\r\n  width: 95px;\r\n  height: 95px;\r\n\r\n  top: 0;\r\n  right: 0;\r\n\r\n  border-top: 2px solid rgba(255,255,255,.65);\r\n  border-right: 2px solid rgba(255,255,255,.65);\r\n\r\n  margin: 24px;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n.jes-about__image {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n  object-position: center;\r\n\r\n  display: block;\r\n\r\n  transition:\r\n    transform 1.2s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.jes-about__image-wrap:hover .jes-about__image {\r\n  transform: scale(1.025);\r\n}\r\n\r\n\r\n.jes-about__image-shade {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      transparent 45%,\r\n      rgba(3, 17, 31, 0.68) 100%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* Image label *\/\r\n\r\n.jes-about__visual-label {\r\n  position: absolute;\r\n\r\n  z-index: 5;\r\n\r\n  top: 40px;\r\n  left: 0;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  padding: 11px 17px 11px 0;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n.jes-about__visual-line {\r\n  display: block;\r\n\r\n  width: 40px;\r\n  height: 1px;\r\n\r\n  background: #fff;\r\n}\r\n\r\n\r\n\/* Lifecycle card *\/\r\n\r\n.jes-about__lifecycle-card {\r\n  position: absolute;\r\n\r\n  z-index: 5;\r\n\r\n  left: 30px;\r\n  right: 30px;\r\n  bottom: 30px;\r\n\r\n  padding: 23px 25px;\r\n\r\n  color: #fff;\r\n\r\n  background: rgba(6, 25, 44, 0.76);\r\n\r\n  border: 1px solid rgba(255,255,255,.14);\r\n\r\n  backdrop-filter: blur(13px);\r\n  -webkit-backdrop-filter: blur(13px);\r\n}\r\n\r\n\r\n.jes-about__card-kicker {\r\n  display: block;\r\n\r\n  margin-bottom: 14px;\r\n\r\n  color: rgba(255,255,255,.58);\r\n\r\n  font-size: 9px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 2.1px;\r\n}\r\n\r\n\r\n.jes-about__lifecycle {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 10px;\r\n}\r\n\r\n\r\n.jes-about__lifecycle span {\r\n  color: #fff;\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .5px;\r\n}\r\n\r\n\r\n.jes-about__lifecycle i {\r\n  position: relative;\r\n\r\n  display: block;\r\n  flex: 1;\r\n\r\n  max-width: 45px;\r\n  height: 1px;\r\n\r\n  background: rgba(255,255,255,.25);\r\n}\r\n\r\n\r\n.jes-about__lifecycle i::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 50%;\r\n  right: 0;\r\n\r\n  width: 4px;\r\n  height: 4px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: var(--jes-teal);\r\n\r\n  transform: translateY(-50%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.jes-about__content {\r\n  position: relative;\r\n}\r\n\r\n\r\n.jes-about__eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 14px;\r\n\r\n  margin-bottom: 23px;\r\n\r\n  color: var(--jes-teal-dark);\r\n\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2.7px;\r\n}\r\n\r\n\r\n.jes-about__eyebrow-line {\r\n  display: block;\r\n\r\n  width: 42px;\r\n  height: 2px;\r\n\r\n  background: var(--jes-teal);\r\n}\r\n\r\n\r\n.jes-about__title {\r\n  max-width: 720px;\r\n\r\n  margin: 0 0 29px;\r\n\r\n  color: var(--jes-navy);\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    \"Helvetica Neue\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size: clamp(36px, 4vw, 64px);\r\n  font-weight: 300;\r\n\r\n  line-height: 1.07;\r\n  letter-spacing: -2.4px;\r\n}\r\n\r\n\r\n.jes-about__title span {\r\n  display: block;\r\n\r\n  color: var(--jes-teal-dark);\r\n\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n.jes-about__lead {\r\n  max-width: 720px;\r\n\r\n  margin: 0 0 19px;\r\n\r\n  color: #344250;\r\n\r\n  font-size: clamp(16px, 1.15vw, 18px);\r\n\r\n  line-height: 1.85;\r\n}\r\n\r\n\r\n.jes-about__text {\r\n  max-width: 720px;\r\n\r\n  margin: 0;\r\n\r\n  color: var(--jes-text);\r\n\r\n  font-size: 15px;\r\n  line-height: 1.85;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAPABILITIES\r\n========================================================= *\/\r\n\r\n.jes-about__capabilities {\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(4, 1fr);\r\n\r\n  margin-top: 38px;\r\n\r\n  border-top: 1px solid var(--jes-line);\r\n  border-bottom: 1px solid var(--jes-line);\r\n}\r\n\r\n\r\n.jes-about__capability {\r\n  position: relative;\r\n\r\n  min-height: 108px;\r\n\r\n  padding: 21px 16px;\r\n\r\n  border-right: 1px solid var(--jes-line);\r\n\r\n  transition:\r\n    background .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n.jes-about__capability:first-child {\r\n  padding-left: 0;\r\n}\r\n\r\n\r\n.jes-about__capability:last-child {\r\n  border-right: 0;\r\n}\r\n\r\n\r\n.jes-about__capability:hover {\r\n  background: rgba(21,154,156,.045);\r\n}\r\n\r\n\r\n.jes-about__number {\r\n  display: block;\r\n\r\n  margin-bottom: 10px;\r\n\r\n  color: var(--jes-teal);\r\n\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.5px;\r\n}\r\n\r\n\r\n.jes-about__capability-name {\r\n  color: var(--jes-navy);\r\n\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n\r\n  line-height: 1.45;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND STATEMENT\r\n========================================================= *\/\r\n\r\n.jes-about__statement {\r\n  position: relative;\r\n\r\n  margin: 36px 0 0;\r\n  padding: 0 0 0 25px;\r\n\r\n  border-left: 2px solid var(--jes-teal);\r\n}\r\n\r\n\r\n.jes-about__statement p {\r\n  margin: 0;\r\n\r\n  color: var(--jes-navy);\r\n\r\n  font-size: clamp(18px, 1.6vw, 23px);\r\n  font-weight: 300;\r\n\r\n  line-height: 1.55;\r\n}\r\n\r\n\r\n.jes-about__statement strong {\r\n  color: var(--jes-teal-dark);\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n.jes-about__quote-mark {\r\n  position: absolute;\r\n\r\n  top: -25px;\r\n  right: 5px;\r\n\r\n  color: rgba(21,154,156,.09);\r\n\r\n  font-family: Georgia, serif;\r\n  font-size: 95px;\r\n\r\n  line-height: 1;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STANDARDS\r\n========================================================= *\/\r\n\r\n.jes-about__standards {\r\n  position: relative;\r\n\r\n  margin: 29px 0 0;\r\n  padding-left: 25px;\r\n\r\n  max-width: 700px;\r\n\r\n  color: #7b858e;\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 1.65;\r\n  letter-spacing: .15px;\r\n}\r\n\r\n\r\n.jes-about__standards::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 7px;\r\n  left: 0;\r\n\r\n  width: 8px;\r\n  height: 8px;\r\n\r\n  border: 1px solid var(--jes-teal);\r\n\r\n  transform: rotate(45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL ANIMATION\r\n========================================================= *\/\r\n\r\n.jes-reveal {\r\n  opacity: 0;\r\n\r\n  transform: translateY(30px);\r\n\r\n  transition:\r\n    opacity .85s cubic-bezier(.2,.7,.2,1),\r\n    transform .85s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.jes-about__visual.jes-reveal {\r\n  transform: translateX(-35px);\r\n}\r\n\r\n\r\n.jes-reveal.jes-visible {\r\n  opacity: 1;\r\n  transform: translate(0, 0);\r\n}\r\n\r\n\r\n\/* stagger *\/\r\n\r\n.jes-about__content .jes-reveal:nth-child(1) {\r\n  transition-delay: .08s;\r\n}\r\n\r\n.jes-about__content .jes-reveal:nth-child(2) {\r\n  transition-delay: .15s;\r\n}\r\n\r\n.jes-about__content .jes-reveal:nth-child(3) {\r\n  transition-delay: .22s;\r\n}\r\n\r\n.jes-about__content .jes-reveal:nth-child(4) {\r\n  transition-delay: .29s;\r\n}\r\n\r\n.jes-about__content .jes-reveal:nth-child(5) {\r\n  transition-delay: .36s;\r\n}\r\n\r\n.jes-about__content .jes-reveal:nth-child(6) {\r\n  transition-delay: .43s;\r\n}\r\n\r\n.jes-about__content .jes-reveal:nth-child(7) {\r\n  transition-delay: .5s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  .jes-about__container {\r\n    grid-template-columns: .9fr 1.1fr;\r\n    gap: 45px;\r\n  }\r\n\r\n  .jes-about__image-wrap {\r\n    min-height: 620px;\r\n  }\r\n\r\n  .jes-about__title {\r\n    font-size: clamp(34px, 4.4vw, 50px);\r\n    letter-spacing: -1.7px;\r\n  }\r\n\r\n  .jes-about__capabilities {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .jes-about__capability:nth-child(2) {\r\n    border-right: 0;\r\n  }\r\n\r\n  .jes-about__capability:nth-child(-n+2) {\r\n    border-bottom: 1px solid var(--jes-line);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE \/ SMALL TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .jes-about {\r\n    padding: 70px 18px 75px;\r\n  }\r\n\r\n  .jes-about__container {\r\n    grid-template-columns: 1fr;\r\n    gap: 47px;\r\n  }\r\n\r\n  .jes-about__content {\r\n    order: 1;\r\n  }\r\n\r\n  .jes-about__visual {\r\n    order: 2;\r\n  }\r\n\r\n  .jes-about__title {\r\n    font-size: clamp(35px, 10vw, 46px);\r\n    letter-spacing: -1.5px;\r\n  }\r\n\r\n  .jes-about__lead {\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .jes-about__text {\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .jes-about__image-wrap {\r\n    min-height: 520px;\r\n    border-radius: 3px 3px 32px 3px;\r\n  }\r\n\r\n  .jes-about__lifecycle-card {\r\n    left: 15px;\r\n    right: 15px;\r\n    bottom: 15px;\r\n\r\n    padding: 18px 16px;\r\n  }\r\n\r\n  .jes-about__lifecycle {\r\n    gap: 6px;\r\n  }\r\n\r\n  .jes-about__lifecycle span {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .jes-about__capabilities {\r\n    margin-top: 32px;\r\n  }\r\n\r\n  .jes-about__capability {\r\n    min-height: 100px;\r\n    padding: 18px 14px;\r\n  }\r\n\r\n  .jes-about__capability:nth-child(odd) {\r\n    padding-left: 0;\r\n  }\r\n\r\n  .jes-about__statement {\r\n    margin-top: 31px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n  .jes-about__image-wrap {\r\n    min-height: 450px;\r\n  }\r\n\r\n  .jes-about__lifecycle i {\r\n    max-width: 18px;\r\n  }\r\n\r\n  .jes-about__lifecycle span {\r\n    font-size: 8px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY \u2014 REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .jes-reveal {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n  .jes-about__image {\r\n    transition: none !important;\r\n  }\r\n\r\n  .jes-about__image-wrap:hover .jes-about__image {\r\n    transform: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  function initJESAbout() {\r\n\r\n    const section = document.querySelector('.jes-about');\r\n\r\n    if (!section || section.dataset.jesInitialized === 'true') {\r\n      return;\r\n    }\r\n\r\n    section.dataset.jesInitialized = 'true';\r\n\r\n    const elements = section.querySelectorAll('.jes-reveal');\r\n\r\n    \/* Accessibility \/ old browser fallback *\/\r\n    if (\r\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches ||\r\n      !('IntersectionObserver' in window)\r\n    ) {\r\n      elements.forEach(function (el) {\r\n        el.classList.add('jes-visible');\r\n      });\r\n\r\n      return;\r\n    }\r\n\r\n    const observer = new IntersectionObserver(\r\n      function (entries, observerInstance) {\r\n\r\n        entries.forEach(function (entry) {\r\n\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('jes-visible');\r\n            observerInstance.unobserve(entry.target);\r\n          }\r\n\r\n        });\r\n\r\n      },\r\n      {\r\n        threshold: 0.12,\r\n        rootMargin: '0px 0px -40px 0px'\r\n      }\r\n    );\r\n\r\n    elements.forEach(function (el) {\r\n      observer.observe(el);\r\n    });\r\n\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initJESAbout\r\n    );\r\n\r\n  } else {\r\n\r\n    initJESAbout();\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-598c993 e-con e-atomic-element e-flexbox-base e-default-div e-83cf613 \" data-id=\"598c993\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"598c993\">\n    \t\t<div class=\"elementor-element elementor-element-e828cda elementor-widget elementor-widget-html\" data-id=\"e828cda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\n     JES SECTION HEADING\r\n     Change:\r\n     02 = section number\r\n     OUR PROJECTS = eyebrow\r\n     Main title = H2\r\n========================= -->\r\n\r\n<header class=\"jes-section-heading jes-heading-reveal\">\r\n\r\n    <div class=\"jes-heading-top\">\r\n        <span class=\"jes-heading-number\">02<\/span>\r\n\r\n        <span class=\"jes-heading-line\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n        <\/span>\r\n\r\n        <span class=\"jes-heading-eyebrow\">OUR PROJECTS<\/span>\r\n    <\/div>\r\n\r\n    <h2 class=\"jes-heading-title\">\r\n        From Engineering Challenges.\r\n        <span>To Integrated Solutions.<\/span>\r\n    <\/h2>\r\n\r\n    <div class=\"jes-heading-accent\" aria-hidden=\"true\"><\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   JES \u2014 GLOBAL SECTION HEADING\r\n========================================================= *\/\r\n\r\n.jes-section-heading {\r\n    --jes-navy: #07182b;\r\n    --jes-teal: #159a9c;\r\n    --jes-teal-dark: #0b7477;\r\n    --jes-muted: #697581;\r\n    --jes-line: rgba(7, 24, 43, 0.15);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1050px;\r\n\r\n    margin: 0 auto 55px;\r\n    padding: 0 24px;\r\n\r\n    font-family: \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ---------- TOP ROW ---------- *\/\r\n\r\n.jes-heading-top {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\r\n\/* Section Number *\/\r\n\r\n.jes-heading-number {\r\n    color: var(--jes-teal);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n    letter-spacing: 1.8px;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(8px);\r\n\r\n    transition:\r\n        opacity .6s ease,\r\n        transform .6s ease;\r\n}\r\n\r\n\r\n\/* Animated engineering line *\/\r\n\r\n.jes-heading-line {\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    width: 52px;\r\n    height: 1px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--jes-line);\r\n}\r\n\r\n\r\n.jes-heading-line span {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background: var(--jes-teal);\r\n\r\n    transform: translateX(-105%);\r\n\r\n    transition:\r\n        transform .85s cubic-bezier(.22,.75,.25,1);\r\n}\r\n\r\n\r\n\/* Eyebrow *\/\r\n\r\n.jes-heading-eyebrow {\r\n    color: var(--jes-teal-dark);\r\n\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateX(-12px);\r\n\r\n    transition:\r\n        opacity .65s ease .15s,\r\n        transform .65s ease .15s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TITLE\r\n========================================================= *\/\r\n\r\n.jes-heading-title {\r\n    max-width: 900px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--jes-navy);\r\n\r\n    font-size: clamp(36px, 4.2vw, 66px);\r\n    font-weight: 300;\r\n\r\n    line-height: 1.07;\r\n\r\n    letter-spacing: -2.6px;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(28px);\r\n\r\n    transition:\r\n        opacity .85s cubic-bezier(.22,.75,.25,1) .15s,\r\n        transform .85s cubic-bezier(.22,.75,.25,1) .15s;\r\n}\r\n\r\n\r\n\/* Highlighted second line *\/\r\n\r\n.jes-heading-title span {\r\n    display: block;\r\n\r\n    color: var(--jes-teal-dark);\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM ACCENT\r\n========================================================= *\/\r\n\r\n.jes-heading-accent {\r\n    position: relative;\r\n\r\n    width: 0;\r\n    height: 2px;\r\n\r\n    margin-top: 27px;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        var(--jes-teal) 0%,\r\n        rgba(21,154,156,.2) 65%,\r\n        transparent 100%\r\n    );\r\n\r\n    transition:\r\n        width 1.1s cubic-bezier(.22,.75,.25,1) .3s;\r\n}\r\n\r\n\r\n\/* little engineering node *\/\r\n\r\n.jes-heading-accent::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n    left: 0;\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    border: 2px solid var(--jes-teal);\r\n    background: #fff;\r\n\r\n    transform:\r\n        translateY(-50%)\r\n        rotate(45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIVE ANIMATION\r\n========================================================= *\/\r\n\r\n.jes-heading-reveal.jes-heading-visible\r\n.jes-heading-number {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n.jes-heading-reveal.jes-heading-visible\r\n.jes-heading-line span {\r\n    transform: translateX(0);\r\n}\r\n\r\n\r\n.jes-heading-reveal.jes-heading-visible\r\n.jes-heading-eyebrow {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n}\r\n\r\n\r\n.jes-heading-reveal.jes-heading-visible\r\n.jes-heading-title {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n.jes-heading-reveal.jes-heading-visible\r\n.jes-heading-accent {\r\n    width: min(100%, 440px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .jes-section-heading {\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .jes-heading-title {\r\n        font-size: clamp(38px, 5.7vw, 55px);\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .jes-section-heading {\r\n        padding: 0 18px;\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n    .jes-heading-top {\r\n        gap: 10px;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .jes-heading-line {\r\n        width: 34px;\r\n    }\r\n\r\n    .jes-heading-eyebrow {\r\n        font-size: 9px;\r\n        letter-spacing: 2.2px;\r\n    }\r\n\r\n    .jes-heading-number {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .jes-heading-title {\r\n        font-size: clamp(33px, 10vw, 44px);\r\n        line-height: 1.08;\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .jes-heading-accent {\r\n        margin-top: 22px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .jes-heading-number,\r\n    .jes-heading-eyebrow,\r\n    .jes-heading-title {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .jes-heading-line span {\r\n        transform: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .jes-heading-accent {\r\n        width: min(100%, 440px) !important;\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    function initJESHeadings() {\r\n\r\n        const headings =\r\n            document.querySelectorAll(\r\n                '.jes-heading-reveal:not([data-jes-heading-init])'\r\n            );\r\n\r\n        if (!headings.length) return;\r\n\r\n\r\n        headings.forEach(function (heading) {\r\n\r\n            heading.setAttribute(\r\n                'data-jes-heading-init',\r\n                'true'\r\n            );\r\n\r\n\r\n            \/* Reduced Motion *\/\r\n\r\n            if (\r\n                window.matchMedia(\r\n                    '(prefers-reduced-motion: reduce)'\r\n                ).matches\r\n            ) {\r\n\r\n                heading.classList.add(\r\n                    'jes-heading-visible'\r\n                );\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            \/* Browser fallback *\/\r\n\r\n            if (!('IntersectionObserver' in window)) {\r\n\r\n                heading.classList.add(\r\n                    'jes-heading-visible'\r\n                );\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            const observer =\r\n                new IntersectionObserver(\r\n                    function (entries, obs) {\r\n\r\n                        entries.forEach(\r\n                            function (entry) {\r\n\r\n                                if (\r\n                                    entry.isIntersecting\r\n                                ) {\r\n\r\n                                    entry.target\r\n                                        .classList.add(\r\n                                            'jes-heading-visible'\r\n                                        );\r\n\r\n                                    obs.unobserve(\r\n                                        entry.target\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    },\r\n                    {\r\n                        threshold: 0.25,\r\n                        rootMargin:\r\n                            '0px 0px -40px 0px'\r\n                    }\r\n                );\r\n\r\n\r\n            observer.observe(heading);\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState === 'loading'\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            'DOMContentLoaded',\r\n            initJESHeadings\r\n        );\r\n\r\n    } else {\r\n\r\n        initJESHeadings();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c376a0f e-con e-atomic-element e-flexbox-base e-default-div e-7233d56 \" data-id=\"c376a0f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c376a0f\">\n    \t\t<div class=\"elementor-element elementor-element-1cc14cb elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"1cc14cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 9\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/proj-1-scaled.png\" alt=\"proj (1)\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 9\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/proj-2-scaled.png\" alt=\"proj (2)\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 9\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/proj-3-scaled.png\" alt=\"proj (3)\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 9\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/proj-4-scaled.png\" alt=\"proj (4)\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 9\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/proj-5-scaled.png\" alt=\"proj (5)\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 9\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/proj-6-scaled.png\" alt=\"proj (6)\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 9\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/proj-7-scaled.png\" alt=\"proj (7)\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 of 9\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/proj-8-scaled.png\" alt=\"proj (8)\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 of 9\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/proj-9-scaled.png\" alt=\"proj (9)\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-52a4dbb e-con e-atomic-element e-flexbox-base e-default-div e-34ec65a \" data-id=\"52a4dbb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"52a4dbb\">\n    \t\t<div class=\"elementor-element elementor-element-de3263a elementor-widget elementor-widget-html\" data-id=\"de3263a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"jes-contact\" id=\"contact\" aria-labelledby=\"jes-contact-title\">\r\n\r\n    <div class=\"jes-contact__bg-mark\" aria-hidden=\"true\">JES<\/div>\r\n\r\n    <div class=\"jes-contact__container\">\r\n\r\n        <!-- =========================\r\n             LEFT SIDE\r\n        ========================== -->\r\n\r\n        <div class=\"jes-contact__intro jes-contact-reveal\">\r\n\r\n            <div class=\"jes-contact__meta\">\r\n                <span class=\"jes-contact__number\">07<\/span>\r\n\r\n                <span class=\"jes-contact__meta-line\">\r\n                    <span><\/span>\r\n                <\/span>\r\n\r\n                <span class=\"jes-contact__eyebrow\">\r\n                    CONTACT JES\r\n                <\/span>\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"jes-contact__title\" id=\"jes-contact-title\">\r\n                Start the Conversation.\r\n                <span>Let\u2019s Build Better.<\/span>\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"jes-contact__lead\">\r\n                Tell us about your project, technical challenge, or\r\n                engineering requirements. Our team can review your enquiry\r\n                and identify the relevant JES capabilities for the next\r\n                conversation.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"jes-contact__divider\"><\/div>\r\n\r\n\r\n            <!-- PROCESS -->\r\n\r\n            <div class=\"jes-contact__process\">\r\n\r\n                <div class=\"jes-contact__process-item\">\r\n\r\n                    <span class=\"jes-contact__process-no\">01<\/span>\r\n\r\n                    <div>\r\n                        <h3>Share Your Requirements<\/h3>\r\n\r\n                        <p>\r\n                            Tell us about your project, market,\r\n                            current stage and required support.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jes-contact__process-item\">\r\n\r\n                    <span class=\"jes-contact__process-no\">02<\/span>\r\n\r\n                    <div>\r\n                        <h3>Technical Review<\/h3>\r\n\r\n                        <p>\r\n                            Your enquiry can be directed to the\r\n                            relevant engineering or project delivery\r\n                            capability.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jes-contact__process-item\">\r\n\r\n                    <span class=\"jes-contact__process-no\">03<\/span>\r\n\r\n                    <div>\r\n                        <h3>Define the Next Step<\/h3>\r\n\r\n                        <p>\r\n                            Where appropriate, the next discussion can\r\n                            clarify scope, priorities and project needs.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- REGIONAL MESSAGE -->\r\n\r\n            <div class=\"jes-contact__regional\">\r\n\r\n                <span class=\"jes-contact__regional-label\">\r\n                    REGIONAL CAPABILITY\r\n                <\/span>\r\n\r\n                <p>\r\n                    Rooted in Egypt. Connected across the GCC.\r\n                    <strong>Built for Regional Delivery.<\/strong>\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =========================\r\n             FORM SIDE\r\n        ========================== -->\r\n\r\n        <div class=\"jes-contact__form-wrap jes-contact-reveal\">\r\n\r\n            <div class=\"jes-contact__form-head\">\r\n\r\n                <span>PROJECT ENQUIRY<\/span>\r\n\r\n                <h3>\r\n                    Tell Us About \r\n                    <strong>Your Project.<\/strong>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Fields marked with * are required.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =========================\r\n                 DEMO FORM STRUCTURE\r\n\r\n                 See note below:\r\n                 For production, connect this\r\n                 section to Elementor Form \/\r\n                 Fluent Forms \/ WPForms.\r\n            ========================== -->\r\n\r\n            <form class=\"jes-contact__form\">\r\n\r\n                <div class=\"jes-contact__grid\">\r\n\r\n\r\n                    <!-- NAME -->\r\n\r\n                    <div class=\"jes-field\">\r\n\r\n                        <label for=\"jes-name\">\r\n                            Full Name *\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"jes-name\"\r\n                            name=\"name\"\r\n                            placeholder=\"Your name\"\r\n                            autocomplete=\"name\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- COMPANY -->\r\n\r\n                    <div class=\"jes-field\">\r\n\r\n                        <label for=\"jes-company\">\r\n                            Company *\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"jes-company\"\r\n                            name=\"company\"\r\n                            placeholder=\"Company name\"\r\n                            autocomplete=\"organization\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- EMAIL -->\r\n\r\n                    <div class=\"jes-field\">\r\n\r\n                        <label for=\"jes-email\">\r\n                            Business Email *\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"email\"\r\n                            id=\"jes-email\"\r\n                            name=\"email\"\r\n                            placeholder=\"name@company.com\"\r\n                            autocomplete=\"email\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- PHONE -->\r\n\r\n                    <div class=\"jes-field\">\r\n\r\n                        <label for=\"jes-phone\">\r\n                            Phone\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"tel\"\r\n                            id=\"jes-phone\"\r\n                            name=\"phone\"\r\n                            placeholder=\"+20 \/ +966 \/ +971\"\r\n                            autocomplete=\"tel\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- MARKET -->\r\n\r\n                    <div class=\"jes-field\">\r\n\r\n                        <label for=\"jes-market\">\r\n                            Market \/ Country *\r\n                        <\/label>\r\n\r\n                        <select\r\n                            id=\"jes-market\"\r\n                            name=\"market\"\r\n                            required\r\n                        >\r\n\r\n                            <option value=\"\" selected disabled>\r\n                                Select market\r\n                            <\/option>\r\n\r\n                            <option value=\"Egypt\">\r\n                                Egypt\r\n                            <\/option>\r\n\r\n                            <option value=\"Saudi Arabia\">\r\n                                Saudi Arabia\r\n                            <\/option>\r\n\r\n                            <option value=\"UAE\">\r\n                                United Arab Emirates\r\n                            <\/option>\r\n\r\n                            <option value=\"GCC \/ Regional\">\r\n                                GCC \/ Regional\r\n                            <\/option>\r\n\r\n                            <option value=\"Other\">\r\n                                Other\r\n                            <\/option>\r\n\r\n                        <\/select>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- PROJECT STAGE -->\r\n\r\n                    <div class=\"jes-field\">\r\n\r\n                        <label for=\"jes-stage\">\r\n                            Select the service you need\r\n *\r\n                        <\/label>\r\n\r\n                        <select\r\n                            id=\"jes-stage\"\r\n                            name=\"project_stage\"\r\n                            required\r\n                        >\r\n\r\n                            <option value=\"\" selected disabled>\r\n                                Select the service you need\r\n\r\n                            <\/option>\r\n\r\n                            <option value=\"Concept\">\r\n                                Concept \/ Early Stage\r\n                            <\/option>\r\n\r\n                            <option value=\"Design\">\r\n                                Design\r\n                            <\/option>\r\n\r\n                            <option value=\"Procurement\">\r\n                                Procurement\r\n                            <\/option>\r\n\r\n                            <option value=\"Construction\">\r\n                                Construction\r\n                            <\/option>\r\n\r\n                            <option value=\"Commissioning\">\r\n                                Testing & Commissioning\r\n                            <\/option>\r\n\r\n                            <option value=\"Handover\">\r\n                                Handover\r\n                            <\/option>\r\n\r\n                            <option value=\"Operation\">\r\n                                Operation \/ Facility Management\r\n                            <\/option>\r\n\r\n                        <\/select>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- SERVICE -->\r\n\r\n                    <div class=\"jes-field jes-field--full\">\r\n\r\n                        <label for=\"jes-service\">\r\n                            How Can We Support You? *\r\n                        <\/label>\r\n\r\n                        <select\r\n                            id=\"jes-service\"\r\n                            name=\"service\"\r\n                            required\r\n                        >\r\n\r\n                            <option value=\"\" selected disabled>\r\n                                Select the support you need\r\n                            <\/option>\r\n\r\n                            <option value=\"Engineering\">\r\n                                Engineering & Technical Services\r\n                            <\/option>\r\n\r\n                            <option value=\"Project Management\">\r\n                                Project Management\r\n                            <\/option>\r\n\r\n                            <option value=\"BIM\">\r\n                                BIM & Digital Engineering\r\n                            <\/option>\r\n\r\n                            <option value=\"Value Engineering\">\r\n                                Value Engineering\r\n                            <\/option>\r\n\r\n                            <option value=\"Project Controls\">\r\n                                Project Controls\r\n                            <\/option>\r\n\r\n                            <option value=\"Construction Support\">\r\n                                Construction & Execution Support\r\n                            <\/option>\r\n\r\n                            <option value=\"Commissioning\">\r\n                                Testing & Commissioning\r\n                            <\/option>\r\n\r\n                            <option value=\"Facility Management\">\r\n                                Facility Management \/ Asset Operations\r\n                            <\/option>\r\n\r\n                            <option value=\"Sustainability\">\r\n                                Sustainability\r\n                            <\/option>\r\n\r\n                            <option value=\"Other\">\r\n                                Other \/ Multidisciplinary Requirement\r\n                            <\/option>\r\n\r\n                        <\/select>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- MESSAGE -->\r\n\r\n                    <div class=\"jes-field jes-field--full\">\r\n\r\n                        <label for=\"jes-message\">\r\n                            Project \/ Requirement Details *\r\n                        <\/label>\r\n\r\n                        <textarea\r\n                            id=\"jes-message\"\r\n                            name=\"message\"\r\n                            rows=\"5\"\r\n                            placeholder=\"Briefly tell us about the project, scope, current stage, timeline, or technical support required...\"\r\n                            required\r\n                        ><\/textarea>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- SUBMIT -->\r\n\r\n                <div class=\"jes-contact__submit-row\">\r\n\r\n                    <button\r\n                        class=\"jes-contact__submit\"\r\n                        type=\"submit\"\r\n                    >\r\n\r\n                        <span>\r\n                            Send Enquiry\r\n                        <\/span>\r\n\r\n                        <span\r\n                            class=\"jes-contact__arrow\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            \u2192\r\n                        <\/span>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <p class=\"jes-contact__privacy\">\r\n                        By submitting this form, you agree that\r\n                        JES may use the information provided to\r\n                        respond to your enquiry.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/form>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   JES CONTACT\r\n========================================================= *\/\r\n\r\n.jes-contact {\r\n    --navy: #07182b;\r\n    --navy-2: #0b223a;\r\n    --teal: #159a9c;\r\n    --teal-light: #30b4b3;\r\n    --white: #ffffff;\r\n    --muted: #aab5bf;\r\n    --line: rgba(255,255,255,.12);\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: clamp(80px, 8vw, 135px) 24px;\r\n\r\n    overflow: hidden;\r\n\r\n    color: #fff;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 5%,\r\n            rgba(21,154,156,.16),\r\n            transparent 30%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #061524 0%,\r\n            #07182b 55%,\r\n            #0a2035 100%\r\n        );\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Helvetica Neue\",\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n\r\n.jes-contact *,\r\n.jes-contact *::before,\r\n.jes-contact *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* Engineering Grid *\/\r\n\r\n.jes-contact::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    opacity: .35;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            rgba(255,255,255,.025) 1px,\r\n            transparent 1px\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.025) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 80px 80px;\r\n}\r\n\r\n\r\n\/* Large JES Background *\/\r\n\r\n.jes-contact__bg-mark {\r\n\r\n    position: absolute;\r\n\r\n    right: -35px;\r\n    bottom: -80px;\r\n\r\n    color: rgba(255,255,255,.018);\r\n\r\n    font-size: clamp(180px, 30vw, 500px);\r\n    font-weight: 800;\r\n\r\n    line-height: .8;\r\n\r\n    letter-spacing: -25px;\r\n\r\n    pointer-events: none;\r\n\r\n    user-select: none;\r\n}\r\n\r\n\r\n\/* CONTAINER *\/\r\n\r\n.jes-contact__container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: min(100%, 1380px);\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, .9fr)\r\n        minmax(500px, 1.1fr);\r\n\r\n    gap: clamp(55px, 7vw, 110px);\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   META\r\n========================================================= *\/\r\n\r\n.jes-contact__meta {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin-bottom: 25px;\r\n}\r\n\r\n\r\n.jes-contact__number {\r\n\r\n    color: var(--teal-light);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.8px;\r\n}\r\n\r\n\r\n.jes-contact__meta-line {\r\n\r\n    position: relative;\r\n\r\n    width: 48px;\r\n\r\n    height: 1px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        rgba(255,255,255,.18);\r\n}\r\n\r\n\r\n.jes-contact__meta-line span {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background: var(--teal-light);\r\n\r\n    transform: translateX(-100%);\r\n\r\n    transition:\r\n        transform .9s\r\n        cubic-bezier(.22,.75,.25,1);\r\n}\r\n\r\n\r\n.jes-contact__eyebrow {\r\n\r\n    color: var(--teal-light);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.jes-contact__title {\r\n\r\n    max-width: 650px;\r\n\r\n    margin: 0 0 28px;\r\n\r\n    color: #fff;\r\n\r\n    font-size:\r\n        clamp(42px, 4.7vw, 72px);\r\n\r\n    font-weight: 300;\r\n\r\n    line-height: 1.04;\r\n\r\n    letter-spacing: -2.8px;\r\n}\r\n\r\n\r\n.jes-contact__title span {\r\n\r\n    display: block;\r\n\r\n    color: var(--teal-light);\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n.jes-contact__lead {\r\n\r\n    max-width: 600px;\r\n\r\n    margin: 0;\r\n\r\n    color: #bdc8d1;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.85;\r\n}\r\n\r\n\r\n.jes-contact__divider {\r\n\r\n    width: 100%;\r\n\r\n    height: 1px;\r\n\r\n    margin: 37px 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.2),\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS\r\n========================================================= *\/\r\n\r\n.jes-contact__process {\r\n\r\n    display: grid;\r\n\r\n    gap: 24px;\r\n}\r\n\r\n\r\n.jes-contact__process-item {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 38px 1fr;\r\n\r\n    gap: 17px;\r\n\r\n    align-items: start;\r\n}\r\n\r\n\r\n.jes-contact__process-no {\r\n\r\n    color: var(--teal-light);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    padding-top: 4px;\r\n}\r\n\r\n\r\n.jes-contact__process-item h3 {\r\n\r\n    margin: 0 0 5px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.jes-contact__process-item p {\r\n\r\n    max-width: 480px;\r\n\r\n    margin: 0;\r\n\r\n    color: #8998a5;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* REGIONAL *\/\r\n\r\n.jes-contact__regional {\r\n\r\n    margin-top: 38px;\r\n\r\n    padding: 20px 22px;\r\n\r\n    border-left:\r\n        2px solid var(--teal);\r\n\r\n    background:\r\n        rgba(255,255,255,.035);\r\n}\r\n\r\n\r\n.jes-contact__regional-label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color: var(--teal-light);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\r\n.jes-contact__regional p {\r\n\r\n    margin: 0;\r\n\r\n    color: #b8c3cc;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n.jes-contact__regional strong {\r\n\r\n    color: #fff;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM CARD\r\n========================================================= *\/\r\n\r\n.jes-contact__form-wrap {\r\n\r\n    position: relative;\r\n\r\n    padding:\r\n        clamp(28px, 4vw, 52px);\r\n\r\n    background: #fff;\r\n\r\n    color: var(--navy);\r\n\r\n    box-shadow:\r\n        0 35px 100px\r\n        rgba(0,0,0,.28);\r\n\r\n    border-radius:\r\n        3px 3px 34px 3px;\r\n}\r\n\r\n\r\n.jes-contact__form-wrap::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    right: 0;\r\n\r\n    width: 75px;\r\n    height: 75px;\r\n\r\n    border-top:\r\n        2px solid var(--teal);\r\n\r\n    border-right:\r\n        2px solid var(--teal);\r\n\r\n    margin: 18px;\r\n}\r\n\r\n\r\n\/* FORM HEAD *\/\r\n\r\n.jes-contact__form-head {\r\n\r\n    margin-bottom: 31px;\r\n}\r\n\r\n\r\n.jes-contact__form-head > span {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 11px;\r\n\r\n    color: var(--teal);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2.5px;\r\n}\r\n\r\n\r\n.jes-contact__form-head h3 {\r\n\r\n    margin: 0 0 8px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size:\r\n        clamp(27px, 2.5vw, 38px);\r\n\r\n    font-weight: 300;\r\n\r\n    line-height: 1.15;\r\n\r\n    letter-spacing: -1px;\r\n}\r\n\r\n\r\n.jes-contact__form-head h3 strong {\r\n\r\n    color: var(--teal);\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.jes-contact__form-head p {\r\n\r\n    margin: 0;\r\n\r\n    color: #8a949d;\r\n\r\n    font-size: 11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FIELDS\r\n========================================================= *\/\r\n\r\n.jes-contact__grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0,1fr));\r\n\r\n    gap: 20px 18px;\r\n}\r\n\r\n\r\n.jes-field {\r\n\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.jes-field--full {\r\n\r\n    grid-column: 1 \/ -1;\r\n}\r\n\r\n\r\n.jes-field label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: #344455;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.jes-field input,\r\n.jes-field select,\r\n.jes-field textarea {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    border: 1px solid #dce2e6;\r\n\r\n    border-radius: 2px;\r\n\r\n    outline: none;\r\n\r\n    background: #f9fafb;\r\n\r\n    color: var(--navy);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 13px;\r\n\r\n    transition:\r\n        border-color .25s ease,\r\n        background .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n\r\n.jes-field input,\r\n.jes-field select {\r\n\r\n    height: 49px;\r\n\r\n    padding: 0 14px;\r\n}\r\n\r\n\r\n.jes-field textarea {\r\n\r\n    min-height: 125px;\r\n\r\n    padding: 14px;\r\n\r\n    resize: vertical;\r\n\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n.jes-field input::placeholder,\r\n.jes-field textarea::placeholder {\r\n\r\n    color: #a1aab2;\r\n}\r\n\r\n\r\n.jes-field input:focus,\r\n.jes-field select:focus,\r\n.jes-field textarea:focus {\r\n\r\n    border-color: var(--teal);\r\n\r\n    background: #fff;\r\n\r\n    box-shadow:\r\n        0 0 0 3px\r\n        rgba(21,154,156,.09);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBMIT\r\n========================================================= *\/\r\n\r\n.jes-contact__submit-row {\r\n\r\n    margin-top: 24px;\r\n}\r\n\r\n\r\n.jes-contact__submit {\r\n\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 40px;\r\n\r\n    min-width: 220px;\r\n\r\n    padding: 16px 19px;\r\n\r\n    border: 0;\r\n\r\n    background: var(--navy);\r\n\r\n    color: #fff;\r\n\r\n    cursor: pointer;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 600;\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.jes-contact__submit::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background: var(--teal);\r\n\r\n    transform: translateX(-101%);\r\n\r\n    transition:\r\n        transform .4s\r\n        cubic-bezier(.22,.75,.25,1);\r\n}\r\n\r\n\r\n.jes-contact__submit:hover::before {\r\n\r\n    transform: translateX(0);\r\n}\r\n\r\n\r\n.jes-contact__submit:hover {\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n.jes-contact__submit span {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n.jes-contact__arrow {\r\n\r\n    font-size: 20px;\r\n\r\n    line-height: 1;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.jes-contact__submit:hover\r\n.jes-contact__arrow {\r\n\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n.jes-contact__privacy {\r\n\r\n    max-width: 510px;\r\n\r\n    margin: 14px 0 0;\r\n\r\n    color: #8b969f;\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n.jes-contact-reveal {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(35px);\r\n\r\n    transition:\r\n        opacity .9s\r\n        cubic-bezier(.22,.75,.25,1),\r\n\r\n        transform .9s\r\n        cubic-bezier(.22,.75,.25,1);\r\n}\r\n\r\n\r\n.jes-contact-reveal:nth-child(2) {\r\n\r\n    transition-delay: .15s;\r\n}\r\n\r\n\r\n.jes-contact-reveal.is-visible {\r\n\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n.jes-contact-reveal.is-visible\r\n.jes-contact__meta-line span {\r\n\r\n    transform: translateX(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .jes-contact__container {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 55px;\r\n\r\n        max-width: 800px;\r\n    }\r\n\r\n\r\n    .jes-contact__intro {\r\n\r\n        max-width: 700px;\r\n    }\r\n\r\n\r\n    .jes-contact__title {\r\n\r\n        max-width: 700px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .jes-contact {\r\n\r\n        padding:\r\n            70px 18px;\r\n    }\r\n\r\n\r\n    .jes-contact__title {\r\n\r\n        font-size:\r\n            clamp(38px, 11vw, 50px);\r\n\r\n        letter-spacing:\r\n            -1.8px;\r\n    }\r\n\r\n\r\n    .jes-contact__lead {\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .jes-contact__form-wrap {\r\n\r\n        padding:\r\n            30px 20px;\r\n\r\n        border-radius:\r\n            2px 2px 24px 2px;\r\n    }\r\n\r\n\r\n    .jes-contact__grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 17px;\r\n    }\r\n\r\n\r\n    .jes-field--full {\r\n\r\n        grid-column: auto;\r\n    }\r\n\r\n\r\n    .jes-contact__submit {\r\n\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .jes-contact__regional {\r\n\r\n        margin-top: 30px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media\r\n(prefers-reduced-motion: reduce) {\r\n\r\n    .jes-contact-reveal {\r\n\r\n        opacity: 1 !important;\r\n\r\n        transform: none !important;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n\r\n    .jes-contact__meta-line span {\r\n\r\n        transform: none !important;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n\r\n    .jes-contact__submit,\r\n    .jes-contact__submit::before,\r\n    .jes-contact__arrow {\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function initJESContact() {\r\n\r\n        var section =\r\n            document.querySelector(\r\n                '.jes-contact'\r\n            );\r\n\r\n        if (!section) return;\r\n\r\n\r\n        var items =\r\n            section.querySelectorAll(\r\n                '.jes-contact-reveal'\r\n            );\r\n\r\n\r\n        if (\r\n            !('IntersectionObserver' in window) ||\r\n            (\r\n                window.matchMedia &&\r\n                window.matchMedia(\r\n                    '(prefers-reduced-motion: reduce)'\r\n                ).matches\r\n            )\r\n        ) {\r\n\r\n            items.forEach(\r\n                function(item) {\r\n\r\n                    item.classList.add(\r\n                        'is-visible'\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        var observer =\r\n            new IntersectionObserver(\r\n\r\n                function(entries, obs) {\r\n\r\n                    entries.forEach(\r\n                        function(entry) {\r\n\r\n                            if (\r\n                                entry.isIntersecting\r\n                            ) {\r\n\r\n                                entry.target\r\n                                    .classList.add(\r\n                                        'is-visible'\r\n                                    );\r\n\r\n                                obs.unobserve(\r\n                                    entry.target\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                },\r\n\r\n                {\r\n                    threshold: .12,\r\n                    rootMargin:\r\n                        '0px 0px -40px 0px'\r\n                }\r\n\r\n            );\r\n\r\n\r\n        items.forEach(\r\n            function(item) {\r\n\r\n                observer.observe(item);\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState ===\r\n        'loading'\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            'DOMContentLoaded',\r\n            initJESContact\r\n        );\r\n\r\n    } else {\r\n\r\n        initJESContact();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b2ab2a6 e-con e-atomic-element e-flexbox-base e-default-div e-c9aefe7 \" data-id=\"b2ab2a6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b2ab2a6\">\n    \t\t<div class=\"elementor-element elementor-element-3536236 elementor-widget elementor-widget-html\" data-id=\"3536236\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ======================================================\r\n     JES PREMIUM FOOTER\r\n     Juzor Engineering Solutions\r\n======================================================= -->\r\n\r\n<footer class=\"jes-footer\">\r\n\r\n    <!-- Decorative Background -->\r\n    <div class=\"jes-footer__grid\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"jes-footer__watermark\" aria-hidden=\"true\">JES<\/div>\r\n\r\n\r\n    <div class=\"jes-footer__container\">\r\n\r\n        <!-- ==============================================\r\n             TOP CTA\r\n        =============================================== -->\r\n\r\n        <div class=\"jes-footer__cta\">\r\n\r\n            <div class=\"jes-footer__cta-copy\">\r\n\r\n                <span class=\"jes-footer__eyebrow\">\r\n                    LET'S WORK TOGETHER\r\n                <\/span>\r\n\r\n                <h2>\r\n                    Have a project in mind?\r\n                    <span>Let's start the conversation.<\/span>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n            <a href=\"#contact\" class=\"jes-footer__cta-btn\">\r\n\r\n                <span>Start a Project<\/span>\r\n\r\n                <span class=\"jes-footer__cta-arrow\" aria-hidden=\"true\">\r\n                    \u2197\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jes-footer__separator\"><\/div>\r\n\r\n\r\n        <!-- ==============================================\r\n             MAIN FOOTER\r\n        =============================================== -->\r\n\r\n        <div class=\"jes-footer__main\">\r\n\r\n\r\n            <!-- BRAND COLUMN -->\r\n\r\n            <div class=\"jes-footer__brand\">\r\n\r\n                <a\r\n                    href=\"\/\"\r\n                    class=\"jes-footer__logo\"\r\n                    aria-label=\"Juzor Engineering Solutions - Home\"\r\n                >\r\n\r\n                    <img loading=\"lazy\" decoding=\"async\"\r\n                        src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/09\/Artboard-1@4x-1.png\"\r\n                        alt=\"Juzor Engineering Solutions - JES\"\r\n                        loading=\"lazy\"\r\n                        width=\"280\"\r\n                        height=\"100\"\r\n                    >\r\n\r\n                <\/a>\r\n\r\n\r\n                <p class=\"jes-footer__description\">\r\n                    Integrated engineering and project management\r\n                    solutions across the full asset lifecycle \u2014\r\n                    from concept and design through delivery,\r\n                    operation, and facility management.\r\n                <\/p>\r\n\r\n\r\n                <p class=\"jes-footer__signature\">\r\n                    Engineering Better Ways.\r\n                    <span>Delivering Lasting Value.<\/span>\r\n                <\/p>\r\n\r\n\r\n                <!-- SOCIAL MEDIA -->\r\n\r\n                <div class=\"jes-footer__social\">\r\n\r\n                    <span class=\"jes-footer__social-label\">\r\n                        CONNECT WITH JES\r\n                    <\/span>\r\n\r\n\r\n                    <div class=\"jes-footer__social-links\">\r\n\r\n\r\n                        <!-- FACEBOOK -->\r\n\r\n                        <a\r\n                            href=\"https:\/\/www.facebook.com\/JuzorEngineering\"\r\n                            target=\"_blank\"\r\n                            rel=\"noopener noreferrer\"\r\n                            aria-label=\"Juzor Engineering Solutions on Facebook\"\r\n                            class=\"jes-social jes-social--facebook\"\r\n                        >\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n                                <path\r\n                                    fill=\"currentColor\"\r\n                                    d=\"M13.5 22v-9h3l.45-3.5H13.5V7.26c0-1.01.28-1.7 1.74-1.7H17.1V2.43c-.32-.04-1.42-.13-2.7-.13-2.67 0-4.5 1.63-4.5 4.63V9.5H7v3.5h2.9v9h3.6z\"\r\n                                \/>\r\n                            <\/svg>\r\n\r\n                        <\/a>\r\n\r\n\r\n                        <!-- INSTAGRAM -->\r\n\r\n                        <a\r\n                            href=\"https:\/\/www.instagram.com\/juzorengenrringsolution\/\"\r\n                            target=\"_blank\"\r\n                            rel=\"noopener noreferrer\"\r\n                            aria-label=\"Juzor Engineering Solutions on Instagram\"\r\n                            class=\"jes-social jes-social--instagram\"\r\n                        >\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n                                <path\r\n                                    fill=\"currentColor\"\r\n                                    d=\"M7.75 2h8.5A5.76 5.76 0 0 1 22 7.75v8.5A5.76 5.76 0 0 1 16.25 22h-8.5A5.76 5.76 0 0 1 2 16.25v-8.5A5.76 5.76 0 0 1 7.75 2zm0 2A3.76 3.76 0 0 0 4 7.75v8.5A3.76 3.76 0 0 0 7.75 20h8.5A3.76 3.76 0 0 0 20 16.25v-8.5A3.76 3.76 0 0 0 16.25 4h-8.5zm8.75 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z\"\r\n                                \/>\r\n                            <\/svg>\r\n\r\n                        <\/a>\r\n\r\n\r\n                        <!-- LINKEDIN -->\r\n\r\n                        <a\r\n                            href=\"https:\/\/www.linkedin.com\/company\/juzor-engineering-solutions\"\r\n                            target=\"_blank\"\r\n                            rel=\"noopener noreferrer\"\r\n                            aria-label=\"Juzor Engineering Solutions on LinkedIn\"\r\n                            class=\"jes-social jes-social--linkedin\"\r\n                        >\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n                                <path\r\n                                    fill=\"currentColor\"\r\n                                    d=\"M5.34 3.5A2.34 2.34 0 1 1 .66 3.5a2.34 2.34 0 0 1 4.68 0zM1 8h4.68v15H1V8zm7.5 0h4.48v2.05h.06c.62-1.18 2.15-2.43 4.42-2.43C22.19 7.62 23 10.73 23 14.78V23h-4.67v-7.29c0-1.74-.03-3.98-2.43-3.98-2.43 0-2.8 1.9-2.8 3.85V23H8.5V8z\"\r\n                                \/>\r\n                            <\/svg>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- ==============================================\r\n                 QUICK LINKS\r\n            =============================================== -->\r\n\r\n            <nav\r\n                class=\"jes-footer__column\"\r\n                aria-label=\"Footer navigation\"\r\n            >\r\n\r\n                <h3>Explore<\/h3>\r\n\r\n                <ul>\r\n\r\n                    <li>\r\n                        <a href=\"#about\">\r\n                            <span>About JES<\/span>\r\n                            <span aria-hidden=\"true\">\u2197<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            <span>Our Services<\/span>\r\n                            <span aria-hidden=\"true\">\u2197<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#projects\">\r\n                            <span>Projects<\/span>\r\n                            <span aria-hidden=\"true\">\u2197<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#approach\">\r\n                            <span>Our Approach<\/span>\r\n                            <span aria-hidden=\"true\">\u2197<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#contact\">\r\n                            <span>Contact<\/span>\r\n                            <span aria-hidden=\"true\">\u2197<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/nav>\r\n\r\n\r\n\r\n            <!-- ==============================================\r\n                 SERVICES\r\n            =============================================== -->\r\n\r\n            <div class=\"jes-footer__column jes-footer__services\">\r\n\r\n                <h3>Capabilities<\/h3>\r\n\r\n                <ul>\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            Engineering &amp; Design\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            Project Management\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            BIM &amp; Digital Engineering\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            Value Engineering\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            Project Controls\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            Testing &amp; Commissioning\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            Facility Management\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- ==============================================\r\n                 REGIONAL\r\n            =============================================== -->\r\n\r\n            <div class=\"jes-footer__column jes-footer__regional\">\r\n\r\n                <h3>Regional Capability<\/h3>\r\n\r\n\r\n                <div class=\"jes-footer__location\">\r\n\r\n                    <span class=\"jes-footer__location-code\">\r\n                        EG\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <strong>Egypt<\/strong>\r\n                        <p>\r\n                            Engineering &amp;<br>\r\n                            Technical Delivery Hub\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jes-footer__location\">\r\n\r\n                    <span class=\"jes-footer__location-code\">\r\n                        SA\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <strong>Saudi Arabia<\/strong>\r\n                        <p>\r\n                            Regional Business &amp;<br>\r\n                            Project Delivery\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jes-footer__location\">\r\n\r\n                    <span class=\"jes-footer__location-code\">\r\n                        AE\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <strong>United Arab Emirates<\/strong>\r\n                        <p>\r\n                            Regional Business &amp;<br>\r\n                            Collaboration\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ==============================================\r\n             BOTTOM\r\n        =============================================== -->\r\n\r\n        <div class=\"jes-footer__bottom\">\r\n\r\n            <p class=\"jes-footer__copyright\">\r\n                \u00a9 <span id=\"jes-current-year\">2026<\/span>\r\n                Juzor Engineering Solutions (JES).\r\n                All rights reserved.\r\n            <\/p>\r\n\r\n\r\n            <p class=\"jes-footer__bottom-message\">\r\n                One Team.\r\n                <span>One Standard.<\/span>\r\n                Regional Capability.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   JES PREMIUM FOOTER\r\n========================================================= *\/\r\n\r\n.jes-footer {\r\n\r\n    --jes-navy: #07182b;\r\n    --jes-navy-deep: #04111f;\r\n\r\n    --jes-teal: #159a9c;\r\n    --jes-teal-light: #35b7b6;\r\n\r\n    --jes-white: #ffffff;\r\n\r\n    --jes-text: #aeb9c3;\r\n    --jes-text-soft: #7e8c99;\r\n\r\n    --jes-border:\r\n        rgba(255,255,255,.11);\r\n\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    padding:\r\n        0 24px;\r\n\r\n    color: var(--jes-white);\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 8% 10%,\r\n            rgba(21,154,156,.13),\r\n            transparent 26%\r\n        ),\r\n\r\n        linear-gradient(\r\n            145deg,\r\n            #04111f 0%,\r\n            #07182b 52%,\r\n            #092037 100%\r\n        );\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Helvetica Neue\",\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n\r\n.jes-footer *,\r\n.jes-footer *::before,\r\n.jes-footer *::after {\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n========================================================= *\/\r\n\r\n.jes-footer__grid {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    opacity: .4;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            rgba(255,255,255,.018) 1px,\r\n            transparent 1px\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.018) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:\r\n        75px 75px;\r\n}\r\n\r\n\r\n\/* WATERMARK *\/\r\n\r\n.jes-footer__watermark {\r\n\r\n    position: absolute;\r\n\r\n    right: -35px;\r\n    bottom: 40px;\r\n\r\n    color:\r\n        rgba(255,255,255,.018);\r\n\r\n    font-size:\r\n        clamp(200px, 27vw, 470px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: .75;\r\n\r\n    letter-spacing: -30px;\r\n\r\n    pointer-events: none;\r\n\r\n    user-select: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.jes-footer__container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: min(100%, 1380px);\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.jes-footer__cta {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 50px;\r\n\r\n    padding:\r\n        70px 0 62px;\r\n}\r\n\r\n\r\n.jes-footer__eyebrow {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color:\r\n        var(--jes-teal-light);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 3px;\r\n}\r\n\r\n\r\n.jes-footer__cta h2 {\r\n\r\n    margin: 0;\r\n\r\n    color: #fff;\r\n\r\n    font-size:\r\n        clamp(32px, 3.6vw, 54px);\r\n\r\n    font-weight: 300;\r\n\r\n    line-height: 1.08;\r\n\r\n    letter-spacing: -2px;\r\n}\r\n\r\n\r\n.jes-footer__cta h2 span {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--jes-teal-light);\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* CTA BUTTON *\/\r\n\r\n.jes-footer__cta-btn {\r\n\r\n    position: relative;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap: 45px;\r\n\r\n    min-width: 215px;\r\n\r\n    padding:\r\n        18px 20px;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.2);\r\n\r\n    color: #fff;\r\n\r\n    background:\r\n        rgba(255,255,255,.035);\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 600;\r\n\r\n    transition:\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.jes-footer__cta-btn::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        var(--jes-teal);\r\n\r\n    transform:\r\n        translateX(-101%);\r\n\r\n    transition:\r\n        transform .4s\r\n        cubic-bezier(.22,.75,.25,1);\r\n}\r\n\r\n\r\n.jes-footer__cta-btn > span {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n.jes-footer__cta-btn:hover {\r\n\r\n    border-color:\r\n        var(--jes-teal);\r\n\r\n    transform:\r\n        translateY(-2px);\r\n}\r\n\r\n\r\n.jes-footer__cta-btn:hover::before {\r\n\r\n    transform:\r\n        translateX(0);\r\n}\r\n\r\n\r\n.jes-footer__cta-arrow {\r\n\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.jes-footer__cta-btn:hover\r\n.jes-footer__cta-arrow {\r\n\r\n    transform:\r\n        translate(3px,-3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEPARATOR\r\n========================================================= *\/\r\n\r\n.jes-footer__separator {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 1px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        var(--jes-border);\r\n}\r\n\r\n\r\n.jes-footer__separator::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 90px;\r\n    height: 1px;\r\n\r\n    background:\r\n        var(--jes-teal-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n.jes-footer__main {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(300px, 1.55fr)\r\n        .7fr\r\n        1fr\r\n        1fr;\r\n\r\n    gap:\r\n        clamp(40px, 5vw, 85px);\r\n\r\n    padding:\r\n        68px 0 70px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.jes-footer__logo {\r\n\r\n    display: inline-block;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n.jes-footer__logo img {\r\n\r\n    display: block;\r\n\r\n    width: auto;\r\n\r\n    max-width: 235px;\r\n\r\n    height: auto;\r\n\r\n    max-height: 92px;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND DESCRIPTION\r\n========================================================= *\/\r\n\r\n.jes-footer__description {\r\n\r\n    max-width: 390px;\r\n\r\n    margin:\r\n        0 0 22px;\r\n\r\n    color:\r\n        var(--jes-text);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.85;\r\n}\r\n\r\n\r\n.jes-footer__signature {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.75);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.6;\r\n\r\n    letter-spacing: .3px;\r\n}\r\n\r\n\r\n.jes-footer__signature span {\r\n\r\n    color:\r\n        var(--jes-teal-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOCIAL\r\n========================================================= *\/\r\n\r\n.jes-footer__social {\r\n\r\n    margin-top: 34px;\r\n}\r\n\r\n\r\n.jes-footer__social-label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color:\r\n        var(--jes-text-soft);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2.3px;\r\n}\r\n\r\n\r\n.jes-footer__social-links {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n}\r\n\r\n\r\n.jes-social {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    width: 40px;\r\n    height: 40px;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.14);\r\n\r\n    border-radius: 50%;\r\n\r\n    color:\r\n        #dce4e9;\r\n\r\n    background:\r\n        rgba(255,255,255,.025);\r\n\r\n    transition:\r\n        color .3s ease,\r\n        border-color .3s ease,\r\n        background .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.jes-social svg {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: 17px;\r\n    height: 17px;\r\n}\r\n\r\n\r\n.jes-social:hover {\r\n\r\n    color: #fff;\r\n\r\n    border-color:\r\n        var(--jes-teal);\r\n\r\n    background:\r\n        var(--jes-teal);\r\n\r\n    transform:\r\n        translateY(-4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COLUMNS\r\n========================================================= *\/\r\n\r\n.jes-footer__column h3 {\r\n\r\n    position: relative;\r\n\r\n    margin:\r\n        5px 0 25px;\r\n\r\n    padding-bottom:\r\n        13px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.6px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.jes-footer__column h3::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    width: 27px;\r\n    height: 1px;\r\n\r\n    background:\r\n        var(--jes-teal);\r\n}\r\n\r\n\r\n.jes-footer__column ul {\r\n\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n\r\n.jes-footer__column li {\r\n\r\n    margin:\r\n        0 0 14px;\r\n}\r\n\r\n\r\n.jes-footer__column li a {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap: 12px;\r\n\r\n    color:\r\n        var(--jes-text);\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.5;\r\n\r\n    transition:\r\n        color .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n.jes-footer__column li a:hover {\r\n\r\n    color:\r\n        var(--jes-teal-light);\r\n\r\n    transform:\r\n        translateX(3px);\r\n}\r\n\r\n\r\n\/* Services links don't need arrows *\/\r\n\r\n.jes-footer__services li a {\r\n\r\n    justify-content:\r\n        flex-start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REGIONAL\r\n========================================================= *\/\r\n\r\n.jes-footer__location {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        34px 1fr;\r\n\r\n    gap: 12px;\r\n\r\n    padding:\r\n        0 0 17px;\r\n\r\n    margin:\r\n        0 0 17px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(255,255,255,.07);\r\n}\r\n\r\n\r\n.jes-footer__location:last-child {\r\n\r\n    margin-bottom: 0;\r\n\r\n    border-bottom: 0;\r\n}\r\n\r\n\r\n.jes-footer__location-code {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    width: 31px;\r\n    height: 31px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(53,183,182,.35);\r\n\r\n    color:\r\n        var(--jes-teal-light);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n.jes-footer__location strong {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.jes-footer__location p {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--jes-text-soft);\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n========================================================= *\/\r\n\r\n.jes-footer__bottom {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap: 30px;\r\n\r\n    padding:\r\n        24px 0 28px;\r\n\r\n    border-top:\r\n        1px solid\r\n        var(--jes-border);\r\n}\r\n\r\n\r\n.jes-footer__bottom p {\r\n\r\n    margin: 0;\r\n}\r\n\r\n\r\n.jes-footer__copyright {\r\n\r\n    color:\r\n        #758492;\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n.jes-footer__bottom-message {\r\n\r\n    color:\r\n        #84929e;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 1.2px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.jes-footer__bottom-message span {\r\n\r\n    color:\r\n        var(--jes-teal-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .jes-footer__main {\r\n\r\n        grid-template-columns:\r\n            1.4fr 1fr 1fr;\r\n\r\n    }\r\n\r\n\r\n    .jes-footer__brand {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        padding-bottom: 15px;\r\n    }\r\n\r\n\r\n    .jes-footer__description {\r\n\r\n        max-width: 540px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .jes-footer {\r\n\r\n        padding:\r\n            0 18px;\r\n    }\r\n\r\n\r\n    .jes-footer__cta {\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        gap: 30px;\r\n\r\n        padding:\r\n            55px 0 48px;\r\n    }\r\n\r\n\r\n    .jes-footer__cta h2 {\r\n\r\n        font-size:\r\n            clamp(\r\n                35px,\r\n                10vw,\r\n                46px\r\n            );\r\n\r\n        letter-spacing:\r\n            -1.5px;\r\n    }\r\n\r\n\r\n    .jes-footer__cta-btn {\r\n\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .jes-footer__main {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 43px;\r\n\r\n        padding:\r\n            52px 0;\r\n    }\r\n\r\n\r\n    .jes-footer__brand {\r\n\r\n        grid-column: auto;\r\n    }\r\n\r\n\r\n    .jes-footer__logo img {\r\n\r\n        max-width: 210px;\r\n    }\r\n\r\n\r\n    .jes-footer__description {\r\n\r\n        max-width: 100%;\r\n    }\r\n\r\n\r\n    .jes-footer__bottom {\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .jes-footer__bottom-message {\r\n\r\n        line-height: 1.6;\r\n    }\r\n\r\n\r\n    .jes-footer__watermark {\r\n\r\n        right: -15px;\r\n\r\n        letter-spacing:\r\n            -15px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .jes-footer__cta h2 {\r\n\r\n        font-size: 34px;\r\n    }\r\n\r\n\r\n    .jes-footer__logo img {\r\n\r\n        max-width: 185px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media\r\n(prefers-reduced-motion: reduce) {\r\n\r\n    .jes-footer *,\r\n    .jes-footer *::before,\r\n    .jes-footer *::after {\r\n\r\n        scroll-behavior: auto !important;\r\n\r\n        transition-duration:\r\n            .01ms !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    var year =\r\n        document.getElementById(\r\n            'jes-current-year'\r\n        );\r\n\r\n    if (year) {\r\n\r\n        year.textContent =\r\n            new Date().getFullYear();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>02 ABOUT JES Engineering Expertise \u2192 Smarter Solutions \u2192 Long-Term Value. g FULL ASSET LIFECYCLE Concept Deliver Operate Sustain ABOUT [&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-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/19","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=19"}],"version-history":[{"count":34,"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":118,"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions\/118"}],"wp:attachment":[{"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}