{"id":2865,"date":"2026-05-31T00:56:04","date_gmt":"2026-05-31T00:56:04","guid":{"rendered":"https:\/\/nadersaied.com\/?page_id=2865"},"modified":"2026-07-01T10:17:05","modified_gmt":"2026-07-01T10:17:05","slug":"ceg","status":"publish","type":"page","link":"https:\/\/nadersaied.com\/ar\/ceg\/","title":{"rendered":"CEG"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2865\" class=\"elementor elementor-2865\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df8a07f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"df8a07f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bcdef9 elementor-widget elementor-widget-html\" data-id=\"9bcdef9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CEG Premium Case Study Page - Mobile Optimized \/ Faster Images -->\n<section class=\"ns-ceg-page\">\n  <div class=\"ns-ceg-bg-text\" aria-hidden=\"true\">CEG<\/div>\n  <div class=\"ns-ceg-glow\" aria-hidden=\"true\"><\/div>\n  <div class=\"ns-ceg-line-glow\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ns-ceg-container\">\n\n    <!-- Hero -->\n    <div class=\"ns-ceg-hero\">\n      <div class=\"ns-ceg-hero-content ns-ceg-reveal\">\n        <span class=\"ns-ceg-eyebrow\">CORPORATE CASE STUDY<\/span>\n\n        <h1>\n          CEG<br>\n          <strong>Contracting Brand<\/strong>\n        <\/h1>\n\n        <p>\n          A premium corporate project for a contracting and engineering brand, focused on\n          strong visual presence, professional digital identity, website presentation,\n          and modern social media communication.\n        <\/p>\n\n        <div class=\"ns-ceg-tags\">\n          <span>Corporate Identity<\/span>\n          <span>Contracting<\/span>\n          <span>Engineering<\/span>\n          <span>Website Design<\/span>\n          <span>Social Media<\/span>\n        <\/div>\n\n        <a href=\"https:\/\/www.cegegypt.com\" target=\"_blank\" rel=\"noopener\" class=\"ns-ceg-website-link\">\n          <span class=\"ns-ceg-round-icon\" aria-hidden=\"true\">\u25ce<\/span>\n          <span>Visit Website<\/span>\n          <strong>www.cegegypt.com<\/strong>\n        <\/a>\n\n        <div class=\"ns-ceg-actions\">\n          <a href=\"#ceg-gallery\" class=\"ns-ceg-btn ns-ceg-btn-main\">\n            <span>View Gallery<\/span>\n            <span aria-hidden=\"true\">\u2193<\/span>\n          <\/a>\n\n          <a href=\"https:\/\/nadersaied.com\/contact\/\" class=\"ns-ceg-btn ns-ceg-btn-outline\">\n            <span>Start Similar Project<\/span>\n            <span aria-hidden=\"true\">\u2197<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ns-ceg-hero-visual ns-ceg-reveal\">\n        <div class=\"ns-ceg-showcase-card\">\n          <div class=\"ns-ceg-brand-strip\">\n            <div class=\"ns-ceg-brand-logo\">\n              <img\n                src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/CEG_logo_transparent_circle.png\"\n                alt=\"CEG Logo\"\n                loading=\"eager\"\n                decoding=\"async\"\n                fetchpriority=\"high\">\n            <\/div>\n\n            <div>\n              <span>Engineering \u00b7 Contracting \u00b7 Corporate Presence<\/span>\n              <strong>CEG Contracting & Agencies<\/strong>\n            <\/div>\n          <\/div>\n\n          <div class=\"ns-ceg-showcase-grid\">\n            <button class=\"ns-ceg-showcase-main ns-ceg-open-image\" type=\"button\" data-img=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/CEG-1.png\" aria-label=\"Open CEG main presentation\">\n              <img\n                src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/CEG-1.png\"\n                alt=\"CEG Main Presentation\"\n                loading=\"eager\"\n                decoding=\"async\"\n                fetchpriority=\"high\">\n              <span>Corporate Website Presentation<\/span>\n            <\/button>\n\n            <div class=\"ns-ceg-showcase-side\">\n              <button class=\"ns-ceg-mini-shot ns-ceg-open-image\" type=\"button\" data-img=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-1-2026-11_28_07-PM-1.png\" aria-label=\"Open CEG visual direction\">\n                <img\n                  src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-1-2026-11_28_07-PM-1.png\"\n                  alt=\"CEG Visual Direction\"\n                  loading=\"lazy\"\n                  decoding=\"async\">\n                <span>Brand Visual<\/span>\n              <\/button>\n\n              <button class=\"ns-ceg-mini-shot ns-ceg-open-image\" type=\"button\" data-img=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/CEG1.png\" aria-label=\"Open CEG website sections\">\n                <img\n                  src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/CEG1.png\"\n                  alt=\"CEG Website Sections\"\n                  loading=\"lazy\"\n                  decoding=\"async\">\n                <span>Website UI<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"ns-ceg-showcase-footer\">\n            <div><span class=\"ns-ceg-small-icon\" aria-hidden=\"true\">\u25a3<\/span><span>Corporate Branding<\/span><\/div>\n            <div><span class=\"ns-ceg-small-icon\" aria-hidden=\"true\">\u25a4<\/span><span>Website Presentation<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Overview -->\n    <div class=\"ns-ceg-overview ns-ceg-reveal\">\n      <div>\n        <span>PROJECT OVERVIEW<\/span>\n        <h2>Building a Professional Corporate Presence<\/h2>\n      <\/div>\n\n      <p>\n        CEG needed a visual direction that reflects trust, structure, engineering quality,\n        and a premium business image. The project focused on creating a strong corporate look\n        suitable for contracting, agencies, website presentation, and professional social media usage.\n      <\/p>\n    <\/div>\n\n    <!-- Info Cards -->\n    <div class=\"ns-ceg-info-grid\">\n      <article class=\"ns-ceg-info-card ns-ceg-reveal\">\n        <span class=\"ns-ceg-card-icon\" aria-hidden=\"true\">\u25c7<\/span>\n        <span>Project Type<\/span>\n        <strong>Corporate Identity<\/strong>\n        <p>Professional visual direction for a contracting and engineering-focused business.<\/p>\n      <\/article>\n\n      <article class=\"ns-ceg-info-card ns-ceg-reveal\">\n        <span class=\"ns-ceg-card-icon\" aria-hidden=\"true\">\u2726<\/span>\n        <span>Visual Style<\/span>\n        <strong>Green Corporate Glass<\/strong>\n        <p>Dark green, glassmorphism, clean layouts, premium shadows, and structured presentation.<\/p>\n      <\/article>\n\n      <article class=\"ns-ceg-info-card ns-ceg-reveal\">\n        <span class=\"ns-ceg-card-icon\" aria-hidden=\"true\">\u25a7<\/span>\n        <span>Deliverables<\/span>\n        <strong>Brand & Digital Assets<\/strong>\n        <p>Logo usage, website visuals, social media posts, campaign images, and presentation assets.<\/p>\n      <\/article>\n    <\/div>\n\n    <!-- Services -->\n    <div class=\"ns-ceg-section-head ns-ceg-reveal\">\n      <span>SERVICES DELIVERED<\/span>\n      <h2>What Was Created<\/h2>\n      <p>\n        A professional set of digital assets designed to present CEG with a premium,\n        reliable, and engineering-driven image.\n      <\/p>\n    <\/div>\n\n    <div class=\"ns-ceg-services\">\n      <article class=\"ns-ceg-service ns-ceg-reveal\">\n        <span class=\"ns-ceg-card-icon\" aria-hidden=\"true\">\u270e<\/span>\n        <h3>Corporate Visual Direction<\/h3>\n        <p>Premium green identity direction, glass-style visuals, and structured business presentation.<\/p>\n      <\/article>\n\n      <article class=\"ns-ceg-service ns-ceg-reveal\">\n        <span class=\"ns-ceg-card-icon\" aria-hidden=\"true\">\u25a4<\/span>\n        <h3>Website Presentation<\/h3>\n        <p>Modern web visuals and digital sections created to present services in a professional way.<\/p>\n      <\/article>\n\n      <article class=\"ns-ceg-service ns-ceg-reveal\">\n        <span class=\"ns-ceg-card-icon\" aria-hidden=\"true\">\u2197<\/span>\n        <h3>Social Media Assets<\/h3>\n        <p>Corporate posts and campaign visuals suitable for professional communication and awareness.<\/p>\n      <\/article>\n\n      <article class=\"ns-ceg-service ns-ceg-reveal\">\n        <span class=\"ns-ceg-card-icon\" aria-hidden=\"true\">\u2713<\/span>\n        <h3>Trust-Based Branding<\/h3>\n        <p>Visuals built around confidence, reliability, engineering quality, and business credibility.<\/p>\n      <\/article>\n    <\/div>\n\n    <!-- Gallery -->\n    <div class=\"ns-ceg-section-head ns-ceg-reveal\" id=\"ceg-gallery\">\n      <span>PROJECT GALLERY<\/span>\n      <h2>Selected Visuals<\/h2>\n      <p>\n        A curated gallery showing CEG\u2019s corporate visuals, website presentation,\n        social media direction, and engineering-focused brand assets.\n      <\/p>\n    <\/div>\n\n    <div class=\"ns-ceg-gallery ns-ceg-reveal\" id=\"nsCegGallery\"><\/div>\n\n    <div class=\"ns-ceg-load-wrap\" id=\"nsCegLoadWrap\" hidden>\n      <button type=\"button\" class=\"ns-ceg-load-more\" id=\"nsCegLoadMore\">Load More Images<\/button>\n    <\/div>\n\n    <!-- Impact -->\n    <div class=\"ns-ceg-impact ns-ceg-reveal\">\n      <div class=\"ns-ceg-impact-content\">\n        <span>RESULT<\/span>\n        <h2>A Stronger Corporate Digital Image<\/h2>\n        <p>\n          The final direction gives CEG a cleaner, more professional, and more trustworthy visual presence,\n          suitable for presenting contracting services, digital campaigns, and client-facing business materials.\n        <\/p>\n      <\/div>\n\n      <div class=\"ns-ceg-impact-list\">\n        <div><span aria-hidden=\"true\">\u2713<\/span><span>Professional contracting visual direction<\/span><\/div>\n        <div><span aria-hidden=\"true\">\u2713<\/span><span>Consistent corporate social media style<\/span><\/div>\n        <div><span aria-hidden=\"true\">\u2713<\/span><span>Premium green glass identity feel<\/span><\/div>\n        <div><span aria-hidden=\"true\">\u2713<\/span><span>Stronger business presentation online<\/span><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"ns-ceg-final ns-ceg-reveal\">\n      <div>\n        <span>Need a corporate identity like this?<\/span>\n        <strong>Let\u2019s create a premium digital presence for your company.<\/strong>\n      <\/div>\n\n      <a href=\"https:\/\/nadersaied.com\/contact\/\">\n        Start a Project <span aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"ns-ceg-lightbox\" id=\"nsCegLightbox\" aria-hidden=\"true\">\n  <button type=\"button\" class=\"ns-ceg-lightbox-close\" id=\"nsCegClose\" aria-label=\"Close image preview\">\u00d7<\/button>\n  <img id=\"nsCegLightboxImg\" src=\"\" alt=\"CEG Large Preview\" decoding=\"async\">\n<\/div>\n\n<style>\n.ns-ceg-page,\n.ns-ceg-page * {\n  box-sizing: border-box;\n}\n\n.ns-ceg-page {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: 96px 5% 105px;\n  background:\n    radial-gradient(circle at 18% 36%, rgba(0, 120, 86, .28), transparent 32%),\n    radial-gradient(circle at 82% 18%, rgba(178, 255, 208, .08), transparent 26%),\n    linear-gradient(135deg, #03100b 0%, #061b13 42%, #0a2c1f 76%, #03100b 100%);\n  color: #fff;\n  font-family: Inter, Poppins, Arial, sans-serif;\n}\n\n.ns-ceg-page::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);\n  background-size: 44px 44px;\n  opacity: .24;\n  animation: nsCegGridMove 22s linear infinite;\n  pointer-events: none;\n}\n\n.ns-ceg-page::after {\n  content: \"\";\n  position: absolute;\n  inset: -20%;\n  z-index: 0;\n  background: radial-gradient(circle at 50% 50%, transparent 0%, rgba(0,0,0,.18) 44%, rgba(0,0,0,.78) 100%);\n  opacity: .88;\n  pointer-events: none;\n}\n\n.ns-ceg-bg-text {\n  position: absolute;\n  right: 4%;\n  top: 5%;\n  z-index: 1;\n  font-family: Georgia, serif;\n  font-size: clamp(100px, 18vw, 290px);\n  line-height: .8;\n  font-weight: 900;\n  color: rgba(255,255,255,.035);\n  pointer-events: none;\n  animation: nsCegBgFloat 8s ease-in-out infinite;\n}\n\n.ns-ceg-glow {\n  position: absolute;\n  left: 8%;\n  top: 22%;\n  width: 470px;\n  height: 470px;\n  z-index: 1;\n  border-radius: 50%;\n  border: 1px solid rgba(75, 255, 176, .18);\n  background: radial-gradient(circle, rgba(0, 180, 120, .18), transparent 68%);\n  box-shadow: 0 0 90px rgba(0,180,120,.18);\n  animation: nsCegGlow 7s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.ns-ceg-line-glow {\n  position: absolute;\n  left: 50%;\n  top: 0;\n  z-index: 1;\n  width: 60%;\n  height: 1px;\n  transform: translateX(-50%);\n  background: linear-gradient(90deg, transparent, rgba(159,247,199,.48), transparent);\n  box-shadow: 0 0 24px rgba(159,247,199,.28);\n  pointer-events: none;\n}\n\n.ns-ceg-container {\n  position: relative;\n  z-index: 3;\n  max-width: 1380px;\n  margin: 0 auto;\n}\n\n.ns-ceg-hero {\n  display: grid;\n  grid-template-columns: .9fr 1.1fr;\n  gap: 54px;\n  align-items: center;\n  margin-bottom: 70px;\n}\n\n.ns-ceg-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 22px;\n  color: #9ff7c7;\n  font-size: 14px;\n  letter-spacing: 4px;\n  font-weight: 900;\n}\n\n.ns-ceg-eyebrow::before {\n  content: \"\";\n  width: 52px;\n  height: 1px;\n  background: linear-gradient(90deg, #0ccf86, #9ff7c7);\n}\n\n.ns-ceg-hero-content h1 {\n  margin: 0 0 24px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(52px, 6.2vw, 96px);\n  line-height: .94;\n  letter-spacing: -3px;\n  color: #fff;\n}\n\n.ns-ceg-hero-content h1 strong,\n.ns-ceg-section-head h2,\n.ns-ceg-impact-content h2 {\n  background: linear-gradient(180deg, #eafff3 0%, #63d99c 52%, #c8ffe0 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.ns-ceg-hero-content p,\n.ns-ceg-section-head p,\n.ns-ceg-overview p,\n.ns-ceg-impact-content p {\n  color: rgba(255,255,255,.72);\n}\n\n.ns-ceg-hero-content p {\n  max-width: 690px;\n  margin: 0;\n  font-size: 17px;\n  line-height: 1.85;\n}\n\n.ns-ceg-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-top: 26px;\n}\n\n.ns-ceg-tags span {\n  min-height: 34px;\n  padding: 8px 13px;\n  border-radius: 999px;\n  border: 1px solid rgba(159,247,199,.20);\n  background: rgba(3, 18, 12, .42);\n  color: rgba(255,255,255,.78);\n  font-size: 11px;\n  font-weight: 850;\n  letter-spacing: .5px;\n  text-transform: uppercase;\n}\n\n.ns-ceg-website-link {\n  position: relative;\n  overflow: hidden;\n  margin-top: 24px;\n  width: fit-content;\n  min-height: 58px;\n  padding: 0 22px;\n  border-radius: 999px;\n  border: 1px solid rgba(159,247,199,.36);\n  background: linear-gradient(135deg, rgba(5,97,61,.86), rgba(12,207,134,.74));\n  color: #fff;\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 13px;\n  box-shadow: 0 18px 45px rgba(0,180,120,.22);\n  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;\n}\n\n.ns-ceg-round-icon {\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  background: rgba(255,255,255,.13);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  flex: 0 0 34px;\n}\n\n.ns-ceg-website-link span:not(.ns-ceg-round-icon) {\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n}\n\n.ns-ceg-website-link strong {\n  font-size: 14px;\n  font-weight: 900;\n}\n\n.ns-ceg-website-link:hover {\n  color: #fff;\n  transform: translateY(-4px);\n  border-color: rgba(159,247,199,.70);\n  box-shadow: 0 24px 58px rgba(0,180,120,.30);\n}\n\n.ns-ceg-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-top: 32px;\n}\n\n.ns-ceg-btn,\n.ns-ceg-final a,\n.ns-ceg-load-more {\n  position: relative;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  min-width: 205px;\n  height: 60px;\n  padding: 0 30px;\n  border-radius: 999px;\n  color: #fff;\n  text-decoration: none;\n  font-size: 15px;\n  font-weight: 850;\n  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;\n}\n\n.ns-ceg-btn-main,\n.ns-ceg-final a,\n.ns-ceg-load-more {\n  border: 0;\n  background: linear-gradient(135deg, #05613d, #0ccf86);\n  box-shadow: 0 15px 38px rgba(0,180,120,.24);\n  cursor: pointer;\n}\n\n.ns-ceg-btn-outline {\n  border: 1px solid rgba(159,247,199,.42);\n  background: rgba(255,255,255,.025);\n}\n\n.ns-ceg-btn:hover,\n.ns-ceg-final a:hover,\n.ns-ceg-load-more:hover {\n  transform: translateY(-4px);\n  color: #fff;\n}\n\n.ns-ceg-showcase-card,\n.ns-ceg-overview,\n.ns-ceg-info-card,\n.ns-ceg-service,\n.ns-ceg-gallery-card,\n.ns-ceg-impact,\n.ns-ceg-final {\n  position: relative;\n  border: 1px solid rgba(75,255,176,.22);\n  background:\n    linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018)),\n    radial-gradient(circle at 50% 0%, rgba(159,247,199,.08), transparent 38%);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  box-shadow: 0 28px 70px rgba(0,0,0,.25), inset 0 0 38px rgba(255,255,255,.025);\n  overflow: hidden;\n}\n\n.ns-ceg-showcase-card {\n  border-radius: 34px;\n  padding: 18px;\n  animation: nsCegCardFloat 7s ease-in-out infinite;\n}\n\n.ns-ceg-brand-strip {\n  position: relative;\n  z-index: 3;\n  min-height: 100px;\n  margin-bottom: 16px;\n  padding: 14px 16px;\n  border-radius: 24px;\n  border: 1px solid rgba(159,247,199,.18);\n  background: rgba(3, 18, 12, .46);\n  display: flex;\n  align-items: center;\n  gap: 18px;\n}\n\n.ns-ceg-brand-logo {\n  width: 84px;\n  height: 84px;\n  flex: 0 0 84px;\n  border-radius: 50%;\n  border: 1px solid rgba(159,247,199,.28);\n  background: radial-gradient(circle, rgba(255,255,255,.14), rgba(255,255,255,.04));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  box-shadow: 0 18px 40px rgba(0,0,0,.25);\n}\n\n.ns-ceg-brand-logo img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.ns-ceg-brand-strip span {\n  display: block;\n  margin-bottom: 7px;\n  color: #9ff7c7;\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n}\n\n.ns-ceg-brand-strip strong {\n  display: block;\n  color: #fff;\n  font-size: clamp(18px, 2vw, 25px);\n  line-height: 1.25;\n  font-weight: 900;\n}\n\n.ns-ceg-showcase-grid {\n  position: relative;\n  z-index: 3;\n  display: grid;\n  grid-template-columns: 1.4fr .6fr;\n  gap: 16px;\n}\n\n.ns-ceg-showcase-main,\n.ns-ceg-mini-shot,\n.ns-ceg-gallery-card {\n  font-family: inherit;\n  color: inherit;\n}\n\n.ns-ceg-showcase-main,\n.ns-ceg-mini-shot {\n  position: relative;\n  border: 1px solid rgba(159,247,199,.14);\n  background: radial-gradient(circle at 50% 20%, rgba(159,247,199,.10), transparent 36%), rgba(3, 18, 12, .42);\n  overflow: hidden;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ns-ceg-showcase-main {\n  min-height: 460px;\n  border-radius: 26px;\n}\n\n.ns-ceg-showcase-side {\n  display: grid;\n  gap: 16px;\n}\n\n.ns-ceg-mini-shot {\n  min-height: 222px;\n  border-radius: 22px;\n}\n\n.ns-ceg-showcase-main img,\n.ns-ceg-mini-shot img,\n.ns-ceg-gallery-media img {\n  display: block;\n  max-width: 100%;\n  transition: transform .45s ease, opacity .25s ease;\n}\n\n.ns-ceg-showcase-main img,\n.ns-ceg-mini-shot img {\n  width: 96%;\n  height: 96%;\n  object-fit: contain;\n  object-position: center;\n  filter: saturate(1.06) contrast(1.03) drop-shadow(0 20px 28px rgba(0,0,0,.28));\n}\n\n.ns-ceg-showcase-main:hover img,\n.ns-ceg-mini-shot:hover img {\n  transform: scale(1.025);\n}\n\n.ns-ceg-showcase-main span,\n.ns-ceg-mini-shot span {\n  position: absolute;\n  left: 14px;\n  bottom: 14px;\n  z-index: 4;\n  padding: 8px 12px;\n  border-radius: 999px;\n  border: 1px solid rgba(159,247,199,.24);\n  background: rgba(3, 18, 12, .72);\n  color: #9ff7c7;\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.ns-ceg-showcase-footer {\n  position: relative;\n  z-index: 3;\n  margin-top: 16px;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n}\n\n.ns-ceg-showcase-footer div {\n  min-height: 54px;\n  padding: 12px 14px;\n  border-radius: 18px;\n  border: 1px solid rgba(159,247,199,.14);\n  background: rgba(3, 18, 12, .42);\n  display: flex;\n  align-items: center;\n  gap: 11px;\n}\n\n.ns-ceg-small-icon {\n  color: #9ff7c7;\n  font-weight: 900;\n}\n\n.ns-ceg-showcase-footer span:last-child {\n  color: rgba(255,255,255,.82);\n  font-size: 12px;\n  font-weight: 850;\n  letter-spacing: .5px;\n  text-transform: uppercase;\n}\n\n.ns-ceg-overview {\n  border-radius: 30px;\n  padding: 38px;\n  display: grid;\n  grid-template-columns: .95fr 1.05fr;\n  gap: 38px;\n  align-items: center;\n  margin-bottom: 24px;\n}\n\n.ns-ceg-overview span,\n.ns-ceg-section-head span,\n.ns-ceg-impact-content span,\n.ns-ceg-final span,\n.ns-ceg-info-card span:not(.ns-ceg-card-icon) {\n  display: block;\n  margin-bottom: 12px;\n  color: #9ff7c7;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n}\n\n.ns-ceg-overview h2 {\n  margin: 0;\n  color: #fff;\n  font-size: clamp(32px, 3.8vw, 56px);\n  line-height: 1.08;\n  font-weight: 900;\n  letter-spacing: -1.4px;\n}\n\n.ns-ceg-overview p {\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.85;\n}\n\n.ns-ceg-info-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 22px;\n  margin-bottom: 82px;\n}\n\n.ns-ceg-info-card,\n.ns-ceg-service {\n  min-height: 260px;\n  padding: 30px 26px;\n  border-radius: 26px;\n  transition: transform .3s ease, border-color .3s ease;\n}\n\n.ns-ceg-service {\n  min-height: 280px;\n  padding: 30px 24px;\n  border-radius: 24px;\n}\n\n.ns-ceg-info-card:hover,\n.ns-ceg-service:hover,\n.ns-ceg-gallery-card:hover {\n  transform: translateY(-6px);\n  border-color: rgba(159,247,199,.42);\n}\n\n.ns-ceg-card-icon {\n  width: 66px;\n  height: 66px;\n  margin-bottom: 24px;\n  border-radius: 18px;\n  border: 1px solid rgba(159,247,199,.26);\n  background: radial-gradient(circle at 50% 35%, rgba(159,247,199,.18), rgba(255,255,255,.035));\n  color: #9ff7c7;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 26px;\n  font-weight: 900;\n}\n\n.ns-ceg-info-card strong {\n  display: block;\n  margin-bottom: 13px;\n  color: #fff;\n  font-size: 22px;\n  font-weight: 900;\n}\n\n.ns-ceg-info-card p,\n.ns-ceg-service p {\n  margin: 0;\n  color: rgba(255,255,255,.70);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n.ns-ceg-section-head {\n  max-width: 840px;\n  margin: 0 auto 38px;\n  text-align: center;\n}\n\n.ns-ceg-section-head h2 {\n  margin: 0 0 18px;\n  font-size: clamp(38px, 4.8vw, 70px);\n  line-height: 1.04;\n  font-weight: 900;\n  letter-spacing: -2px;\n}\n\n.ns-ceg-section-head p {\n  max-width: 740px;\n  margin: 0 auto;\n  font-size: 16px;\n  line-height: 1.8;\n}\n\n.ns-ceg-services {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 18px;\n  margin-bottom: 88px;\n}\n\n.ns-ceg-service h3 {\n  margin: 0 0 14px;\n  color: #fff;\n  font-size: 21px;\n  font-weight: 900;\n}\n\n.ns-ceg-gallery {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 22px;\n  margin-bottom: 24px;\n}\n\n.ns-ceg-gallery-card {\n  border-radius: 28px;\n  padding: 14px;\n  cursor: pointer;\n  transition: transform .3s ease, border-color .3s ease;\n  width: 100%;\n  text-align: left;\n}\n\n.ns-ceg-gallery-media {\n  position: relative;\n  z-index: 2;\n  aspect-ratio: 1 \/ 1;\n  border-radius: 20px;\n  overflow: hidden;\n  border: 1px solid rgba(159,247,199,.14);\n  background: radial-gradient(circle at 50% 20%, rgba(159,247,199,.10), transparent 36%), rgba(3, 18, 12, .42);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ns-ceg-gallery-media::before {\n  content: \"\";\n  position: absolute;\n  inset: 20%;\n  border-radius: 50%;\n  background: rgba(159,247,199,.08);\n  filter: blur(24px);\n}\n\n.ns-ceg-gallery-media img {\n  position: relative;\n  z-index: 2;\n  width: 96%;\n  height: 96%;\n  object-fit: contain;\n  object-position: center;\n  filter: saturate(1.04) contrast(1.02) drop-shadow(0 14px 22px rgba(0,0,0,.22));\n  opacity: 0;\n}\n\n.ns-ceg-gallery-media img.ns-ceg-img-loaded {\n  opacity: 1;\n}\n\n.ns-ceg-gallery-card:hover .ns-ceg-gallery-media img {\n  transform: scale(1.025);\n}\n\n.ns-ceg-gallery-card > span {\n  position: relative;\n  z-index: 2;\n  display: block;\n  padding: 16px 4px 4px;\n  color: rgba(255,255,255,.76);\n  font-size: 13px;\n  font-weight: 850;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n}\n\n.ns-ceg-load-wrap {\n  text-align: center;\n  margin: 18px 0 88px;\n}\n\n.ns-ceg-impact {\n  border-radius: 30px;\n  padding: 42px;\n  display: grid;\n  grid-template-columns: 1.05fr .95fr;\n  gap: 36px;\n  align-items: center;\n  margin-bottom: 34px;\n}\n\n.ns-ceg-impact-content h2 {\n  margin: 0 0 20px;\n  font-size: clamp(34px, 4vw, 58px);\n  line-height: 1.06;\n  font-weight: 900;\n}\n\n.ns-ceg-impact-content p {\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.85;\n}\n\n.ns-ceg-impact-list {\n  display: grid;\n  gap: 12px;\n}\n\n.ns-ceg-impact-list div {\n  min-height: 56px;\n  padding: 13px 15px;\n  border-radius: 16px;\n  border: 1px solid rgba(159,247,199,.16);\n  background: rgba(3, 18, 12, .42);\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: rgba(255,255,255,.78);\n  font-size: 14px;\n  font-weight: 750;\n}\n\n.ns-ceg-impact-list div span:first-child {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  background: rgba(159,247,199,.10);\n  color: #9ff7c7;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  flex: 0 0 28px;\n}\n\n.ns-ceg-final {\n  padding: 32px 34px;\n  border-radius: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 26px;\n}\n\n.ns-ceg-final strong {\n  display: block;\n  color: #fff;\n  font-size: clamp(22px, 2.2vw, 34px);\n  line-height: 1.25;\n  font-weight: 900;\n}\n\n.ns-ceg-final a {\n  flex: 0 0 auto;\n  min-width: 205px;\n  height: 58px;\n}\n\n.ns-ceg-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483000;\n  padding: max(18px, env(safe-area-inset-top)) 18px 18px;\n  background: rgba(2, 8, 5, .94);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  display: none;\n  align-items: center;\n  justify-content: center;\n}\n\n.ns-ceg-lightbox.active {\n  display: flex;\n}\n\nbody.ns-ceg-lock {\n  overflow: hidden;\n}\n\n.ns-ceg-lightbox img {\n  max-width: 96vw;\n  max-height: 88vh;\n  object-fit: contain;\n  border-radius: 20px;\n  box-shadow: 0 30px 90px rgba(0,0,0,.55);\n}\n\n.ns-ceg-lightbox-close {\n  position: fixed;\n  right: 18px;\n  top: 18px;\n  z-index: 2147483001;\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  border: 1px solid rgba(159,247,199,.42);\n  background: rgba(3,18,12,.88);\n  color: #fff;\n  cursor: pointer;\n  font-size: 34px;\n  line-height: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ns-ceg-reveal {\n  opacity: 0;\n  transform: translateY(26px);\n  transition: opacity .7s ease, transform .7s ease;\n}\n\n.ns-ceg-reveal.ns-ceg-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (max-width: 1100px) {\n  .ns-ceg-hero,\n  .ns-ceg-overview,\n  .ns-ceg-impact {\n    grid-template-columns: 1fr;\n  }\n\n  .ns-ceg-hero-content,\n  .ns-ceg-impact,\n  .ns-ceg-final,\n  .ns-ceg-overview {\n    text-align: center;\n  }\n\n  .ns-ceg-eyebrow,\n  .ns-ceg-tags,\n  .ns-ceg-actions {\n    justify-content: center;\n  }\n\n  .ns-ceg-website-link {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .ns-ceg-info-grid,\n  .ns-ceg-gallery {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .ns-ceg-services {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 767px) {\n  .ns-ceg-page {\n    padding: 62px 14px 68px;\n    background: linear-gradient(145deg, #03100b 0%, #071b13 45%, #0a2c1f 100%);\n  }\n\n  .ns-ceg-page::before {\n    opacity: .14;\n    animation: none;\n  }\n\n  .ns-ceg-page::after {\n    opacity: .62;\n  }\n\n  .ns-ceg-bg-text {\n    top: 4%;\n    right: -12%;\n    font-size: 88px;\n  }\n\n  .ns-ceg-glow {\n    width: 250px;\n    height: 250px;\n    left: 50%;\n    top: 5%;\n    transform: translateX(-50%);\n    opacity: .55;\n    animation: none;\n  }\n\n  .ns-ceg-hero {\n    gap: 28px;\n    margin-bottom: 46px;\n  }\n\n  .ns-ceg-eyebrow {\n    font-size: 10px;\n    letter-spacing: 2px;\n    margin-bottom: 18px;\n  }\n\n  .ns-ceg-eyebrow::before {\n    width: 26px;\n  }\n\n  .ns-ceg-hero-content h1 {\n    font-size: clamp(39px, 12vw, 54px);\n    letter-spacing: -1.4px;\n    margin-bottom: 18px;\n  }\n\n  .ns-ceg-hero-content p,\n  .ns-ceg-section-head p,\n  .ns-ceg-overview p,\n  .ns-ceg-impact-content p {\n    font-size: 14px;\n    line-height: 1.75;\n  }\n\n  .ns-ceg-tags {\n    gap: 8px;\n    margin-top: 20px;\n  }\n\n  .ns-ceg-tags span {\n    min-height: 30px;\n    padding: 7px 10px;\n    font-size: 10px;\n  }\n\n  .ns-ceg-website-link {\n    width: 100%;\n    justify-content: center;\n    flex-wrap: wrap;\n    padding: 14px 16px;\n    border-radius: 22px;\n    gap: 9px;\n  }\n\n  .ns-ceg-website-link strong,\n  .ns-ceg-website-link span:not(.ns-ceg-round-icon) {\n    font-size: 12px;\n  }\n\n  .ns-ceg-btn,\n  .ns-ceg-load-more {\n    width: 100%;\n    min-width: 100%;\n    height: 56px;\n  }\n\n  .ns-ceg-showcase-card,\n  .ns-ceg-overview,\n  .ns-ceg-info-card,\n  .ns-ceg-service,\n  .ns-ceg-gallery-card,\n  .ns-ceg-impact,\n  .ns-ceg-final {\n    backdrop-filter: none;\n    -webkit-backdrop-filter: none;\n    box-shadow: 0 18px 45px rgba(0,0,0,.24);\n  }\n\n  .ns-ceg-showcase-card {\n    padding: 11px;\n    border-radius: 24px;\n    animation: none;\n  }\n\n  .ns-ceg-brand-strip {\n    min-height: auto;\n    padding: 12px;\n    border-radius: 18px;\n    gap: 12px;\n  }\n\n  .ns-ceg-brand-logo {\n    width: 58px;\n    height: 58px;\n    flex-basis: 58px;\n  }\n\n  .ns-ceg-brand-strip span {\n    font-size: 9px;\n    letter-spacing: 1px;\n  }\n\n  .ns-ceg-brand-strip strong {\n    font-size: 16px;\n  }\n\n  .ns-ceg-showcase-grid {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .ns-ceg-showcase-main {\n    min-height: 250px;\n    border-radius: 18px;\n  }\n\n  .ns-ceg-showcase-side {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .ns-ceg-mini-shot {\n    min-height: 122px;\n    border-radius: 16px;\n  }\n\n  .ns-ceg-showcase-main span,\n  .ns-ceg-mini-shot span {\n    left: 10px;\n    bottom: 10px;\n    padding: 6px 8px;\n    font-size: 8px;\n    max-width: calc(100% - 20px);\n    white-space: normal;\n  }\n\n  .ns-ceg-showcase-main img,\n  .ns-ceg-mini-shot img {\n    filter: saturate(1.03) contrast(1.01) drop-shadow(0 12px 18px rgba(0,0,0,.22));\n  }\n\n  .ns-ceg-showcase-footer {\n    grid-template-columns: 1fr;\n  }\n\n  .ns-ceg-overview,\n  .ns-ceg-impact,\n  .ns-ceg-final {\n    padding: 24px 18px;\n    border-radius: 22px;\n  }\n\n  .ns-ceg-info-grid,\n  .ns-ceg-services,\n  .ns-ceg-gallery {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .ns-ceg-info-grid,\n  .ns-ceg-services {\n    margin-bottom: 58px;\n  }\n\n  .ns-ceg-gallery {\n    margin-bottom: 16px;\n  }\n\n  .ns-ceg-section-head {\n    margin-bottom: 28px;\n  }\n\n  .ns-ceg-section-head h2,\n  .ns-ceg-impact-content h2 {\n    font-size: 33px;\n    letter-spacing: -1px;\n  }\n\n  .ns-ceg-info-card,\n  .ns-ceg-service {\n    min-height: auto;\n    padding: 24px 18px;\n  }\n\n  .ns-ceg-card-icon {\n    width: 54px;\n    height: 54px;\n    margin-bottom: 18px;\n  }\n\n  .ns-ceg-gallery-card {\n    padding: 10px;\n    border-radius: 22px;\n  }\n\n  .ns-ceg-gallery-media {\n    border-radius: 17px;\n  }\n\n  .ns-ceg-gallery-card > span {\n    font-size: 11px;\n    padding: 12px 4px 3px;\n  }\n\n  .ns-ceg-load-wrap {\n    margin-bottom: 62px;\n  }\n\n  .ns-ceg-impact-list div {\n    text-align: left;\n    align-items: flex-start;\n  }\n\n  .ns-ceg-final {\n    flex-direction: column;\n  }\n\n  .ns-ceg-final a {\n    width: 100%;\n  }\n\n  .ns-ceg-lightbox {\n    padding: 74px 10px 18px;\n    backdrop-filter: none;\n    -webkit-backdrop-filter: none;\n  }\n\n  .ns-ceg-lightbox img {\n    max-width: 96vw;\n    max-height: 78vh;\n    border-radius: 14px;\n  }\n\n  .ns-ceg-lightbox-close {\n    top: max(12px, env(safe-area-inset-top));\n    right: 12px;\n    width: 50px;\n    height: 50px;\n    font-size: 34px;\n  }\n\n  .ns-ceg-reveal {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n@keyframes nsCegGridMove {\n  from { background-position: 0 0; }\n  to { background-position: 44px 44px; }\n}\n\n@keyframes nsCegBgFloat {\n  0%, 100% { transform: translateY(0); opacity: .75; }\n  50% { transform: translateY(-8px); opacity: 1; }\n}\n\n@keyframes nsCegGlow {\n  0%, 100% { opacity: .55; transform: scale(1); }\n  50% { opacity: .9; transform: scale(1.035); }\n}\n\n@keyframes nsCegCardFloat {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-7px); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ns-ceg-page *,\n  .ns-ceg-page *::before,\n  .ns-ceg-page *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .ns-ceg-reveal {\n    opacity: 1 !important;\n    transform: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const galleryItems = [\n    { title: \"CEG Logo Identity\", img: \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/CEG_logo_transparent_circle.png\" },\n    { title: \"Corporate Website Presentation\", img: \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/CEG-1.png\" },\n    { title: \"Brand Visual Direction\", img: \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-1-2026-11_28_07-PM-1.png\" },\n    { title: \"Engineering Website Sections\", img: \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/CEG1.png\" },\n    { title: \"Corporate Presentation Visual\", img: \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gpt-image-2-medium_a_Create_a_world-class12.png\" },\n    { title: \"Engineering Visual Direction\", img: \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gpt-image-2-medium_a_Create_a_world-class16.png\" },\n    { title: \"Premium Corporate Layout\", img: \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-May-26-2026-02_11_20-AM.png\" },\n    { title: \"World Class Corporate Design\", img: \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gpt-image-2-medium_a_Create_a_world-class4.png\" },\n    { title: \"Premium Green Brand Visual\", img: \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gemini-3-pro-image-preview-2k-nano-banana-pro_a_Create_a_world-class.png\" },\n    { title: \"Corporate Visual System\", img: \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gpt-image-2-medium_a_Create_a_world-class1.png\" },\n    { title: \"Corporate Social Media Design\", img: \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/651796757_122315315630235966_4280767964384214280_n.jpg\" },\n    { title: \"Contracting Social Post\", img: \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/484240359_122226033704235966_3090574099773866182_n.jpg\" },\n    { title: \"Engineering Campaign Visual\", img: \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/637933007_122309760920235966_3900796449788585842_n.jpg\" },\n    { title: \"Premium Corporate Post\", img: \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/723686529_122331758678235966_1130516049655835919_n.jpg\" }\n  ];\n\n  const gallery = document.getElementById(\"nsCegGallery\");\n  const loadWrap = document.getElementById(\"nsCegLoadWrap\");\n  const loadMoreBtn = document.getElementById(\"nsCegLoadMore\");\n  const lightbox = document.getElementById(\"nsCegLightbox\");\n  const lightboxImg = document.getElementById(\"nsCegLightboxImg\");\n  const closeBtn = document.getElementById(\"nsCegClose\");\n\n  const mqMobile = window.matchMedia(\"(max-width: 767px)\");\n  let visibleCount = mqMobile.matches ? 4 : 6;\n  const step = mqMobile.matches ? 4 : 6;\n\n  function supportsObserver() {\n    return \"IntersectionObserver\" in window;\n  }\n\n  function lazyObserveImages(scope) {\n    const imgs = Array.prototype.slice.call((scope || document).querySelectorAll(\"img[data-src]\"));\n\n    if (!imgs.length) return;\n\n    if (!supportsObserver()) {\n      imgs.forEach(loadImg);\n      return;\n    }\n\n    const imgObserver = new IntersectionObserver(function (entries, observer) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          loadImg(entry.target);\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { rootMargin: \"350px 0px\", threshold: 0.01 });\n\n    imgs.forEach(function (img) {\n      imgObserver.observe(img);\n    });\n  }\n\n  function loadImg(img) {\n    if (!img || !img.dataset || !img.dataset.src) return;\n    img.src = img.dataset.src;\n    img.removeAttribute(\"data-src\");\n  }\n\n  function createCard(item) {\n    const card = document.createElement(\"button\");\n    card.type = \"button\";\n    card.className = \"ns-ceg-gallery-card\";\n    card.setAttribute(\"aria-label\", \"Open \" + item.title);\n\n    const media = document.createElement(\"div\");\n    media.className = \"ns-ceg-gallery-media\";\n\n    const img = document.createElement(\"img\");\n    img.alt = item.title;\n    img.dataset.src = item.img;\n    img.loading = \"lazy\";\n    img.decoding = \"async\";\n    img.addEventListener(\"load\", function () {\n      img.classList.add(\"ns-ceg-img-loaded\");\n    });\n\n    const title = document.createElement(\"span\");\n    title.textContent = item.title;\n\n    media.appendChild(img);\n    card.appendChild(media);\n    card.appendChild(title);\n\n    card.addEventListener(\"click\", function () {\n      openLightbox(item.img, item.title);\n    });\n\n    return card;\n  }\n\n  function renderGallery() {\n    if (!gallery) return;\n    gallery.innerHTML = \"\";\n\n    galleryItems.slice(0, visibleCount).forEach(function (item) {\n      gallery.appendChild(createCard(item));\n    });\n\n    lazyObserveImages(gallery);\n\n    if (loadWrap) {\n      loadWrap.hidden = visibleCount >= galleryItems.length;\n    }\n  }\n\n  function initGalleryWhenNeeded() {\n    if (!gallery) return;\n\n    if (!supportsObserver()) {\n      renderGallery();\n      return;\n    }\n\n    const galleryObserver = new IntersectionObserver(function (entries, observer) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          renderGallery();\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { rootMargin: \"450px 0px\", threshold: 0.01 });\n\n    galleryObserver.observe(gallery);\n  }\n\n  function openLightbox(src, alt) {\n    if (!lightbox || !lightboxImg || !src) return;\n    lightboxImg.src = src;\n    lightboxImg.alt = alt || \"CEG Large Preview\";\n    lightbox.classList.add(\"active\");\n    lightbox.setAttribute(\"aria-hidden\", \"false\");\n    document.body.classList.add(\"ns-ceg-lock\");\n  }\n\n  function closeLightbox() {\n    if (!lightbox || !lightboxImg) return;\n    lightbox.classList.remove(\"active\");\n    lightbox.setAttribute(\"aria-hidden\", \"true\");\n    lightboxImg.removeAttribute(\"src\");\n    document.body.classList.remove(\"ns-ceg-lock\");\n  }\n\n  function initReveal() {\n    const reveals = Array.prototype.slice.call(document.querySelectorAll(\".ns-ceg-reveal\"));\n\n    if (!reveals.length) return;\n\n    if (!supportsObserver() || mqMobile.matches) {\n      reveals.forEach(function (item) {\n        item.classList.add(\"ns-ceg-visible\");\n      });\n      return;\n    }\n\n    const observer = new IntersectionObserver(function (entries, obs) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"ns-ceg-visible\");\n          obs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12 });\n\n    reveals.forEach(function (item) {\n      observer.observe(item);\n    });\n  }\n\n  function initShowcaseButtons() {\n    const buttons = Array.prototype.slice.call(document.querySelectorAll(\".ns-ceg-open-image\"));\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener(\"click\", function () {\n        openLightbox(btn.getAttribute(\"data-img\"), \"CEG Showcase Preview\");\n      });\n    });\n  }\n\n  if (loadMoreBtn) {\n    loadMoreBtn.addEventListener(\"click\", function () {\n      visibleCount = Math.min(visibleCount + step, galleryItems.length);\n      renderGallery();\n    });\n  }\n\n  if (closeBtn) {\n    closeBtn.addEventListener(\"click\", closeLightbox);\n  }\n\n  if (lightbox) {\n    lightbox.addEventListener(\"click\", function (event) {\n      if (event.target === lightbox) {\n        closeLightbox();\n      }\n    });\n  }\n\n  document.addEventListener(\"keydown\", function (event) {\n    if (event.key === \"Escape\" && lightbox && lightbox.classList.contains(\"active\")) {\n      closeLightbox();\n    }\n  });\n\n  initReveal();\n  initShowcaseButtons();\n  initGalleryWhenNeeded();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CEG CORPORATE CASE STUDY CEG Contracting Brand A premium corporate project for a contracting and engineering brand, focused on strong visual presence, professional digital identity, website presentation, and modern social media communication. Corporate Identity Contracting Engineering Website Design Social Media \u25ce Visit Website www.cegegypt.com View Gallery \u2193 Start Similar Project \u2197 Engineering \u00b7 Contracting \u00b7 Corporate Presence CEG Contracting &#038; Agencies Corporate Website Presentation Brand Visual Website UI \u25a3Corporate Branding \u25a4Website Presentation PROJECT OVERVIEW Building a Professional Corporate Presence CEG needed a visual direction that reflects trust, structure, engineering quality, and a premium business image. The project focused on creating a strong corporate look suitable for contracting, agencies, website presentation, and professional social media usage. \u25c7 Project Type Corporate Identity Professional visual direction for a contracting and engineering-focused business. \u2726 Visual Style Green Corporate Glass Dark green, glassmorphism, clean layouts, premium shadows, and structured presentation. \u25a7 Deliverables Brand &#038; Digital Assets Logo usage, website visuals, social media posts, campaign images, and presentation assets. SERVICES DELIVERED What Was Created A professional set of digital assets designed to present CEG with a premium, reliable, and engineering-driven image. \u270e Corporate Visual Direction Premium green identity direction, glass-style visuals, and structured business presentation. \u25a4 Website Presentation Modern web visuals and digital sections created to present services in a professional way. \u2197 Social Media Assets Corporate posts and campaign visuals suitable for professional communication and awareness. \u2713 Trust-Based Branding Visuals built around confidence, reliability, engineering quality, and business credibility. PROJECT GALLERY Selected Visuals A curated gallery showing CEG\u2019s corporate visuals, website presentation, social media direction, and engineering-focused brand assets. Load More Images RESULT A Stronger Corporate Digital Image The final direction gives CEG a cleaner, more professional, and more trustworthy visual presence, suitable for presenting contracting services, digital campaigns, and client-facing business materials. \u2713Professional contracting visual direction \u2713Consistent corporate social media style \u2713Premium green glass identity feel \u2713Stronger business presentation online Need a corporate identity like this? Let\u2019s create a premium digital presence for your company. Start a Project \u2192 \u00d7<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2865","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/2865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/comments?post=2865"}],"version-history":[{"count":49,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/2865\/revisions"}],"predecessor-version":[{"id":3998,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/2865\/revisions\/3998"}],"wp:attachment":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/media?parent=2865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}