{"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-12T21:14:27","modified_gmt":"2026-07-12T21:14:27","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 Clear Gallery Case Study -->\n<section class=\"ceg-clear\" id=\"cegClear\">\n\n  <div class=\"ceg-clear__separator\"><span><\/span><\/div>\n\n  <div class=\"ceg-clear__container\">\n\n    <header class=\"ceg-clear__header\">\n      <div class=\"ceg-clear__brand\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/CEG_logo_transparent_circle.png\" alt=\"CEG Logo\">\n        <div>\n          <span>CONTRACTING &amp; AGENCIES<\/span>\n          <h1>CEG<\/h1>\n        <\/div>\n      <\/div>\n\n      <div class=\"ceg-clear__intro\">\n        <span>CORPORATE CASE STUDY<\/span>\n        <h2>Professional digital identity for an engineering and contracting brand.<\/h2>\n        <p>\n          A focused presentation of CEG\u2019s corporate visuals, website direction and social media work.\n          The gallery is the main part of the page\u2014clear, large and easy to browse.\n        <\/p>\n\n        <div class=\"ceg-clear__actions\">\n          <a href=\"#cegClearGallery\" class=\"ceg-clear__btn ceg-clear__btn--main\">View Gallery<\/a>\n          <a href=\"https:\/\/cegegypt.com\/\" target=\"_blank\" rel=\"noopener\" class=\"ceg-clear__btn ceg-clear__btn--line\">Visit Website<\/a>\n        <\/div>\n      <\/div>\n    <\/header>\n\n    <section class=\"ceg-clear__gallery-section\" id=\"cegClearGallery\">\n      <div class=\"ceg-clear__gallery-head\">\n        <div>\n          <span>PROJECT GALLERY<\/span>\n          <h2>Selected Visuals<\/h2>\n        <\/div>\n        <p>12 clear project visuals displayed in a direct three-column gallery.<\/p>\n      <\/div>\n\n      <div class=\"ceg-clear__gallery\">\n        \n      <button class=\"ceg-clear-card\" type=\"button\" data-index=\"0\" aria-label=\"Open Corporate Presentation\">\n        <div class=\"ceg-clear-card__image\">\n          <img src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\" alt=\"Corporate Presentation\" loading=\"eager\" decoding=\"async\">\n          <span class=\"ceg-clear-card__zoom\">\u2197<\/span>\n        <\/div>\n        <div class=\"ceg-clear-card__caption\">\n          <strong>Corporate Presentation<\/strong>\n          <span>01<\/span>\n        <\/div>\n      <\/button>\n    \n      <button class=\"ceg-clear-card\" type=\"button\" data-index=\"1\" aria-label=\"Open Engineering Visual\">\n        <div class=\"ceg-clear-card__image\">\n          <img src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\" alt=\"Engineering Visual\" loading=\"eager\" decoding=\"async\">\n          <span class=\"ceg-clear-card__zoom\">\u2197<\/span>\n        <\/div>\n        <div class=\"ceg-clear-card__caption\">\n          <strong>Engineering Visual<\/strong>\n          <span>02<\/span>\n        <\/div>\n      <\/button>\n    \n      <button class=\"ceg-clear-card\" type=\"button\" data-index=\"2\" aria-label=\"Open CEG Visual 01\">\n        <div class=\"ceg-clear-card__image\">\n          <img src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-1.jpg\" alt=\"CEG Visual 01\" loading=\"eager\" decoding=\"async\">\n          <span class=\"ceg-clear-card__zoom\">\u2197<\/span>\n        <\/div>\n        <div class=\"ceg-clear-card__caption\">\n          <strong>CEG Visual 01<\/strong>\n          <span>03<\/span>\n        <\/div>\n      <\/button>\n    \n      <button class=\"ceg-clear-card\" type=\"button\" data-index=\"3\" aria-label=\"Open CEG Visual 02\">\n        <div class=\"ceg-clear-card__image\">\n          <img src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-2.jpg\" alt=\"CEG Visual 02\" loading=\"lazy\" decoding=\"async\">\n          <span class=\"ceg-clear-card__zoom\">\u2197<\/span>\n        <\/div>\n        <div class=\"ceg-clear-card__caption\">\n          <strong>CEG Visual 02<\/strong>\n          <span>04<\/span>\n        <\/div>\n      <\/button>\n    \n      <button class=\"ceg-clear-card\" type=\"button\" data-index=\"4\" aria-label=\"Open CEG Visual 03\">\n        <div class=\"ceg-clear-card__image\">\n          <img src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-3.jpg\" alt=\"CEG Visual 03\" loading=\"lazy\" decoding=\"async\">\n          <span class=\"ceg-clear-card__zoom\">\u2197<\/span>\n        <\/div>\n        <div class=\"ceg-clear-card__caption\">\n          <strong>CEG Visual 03<\/strong>\n          <span>05<\/span>\n        <\/div>\n      <\/button>\n    \n      <button class=\"ceg-clear-card\" type=\"button\" data-index=\"5\" aria-label=\"Open CEG Visual 04\">\n        <div class=\"ceg-clear-card__image\">\n          <img src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-4.jpg\" alt=\"CEG Visual 04\" loading=\"lazy\" decoding=\"async\">\n          <span class=\"ceg-clear-card__zoom\">\u2197<\/span>\n        <\/div>\n        <div class=\"ceg-clear-card__caption\">\n          <strong>CEG Visual 04<\/strong>\n          <span>06<\/span>\n        <\/div>\n      <\/button>\n    \n      <button class=\"ceg-clear-card\" type=\"button\" data-index=\"6\" aria-label=\"Open CEG Visual 05\">\n        <div class=\"ceg-clear-card__image\">\n          <img src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-5.jpg\" alt=\"CEG Visual 05\" loading=\"lazy\" decoding=\"async\">\n          <span class=\"ceg-clear-card__zoom\">\u2197<\/span>\n        <\/div>\n        <div class=\"ceg-clear-card__caption\">\n          <strong>CEG Visual 05<\/strong>\n          <span>07<\/span>\n        <\/div>\n      <\/button>\n    \n      <button class=\"ceg-clear-card\" type=\"button\" data-index=\"7\" aria-label=\"Open CEG Visual 06\">\n        <div class=\"ceg-clear-card__image\">\n          <img src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-6.jpg\" alt=\"CEG Visual 06\" loading=\"lazy\" decoding=\"async\">\n          <span class=\"ceg-clear-card__zoom\">\u2197<\/span>\n        <\/div>\n        <div class=\"ceg-clear-card__caption\">\n          <strong>CEG Visual 06<\/strong>\n          <span>08<\/span>\n        <\/div>\n      <\/button>\n    \n      <button class=\"ceg-clear-card\" type=\"button\" data-index=\"8\" aria-label=\"Open CEG Visual 07\">\n        <div class=\"ceg-clear-card__image\">\n          <img src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-7.jpg\" alt=\"CEG Visual 07\" loading=\"lazy\" decoding=\"async\">\n          <span class=\"ceg-clear-card__zoom\">\u2197<\/span>\n        <\/div>\n        <div class=\"ceg-clear-card__caption\">\n          <strong>CEG Visual 07<\/strong>\n          <span>09<\/span>\n        <\/div>\n      <\/button>\n    \n      <button class=\"ceg-clear-card\" type=\"button\" data-index=\"9\" aria-label=\"Open CEG Visual 08\">\n        <div class=\"ceg-clear-card__image\">\n          <img src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-8.jpg\" alt=\"CEG Visual 08\" loading=\"lazy\" decoding=\"async\">\n          <span class=\"ceg-clear-card__zoom\">\u2197<\/span>\n        <\/div>\n        <div class=\"ceg-clear-card__caption\">\n          <strong>CEG Visual 08<\/strong>\n          <span>10<\/span>\n        <\/div>\n      <\/button>\n    \n      <button class=\"ceg-clear-card\" type=\"button\" data-index=\"10\" aria-label=\"Open CEG Visual 09\">\n        <div class=\"ceg-clear-card__image\">\n          <img src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-9.jpg\" alt=\"CEG Visual 09\" loading=\"lazy\" decoding=\"async\">\n          <span class=\"ceg-clear-card__zoom\">\u2197<\/span>\n        <\/div>\n        <div class=\"ceg-clear-card__caption\">\n          <strong>CEG Visual 09<\/strong>\n          <span>11<\/span>\n        <\/div>\n      <\/button>\n    \n      <button class=\"ceg-clear-card\" type=\"button\" data-index=\"11\" aria-label=\"Open CEG Visual 10\">\n        <div class=\"ceg-clear-card__image\">\n          <img src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-10.jpg\" alt=\"CEG Visual 10\" loading=\"lazy\" decoding=\"async\">\n          <span class=\"ceg-clear-card__zoom\">\u2197<\/span>\n        <\/div>\n        <div class=\"ceg-clear-card__caption\">\n          <strong>CEG Visual 10<\/strong>\n          <span>12<\/span>\n        <\/div>\n      <\/button>\n    \n      <\/div>\n    <\/section>\n\n    <section class=\"ceg-clear__details\">\n      <article>\n        <span>01<\/span>\n        <h3>Corporate Identity<\/h3>\n        <p>Professional green direction with clean layouts and strong visual hierarchy.<\/p>\n      <\/article>\n\n      <article>\n        <span>02<\/span>\n        <h3>Website Presentation<\/h3>\n        <p>Structured digital sections designed to communicate services and credibility.<\/p>\n      <\/article>\n\n      <article>\n        <span>03<\/span>\n        <h3>Social Media<\/h3>\n        <p>Consistent corporate visuals for campaigns, announcements and business communication.<\/p>\n      <\/article>\n    <\/section>\n\n    <section class=\"ceg-clear__final\">\n      <div>\n        <span>CEG PROJECT<\/span>\n        <h2>Strong corporate presentation without unnecessary visual noise.<\/h2>\n      <\/div>\n      <a href=\"https:\/\/nadersaied.com\/contact\/\" class=\"ceg-clear__btn ceg-clear__btn--main\">Start a Similar Project<\/a>\n    <\/section>\n\n  <\/div>\n<\/section>\n\n<div class=\"ceg-clear-lightbox\" id=\"cegClearLightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n  <div class=\"ceg-clear-lightbox__backdrop\"><\/div>\n\n  <button class=\"ceg-clear-lightbox__close\" type=\"button\" aria-label=\"Close\">\u00d7<\/button>\n  <button class=\"ceg-clear-lightbox__nav ceg-clear-lightbox__prev\" type=\"button\" aria-label=\"Previous\">\u2039<\/button>\n\n  <div class=\"ceg-clear-lightbox__stage\">\n    <img decoding=\"async\" class=\"ceg-clear-lightbox__image\" src=\"\" alt=\"\">\n    <div class=\"ceg-clear-lightbox__caption\">\n      <strong><\/strong>\n      <span><\/span>\n    <\/div>\n  <\/div>\n\n  <button class=\"ceg-clear-lightbox__nav ceg-clear-lightbox__next\" type=\"button\" aria-label=\"Next\">\u203a<\/button>\n\n  <div class=\"ceg-clear-lightbox__thumbs\">\n    \n      <button type=\"button\" data-index=\"0\" aria-label=\"Open image 1\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\" alt=\"\">\n      <\/button>\n    \n      <button type=\"button\" data-index=\"1\" aria-label=\"Open image 2\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\" alt=\"\">\n      <\/button>\n    \n      <button type=\"button\" data-index=\"2\" aria-label=\"Open image 3\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-1.jpg\" alt=\"\">\n      <\/button>\n    \n      <button type=\"button\" data-index=\"3\" aria-label=\"Open image 4\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-2.jpg\" alt=\"\">\n      <\/button>\n    \n      <button type=\"button\" data-index=\"4\" aria-label=\"Open image 5\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-3.jpg\" alt=\"\">\n      <\/button>\n    \n      <button type=\"button\" data-index=\"5\" aria-label=\"Open image 6\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-4.jpg\" alt=\"\">\n      <\/button>\n    \n      <button type=\"button\" data-index=\"6\" aria-label=\"Open image 7\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-5.jpg\" alt=\"\">\n      <\/button>\n    \n      <button type=\"button\" data-index=\"7\" aria-label=\"Open image 8\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-6.jpg\" alt=\"\">\n      <\/button>\n    \n      <button type=\"button\" data-index=\"8\" aria-label=\"Open image 9\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-7.jpg\" alt=\"\">\n      <\/button>\n    \n      <button type=\"button\" data-index=\"9\" aria-label=\"Open image 10\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-8.jpg\" alt=\"\">\n      <\/button>\n    \n      <button type=\"button\" data-index=\"10\" aria-label=\"Open image 11\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-9.jpg\" alt=\"\">\n      <\/button>\n    \n      <button type=\"button\" data-index=\"11\" aria-label=\"Open image 12\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-10.jpg\" alt=\"\">\n      <\/button>\n    \n  <\/div>\n<\/div>\n\n<style>\n.ceg-clear,\n.ceg-clear *,\n.ceg-clear-lightbox,\n.ceg-clear-lightbox * {\n  box-sizing:border-box;\n}\n\n.ceg-clear {\n  --bg:#07110c;\n  --bg2:#0c2016;\n  --green:#67d79d;\n  --green-soft:#c6f5dc;\n  --gold:#f4cb71;\n  --white:#ffffff;\n  --muted:rgba(255,255,255,.64);\n  --line:rgba(255,255,255,.11);\n\n  position:relative;\n  overflow:hidden;\n  padding:84px 5% 76px;\n  color:var(--white);\n  background:\n    radial-gradient(circle at 85% 10%,rgba(103,215,157,.13),transparent 28%),\n    linear-gradient(145deg,var(--bg),var(--bg2) 62%,var(--bg));\n  font-family:Inter,Poppins,Arial,sans-serif;\n}\n\n.ceg-clear::before {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n  opacity:.14;\n  background-image:\n    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);\n  background-size:54px 54px;\n}\n\n.ceg-clear__separator {\n  position:absolute;\n  top:0;\n  left:50%;\n  width:min(86%,1150px);\n  height:2px;\n  transform:translateX(-50%);\n  background:linear-gradient(90deg,transparent,rgba(244,203,113,.4),var(--gold),rgba(244,203,113,.4),transparent);\n  box-shadow:0 0 18px rgba(244,203,113,.28);\n}\n\n.ceg-clear__separator span {\n  position:absolute;\n  top:-7px;\n  left:50%;\n  width:14px;\n  height:14px;\n  transform:translateX(-50%) rotate(45deg);\n  border:2px solid var(--gold);\n  background:#09160f;\n  box-shadow:0 0 15px rgba(244,203,113,.5);\n}\n\n.ceg-clear__container {\n  position:relative;\n  z-index:2;\n  width:min(1380px,100%);\n  margin:0 auto;\n}\n\n.ceg-clear__header {\n  display:grid;\n  grid-template-columns:.7fr 1.3fr;\n  gap:72px;\n  align-items:end;\n  padding:30px 0 78px;\n  border-bottom:1px solid var(--line);\n}\n\n.ceg-clear__brand {\n  display:flex;\n  align-items:center;\n  gap:18px;\n}\n\n.ceg-clear__brand img {\n  width:130px;\n  height:130px;\n  object-fit:contain;\n}\n\n.ceg-clear__brand span,\n.ceg-clear__intro > span,\n.ceg-clear__gallery-head span,\n.ceg-clear__final span {\n  color:var(--gold);\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:2.4px;\n}\n\n.ceg-clear__brand h1 {\n  margin:8px 0 0;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(68px,7vw,108px);\n  line-height:.8;\n  font-weight:500;\n}\n\n.ceg-clear__intro h2 {\n  margin:14px 0 18px;\n  max-width:860px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(38px,4.8vw,70px);\n  line-height:1.05;\n  font-weight:500;\n}\n\n.ceg-clear__intro p {\n  max-width:760px;\n  margin:0;\n  color:var(--muted);\n  font-size:15px;\n  line-height:1.85;\n}\n\n.ceg-clear__actions {\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-top:28px;\n}\n\n.ceg-clear__btn {\n  min-height:52px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 24px;\n  border-radius:12px;\n  text-decoration:none !important;\n  font-size:12px;\n  font-weight:800;\n  transition:transform .25s ease;\n}\n\n.ceg-clear__btn:hover {\n  transform:translateY(-3px);\n}\n\n.ceg-clear__btn--main {\n  background:linear-gradient(135deg,var(--green),#9ce9c0);\n  color:#06130c !important;\n}\n\n.ceg-clear__btn--line {\n  border:1px solid rgba(255,255,255,.18);\n  color:#fff !important;\n  background:rgba(255,255,255,.035);\n}\n\n.ceg-clear__gallery-section {\n  padding:82px 0 96px;\n}\n\n.ceg-clear__gallery-head {\n  display:flex;\n  align-items:end;\n  justify-content:space-between;\n  gap:30px;\n  margin-bottom:34px;\n}\n\n.ceg-clear__gallery-head h2 {\n  margin:9px 0 0;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(42px,5vw,72px);\n  line-height:1;\n  font-weight:500;\n}\n\n.ceg-clear__gallery-head p {\n  max-width:430px;\n  margin:0;\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.8;\n}\n\n.ceg-clear__gallery {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:20px;\n}\n\n.ceg-clear-card {\n  display:block;\n  width:100%;\n  padding:0;\n  border:0;\n  background:transparent;\n  color:#fff;\n  text-align:left;\n  cursor:zoom-in;\n}\n\n.ceg-clear-card__image {\n  position:relative;\n  overflow:hidden;\n  width:100%;\n  aspect-ratio:1\/1;\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:18px;\n  background:#0b1b12;\n}\n\n.ceg-clear-card__image img {\n  width:100%;\n  height:100%;\n  display:block;\n  object-fit:cover;\n  transition:transform .45s ease;\n}\n\n.ceg-clear-card:hover img {\n  transform:scale(1.035);\n}\n\n.ceg-clear-card__zoom {\n  position:absolute;\n  right:14px;\n  bottom:14px;\n  width:42px;\n  height:42px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border:1px solid rgba(255,255,255,.22);\n  border-radius:50%;\n  background:rgba(5,15,9,.76);\n  color:#fff;\n  font-size:20px;\n  backdrop-filter:blur(8px);\n}\n\n.ceg-clear-card__caption {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:14px;\n  padding:14px 2px 0;\n}\n\n.ceg-clear-card__caption strong {\n  font-size:14px;\n}\n\n.ceg-clear-card__caption span {\n  color:var(--gold);\n  font-size:10px;\n}\n\n.ceg-clear__details {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:18px;\n  padding:0 0 88px;\n}\n\n.ceg-clear__details article {\n  padding:26px 0;\n  border-top:1px solid var(--line);\n}\n\n.ceg-clear__details span {\n  color:var(--green);\n  font-size:10px;\n  font-weight:900;\n}\n\n.ceg-clear__details h3 {\n  margin:13px 0 9px;\n  font-size:22px;\n}\n\n.ceg-clear__details p {\n  margin:0;\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.8;\n}\n\n.ceg-clear__final {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:28px;\n  padding:34px;\n  border:1px solid rgba(244,203,113,.14);\n  border-radius:20px;\n  background:rgba(255,255,255,.035);\n}\n\n.ceg-clear__final h2 {\n  max-width:820px;\n  margin:9px 0 0;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(28px,3vw,46px);\n  line-height:1.25;\n  font-weight:500;\n}\n\n\/* Lightbox *\/\n.ceg-clear-lightbox {\n  position:fixed;\n  inset:0;\n  z-index:9999999;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  visibility:hidden;\n  opacity:0;\n  pointer-events:none;\n  transition:.2s ease;\n}\n\n.ceg-clear-lightbox.is-open {\n  visibility:visible;\n  opacity:1;\n  pointer-events:auto;\n}\n\n.ceg-clear-lightbox__backdrop {\n  position:absolute;\n  inset:0;\n  background:rgba(2,8,5,.97);\n  backdrop-filter:blur(14px);\n}\n\n.ceg-clear-lightbox__stage {\n  position:relative;\n  z-index:2;\n  width:min(86vw,1300px);\n  height:calc(100vh - 160px);\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  gap:12px;\n}\n\n.ceg-clear-lightbox__image {\n  max-width:100%;\n  max-height:calc(100% - 44px);\n  object-fit:contain;\n}\n\n.ceg-clear-lightbox__caption {\n  display:flex;\n  align-items:center;\n  gap:14px;\n  color:#fff;\n}\n\n.ceg-clear-lightbox__caption strong {\n  font-size:12px;\n}\n\n.ceg-clear-lightbox__caption span {\n  color:var(--gold);\n  font-size:10px;\n}\n\n.ceg-clear-lightbox__close,\n.ceg-clear-lightbox__nav {\n  position:fixed;\n  z-index:5;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border:1px solid rgba(255,255,255,.18);\n  background:#0b1b12;\n  color:#fff;\n  cursor:pointer;\n}\n\n.ceg-clear-lightbox__close {\n  top:14px;\n  right:14px;\n  width:52px;\n  height:52px;\n  border-radius:50%;\n  font-size:34px;\n}\n\n.ceg-clear-lightbox__nav {\n  top:50%;\n  width:52px;\n  height:64px;\n  margin-top:-32px;\n  border-radius:999px;\n  font-size:38px;\n}\n\n.ceg-clear-lightbox__prev { left:16px; }\n.ceg-clear-lightbox__next { right:16px; }\n\n.ceg-clear-lightbox__thumbs {\n  position:fixed;\n  right:0;\n  bottom:0;\n  left:0;\n  z-index:4;\n  display:flex;\n  justify-content:center;\n  gap:7px;\n  overflow-x:auto;\n  padding:10px 14px 14px;\n  background:linear-gradient(0deg,rgba(2,8,5,.98),transparent);\n}\n\n.ceg-clear-lightbox__thumbs button {\n  flex:0 0 46px;\n  width:46px;\n  height:46px;\n  padding:0;\n  overflow:hidden;\n  border:2px solid transparent;\n  border-radius:8px;\n  background:transparent;\n  opacity:.42;\n}\n\n.ceg-clear-lightbox__thumbs button.active {\n  border-color:var(--gold);\n  opacity:1;\n}\n\n.ceg-clear-lightbox__thumbs img {\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n\nbody.ceg-clear-lock {\n  overflow:hidden !important;\n}\n\n@media(max-width:1024px) {\n  .ceg-clear__header {\n    grid-template-columns:1fr;\n    gap:40px;\n  }\n\n  .ceg-clear__gallery {\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .ceg-clear__details {\n    grid-template-columns:1fr;\n  }\n}\n\n@media(max-width:767px) {\n  .ceg-clear {\n    padding:58px 14px 48px;\n  }\n\n  .ceg-clear__brand img {\n    width:92px;\n    height:92px;\n  }\n\n  .ceg-clear__brand h1 {\n    font-size:70px;\n  }\n\n  .ceg-clear__intro h2 {\n    font-size:34px;\n  }\n\n  .ceg-clear__actions {\n    display:grid;\n    grid-template-columns:1fr;\n  }\n\n  .ceg-clear__btn {\n    width:100%;\n  }\n\n  .ceg-clear__gallery-head {\n    display:block;\n  }\n\n  .ceg-clear__gallery-head p {\n    margin-top:13px;\n  }\n\n  .ceg-clear__gallery {\n    grid-template-columns:1fr;\n    gap:18px;\n  }\n\n  .ceg-clear__final {\n    flex-direction:column;\n    align-items:stretch;\n    text-align:center;\n  }\n\n  .ceg-clear-lightbox__stage {\n    width:100vw;\n    height:100dvh;\n    padding:66px 8px 104px;\n  }\n\n  .ceg-clear-lightbox__nav {\n    top:auto;\n    bottom:62px;\n    width:44px;\n    height:44px;\n    margin:0;\n  }\n\n  .ceg-clear-lightbox__prev { left:10px; }\n  .ceg-clear-lightbox__next { right:10px; }\n}\n\n\/* =========================================================\n   DESKTOP BRAND COMPOSITION \u2014 centered logo above CEG\n   ========================================================= *\/\n@media (min-width: 1025px) {\n  .ceg-clear__brand {\n    min-height: 430px;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    text-align: center;\n  }\n\n  .ceg-clear__brand img {\n    width: 230px;\n    height: 230px;\n    margin: 0 auto;\n    object-fit: contain;\n    filter:\n      drop-shadow(0 22px 46px rgba(0,0,0,.38))\n      drop-shadow(0 0 26px rgba(103,215,157,.16));\n  }\n\n  .ceg-clear__brand > div {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .ceg-clear__brand span {\n    order: 1;\n    margin: 0 0 12px;\n    font-size: 11px;\n    letter-spacing: 2.8px;\n    white-space: nowrap;\n  }\n\n  .ceg-clear__brand h1 {\n    order: 2;\n    margin: 0;\n    font-size: clamp(86px, 8vw, 128px);\n    line-height: .78;\n    letter-spacing: -4px;\n  }\n\n  .ceg-clear__header {\n    grid-template-columns: .72fr 1.28fr;\n    align-items: center;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE BRAND COMPOSITION \u2014 centered logo above CEG\n   ========================================================= *\/\n@media (max-width: 767px) {\n  .ceg-clear__header {\n    grid-template-columns: 1fr;\n    gap: 30px;\n    text-align: center;\n  }\n\n  .ceg-clear__brand {\n    min-height: auto;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    text-align: center;\n  }\n\n  .ceg-clear__brand img {\n    width: 142px;\n    height: 142px;\n    margin: 0 auto;\n    object-fit: contain;\n    filter:\n      drop-shadow(0 18px 34px rgba(0,0,0,.35))\n      drop-shadow(0 0 20px rgba(103,215,157,.14));\n  }\n\n  .ceg-clear__brand > div {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .ceg-clear__brand span {\n    order: 1;\n    margin: 0 0 8px;\n    font-size: 9px;\n    letter-spacing: 2.1px;\n    white-space: nowrap;\n  }\n\n  .ceg-clear__brand h1 {\n    order: 2;\n    margin: 0;\n    font-size: 74px;\n    line-height: .82;\n    letter-spacing: -3px;\n  }\n\n  .ceg-clear__intro {\n    text-align: left;\n  }\n\n  .ceg-clear__intro > span {\n    display: block;\n    margin-bottom: 12px;\n  }\n}\n\n@media (max-width: 390px) {\n  .ceg-clear__brand img {\n    width: 126px;\n    height: 126px;\n  }\n\n  .ceg-clear__brand h1 {\n    font-size: 66px;\n  }\n\n  .ceg-clear__brand span {\n    font-size: 8px;\n    letter-spacing: 1.7px;\n  }\n}\n\n\n\/* Bigger mobile logo so it visually dominates the CEG text *\/\n@media (max-width: 767px) {\n  .ceg-clear__brand img {\n    width: 190px !important;\n    height: 190px !important;\n  }\n\n  .ceg-clear__brand h1 {\n    font-size: 66px !important;\n  }\n}\n\n@media (max-width: 390px) {\n  .ceg-clear__brand img {\n    width: 172px !important;\n    height: 172px !important;\n  }\n\n  .ceg-clear__brand h1 {\n    font-size: 60px !important;\n  }\n}\n\n<\/style>\n\n<script>\n(function(){\n  const page=document.getElementById(\"cegClear\");\n  const lightbox=document.getElementById(\"cegClearLightbox\");\n  if(!page||!lightbox)return;\n\n  const items=[\n    {title:\"Corporate Presentation\",src:\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\"},\n{title:\"Engineering Visual\",src:\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\"},\n{title:\"CEG Visual 01\",src:\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-1.jpg\"},\n{title:\"CEG Visual 02\",src:\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-2.jpg\"},\n{title:\"CEG Visual 03\",src:\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-3.jpg\"},\n{title:\"CEG Visual 04\",src:\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-4.jpg\"},\n{title:\"CEG Visual 05\",src:\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-5.jpg\"},\n{title:\"CEG Visual 06\",src:\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-6.jpg\"},\n{title:\"CEG Visual 07\",src:\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-7.jpg\"},\n{title:\"CEG Visual 08\",src:\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-8.jpg\"},\n{title:\"CEG Visual 09\",src:\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-9.jpg\"},\n{title:\"CEG Visual 10\",src:\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-10.jpg\"}\n  ];\n\n  const cards=Array.from(page.querySelectorAll(\".ceg-clear-card\"));\n  const image=lightbox.querySelector(\".ceg-clear-lightbox__image\");\n  const title=lightbox.querySelector(\".ceg-clear-lightbox__caption strong\");\n  const count=lightbox.querySelector(\".ceg-clear-lightbox__caption span\");\n  const close=lightbox.querySelector(\".ceg-clear-lightbox__close\");\n  const prev=lightbox.querySelector(\".ceg-clear-lightbox__prev\");\n  const next=lightbox.querySelector(\".ceg-clear-lightbox__next\");\n  const backdrop=lightbox.querySelector(\".ceg-clear-lightbox__backdrop\");\n  const thumbs=Array.from(lightbox.querySelectorAll(\".ceg-clear-lightbox__thumbs button\"));\n\n  let active=0;\n  let touchStart=0;\n\n  function update(){\n    const item=items[active];\n    image.src=item.src;\n    image.alt=item.title;\n    title.textContent=item.title;\n    count.textContent=String(active+1).padStart(2,\"0\")+\" \/ \"+String(items.length).padStart(2,\"0\");\n    thumbs.forEach((btn,i)=>btn.classList.toggle(\"active\",i===active));\n  }\n\n  function open(index){\n    active=index;\n    update();\n    lightbox.classList.add(\"is-open\");\n    lightbox.setAttribute(\"aria-hidden\",\"false\");\n    document.body.classList.add(\"ceg-clear-lock\");\n    setTimeout(()=>close.focus(),80);\n  }\n\n  function closeBox(){\n    lightbox.classList.remove(\"is-open\");\n    lightbox.setAttribute(\"aria-hidden\",\"true\");\n    document.body.classList.remove(\"ceg-clear-lock\");\n  }\n\n  function move(dir){\n    active=(active+dir+items.length)%items.length;\n    update();\n  }\n\n  cards.forEach((card,i)=>card.addEventListener(\"click\",()=>open(i)));\n  thumbs.forEach(btn=>btn.addEventListener(\"click\",()=>{active=Number(btn.dataset.index);update();}));\n\n  close.addEventListener(\"click\",closeBox);\n  backdrop.addEventListener(\"click\",closeBox);\n  prev.addEventListener(\"click\",()=>move(-1));\n  next.addEventListener(\"click\",()=>move(1));\n\n  document.addEventListener(\"keydown\",e=>{\n    if(!lightbox.classList.contains(\"is-open\"))return;\n    if(e.key===\"Escape\")closeBox();\n    if(e.key===\"ArrowLeft\")move(-1);\n    if(e.key===\"ArrowRight\")move(1);\n  });\n\n  image.addEventListener(\"touchstart\",e=>touchStart=e.changedTouches[0].clientX,{passive:true});\n  image.addEventListener(\"touchend\",e=>{\n    const diff=e.changedTouches[0].clientX-touchStart;\n    if(Math.abs(diff)<45)return;\n    move(diff>0?-1:1);\n  },{passive:true});\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>CONTRACTING &amp; AGENCIES CEG CORPORATE CASE STUDY Professional digital identity for an engineering and contracting brand. A focused presentation of CEG\u2019s corporate visuals, website direction and social media work. The gallery is the main part of the page\u2014clear, large and easy to browse. View Gallery Visit Website PROJECT GALLERY Selected Visuals 12 clear project visuals displayed in a direct three-column gallery. \u2197 Corporate Presentation 01 \u2197 Engineering Visual 02 \u2197 CEG Visual 01 03 \u2197 CEG Visual 02 04 \u2197 CEG Visual 03 05 \u2197 CEG Visual 04 06 \u2197 CEG Visual 05 07 \u2197 CEG Visual 06 08 \u2197 CEG Visual 07 09 \u2197 CEG Visual 08 10 \u2197 CEG Visual 09 11 \u2197 CEG Visual 10 12 01 Corporate Identity Professional green direction with clean layouts and strong visual hierarchy. 02 Website Presentation Structured digital sections designed to communicate services and credibility. 03 Social Media Consistent corporate visuals for campaigns, announcements and business communication. CEG PROJECT Strong corporate presentation without unnecessary visual noise. Start a Similar Project \u00d7 \u2039 \u203a<\/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":61,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/2865\/revisions"}],"predecessor-version":[{"id":4238,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/2865\/revisions\/4238"}],"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}]}}