{"id":24,"date":"2026-09-21T21:48:14","date_gmt":"2026-09-21T21:48:14","guid":{"rendered":"https:\/\/juzor-eg.com\/?page_id=24"},"modified":"2026-10-06T11:44:24","modified_gmt":"2026-10-06T11:44:24","slug":"services","status":"publish","type":"page","link":"https:\/\/juzor-eg.com\/index.php\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24\" class=\"elementor elementor-24\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba037b9 e-con e-atomic-element e-flexbox-base e-default-div e-acb6a36 \" data-id=\"ba037b9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ba037b9\">\n    \t\t<div class=\"elementor-element elementor-element-c565782 elementor-widget elementor-widget-html\" data-id=\"c565782\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"jes-services\" id=\"jes-services\" lang=\"en\" dir=\"ltr\">\n\n  <!-- Background Grid -->\n  <div class=\"jes-grid\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"jes-container\">\n\n    <!-- =========================================\n         HERO\n    ========================================== -->\n\n    <header class=\"jes-services-hero\">\n\n      <div class=\"jes-hero-copy\">\n\n        <div class=\"jes-eyebrow reveal\">\n          <span><\/span>\n          OUR SERVICES\n        <\/div>\n\n        <h1 class=\"jes-main-title reveal\">\n          Integrated\n          <br>\n          <span>Engineering.<\/span>\n        <\/h1>\n\n        <h2 class=\"jes-accent-title reveal\">\n          Built Around\n          <br>\n          the Full Asset Lifecycle.\n        <\/h2>\n\n        <p class=\"jes-intro reveal\">\n          From engineering design and BIM to project documentation,\n          sustainability and cost optimization, JES delivers integrated\n          solutions built around the complete asset lifecycle.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"jes-hero-meta reveal\">\n\n        <div class=\"jes-meta-item\">\n          <span>01<\/span>\n          <strong>ENGINEERING<\/strong>\n        <\/div>\n\n        <div class=\"jes-meta-item\">\n          <span>02<\/span>\n          <strong>PROJECT DELIVERY<\/strong>\n        <\/div>\n\n        <div class=\"jes-meta-item\">\n          <span>03<\/span>\n          <strong>BIM & DIGITAL<\/strong>\n        <\/div>\n\n        <div class=\"jes-meta-item\">\n          <span>04<\/span>\n          <strong>LIFECYCLE VALUE<\/strong>\n        <\/div>\n\n      <\/div>\n\n    <\/header>\n\n    <!-- =========================================\n         FILTER\n    ========================================== -->\n\n    <div class=\"jes-filter reveal\" role=\"group\" aria-label=\"Filter services\">\n\n      <button type=\"button\" aria-pressed=\"true\" class=\"jes-filter-btn active\" data-filter=\"all\">\n        ALL SERVICES\n      <\/button>\n\n      <button type=\"button\" aria-pressed=\"false\" class=\"jes-filter-btn\" data-filter=\"engineering\">\n        ENGINEERING\n      <\/button>\n\n      <button type=\"button\" aria-pressed=\"false\" class=\"jes-filter-btn\" data-filter=\"bim\">\n        BIM & DIGITAL\n      <\/button>\n\n    <\/div>\n\n    <p class=\"jes-sr-only jes-filter-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">6 services displayed<\/p>\n\n    <!-- =========================================\n         ENGINEERING\n    ========================================== -->\n\n    <div class=\"jes-section-heading reveal\">\n\n      <div>\n        <span class=\"jes-section-number\">01<\/span>\n\n        <h2>\n          Engineering\n          <span>Services.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p>\n        Multidisciplinary engineering solutions designed to improve\n        coordination, constructability and project performance.\n      <\/p>\n\n    <\/div>\n\n    <div class=\"jes-services-grid\">\n\n      <!-- ENGINEERING SERVICES -->\n\n      <article\n        class=\"jes-service-card reveal\"\n        data-category=\"engineering\"\n      >\n\n        <a\n          href=\"\/services\/engineering-services\/\"\n          class=\"jes-card-image\"\n        >\n\n          <img loading=\"lazy\"\n            src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/10\/engineering-services.jpg\"\n            alt=\"Juzor Engineering multidisciplinary engineering services\"\n            loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"1000\"\n          >\n\n          <div class=\"jes-image-overlay\"><\/div>\n\n          <span class=\"jes-card-number\">01<\/span>\n\n          <span class=\"jes-card-arrow\" aria-hidden=\"true\">\u2197<\/span>\n\n        <\/a>\n\n        <div class=\"jes-card-content\">\n\n          <span class=\"jes-card-label\">\n            ENGINEERING SERVICES\n          <\/span>\n\n          <h3>\n            Engineering\n            <br>\n            Services\n          <\/h3>\n\n          <p>\n            Multidisciplinary engineering services across Architecture,\n            Structure, MEP, Civil 3D and Interior Design.\n          <\/p>\n\n          <a\n            href=\"\/services\/engineering-services\/\"\n            class=\"jes-learn-more\"\n          >\n            Explore Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- PROJECT DOCUMENTATION -->\n\n      <article\n        class=\"jes-service-card reveal\"\n        data-category=\"engineering\"\n      >\n\n        <a\n          href=\"\/services\/project-documentation\/\"\n          class=\"jes-card-image\"\n        >\n\n          <img loading=\"lazy\"\n            src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/10\/project-documentation.jpg\"\n            alt=\"Juzor project documentation and BIM documentation\"\n            loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"1000\"\n          >\n\n          <div class=\"jes-image-overlay\"><\/div>\n\n          <span class=\"jes-card-number\">02<\/span>\n\n          <span class=\"jes-card-arrow\" aria-hidden=\"true\">\u2197<\/span>\n\n        <\/a>\n\n        <div class=\"jes-card-content\">\n\n          <span class=\"jes-card-label\">\n            PROJECT DELIVERY\n          <\/span>\n\n          <h3>\n            Project\n            <br>\n            Documentation\n          <\/h3>\n\n          <p>\n            Comprehensive engineering documentation from schematic\n            design through fully coordinated IFC BIM models.\n          <\/p>\n\n          <a\n            href=\"\/services\/project-documentation\/\"\n            class=\"jes-learn-more\"\n          >\n            Explore Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- COST ESTIMATION -->\n\n      <article\n        class=\"jes-service-card reveal\"\n        data-category=\"engineering\"\n      >\n\n        <a\n          href=\"\/services\/cost-estimation\/\"\n          class=\"jes-card-image\"\n        >\n\n          <img loading=\"lazy\"\n            src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/10\/cost-estimation.jpg\"\n            alt=\"Construction cost estimation and value engineering\"\n            loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"1000\"\n          >\n\n          <div class=\"jes-image-overlay\"><\/div>\n\n          <span class=\"jes-card-number\">03<\/span>\n\n          <span class=\"jes-card-arrow\" aria-hidden=\"true\">\u2197<\/span>\n\n        <\/a>\n\n        <div class=\"jes-card-content\">\n\n          <span class=\"jes-card-label\">\n            ENGINEERING SERVICES\n          <\/span>\n\n          <h3>\n            Cost\n            <br>\n            Estimation\n          <\/h3>\n\n          <p>\n            Value engineering and lifecycle cost analysis to optimize\n            project costs without compromising design quality.\n          <\/p>\n\n          <a\n            href=\"\/services\/cost-estimation\/\"\n            class=\"jes-learn-more\"\n          >\n            Explore Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- SUSTAINABILITY -->\n\n      <article\n        class=\"jes-service-card reveal\"\n        data-category=\"engineering\"\n      >\n\n        <a\n          href=\"\/services\/sustainability-leed\/\"\n          class=\"jes-card-image\"\n        >\n\n          <img loading=\"lazy\"\n            src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/10\/sustainability-leed.jpg\"\n            alt=\"Sustainability and LEED engineering services\"\n            loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"1000\"\n          >\n\n          <div class=\"jes-image-overlay\"><\/div>\n\n          <span class=\"jes-card-number\">04<\/span>\n\n          <span class=\"jes-card-arrow\" aria-hidden=\"true\">\u2197<\/span>\n\n        <\/a>\n\n        <div class=\"jes-card-content\">\n\n          <span class=\"jes-card-label\">\n            SUSTAINABILITY\n          <\/span>\n\n          <h3>\n            Sustainability\n            <br>\n            & LEED\n          <\/h3>\n\n          <p>\n            Sustainable engineering solutions focused on energy\n            efficiency, environmental impact and long-term performance.\n          <\/p>\n\n          <a\n            href=\"\/services\/sustainability-leed\/\"\n            class=\"jes-learn-more\"\n          >\n            Explore Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- =========================================\n         BIM SECTION\n    ========================================== -->\n\n    <div class=\"jes-section-heading jes-bim-heading reveal\">\n\n      <div>\n\n        <span class=\"jes-section-number\">\n          02\n        <\/span>\n\n        <h2>\n          BIM &\n          <span>Digital.<\/span>\n        <\/h2>\n\n      <\/div>\n\n      <p>\n        Digital engineering workflows that connect people, processes\n        and project data throughout the asset lifecycle.\n      <\/p>\n\n    <\/div>\n\n    <div class=\"jes-services-grid\">\n\n      <!-- BIM R&D -->\n\n      <article\n        class=\"jes-service-card reveal\"\n        data-category=\"bim\"\n      >\n\n        <a\n          href=\"\/services\/bim-rd\/\"\n          class=\"jes-card-image\"\n        >\n\n          <img loading=\"lazy\"\n            src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/10\/bim-rd.jpg\"\n            alt=\"BIM research and development services\"\n            loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"1000\"\n          >\n\n          <div class=\"jes-image-overlay\"><\/div>\n\n          <span class=\"jes-card-number\">05<\/span>\n\n          <span class=\"jes-card-arrow\" aria-hidden=\"true\">\u2197<\/span>\n\n        <\/a>\n\n        <div class=\"jes-card-content\">\n\n          <span class=\"jes-card-label\">\n            BIM & DIGITAL\n          <\/span>\n\n          <h3>\n            BIM\n            <br>\n            R&D\n          <\/h3>\n\n          <p>\n            Innovative BIM workflows, automated tools and standards\n            that improve efficiency and coordination.\n          <\/p>\n\n          <a\n            href=\"\/services\/bim-rd\/\"\n            class=\"jes-learn-more\"\n          >\n            Explore Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- BIM MODELING -->\n\n      <article\n        class=\"jes-service-card reveal\"\n        data-category=\"bim\"\n      >\n\n        <a\n          href=\"\/services\/bim-modeling\/\"\n          class=\"jes-card-image\"\n        >\n\n          <img loading=\"lazy\"\n            src=\"https:\/\/juzor-eg.com\/wp-content\/uploads\/2026\/10\/bim-modeling.jpg\"\n            alt=\"Architectural structural and MEP BIM modeling\"\n            loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"1000\"\n          >\n\n          <div class=\"jes-image-overlay\"><\/div>\n\n          <span class=\"jes-card-number\">06<\/span>\n\n          <span class=\"jes-card-arrow\" aria-hidden=\"true\">\u2197<\/span>\n\n        <\/a>\n\n        <div class=\"jes-card-content\">\n\n          <span class=\"jes-card-label\">\n            BIM & DIGITAL\n          <\/span>\n\n          <h3>\n            BIM\n            <br>\n            Modeling\n          <\/h3>\n\n          <p>\n            Data-rich architectural, structural and MEP models following\n            BIM standards for accurate coordination and delivery.\n          <\/p>\n\n          <a\n            href=\"\/services\/bim-modeling\/\"\n            class=\"jes-learn-more\"\n          >\n            Explore Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- =========================================\n         CTA\n    ========================================== -->\n\n    <section class=\"jes-final-cta reveal\">\n\n      <div class=\"jes-cta-top\">\n\n        <span>\n          LET'S BUILD BETTER\n        <\/span>\n\n        <span>\n          07\n        <\/span>\n\n      <\/div>\n\n      <div class=\"jes-cta-content\">\n\n        <h2>\n          Have a project\n          <br>\n          <em>in mind?<\/em>\n        <\/h2>\n\n        <a href=\"\/contact\/\" class=\"jes-cta-button\">\n\n          Start a Conversation\n\n          <span>\u2197<\/span>\n\n        <\/a>\n\n      <\/div>\n\n    <\/section>\n\n  <\/div>\n<\/section>\n\n<!-- Paste the complete snippet into an Elementor HTML widget. -->\n<style>\n\n\/* Elementor HTML widget: inherits the site's primary font. *\/\n.jes-services {\n --jes-navy:#07182b; --jes-teal:#0b7477; --jes-muted:#586b7b;\n --jes-line:#dce6e7; --jes-ease:cubic-bezier(.22,1,.36,1);\n position:relative; isolation:isolate; container-type:inline-size;\n background:#fff; color:var(--jes-navy); text-align:left;\n font-family:var(--e-global-typography-primary-font-family,\"Roboto\"),\"Helvetica Neue\",Arial,sans-serif;\n padding:clamp(48px,7vw,112px) 0 0; line-height:1.65;\n}\n.jes-services,.jes-services *,.jes-services *::before,.jes-services *::after{box-sizing:border-box}\n.jes-services [hidden]{display:none!important}\n.jes-services :is(h1,h2,h3,p){padding:0; margin:0; font-family:inherit}\n.jes-services :is(h1,h2,h3){text-transform:none; overflow-wrap:anywhere}\n.jes-services a{color:inherit;text-decoration:none}\n.jes-services :is(a,button):focus-visible{outline:3px solid var(--jes-teal);outline-offset:6px}\n.jes-services .jes-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#07182b04 1px,transparent 1px),linear-gradient(90deg,#07182b04 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(transparent,#000 30%,transparent)}\n.jes-services .jes-container{width:calc(100% - 64px);max-width:1320px;margin-inline:auto;min-width:0}\n.jes-services .jes-services-hero{padding:0 0 clamp(48px,6vw,88px)}\n.jes-services .jes-hero-copy{max-width:1080px}\n.jes-services .jes-eyebrow{display:flex;align-items:center;gap:16px;color:var(--jes-teal);font-size:11px;font-weight:700;letter-spacing:.25em;margin-bottom:28px}\n.jes-services .jes-eyebrow span{width:48px;height:2px;background:var(--jes-teal)}\n.jes-services .jes-main-title{font-size:clamp(40px,6.2vw,88px);font-weight:300;line-height:1.06;letter-spacing:-.045em;color:var(--jes-navy)}\n.jes-services .jes-main-title span{font-weight:300}\n.jes-services .jes-accent-title{font-size:clamp(32px,5.5vw,76px);font-weight:700;line-height:1.1;letter-spacing:-.04em;color:var(--jes-teal);margin-top:18px}\n.jes-services .jes-intro{max-width:700px;font-size:clamp(15px,1.4vw,18px);line-height:1.85;color:var(--jes-muted);margin-top:34px}\n.jes-services .jes-intro::before{content:\"\";display:block;width:min(100%,460px);height:1px;background:linear-gradient(90deg,var(--jes-teal),transparent);margin-bottom:28px}\n.jes-services .jes-hero-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px;border-block:1px solid var(--jes-line)}\n.jes-services .jes-meta-item{min-width:0;display:flex;flex-direction:column;gap:8px;padding:22px;border-inline-end:1px solid var(--jes-line)}\n.jes-services .jes-meta-item:last-child{border-inline-end:0}\n.jes-services .jes-meta-item span{font-size:10px;font-weight:700;color:var(--jes-teal)}\n.jes-services .jes-meta-item strong{font-size:11px;letter-spacing:.07em;overflow-wrap:anywhere}\n.jes-services .jes-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(40px,6vw,76px);padding-bottom:16px;border-bottom:1px solid var(--jes-line)}\n.jes-services .jes-filter-btn{appearance:none;font-family:inherit;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.08em;min-height:46px;padding:12px 20px;border:1px solid var(--jes-line);border-radius:0;background:#fff;color:var(--jes-muted);cursor:pointer;touch-action:manipulation;transition:background .25s,color .25s,border-color .25s}\n.jes-services .jes-filter-btn.active{background:var(--jes-navy);color:#fff;border-color:var(--jes-navy)}\n.jes-services .jes-section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:36px}\n.jes-services .jes-section-number{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--jes-teal);margin-bottom:16px}\n.jes-services .jes-section-heading h2{font-size:clamp(34px,4.7vw,64px);line-height:1.1;font-weight:300;letter-spacing:-.04em}\n.jes-services .jes-section-heading h2 span{color:var(--jes-teal);font-weight:700}\n.jes-services .jes-section-heading p{color:var(--jes-muted);font-size:15px;line-height:1.8;max-width:480px}\n.jes-services .jes-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,56px);row-gap:64px}\n.jes-services .jes-service-card{min-width:0;display:flex;flex-direction:column}\n.jes-services .jes-card-image{display:block;position:relative;aspect-ratio:6\/5;overflow:hidden;background:linear-gradient(135deg,#07182b,#0b7477)}\n.jes-services .jes-card-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--jes-ease)}\n.jes-services .jes-image-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07182b3d,transparent 38%,#07182b30);transition:opacity .5s}\n.jes-services .jes-card-number{position:absolute;top:20px;left:20px;display:grid;place-items:center;min-width:34px;height:34px;background:#07182bbf;color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em}\n.jes-services .jes-card-arrow{position:absolute;right:20px;top:20px;display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffffb3;background:#07182b4d;color:#fff;font-size:24px;transition:transform .4s var(--jes-ease),background .3s}\n.jes-services .jes-card-content{display:flex;flex:1;flex-direction:column;padding-top:24px}\n.jes-services .jes-card-label{display:block;font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--jes-teal);margin-bottom:12px}\n.jes-services .jes-card-content h3{font-size:clamp(30px,3.4vw,48px);font-weight:300;line-height:1.12;letter-spacing:-.035em}\n.jes-services .jes-card-content p{color:var(--jes-muted);font-size:15px;line-height:1.8;margin:20px 0 24px;max-width:540px}\n.jes-services .jes-learn-more{display:inline-flex;align-items:center;gap:24px;align-self:flex-start;margin-top:auto;min-height:44px;border-bottom:1px solid var(--jes-line);font-size:11px;font-weight:700;letter-spacing:.07em}\n.jes-services .jes-learn-more span{color:var(--jes-teal);font-size:21px;transition:transform .3s}\n.jes-services .jes-bim-heading{margin-top:clamp(72px,9vw,128px)}\n.jes-services .jes-bim-heading.is-first{margin-top:0}\n.jes-services .jes-final-cta{margin-top:clamp(72px,9vw,128px);padding:clamp(28px,4vw,56px);background:#f3f7f7;border-top:1px solid var(--jes-line);margin-bottom:32px}\n.jes-services .jes-cta-top{display:flex;justify-content:space-between;gap:12px;color:var(--jes-teal);font-size:10px;font-weight:700;letter-spacing:.2em}\n.jes-services .jes-cta-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;margin-top:34px}\n.jes-services .jes-cta-content h2{font-size:clamp(40px,5.7vw,80px);font-weight:300;line-height:1.07;letter-spacing:-.04em}\n.jes-services .jes-cta-content h2 em{font-style:normal;font-weight:700;color:var(--jes-teal)}\n.jes-services .jes-cta-button{display:inline-flex;align-items:center;gap:24px;min-height:48px;padding:14px 20px;background:var(--jes-navy);color:#fff;font-size:12px;font-weight:700;transition:background .25s}\n.jes-services .jes-cta-button span{font-size:22px;transition:transform .3s}\n.jes-services .jes-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n@media(hover:hover) and (pointer:fine){\n .jes-services .jes-service-card:hover .jes-card-image img{transform:scale(1.045)}\n .jes-services .jes-service-card:hover .jes-card-arrow{transform:translate(2px,-2px);background:var(--jes-teal)}\n .jes-services .jes-filter-btn:not(.active):hover{background:#eef5f5;border-color:var(--jes-teal);color:var(--jes-teal)}\n .jes-services .jes-learn-more:hover span{transform:translateX(6px)}\n .jes-services .jes-cta-button:hover{background:var(--jes-teal)}\n .jes-services .jes-cta-button:hover span{transform:translate(3px,-3px)}\n}\n@media(max-width:1024px){.jes-services .jes-section-heading{grid-template-columns:1fr;gap:22px}.jes-services .jes-section-heading p{max-width:680px}}\n@media(max-width:600px){\n .jes-services .jes-container{width:calc(100% - 36px)}\n .jes-services .jes-services-grid{grid-template-columns:1fr;row-gap:46px}\n .jes-services .jes-hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}\n .jes-services .jes-meta-item{padding:16px 12px}.jes-services .jes-meta-item:nth-child(2){border-right:0}.jes-services .jes-meta-item:nth-child(-n+2){border-bottom:1px solid var(--jes-line)}\n .jes-services .jes-filter-btn{padding:12px;font-size:10px;letter-spacing:.03em}\n .jes-services .jes-final-cta{padding:28px 20px}.jes-services .jes-card-number{top:16px;left:16px}.jes-services .jes-card-arrow{top:16px;right:16px}\n}\n\/* Also respond to narrow Elementor columns on a wide screen. *\/\n@container(max-width:600px){\n .jes-services .jes-services-grid,.jes-services .jes-section-heading{grid-template-columns:1fr}\n .jes-services .jes-hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}\n .jes-services .jes-container{width:calc(100% - 36px)}\n .jes-services .jes-main-title{font-size:clamp(36px,10cqw,56px)}\n .jes-services .jes-accent-title{font-size:clamp(30px,8cqw,46px)}\n .jes-services .jes-section-heading h2{font-size:38px}\n}\n@media(prefers-reduced-motion:reduce){.jes-services *,.jes-services *::before,.jes-services *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}\n@media print{.jes-services .jes-filter{display:none}.jes-services .jes-service-card{break-inside:avoid}.jes-services .jes-grid{display:none}}\n<\/style>\n<script>\n\n(function(){\n 'use strict';\n function init(){\n  document.querySelectorAll('.jes-services').forEach(function(root){\n   if(root.dataset.jesReady) return;\n   root.dataset.jesReady='true';\n   const motion=window.matchMedia('(prefers-reduced-motion: reduce)');\n   const running=new Map();\n   function animate(el,delay){\n    if(motion.matches || !el.animate) return;\n    if(running.has(el)) running.get(el).cancel();\n    const a=el.animate([{opacity:0,transform:'translateY(20px)'},{opacity:1,transform:'translateY(0)'}],{duration:650,delay:delay||0,easing:'cubic-bezier(.22,1,.36,1)',fill:'backwards'});\n    running.set(el,a);\n    a.onfinish=function(){if(running.get(el)===a)running.delete(el)};\n   }\n   let observer;\n   if('IntersectionObserver' in window && !motion.matches){\n    observer=new IntersectionObserver(function(entries){entries.forEach(function(entry){if(entry.isIntersecting){animate(entry.target,0);observer.unobserve(entry.target)}})},{threshold:.08});\n    root.querySelectorAll('.reveal').forEach(function(el){observer.observe(el)});\n   }\n   function reduce(){if(motion.matches){running.forEach(function(a){a.cancel()});running.clear();if(observer)observer.disconnect()}}\n   if(motion.addEventListener)motion.addEventListener('change',reduce);\n   const buttons=Array.from(root.querySelectorAll('.jes-filter-btn'));\n   const cards=Array.from(root.querySelectorAll('.jes-service-card'));\n   const grids=Array.from(root.querySelectorAll('.jes-services-grid'));\n   buttons.forEach(function(button){button.addEventListener('click',function(){\n    if(button.getAttribute('aria-pressed')==='true')return;\n    const filter=button.dataset.filter;\n    running.forEach(function(a){a.cancel()});running.clear();\n    buttons.forEach(function(b){const selected=b===button;b.classList.toggle('active',selected);b.setAttribute('aria-pressed',String(selected))});\n    cards.forEach(function(card){card.hidden=filter!=='all'&&card.dataset.category!==filter;if(observer)observer.unobserve(card)});\n    let first=true;\n    grids.forEach(function(grid){const visible=Array.from(grid.querySelectorAll('.jes-service-card')).some(function(c){return !c.hidden});grid.hidden=!visible;const heading=grid.previousElementSibling;if(heading&&heading.classList.contains('jes-section-heading')){heading.hidden=!visible;heading.classList.toggle('is-first',visible&&first)}if(visible)first=false});\n    cards.filter(function(c){return !c.hidden}).forEach(function(c,i){animate(c,Math.min(i,3)*65)});\n    const status=root.querySelector('.jes-filter-status');if(status)status.textContent=cards.filter(function(c){return !c.hidden}).length+' services displayed';\n   })});\n   root.querySelectorAll('.jes-card-image img').forEach(function(img){\n    function loaded(){img.hidden=false}\n    function failed(){img.hidden=true}\n    img.addEventListener('load',loaded);img.addEventListener('error',failed);\n    if(img.complete){if(img.naturalWidth)loaded();else failed()}\n   });\n  });\n }\n if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init,{once:true});else init();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OUR SERVICES Integrated Engineering. Built Around the Full Asset Lifecycle. From engineering design and BIM to project documentation, sustainability and [&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-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/24","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=24"}],"version-history":[{"count":4,"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":129,"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions\/129"}],"wp:attachment":[{"href":"https:\/\/juzor-eg.com\/index.php\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}