{"id":164,"date":"2026-10-05T18:03:11","date_gmt":"2026-10-05T18:03:11","guid":{"rendered":"https:\/\/o-media.com.pk\/?page_id=164"},"modified":"2026-10-21T12:55:43","modified_gmt":"2026-10-21T12:55:43","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/o-media.com.pk\/?page_id=164","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"164\" class=\"elementor elementor-164\">\n\t\t\t\t<div class=\"elementor-element elementor-element-604f9f5 e-con-full e-flex e-con e-parent\" data-id=\"604f9f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b34f39 elementor-widget elementor-widget-html\" data-id=\"5b34f39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- O-MEDIA COMMUNICATION | PORTFOLIO PAGE -->\r\n<style>\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\");\r\n\r\n#omedia-portfolio{\r\n  width:100vw;max-width:none;\r\n  margin-left:calc(50% - 50vw);\r\n  position:relative;overflow:hidden;\r\n  --red:#C5003D;\r\n  --red-dark:#9E0031;\r\n  --black:#2F3335;\r\n  --gray-rgb:47,51,53;\r\n  --text:#4A4F52;\r\n  --white:#fff;\r\n  --soft:#F5F5F3;\r\n  --line:rgba(47,51,53,.16);\r\n  font-family:Manrope,Arial,sans-serif;\r\n  font-size:16px;line-height:1.6;\r\n  color:var(--black);background:#fff;\r\n}\r\n#omedia-portfolio *,\r\n#omedia-portfolio *::before,\r\n#omedia-portfolio *::after{box-sizing:border-box}\r\n#omedia-portfolio h1,\r\n#omedia-portfolio h2,\r\n#omedia-portfolio h3,\r\n#omedia-portfolio h4,\r\n#omedia-portfolio p{margin:0;padding:0}\r\n#omedia-portfolio h1,\r\n#omedia-portfolio h2,\r\n#omedia-portfolio h3{\r\n  font-family:Manrope,Arial,sans-serif;\r\n  font-weight:800;text-transform:uppercase;\r\n  overflow-wrap:break-word;\r\n}\r\n#omedia-portfolio a{color:inherit;text-decoration:none}\r\n#omedia-portfolio button{font-family:inherit}\r\n#omedia-portfolio img{display:block}\r\n#omedia-portfolio .om-w{\r\n  width:min(1240px,calc(100% - 48px));\r\n  margin:auto;\r\n}\r\n#omedia-portfolio .om-label{\r\n  display:flex;align-items:center;gap:12px;\r\n  color:var(--red);font-size:11px;font-weight:800;\r\n  text-transform:uppercase;letter-spacing:.16em;\r\n}\r\n#omedia-portfolio .om-label::before{\r\n  content:\"\";width:34px;height:2px;\r\n  background:var(--red);flex-shrink:0;\r\n}\r\n#omedia-portfolio .om-hero .om-label,\r\n#omedia-portfolio .om-cta .om-label{color:#fff}\r\n#omedia-portfolio .om-cta .om-label::before{background:#fff}\r\n\r\n\/* HEADER *\/\r\n#omedia-portfolio .om-header{\r\n  position:fixed;top:0;left:0;width:100%;\r\n  z-index:9999;color:#fff;\r\n  transition:background .3s ease;\r\n}\r\n#omedia-portfolio .om-header.omedia-solid,\r\n#omedia-portfolio .om-header.omedia-open{\r\n  background:rgba(var(--gray-rgb),.97);\r\n  backdrop-filter:blur(15px);\r\n}\r\n#omedia-portfolio .om-head{\r\n  height:76px;display:flex;align-items:center;\r\n  justify-content:space-between;gap:20px;\r\n}\r\n#omedia-portfolio .om-nav{\r\n  display:flex;align-items:center;\r\n  gap:30px;margin-left:auto;\r\n}\r\n#omedia-portfolio .om-nav a{\r\n  position:relative;color:#fff;font-size:13px;\r\n  font-weight:600;letter-spacing:.01em;\r\n  padding:8px 0;opacity:1;\r\n}\r\n#omedia-portfolio .om-nav a::after{\r\n  content:\"\";position:absolute;left:0;bottom:0;\r\n  width:0;height:2px;background:var(--red);\r\n  transition:width .25s ease;\r\n}\r\n#omedia-portfolio .om-nav a:hover::after,\r\n#omedia-portfolio .om-nav a.active::after{width:100%}\r\n#omedia-portfolio .om-start{\r\n  display:inline-flex;align-items:center;justify-content:center;\r\n  min-height:46px;padding:0 23px;\r\n  background:var(--red);color:#fff;\r\n  border:0;border-radius:0;\r\n  font-size:12px;font-weight:800;letter-spacing:.06em;\r\n  text-transform:uppercase;transition:all .25s ease;\r\n}\r\n#omedia-portfolio .om-start:hover{\r\n  background:var(--red-dark);color:#fff;\r\n  transform:translateY(-2px);\r\n}\r\n#omedia-portfolio .om-burger{\r\n  display:none;width:44px;height:44px;padding:10px;\r\n  border:0;background:transparent;cursor:pointer;\r\n}\r\n#omedia-portfolio .om-burger i{\r\n  display:block;width:100%;height:2px;\r\n  margin:5px 0;background:#fff;transition:.25s ease;\r\n}\r\n#omedia-portfolio .om-mobile{display:none}\r\n\r\n\/* LOGO *\/\r\n#omedia-portfolio .om-logo{\r\n  display:inline-flex;align-items:center;flex-shrink:0;\r\n  margin:0;padding:0;line-height:1;\r\n}\r\n#omedia-portfolio .om-logo-img{\r\n  display:block;width:auto;max-width:none;\r\n}\r\n#omedia-portfolio .om-header .om-logo-img{height:56px}\r\n\r\n\/* HERO *\/\r\n#omedia-portfolio .om-hero{\r\n  position:relative;min-height:620px;\r\n  display:flex;align-items:flex-end;overflow:hidden;\r\n  background:var(--black);color:#fff;\r\n}\r\n#omedia-portfolio .om-hero-bg{\r\n  position:absolute;inset:0;\r\n  background-size:cover;background-position:center;\r\n}\r\n#omedia-portfolio .om-hero-bg::after{\r\n  content:\"\";position:absolute;inset:0;\r\n  background:linear-gradient(\r\n    90deg,\r\n    rgba(var(--gray-rgb),.94),\r\n    rgba(var(--gray-rgb),.70) 55%,\r\n    rgba(var(--gray-rgb),.42)\r\n  );\r\n}\r\n#omedia-portfolio .om-hero-content{\r\n  position:relative;z-index:2;\r\n  padding-top:160px;padding-bottom:90px;\r\n}\r\n#omedia-portfolio .om-hero .om-label{margin-bottom:24px}\r\n#omedia-portfolio .om-hero h1{\r\n  max-width:1000px;color:#fff;\r\n  font-size:clamp(40px,6.5vw,90px);\r\n  line-height:1;letter-spacing:-.045em;\r\n}\r\n#omedia-portfolio .om-hero h1 span{display:block;color:#fff}\r\n\r\n\/* FILTERS *\/\r\n#omedia-portfolio .om-filter-wrap{\r\n  background:#fff;border-bottom:1px solid var(--line);\r\n}\r\n#omedia-portfolio .om-filters{\r\n  display:flex;align-items:center;gap:9px;\r\n  flex-wrap:wrap;min-height:92px;\r\n}\r\n#omedia-portfolio .om-filters button{\r\n  appearance:none;padding:12px 19px;\r\n  border:1px solid transparent;background:transparent;\r\n  color:var(--black);font-size:11px;font-weight:800;\r\n  letter-spacing:.08em;text-transform:uppercase;\r\n  cursor:pointer;transition:.25s;\r\n}\r\n#omedia-portfolio .om-filters button:hover{\r\n  border-color:var(--red);color:var(--red);\r\n}\r\n#omedia-portfolio .om-filters button.active{\r\n  background:var(--red);border-color:var(--red);color:#fff;\r\n}\r\n\r\n\/* INTRO *\/\r\n#omedia-portfolio .om-intro{\r\n  padding:110px 0 80px;background:#fff;\r\n}\r\n#omedia-portfolio .om-intro-grid{\r\n  display:grid;grid-template-columns:1fr 1.3fr;\r\n  gap:75px;align-items:end;\r\n}\r\n#omedia-portfolio .om-intro h2{\r\n  margin-top:22px;color:var(--black);\r\n  font-size:clamp(36px,4.5vw,62px);\r\n  line-height:1;letter-spacing:-.05em;\r\n}\r\n#omedia-portfolio .om-intro h2::after{\r\n  content:\"\";display:block;width:75px;height:5px;\r\n  margin-top:25px;background:var(--red);\r\n}\r\n#omedia-portfolio .om-intro p{\r\n  max-width:650px;padding-left:28px;\r\n  border-left:3px solid var(--red);\r\n  color:var(--text);font-size:16px;line-height:1.85;\r\n}\r\n\r\n\/* PROJECTS *\/\r\n#omedia-portfolio .om-projects{\r\n  padding:10px 0 125px;background:#fff;\r\n}\r\n#omedia-portfolio .om-project{\r\n  margin-bottom:135px;padding-top:55px;\r\n  border-top:1px solid var(--line);\r\n}\r\n#omedia-portfolio .om-project:last-child{margin-bottom:0}\r\n#omedia-portfolio .om-project.hidden{display:none}\r\n#omedia-portfolio .om-project-grid{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.75fr) minmax(290px,.72fr);\r\n  gap:65px;align-items:start;\r\n}\r\n#omedia-portfolio .om-project:nth-child(even) .om-project-grid{\r\n  grid-template-columns:minmax(290px,.72fr) minmax(0,1.75fr);\r\n}\r\n#omedia-portfolio .om-project:nth-child(even) .om-project-info{\r\n  order:-1;\r\n}\r\n\r\n\/* GALLERY *\/\r\n#omedia-portfolio .om-gallery{min-width:0}\r\n#omedia-portfolio .om-main-image{\r\n  position:relative;aspect-ratio:16\/10;\r\n  overflow:hidden;background:var(--black);\r\n}\r\n#omedia-portfolio .om-main-image img{\r\n  width:100%;height:100%;object-fit:cover;\r\n  transition:transform .65s;\r\n}\r\n#omedia-portfolio .om-project:hover .om-main-image img{\r\n  transform:scale(1.035);\r\n}\r\n#omedia-portfolio .om-image-label{\r\n  position:absolute;left:20px;bottom:20px;z-index:2;\r\n  padding:9px 13px;\r\n  background:rgba(var(--gray-rgb),.92);\r\n  border-left:3px solid var(--red);\r\n  color:#fff;font-size:10px;font-weight:800;\r\n  letter-spacing:.08em;text-transform:uppercase;\r\n}\r\n#omedia-portfolio .om-city-grid{\r\n  display:grid;gap:14px;margin-top:14px;\r\n}\r\n#omedia-portfolio .city-1{grid-template-columns:1fr}\r\n#omedia-portfolio .city-2{grid-template-columns:repeat(2,1fr)}\r\n#omedia-portfolio .city-3{grid-template-columns:repeat(3,1fr)}\r\n#omedia-portfolio .om-city{\r\n  position:relative;aspect-ratio:4\/3;\r\n  overflow:hidden;background:var(--black);\r\n}\r\n#omedia-portfolio .om-city img{\r\n  width:100%;height:100%;object-fit:cover;\r\n  transition:transform .5s;\r\n}\r\n#omedia-portfolio .om-city:hover img{transform:scale(1.07)}\r\n#omedia-portfolio .om-city span{\r\n  position:absolute;bottom:0;left:0;right:0;\r\n  padding:30px 12px 11px;color:#fff;\r\n  font-size:9px;font-weight:800;\r\n  letter-spacing:.08em;text-transform:uppercase;\r\n  background:linear-gradient(transparent,rgba(0,0,0,.85));\r\n}\r\n\r\n\/* PROJECT INFORMATION *\/\r\n#omedia-portfolio .om-project-info{\r\n  position:sticky;top:120px;\r\n  min-width:0;padding-top:5px;\r\n}\r\n#omedia-portfolio .om-project-no{\r\n  display:flex;align-items:center;gap:14px;\r\n  margin-bottom:28px;color:var(--red);\r\n  font-size:12px;font-weight:800;letter-spacing:.14em;\r\n}\r\n#omedia-portfolio .om-project-no::after{\r\n  content:\"\";width:45px;height:2px;background:var(--red);\r\n}\r\n#omedia-portfolio .om-project-info h3{\r\n  color:var(--black);\r\n  font-size:clamp(32px,3.5vw,52px);\r\n  line-height:1;letter-spacing:-.04em;\r\n}\r\n#omedia-portfolio .om-project-category{\r\n  display:inline-block;margin-top:20px;\r\n  padding:9px 13px;background:var(--red);color:#fff;\r\n  font-size:10px;font-weight:800;\r\n  letter-spacing:.12em;text-transform:uppercase;\r\n}\r\n#omedia-portfolio .om-project-desc{\r\n  max-width:390px;margin-top:27px;\r\n  color:var(--text);font-size:14px;line-height:1.85;\r\n}\r\n#omedia-portfolio .om-project-cities{\r\n  margin-top:35px;padding-top:25px;\r\n  border-top:1px solid var(--line);\r\n}\r\n#omedia-portfolio .om-project-cities strong{\r\n  display:block;margin-bottom:10px;color:var(--black);\r\n  font-size:10px;font-weight:800;\r\n  letter-spacing:.14em;text-transform:uppercase;\r\n}\r\n#omedia-portfolio .om-project-cities span{\r\n  color:var(--text);font-size:13px;\r\n}\r\n\r\n\/* CTA *\/\r\n#omedia-portfolio .om-cta{\r\n  position:relative;overflow:hidden;\r\n  padding:120px 0;background:var(--red);color:#fff;\r\n}\r\n#omedia-portfolio .om-cta::after{\r\n  content:\"O\";position:absolute;right:-30px;bottom:-150px;\r\n  color:rgba(0,0,0,.08);font-size:480px;font-weight:800;\r\n  line-height:1;pointer-events:none;\r\n}\r\n#omedia-portfolio .om-cta-content{position:relative;z-index:2}\r\n#omedia-portfolio .om-cta h2{\r\n  max-width:18ch;margin:22px 0 28px;color:#fff;\r\n  font-size:clamp(38px,5.6vw,80px);\r\n  line-height:.98;letter-spacing:-.04em;\r\n}\r\n#omedia-portfolio .om-cta p{\r\n  max-width:52ch;margin-bottom:34px;\r\n  color:rgba(255,255,255,.95);font-size:17px;\r\n}\r\n#omedia-portfolio .om-cta-button{\r\n  display:inline-flex;padding:15px 24px;\r\n  background:var(--black);color:#fff;\r\n  font-size:11px;font-weight:800;\r\n  text-transform:uppercase;letter-spacing:.08em;\r\n  border:1px solid var(--black);transition:.25s;\r\n}\r\n#omedia-portfolio .om-cta-button:hover{\r\n  background:#fff;color:var(--red);border-color:#fff;\r\n}\r\n\r\n\/* FOOTER *\/\r\n#omedia-portfolio .om-footer{\r\n  position:relative;background:var(--black);color:#fff;\r\n  padding:45px 0 18px;line-height:normal;\r\n  border-top:4px solid var(--red);\r\n}\r\n#omedia-portfolio .om-footer a{color:inherit}\r\n#omedia-portfolio .om-footer-grid{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.5fr) minmax(0,1.2fr) minmax(0,1fr);\r\n  gap:50px;align-items:start;padding-bottom:34px;\r\n  border-bottom:1px solid rgba(255,255,255,.18);\r\n}\r\n#omedia-portfolio .om-footer-grid > div{\r\n  min-width:0;margin:0!important;padding:0!important;\r\n  align-self:start!important;\r\n}\r\n#omedia-portfolio .om-footer-company{\r\n  display:flex!important;\r\n  flex-direction:column!important;\r\n  align-items:flex-start!important;\r\n  justify-content:flex-start!important;\r\n  gap:0!important;\r\n}\r\n\r\n\/* FOOTER LOGO ALIGNMENT *\/\r\n#omedia-portfolio .om-footer-company > .om-logo{\r\n  display:flex;\r\n  align-items:center;\r\n  height:50px;\r\n  max-width:100%;\r\n  position:static;\r\n  margin:0;\r\n  padding:0;\r\n  transform:none;\r\n}\r\n#omedia-portfolio .om-footer .om-logo-img{\r\n  display:block;\r\n  height:50px;\r\n  width:auto;\r\n  max-width:100%;\r\n  object-fit:contain;\r\n  position:static;\r\n  transform:none;\r\n}\r\n#omedia-portfolio .om-footer-brand{\r\n  margin:0!important;padding:0!important;\r\n}\r\n#omedia-portfolio .om-footer-brand p{\r\n  max-width:440px;\r\n  margin:20px 0 0!important;padding:0!important;\r\n  color:rgba(255,255,255,.82);\r\n  font-size:14px;line-height:1.75;\r\n}\r\n\r\n\/* SAME HEIGHT AS LOGO *\/\r\n#omedia-portfolio .om-footer h4{\r\n  position:relative;\r\n  min-height:50px;\r\n  display:flex;\r\n  align-items:center;\r\n  margin:0 0 18px!important;\r\n  padding:0!important;\r\n  color:#fff;\r\n  font-size:11px;line-height:1.5;\r\n  font-weight:800;letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n}\r\n#omedia-portfolio .om-footer h4::after{\r\n  content:\"\";position:absolute;left:0;bottom:0;\r\n  width:26px;height:2px;background:var(--red);\r\n}\r\n#omedia-portfolio .om-footer-two{\r\n  display:grid;grid-template-columns:1fr 1fr;\r\n  gap:30px;align-items:start;\r\n}\r\n#omedia-portfolio .om-footer-two > div{\r\n  margin:0!important;padding:0!important;\r\n}\r\n#omedia-portfolio .om-footer-links{\r\n  display:flex;flex-direction:column;gap:0;\r\n}\r\n#omedia-portfolio .om-footer-links a{\r\n  display:block;width:max-content;max-width:100%;\r\n  margin-bottom:10px;color:rgba(255,255,255,.82);\r\n  font-size:13px;line-height:1.5;\r\n  transition:color .2s ease;\r\n}\r\n#omedia-portfolio .om-footer-links a:hover{color:#fff}\r\n#omedia-portfolio .om-footer address{\r\n  margin-top:2px!important;padding-top:0!important;\r\n  color:rgba(255,255,255,.82);\r\n  font-size:13px;font-style:normal;line-height:1.75;\r\n}\r\n#omedia-portfolio .om-footer-bottom{\r\n  padding-top:18px;text-align:center;\r\n  color:rgba(255,255,255,.65);\r\n  font-size:11px;letter-spacing:.05em;\r\n}\r\n\r\n\/* ANIMATION *\/\r\n#omedia-portfolio .reveal{\r\n  opacity:0;transform:translateY(30px);\r\n  transition:opacity .8s ease,transform .8s ease;\r\n}\r\n#omedia-portfolio .reveal.show{opacity:1;transform:none}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:1100px){\r\n  #omedia-portfolio .om-project-grid,\r\n  #omedia-portfolio .om-project:nth-child(even) .om-project-grid{\r\n    grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr);\r\n    gap:40px;\r\n  }\r\n}\r\n@media(max-width:1000px){\r\n  #omedia-portfolio .om-nav{gap:18px}\r\n  #omedia-portfolio .om-start{padding:0 15px}\r\n  #omedia-portfolio .om-footer-grid{gap:35px}\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:860px){\r\n  #omedia-portfolio .om-w{width:min(100% - 34px,1280px)}\r\n  #omedia-portfolio .om-nav,\r\n  #omedia-portfolio .om-head > .om-start{display:none}\r\n  #omedia-portfolio .om-burger{display:block}\r\n  #omedia-portfolio .om-mobile{\r\n    display:flex;position:absolute;\r\n    left:0;top:76px;width:100%;\r\n    padding:20px 22px 28px;\r\n    background:rgba(var(--gray-rgb),.98);\r\n    flex-direction:column;gap:0;\r\n    transform:translateY(-15px);\r\n    opacity:0;visibility:hidden;\r\n    pointer-events:none;transition:.25s ease;\r\n  }\r\n  #omedia-portfolio .om-header.omedia-open .om-mobile{\r\n    transform:none;opacity:1;\r\n    visibility:visible;pointer-events:auto;\r\n  }\r\n  #omedia-portfolio .om-mobile > a:not(.om-start){\r\n    padding:15px 0;color:#fff;\r\n    border-bottom:1px solid rgba(255,255,255,.12);\r\n    font-size:14px;font-weight:700;\r\n  }\r\n  #omedia-portfolio .om-mobile .om-start{\r\n    display:inline-flex;width:100%;margin-top:18px;\r\n  }\r\n  #omedia-portfolio .om-header.omedia-open .om-burger i:nth-child(1){\r\n    transform:translateY(7px) rotate(45deg);\r\n  }\r\n  #omedia-portfolio .om-header.omedia-open .om-burger i:nth-child(2){\r\n    opacity:0;\r\n  }\r\n  #omedia-portfolio .om-header.omedia-open .om-burger i:nth-child(3){\r\n    transform:translateY(-7px) rotate(-45deg);\r\n  }\r\n  #omedia-portfolio .om-intro-grid{\r\n    grid-template-columns:1fr;gap:28px;\r\n  }\r\n  #omedia-portfolio .om-project-grid,\r\n  #omedia-portfolio .om-project:nth-child(even) .om-project-grid{\r\n    grid-template-columns:1fr;gap:35px;\r\n  }\r\n  #omedia-portfolio .om-project:nth-child(even) .om-project-info{\r\n    order:initial;\r\n  }\r\n  #omedia-portfolio .om-project-info{position:static}\r\n  #omedia-portfolio .om-footer-grid{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n  #omedia-portfolio .om-footer-grid > div:first-child{\r\n    grid-column:1\/-1;\r\n  }\r\n}\r\n@media(max-width:560px){\r\n  #omedia-portfolio .om-header .om-logo-img{height:48px}\r\n  #omedia-portfolio .om-footer .om-logo-img{height:44px}\r\n  #omedia-portfolio .om-head{height:72px}\r\n  #omedia-portfolio .om-mobile{top:72px}\r\n  #omedia-portfolio .om-hero{min-height:490px}\r\n  #omedia-portfolio .om-hero-content{padding:130px 0 65px}\r\n  #omedia-portfolio .om-hero h1{\r\n    font-size:clamp(35px,9vw,48px);\r\n  }\r\n  #omedia-portfolio .om-filters{\r\n    min-height:auto;padding:18px 0;gap:6px;\r\n  }\r\n  #omedia-portfolio .om-filters button{\r\n    padding:9px 12px;font-size:9px;\r\n  }\r\n  #omedia-portfolio .om-intro{padding:75px 0 55px}\r\n  #omedia-portfolio .om-intro p{padding-left:20px}\r\n  #omedia-portfolio .om-project{\r\n    margin-bottom:90px;padding-top:40px;\r\n  }\r\n  #omedia-portfolio .om-projects{padding-bottom:90px}\r\n  #omedia-portfolio .om-project-info h3{\r\n    font-size:clamp(34px,10vw,45px);\r\n  }\r\n  #omedia-portfolio .om-city-grid,\r\n  #omedia-portfolio .city-2,\r\n  #omedia-portfolio .city-3{\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:9px;margin-top:9px;\r\n  }\r\n  #omedia-portfolio .om-city span{\r\n    padding:25px 8px 7px;font-size:8px;\r\n  }\r\n  #omedia-portfolio .om-cta{padding:85px 0}\r\n  #omedia-portfolio .om-footer-grid{\r\n    grid-template-columns:1fr;gap:32px;\r\n  }\r\n  #omedia-portfolio .om-footer-grid > div:first-child{\r\n    grid-column:auto;\r\n  }\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  #omedia-portfolio *{transition:none!important}\r\n  #omedia-portfolio .reveal{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n\r\n<div id=\"omedia-portfolio\">\r\n\r\n<!-- HEADER -->\r\n<header class=\"om-header\">\r\n  <div class=\"om-w om-head\">\r\n    <a class=\"om-logo\" data-u=\"home\" href=\"\/\" aria-label=\"O-media Communication\">\r\n      <img decoding=\"async\" class=\"om-logo-img\" src=\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/O-Media-Communication-Logo-Recolored.png\" alt=\"O-media Communication\">\r\n    <\/a>\r\n\r\n    <nav class=\"om-nav\" aria-label=\"O-media Communication\">\r\n      <a data-u=\"home\" href=\"\/\">Home<\/a>\r\n      <a data-u=\"about\" href=\"\/about-us\/\">About Us<\/a>\r\n      <a data-u=\"services\" href=\"\/services\/\">Services<\/a>\r\n      <a data-u=\"clientele\" href=\"\/clientele\/\">Clientele<\/a>\r\n      <a data-u=\"portfolio\" href=\"\/portfolio\/\" class=\"active\">Portfolio<\/a>\r\n      <a data-u=\"contact\" href=\"\/contact\/\">Contact<\/a>\r\n    <\/nav>\r\n\r\n    <a class=\"om-start\" data-u=\"contact\" href=\"\/contact\/\">Start a Project<\/a>\r\n\r\n    <button class=\"om-burger\" type=\"button\" aria-label=\"Menu\" aria-expanded=\"false\">\r\n      <i><\/i><i><\/i><i><\/i>\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <nav class=\"om-mobile\">\r\n    <a data-u=\"home\" href=\"\/\">Home<\/a>\r\n    <a data-u=\"about\" href=\"\/about-us\/\">About Us<\/a>\r\n    <a data-u=\"services\" href=\"\/services\/\">Services<\/a>\r\n    <a data-u=\"clientele\" href=\"\/clientele\/\">Clientele<\/a>\r\n    <a data-u=\"portfolio\" href=\"\/portfolio\/\" class=\"active\">Portfolio<\/a>\r\n    <a data-u=\"contact\" href=\"\/contact\/\">Contact<\/a>\r\n    <a class=\"om-start\" data-u=\"contact\" href=\"\/contact\/\">Start a Project<\/a>\r\n  <\/nav>\r\n<\/header>\r\n\r\n<!-- HERO -->\r\n<section class=\"om-hero\">\r\n  <div class=\"om-hero-bg\" data-img=\"portfolio-hero\"><\/div>\r\n  <div class=\"om-w om-hero-content\">\r\n    <div class=\"om-label\">Portfolio<\/div>\r\n    <h1>Campaigns that <span>made an impact.<\/span><\/h1>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FILTERS -->\r\n<div class=\"om-filter-wrap\">\r\n  <div class=\"om-w\">\r\n    <div class=\"om-filters\">\r\n      <button type=\"button\" class=\"active\" data-filter=\"all\">All<\/button>\r\n      <button type=\"button\" data-filter=\"billboards\">Billboards<\/button>\r\n      <button type=\"button\" data-filter=\"branding\">Branding<\/button>\r\n      <button type=\"button\" data-filter=\"ambient\">Ambient<\/button>\r\n      <button type=\"button\" data-filter=\"campaigns\">Campaigns<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- INTRO -->\r\n<section class=\"om-intro\">\r\n  <div class=\"om-w\">\r\n    <div class=\"om-intro-grid reveal\">\r\n      <div>\r\n        <div class=\"om-label\">Selected Work<\/div>\r\n        <h2>Work built<br>to be seen.<\/h2>\r\n      <\/div>\r\n      <p>\r\n        From high-impact outdoor campaigns to memorable brand\r\n        experiences, our work connects brands with people across\r\n        Pakistan. Explore selected campaigns and the cities where\r\n        they made their mark.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- PROJECTS -->\r\n<section class=\"om-projects\">\r\n<div class=\"om-w\">\r\n\r\n<!-- JAZZ -->\r\n<article class=\"om-project reveal\" data-cat=\"billboards campaigns\">\r\n  <div class=\"om-project-grid\">\r\n    <div class=\"om-gallery\">\r\n      <div class=\"om-main-image\">\r\n        <img data-img=\"jazz-lahore-1\" alt=\"Jazz Campaign Lahore 1\" loading=\"lazy\">\r\n        <span class=\"om-image-label\">Lahore \u2014 01<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"om-city-grid city-3\">\r\n        <div class=\"om-city\">\r\n          <img data-img=\"jazz-lahore-2\" alt=\"Jazz Lahore 2\" loading=\"lazy\">\r\n          <span>Lahore \u2014 02<\/span>\r\n        <\/div>\r\n        <div class=\"om-city\">\r\n          <img data-img=\"jazz-karachi-1\" alt=\"Jazz Karachi 1\" loading=\"lazy\">\r\n          <span>Karachi \u2014 01<\/span>\r\n        <\/div>\r\n        <div class=\"om-city\">\r\n          <img data-img=\"jazz-karachi-2\" alt=\"Jazz Karachi 2\" loading=\"lazy\">\r\n          <span>Karachi \u2014 02<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"om-city-grid city-2\">\r\n        <div class=\"om-city\">\r\n          <img data-img=\"jazz-karachi-3\" alt=\"Jazz Karachi 3\" loading=\"lazy\">\r\n          <span>Karachi \u2014 03<\/span>\r\n        <\/div>\r\n        <div class=\"om-city\">\r\n          <img data-img=\"jazz-multan-1\" alt=\"Jazz Multan\" loading=\"lazy\">\r\n          <span>Multan \u2014 01<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"om-project-info\">\r\n      <div class=\"om-project-no\">01<\/div>\r\n      <h3>Jazz<\/h3>\r\n      <span class=\"om-project-category\">OOH Campaign<\/span>\r\n      <p class=\"om-project-desc\">\r\n        High-visibility outdoor communication designed to deliver\r\n        strong brand presence across multiple high-traffic markets.\r\n      <\/p>\r\n      <div class=\"om-project-cities\">\r\n        <strong>Campaign Cities<\/strong>\r\n        <span>Lahore \/ Karachi \/ Multan<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/article>\r\n\r\n<!-- PEPSI -->\r\n<article class=\"om-project reveal\" data-cat=\"billboards\">\r\n  <div class=\"om-project-grid\">\r\n    <div class=\"om-gallery\">\r\n      <div class=\"om-main-image\">\r\n        <img data-img=\"pepsi-lahore-1\" alt=\"Pepsi Lahore 1\" loading=\"lazy\">\r\n        <span class=\"om-image-label\">Lahore \u2014 01<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"om-city-grid city-3\">\r\n        <div class=\"om-city\">\r\n          <img data-img=\"pepsi-lahore-2\" alt=\"Pepsi Lahore 2\" loading=\"lazy\">\r\n          <span>Lahore \u2014 02<\/span>\r\n        <\/div>\r\n        <div class=\"om-city\">\r\n          <img data-img=\"pepsi-fsd-1\" alt=\"Pepsi Faisalabad\" loading=\"lazy\">\r\n          <span>Faisalabad \u2014 01<\/span>\r\n        <\/div>\r\n        <div class=\"om-city\">\r\n          <img data-img=\"pepsi-karachi-1\" alt=\"Pepsi Karachi 1\" loading=\"lazy\">\r\n          <span>Karachi \u2014 01<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"om-city-grid city-1\">\r\n        <div class=\"om-city\">\r\n          <img data-img=\"pepsi-karachi-2\" alt=\"Pepsi Karachi 2\" loading=\"lazy\">\r\n          <span>Karachi \u2014 02<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"om-project-info\">\r\n      <div class=\"om-project-no\">02<\/div>\r\n      <h3>Pepsi<\/h3>\r\n      <span class=\"om-project-category\">Billboards<\/span>\r\n      <p class=\"om-project-desc\">\r\n        Bold outdoor brand visibility created around strategic\r\n        locations and high-frequency audience movement.\r\n      <\/p>\r\n      <div class=\"om-project-cities\">\r\n        <strong>Campaign Cities<\/strong>\r\n        <span>Lahore \/ Faisalabad \/ Karachi<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/article>\r\n\r\n<!-- UBER -->\r\n<article class=\"om-project reveal\" data-cat=\"branding\">\r\n  <div class=\"om-project-grid\">\r\n    <div class=\"om-gallery\">\r\n      <div class=\"om-main-image\">\r\n        <img data-img=\"uber-lahore-1\" alt=\"Uber Lahore 1\" loading=\"lazy\">\r\n        <span class=\"om-image-label\">Lahore \u2014 01<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"om-city-grid city-3\">\r\n        <div class=\"om-city\">\r\n          <img data-img=\"uber-lahore-2\" alt=\"Uber Lahore 2\" loading=\"lazy\">\r\n          <span>Lahore \u2014 02<\/span>\r\n        <\/div>\r\n        <div class=\"om-city\">\r\n          <img data-img=\"uber-karachi-1\" alt=\"Uber Karachi 1\" loading=\"lazy\">\r\n          <span>Karachi \u2014 01<\/span>\r\n        <\/div>\r\n        <div class=\"om-city\">\r\n          <img data-img=\"uber-karachi-2\" alt=\"Uber Karachi 2\" loading=\"lazy\">\r\n          <span>Karachi \u2014 02<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"om-project-info\">\r\n      <div class=\"om-project-no\">03<\/div>\r\n      <h3>Uber<\/h3>\r\n      <span class=\"om-project-category\">Branding<\/span>\r\n      <p class=\"om-project-desc\">\r\n        City-focused brand visibility combining creative\r\n        execution with strong urban presence.\r\n      <\/p>\r\n      <div class=\"om-project-cities\">\r\n        <strong>Campaign Cities<\/strong>\r\n        <span>Lahore \/ Karachi<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/article>\r\n\r\n<!-- HALEEB -->\r\n<article class=\"om-project reveal\" data-cat=\"campaigns billboards\">\r\n  <div class=\"om-project-grid\">\r\n    <div class=\"om-gallery\">\r\n      <div class=\"om-main-image\">\r\n        <img data-img=\"haleeb-lahore-1\" alt=\"Haleeb Lahore 1\" loading=\"lazy\">\r\n        <span class=\"om-image-label\">Lahore \u2014 01<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"om-city-grid city-3\">\r\n        <div class=\"om-city\">\r\n          <img data-img=\"haleeb-lahore-2\" alt=\"Haleeb Lahore 2\" loading=\"lazy\">\r\n          <span>Lahore \u2014 02<\/span>\r\n        <\/div>\r\n        <div class=\"om-city\">\r\n          <img data-img=\"haleeb-lahore-3\" alt=\"Haleeb Lahore 3\" loading=\"lazy\">\r\n          <span>Lahore \u2014 03<\/span>\r\n        <\/div>\r\n        <div class=\"om-city\">\r\n          <img data-img=\"haleeb-karachi-1\" alt=\"Haleeb Karachi\" loading=\"lazy\">\r\n          <span>Karachi \u2014 01<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"om-city-grid city-2\">\r\n        <div class=\"om-city\">\r\n          <img data-img=\"haleeb-islamabad-1\" alt=\"Haleeb Islamabad\" loading=\"lazy\">\r\n          <span>Islamabad \u2014 01<\/span>\r\n        <\/div>\r\n        <div class=\"om-city\">\r\n          <img data-img=\"haleeb-rawalpindi-1\" alt=\"Haleeb Rawalpindi\" loading=\"lazy\">\r\n          <span>Rawalpindi \u2014 01<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"om-project-info\">\r\n      <div class=\"om-project-no\">04<\/div>\r\n      <h3>Haleeb<\/h3>\r\n      <span class=\"om-project-category\">Campaign<\/span>\r\n      <p class=\"om-project-desc\">\r\n        A multi-city outdoor campaign designed to create\r\n        consistent visibility while adapting the brand\r\n        presence to different urban environments.\r\n      <\/p>\r\n      <div class=\"om-project-cities\">\r\n        <strong>Campaign Cities<\/strong>\r\n        <span>Lahore \/ Karachi \/ Islamabad \/ Rawalpindi<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/article>\r\n\r\n<!-- UNILEVER -->\r\n<article class=\"om-project reveal\" data-cat=\"ambient campaigns\">\r\n  <div class=\"om-project-grid\">\r\n    <div class=\"om-gallery\">\r\n      <div class=\"om-main-image\">\r\n        <img data-img=\"unilever-lahore-1\" alt=\"Unilever Lahore 1\" loading=\"lazy\">\r\n        <span class=\"om-image-label\">Lahore \u2014 01<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"om-city-grid city-3\">\r\n        <div class=\"om-city\">\r\n          <img data-img=\"unilever-lahore-2\" alt=\"Unilever Lahore 2\" loading=\"lazy\">\r\n          <span>Lahore \u2014 02<\/span>\r\n        <\/div>\r\n        <div class=\"om-city\">\r\n          <img data-img=\"unilever-lahore-3\" alt=\"Unilever Lahore 3\" loading=\"lazy\">\r\n          <span>Lahore \u2014 03<\/span>\r\n        <\/div>\r\n        <div class=\"om-city\">\r\n          <img data-img=\"unilever-islamabad-1\" alt=\"Unilever Islamabad\" loading=\"lazy\">\r\n          <span>Islamabad \u2014 01<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"om-city-grid city-1\">\r\n        <div class=\"om-city\">\r\n          <img data-img=\"unilever-gujrat-1\" alt=\"Unilever Gujrat\" loading=\"lazy\">\r\n          <span>Gujrat \u2014 01<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"om-project-info\">\r\n      <div class=\"om-project-no\">05<\/div>\r\n      <h3>Unilever<\/h3>\r\n      <span class=\"om-project-category\">Ambient Campaign<\/span>\r\n      <p class=\"om-project-desc\">\r\n        Creative brand placements designed to interrupt\r\n        ordinary environments and turn everyday spaces\r\n        into memorable brand touchpoints.\r\n      <\/p>\r\n      <div class=\"om-project-cities\">\r\n        <strong>Campaign Cities<\/strong>\r\n        <span>Lahore \/ Islamabad \/ Gujrat<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/article>\r\n\r\n<!-- CANDYLAND -->\r\n<article class=\"om-project reveal\" data-cat=\"branding ambient\">\r\n  <div class=\"om-project-grid\">\r\n    <div class=\"om-gallery\">\r\n      <div class=\"om-main-image\">\r\n        <img data-img=\"candyland-lahore-1\" alt=\"Candyland Lahore\" loading=\"lazy\">\r\n        <span class=\"om-image-label\">Lahore \u2014 01<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"om-city-grid city-1\">\r\n        <div class=\"om-city\">\r\n          <img data-img=\"candyland-multan-1\" alt=\"Candyland Multan\" loading=\"lazy\">\r\n          <span>Multan \u2014 01<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"om-project-info\">\r\n      <div class=\"om-project-no\">06<\/div>\r\n      <h3>Candyland<\/h3>\r\n      <span class=\"om-project-category\">Branding<\/span>\r\n      <p class=\"om-project-desc\">\r\n        Playful and highly visible brand execution created\r\n        to bring product personality into physical spaces.\r\n      <\/p>\r\n      <div class=\"om-project-cities\">\r\n        <strong>Campaign Cities<\/strong>\r\n        <span>Lahore \/ Multan<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/article>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- CTA -->\r\n<section class=\"om-cta\">\r\n  <div class=\"om-w\">\r\n    <div class=\"om-cta-content\">\r\n      <div class=\"om-label reveal\">Have a campaign in mind?<\/div>\r\n      <h2 class=\"reveal\">Let's make your brand impossible to ignore.<\/h2>\r\n      <p class=\"reveal\">\r\n        Tell us what you want to achieve and we'll build\r\n        a communication strategy designed to make an impact.\r\n      <\/p>\r\n      <a class=\"om-cta-button reveal\" href=\"\/contact\/\">Start a Project<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer class=\"om-footer\">\r\n  <div class=\"om-w\">\r\n    <div class=\"om-footer-grid\">\r\n\r\n      <div class=\"om-footer-company\">\r\n        <a class=\"om-logo\" data-u=\"home\" href=\"\/\" aria-label=\"O-media Communication\">\r\n          <img decoding=\"async\" class=\"om-logo-img\" src=\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/O-Media-Communication-Logo-Recolored.png\" alt=\"O-media Communication\">\r\n        <\/a>\r\n\r\n        <div class=\"om-footer-brand\">\r\n          <p>\r\n            We place your story directly into the daily path\r\n            of millions, replacing static outdoor guesswork\r\n            with precision physical reach. No wasted\r\n            impressions, no dark sites, just full-spectrum\r\n            visibility built to drive measurable enterprise value.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div>\r\n        <div class=\"om-footer-two\">\r\n          <div>\r\n            <h4>Links<\/h4>\r\n            <div class=\"om-footer-links\">\r\n              <a href=\"\/about-us\/\">Why Us<\/a>\r\n              <a href=\"\/services\/\">Our Services<\/a>\r\n              <a href=\"\/clientele\/\">Trusted By<\/a>\r\n              <a href=\"\/portfolio\/\">Our Work<\/a>\r\n              <a href=\"\/\">Our Approach<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div>\r\n            <h4>Follow Us<\/h4>\r\n            <div class=\"om-footer-links\">\r\n              <a href=\"https:\/\/www.facebook.com\/omediapk\" target=\"_blank\" rel=\"noopener\">Facebook<\/a>\r\n              <a href=\"https:\/\/www.linkedin.com\/company\/o-media-communication\/home\/\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a>\r\n              <a href=\"\/contact\/\">Inquiries<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div>\r\n        <h4>Contact<\/h4>\r\n        <div class=\"om-footer-links\">\r\n          <a href=\"mailto:info@o-media.com.pk\">info@o-media.com.pk<\/a>\r\n          <a href=\"tel:+923205630555\">0320 56 30 555<\/a>\r\n        <\/div>\r\n        <address>\r\n          173-D, 4th Floor Commercial Broadway,<br>\r\n          DHA Phase 8, Lahore\r\n        <\/address>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"om-footer-bottom\">\r\n      &copy; 2026 O-media Communication. All Rights Reserved.\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var root=document.getElementById(\"omedia-portfolio\");\r\n  if(!root) return;\r\n\r\n  \/* PORTFOLIO IMAGES *\/\r\n  var IMG={\r\n    \"portfolio-hero\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/Cinematic-Media-Collage-with-Red-Accents.png\",\r\n\r\n    \"jazz-lahore-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-20-at-07.39.57.jpeg\",\r\n    \"jazz-lahore-2\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/b.jpg\",\r\n    \"jazz-karachi-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/c.png\",\r\n    \"jazz-karachi-2\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/d.jpg\",\r\n    \"jazz-karachi-3\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/e.png\",\r\n    \"jazz-multan-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/f.png\",\r\n\r\n    \"pepsi-lahore-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/g.jpg\",\r\n    \"pepsi-lahore-2\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/h.png\",\r\n    \"pepsi-fsd-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/i.jpg\",\r\n    \"pepsi-karachi-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/j.jpg\",\r\n    \"pepsi-karachi-2\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/k.jpg\",\r\n\r\n    \"uber-lahore-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/l.jpg\",\r\n    \"uber-lahore-2\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/m.jpg\",\r\n    \"uber-karachi-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/n.png\",\r\n    \"uber-karachi-2\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/o.jpg\",\r\n\r\n    \"haleeb-lahore-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/p.jpg\",\r\n    \"haleeb-lahore-2\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/q.jpg\",\r\n    \"haleeb-lahore-3\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/s-scaled.jpg\",\r\n    \"haleeb-karachi-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/t.jpg\",\r\n    \"haleeb-islamabad-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/u.jpg\",\r\n    \"haleeb-rawalpindi-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/v.jpg\",\r\n\r\n    \"unilever-lahore-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/w.jpg\",\r\n    \"unilever-lahore-2\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/x.jpg\",\r\n    \"unilever-lahore-3\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/y.png\",\r\n    \"unilever-islamabad-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/z.jpg\",\r\n    \"unilever-gujrat-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/aa.jpg\",\r\n\r\n    \"candyland-lahore-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/bb.jpg\",\r\n    \"candyland-multan-1\":\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/cc.jpg\"\r\n  };\r\n\r\n  root.querySelectorAll(\"[data-img]\").forEach(function(el){\r\n    var key=el.getAttribute(\"data-img\");\r\n    var src=IMG[key];\r\n    if(!src) return;\r\n\r\n    if(el.classList.contains(\"om-hero-bg\")){\r\n      el.style.backgroundImage=\"url('\"+src+\"')\";\r\n    }else{\r\n      el.src=src;\r\n    }\r\n  });\r\n\r\n  \/* HEADER + MOBILE MENU *\/\r\n  var header=root.querySelector(\".om-header\");\r\n  var burger=root.querySelector(\".om-burger\");\r\n\r\n  function headerScroll(){\r\n    if(window.scrollY>40){\r\n      header.classList.add(\"omedia-solid\");\r\n    }else if(!header.classList.contains(\"omedia-open\")){\r\n      header.classList.remove(\"omedia-solid\");\r\n    }\r\n  }\r\n\r\n  window.addEventListener(\"scroll\",headerScroll,{passive:true});\r\n  headerScroll();\r\n\r\n  function closeMenu(){\r\n    header.classList.remove(\"omedia-open\");\r\n    if(burger){\r\n      burger.setAttribute(\"aria-expanded\",\"false\");\r\n    }\r\n    document.body.style.overflow=\"\";\r\n    if(window.scrollY<=40){\r\n      header.classList.remove(\"omedia-solid\");\r\n    }\r\n  }\r\n\r\n  if(burger){\r\n    burger.addEventListener(\"click\",function(){\r\n      var open=header.classList.toggle(\"omedia-open\");\r\n      burger.setAttribute(\"aria-expanded\",open?\"true\":\"false\");\r\n\r\n      if(open){\r\n        header.classList.add(\"omedia-solid\");\r\n        document.body.style.overflow=\"hidden\";\r\n      }else{\r\n        document.body.style.overflow=\"\";\r\n        if(window.scrollY<=40){\r\n          header.classList.remove(\"omedia-solid\");\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  root.querySelectorAll(\".om-mobile a\").forEach(function(link){\r\n    link.addEventListener(\"click\",closeMenu);\r\n  });\r\n\r\n  window.addEventListener(\"resize\",function(){\r\n    if(window.innerWidth>860) closeMenu();\r\n  });\r\n\r\n  \/* PORTFOLIO FILTERS *\/\r\n  var buttons=root.querySelectorAll(\".om-filters button\");\r\n  var projects=root.querySelectorAll(\".om-project\");\r\n\r\n  buttons.forEach(function(button){\r\n    button.addEventListener(\"click\",function(){\r\n      var filter=button.getAttribute(\"data-filter\");\r\n\r\n      buttons.forEach(function(btn){\r\n        btn.classList.remove(\"active\");\r\n      });\r\n      button.classList.add(\"active\");\r\n\r\n      projects.forEach(function(project){\r\n        var categories=(project.getAttribute(\"data-cat\")||\"\").split(\/\\s+\/);\r\n        var visible=filter===\"all\"||categories.indexOf(filter)!==-1;\r\n        project.classList.toggle(\"hidden\",!visible);\r\n      });\r\n    });\r\n  });\r\n\r\n  \/* SCROLL ANIMATION *\/\r\n  var els=root.querySelectorAll(\".reveal\");\r\n\r\n  if(\"IntersectionObserver\" in window){\r\n    var obs=new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          entry.target.classList.add(\"show\");\r\n          obs.unobserve(entry.target);\r\n        }\r\n      });\r\n    },{threshold:.08});\r\n\r\n    els.forEach(function(el){\r\n      obs.observe(el);\r\n    });\r\n  }else{\r\n    els.forEach(function(el){\r\n      el.classList.add(\"show\");\r\n    });\r\n  }\r\n})();\r\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>Home About Us Services Clientele Portfolio Contact Start a Project Home About Us Services Clientele Portfolio Contact Start a Project [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","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":"disabled","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-164","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/o-media.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/o-media.com.pk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/o-media.com.pk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/o-media.com.pk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/o-media.com.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=164"}],"version-history":[{"count":40,"href":"https:\/\/o-media.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/164\/revisions"}],"predecessor-version":[{"id":527,"href":"https:\/\/o-media.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/164\/revisions\/527"}],"wp:attachment":[{"href":"https:\/\/o-media.com.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}