{"id":170,"date":"2026-10-06T11:05:37","date_gmt":"2026-10-06T11:05:37","guid":{"rendered":"https:\/\/o-media.com.pk\/?page_id=170"},"modified":"2026-10-21T12:50:58","modified_gmt":"2026-10-21T12:50:58","slug":"contact","status":"publish","type":"page","link":"https:\/\/o-media.com.pk\/?page_id=170","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"170\" class=\"elementor elementor-170\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9aab971 e-con-full e-flex e-con e-parent\" data-id=\"9aab971\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2583f47 elementor-widget elementor-widget-html\" data-id=\"2583f47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- O-MEDIA COMMUNICATION | CONTACT PAGE | Elementor HTML Widget -->\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-contact{\r\n  width:100vw;\r\n  max-width:none;\r\n  margin-left:calc(50% - 50vw);\r\n  position:relative;\r\n  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;\r\n  line-height:1.6;\r\n  color:var(--black);\r\n  background:#fff;\r\n}\r\n#omedia-contact *,\r\n#omedia-contact *::before,\r\n#omedia-contact *::after{\r\n  box-sizing:border-box;\r\n}\r\n#omedia-contact h1,\r\n#omedia-contact h2,\r\n#omedia-contact h3,\r\n#omedia-contact h4,\r\n#omedia-contact p,\r\n#omedia-contact address{\r\n  margin:0;\r\n  padding:0;\r\n}\r\n#omedia-contact h1,\r\n#omedia-contact h2,\r\n#omedia-contact h3{\r\n  font-family:Manrope,Arial,sans-serif;\r\n  font-weight:800;\r\n  text-transform:uppercase;\r\n  overflow-wrap:break-word;\r\n}\r\n#omedia-contact a{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\r\n#omedia-contact button,\r\n#omedia-contact input,\r\n#omedia-contact textarea,\r\n#omedia-contact select{\r\n  font-family:inherit;\r\n}\r\n#omedia-contact img{\r\n  display:block;\r\n}\r\n#omedia-contact .om-w{\r\n  width:min(1240px,calc(100% - 48px));\r\n  margin:auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n#omedia-contact .om-header{\r\n  position:fixed;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  z-index:9999;\r\n  color:#fff;\r\n  transition:background .3s ease;\r\n}\r\n#omedia-contact .om-header.solid,\r\n#omedia-contact .om-header.open{\r\n  background:rgba(var(--gray-rgb),.97);\r\n  backdrop-filter:blur(15px);\r\n}\r\n#omedia-contact .om-head{\r\n  height:76px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n}\r\n#omedia-contact .om-logo{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  flex-shrink:0;\r\n  margin:0;\r\n  padding:0;\r\n  line-height:1;\r\n}\r\n#omedia-contact .om-logo-img{\r\n  display:block;\r\n  width:auto;\r\n  max-width:none;\r\n}\r\n#omedia-contact .om-header .om-logo-img{\r\n  height:56px;\r\n}\r\n#omedia-contact .om-nav{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:30px;\r\n  margin-left:auto;\r\n}\r\n#omedia-contact .om-nav a{\r\n  position:relative;\r\n  color:#fff;\r\n  font-size:13px;\r\n  font-weight:600;\r\n  letter-spacing:.01em;\r\n  padding:8px 0;\r\n}\r\n#omedia-contact .om-nav a::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  bottom:0;\r\n  width:0;\r\n  height:2px;\r\n  background:var(--red);\r\n  transition:width .25s ease;\r\n}\r\n#omedia-contact .om-nav a:hover::after,\r\n#omedia-contact .om-nav a.active::after{\r\n  width:100%;\r\n}\r\n#omedia-contact .om-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-height:46px;\r\n  padding:0 23px;\r\n  background:var(--red);\r\n  color:#fff!important;\r\n  border:1px solid var(--red);\r\n  border-radius:0;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.06em;\r\n  text-transform:uppercase;\r\n  cursor:pointer;\r\n  transition:all .25s ease;\r\n}\r\n#omedia-contact .om-btn:hover{\r\n  background:var(--red-dark);\r\n  border-color:var(--red-dark);\r\n  transform:translateY(-2px);\r\n}\r\n#omedia-contact .om-burger{\r\n  display:none;\r\n  width:44px;\r\n  height:44px;\r\n  padding:10px;\r\n  border:0;\r\n  background:transparent;\r\n  cursor:pointer;\r\n}\r\n#omedia-contact .om-burger i{\r\n  display:block;\r\n  width:100%;\r\n  height:2px;\r\n  margin:5px 0;\r\n  background:#fff;\r\n  transition:.25s ease;\r\n}\r\n#omedia-contact .om-mobile{\r\n  display:none;\r\n}\r\n\r\n\/* HERO *\/\r\n#omedia-contact .om-hero{\r\n  position:relative;\r\n  min-height:620px;\r\n  display:flex;\r\n  align-items:flex-end;\r\n  overflow:hidden;\r\n  background:var(--black);\r\n  color:#fff;\r\n}\r\n#omedia-contact .om-hero-bg{\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    radial-gradient(circle at 72% 30%,rgba(197,0,61,.25),transparent 50%),\r\n    linear-gradient(135deg,#2F3335,#232627);\r\n  background-size:cover;\r\n  background-position:center;\r\n}\r\n#omedia-contact .om-hero-bg::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  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-contact .om-hero-content{\r\n  position:relative;\r\n  z-index:2;\r\n  padding-top:160px;\r\n  padding-bottom:90px;\r\n}\r\n#omedia-contact .om-label{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  color:var(--red);\r\n  font-size:11px;\r\n  font-weight:800;\r\n  text-transform:uppercase;\r\n  letter-spacing:.16em;\r\n}\r\n#omedia-contact .om-label::before{\r\n  content:\"\";\r\n  width:34px;\r\n  height:2px;\r\n  background:var(--red);\r\n  flex-shrink:0;\r\n}\r\n#omedia-contact .om-hero .om-label{\r\n  color:#fff;\r\n  margin-bottom:24px;\r\n}\r\n#omedia-contact .om-hero h1{\r\n  max-width:18ch;\r\n  color:#fff;\r\n  font-size:clamp(40px,6.5vw,90px);\r\n  line-height:1;\r\n  letter-spacing:-.045em;\r\n}\r\n#omedia-contact .om-hero h1 span{\r\n  display:block;\r\n  color:#fff;\r\n}\r\n\r\n\/* CONTACT SECTION *\/\r\n#omedia-contact .om-contact-section{\r\n  padding:110px 0 125px;\r\n  background:#fff;\r\n}\r\n#omedia-contact .om-contact-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1.1fr;\r\n  gap:clamp(35px,6vw,90px);\r\n  align-items:start;\r\n}\r\n#omedia-contact .om-contact-heading{\r\n  max-width:24ch;\r\n  color:var(--black);\r\n  font-size:clamp(26px,2.8vw,38px);\r\n  letter-spacing:-.035em;\r\n  line-height:1.2;\r\n}\r\n#omedia-contact .om-contact-heading::after{\r\n  content:\"\";\r\n  display:block;\r\n  width:75px;\r\n  height:5px;\r\n  margin-top:25px;\r\n  background:var(--red);\r\n}\r\n#omedia-contact .om-contact-lead{\r\n  max-width:56ch;\r\n  margin-top:25px;\r\n  color:var(--text);\r\n  font-size:15px;\r\n  line-height:1.85;\r\n}\r\n#omedia-contact .om-contact-info{\r\n  margin-top:32px;\r\n}\r\n#omedia-contact .om-contact-item{\r\n  margin-bottom:24px;\r\n}\r\n#omedia-contact .om-contact-item strong{\r\n  display:block;\r\n  margin-bottom:7px;\r\n  color:var(--red);\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.13em;\r\n  text-transform:uppercase;\r\n}\r\n#omedia-contact .om-contact-item a,\r\n#omedia-contact .om-contact-item address{\r\n  color:var(--text);\r\n  font-size:15px;\r\n  font-style:normal;\r\n  line-height:1.75;\r\n}\r\n#omedia-contact .om-contact-item a:hover{\r\n  color:var(--red);\r\n}\r\n\r\n\/* MAP *\/\r\n#omedia-contact .om-map{\r\n  position:relative;\r\n  height:320px;\r\n  margin-top:35px;\r\n  overflow:hidden;\r\n  border:1px solid var(--line);\r\n  background:var(--soft);\r\n}\r\n#omedia-contact .om-map iframe{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  border:0;\r\n}\r\n\r\n\/* FORM *\/\r\n#omedia-contact .om-form-panel{\r\n  padding:42px;\r\n  background:var(--soft);\r\n  border-top:4px solid var(--red);\r\n}\r\n#omedia-contact .om-form-title{\r\n  margin-bottom:10px;\r\n  color:var(--black);\r\n  font-size:clamp(26px,3vw,38px);\r\n  line-height:1.15;\r\n  letter-spacing:-.04em;\r\n}\r\n#omedia-contact .om-form-subtitle{\r\n  margin-bottom:34px;\r\n  color:var(--text);\r\n  font-size:14px;\r\n  line-height:1.75;\r\n}\r\n#omedia-contact .om-form{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:24px;\r\n}\r\n#omedia-contact .om-field{\r\n  min-width:0;\r\n}\r\n#omedia-contact .om-field.full{\r\n  grid-column:1\/-1;\r\n}\r\n#omedia-contact .om-field label{\r\n  display:block;\r\n  margin-bottom:8px;\r\n  color:var(--black);\r\n  font-size:12px;\r\n  font-weight:800;\r\n}\r\n#omedia-contact .om-field input,\r\n#omedia-contact .om-field select,\r\n#omedia-contact .om-field textarea{\r\n  display:block;\r\n  width:100%;\r\n  min-width:0;\r\n  padding:13px 0;\r\n  border:0;\r\n  border-bottom:1px solid rgba(var(--gray-rgb),.4);\r\n  border-radius:0;\r\n  outline:0;\r\n  box-shadow:none;\r\n  background:transparent;\r\n  color:var(--black);\r\n  font-size:14px;\r\n  line-height:1.5;\r\n  transition:border-color .2s;\r\n}\r\n#omedia-contact .om-field input:focus,\r\n#omedia-contact .om-field select:focus,\r\n#omedia-contact .om-field textarea:focus{\r\n  border-bottom:2px solid var(--red);\r\n}\r\n#omedia-contact .om-field input::placeholder,\r\n#omedia-contact .om-field textarea::placeholder{\r\n  color:rgba(74,79,82,.55);\r\n}\r\n#omedia-contact .om-field select{\r\n  min-height:48px;\r\n  padding-right:25px;\r\n  color:var(--black)!important;\r\n  -webkit-text-fill-color:var(--black);\r\n  appearance:none;\r\n  cursor:pointer;\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232F3335' stroke-width='2'\/%3E%3C\/svg%3E\");\r\n  background-repeat:no-repeat;\r\n  background-position:right 4px center;\r\n}\r\n#omedia-contact .om-field select option{\r\n  color:var(--black);\r\n  background:#fff;\r\n}\r\n#omedia-contact .om-field textarea{\r\n  min-height:120px;\r\n  resize:vertical;\r\n}\r\n#omedia-contact .om-form .om-btn{\r\n  padding:16px 28px;\r\n  min-height:52px;\r\n  font-size:12px;\r\n}\r\n#omedia-contact .om-form-msg{\r\n  min-height:20px;\r\n  margin-top:12px;\r\n  color:var(--red);\r\n  font-size:13px;\r\n  line-height:1.6;\r\n}\r\n\r\n\/* FOOTER *\/\r\n#omedia-contact .om-footer{\r\n  position:relative;\r\n  background:var(--black);\r\n  color:#fff;\r\n  padding:45px 0 18px;\r\n  line-height:normal;\r\n  border-top:4px solid var(--red);\r\n}\r\n#omedia-contact .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;\r\n  align-items:start;\r\n  padding-bottom:34px;\r\n  border-bottom:1px solid rgba(255,255,255,.18);\r\n}\r\n#omedia-contact .om-footer-grid > div{\r\n  min-width:0;\r\n  margin:0;\r\n  padding:0;\r\n  align-self:start;\r\n}\r\n#omedia-contact .om-footer-company{\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:flex-start;\r\n}\r\n\r\n\/* Logo and headings share a 50px alignment row *\/\r\n#omedia-contact .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-contact .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-contact .om-footer-brand p{\r\n  max-width:440px;\r\n  margin:20px 0 0;\r\n  color:rgba(255,255,255,.82);\r\n  font-size:14px;\r\n  line-height:1.75;\r\n}\r\n#omedia-contact .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;\r\n  padding:0;\r\n  color:#fff;\r\n  font-size:11px;\r\n  line-height:1.5;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n}\r\n#omedia-contact .om-footer h4::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  bottom:0;\r\n  width:26px;\r\n  height:2px;\r\n  background:var(--red);\r\n}\r\n#omedia-contact .om-footer-two{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:30px;\r\n  align-items:start;\r\n}\r\n#omedia-contact .om-footer-links{\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n#omedia-contact .om-footer-links a{\r\n  display:block;\r\n  width:max-content;\r\n  max-width:100%;\r\n  margin-bottom:10px;\r\n  color:rgba(255,255,255,.82);\r\n  font-size:13px;\r\n  line-height:1.5;\r\n  transition:color .2s ease;\r\n}\r\n#omedia-contact .om-footer-links a:hover{\r\n  color:#fff;\r\n}\r\n#omedia-contact .om-footer address{\r\n  margin-top:2px;\r\n  color:rgba(255,255,255,.82);\r\n  font-size:13px;\r\n  font-style:normal;\r\n  line-height:1.75;\r\n}\r\n#omedia-contact .om-footer-bottom{\r\n  padding-top:18px;\r\n  text-align:center;\r\n  color:rgba(255,255,255,.65);\r\n  font-size:11px;\r\n  letter-spacing:.05em;\r\n}\r\n\r\n\/* ANIMATION *\/\r\n#omedia-contact.js-ready .om-reveal{\r\n  opacity:0;\r\n  transform:translateY(25px);\r\n  transition:opacity .7s ease,transform .7s ease;\r\n}\r\n#omedia-contact.js-ready .om-reveal.show{\r\n  opacity:1;\r\n  transform:none;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:1000px){\r\n  #omedia-contact .om-nav{\r\n    gap:18px;\r\n  }\r\n  #omedia-contact .om-head > .om-btn{\r\n    padding:0 15px;\r\n  }\r\n  #omedia-contact .om-footer-grid{\r\n    gap:35px;\r\n  }\r\n}\r\n@media(max-width:860px){\r\n  #omedia-contact .om-w{\r\n    width:min(100% - 34px,1280px);\r\n  }\r\n  #omedia-contact .om-nav,\r\n  #omedia-contact .om-head > .om-btn{\r\n    display:none;\r\n  }\r\n  #omedia-contact .om-burger{\r\n    display:block;\r\n  }\r\n  #omedia-contact .om-mobile{\r\n    display:flex;\r\n    position:absolute;\r\n    left:0;\r\n    top:76px;\r\n    width:100%;\r\n    padding:20px 22px 28px;\r\n    background:rgba(var(--gray-rgb),.98);\r\n    flex-direction:column;\r\n    transform:translateY(-15px);\r\n    opacity:0;\r\n    visibility:hidden;\r\n    pointer-events:none;\r\n    transition:.25s ease;\r\n  }\r\n  #omedia-contact .om-header.open .om-mobile{\r\n    transform:none;\r\n    opacity:1;\r\n    visibility:visible;\r\n    pointer-events:auto;\r\n  }\r\n  #omedia-contact .om-mobile > a:not(.om-btn){\r\n    padding:15px 0;\r\n    color:#fff;\r\n    border-bottom:1px solid rgba(255,255,255,.12);\r\n    font-size:14px;\r\n    font-weight:700;\r\n  }\r\n  #omedia-contact .om-mobile .om-btn{\r\n    display:inline-flex;\r\n    width:100%;\r\n    margin-top:18px;\r\n  }\r\n  #omedia-contact .om-header.open .om-burger i:nth-child(1){\r\n    transform:translateY(7px) rotate(45deg);\r\n  }\r\n  #omedia-contact .om-header.open .om-burger i:nth-child(2){\r\n    opacity:0;\r\n  }\r\n  #omedia-contact .om-header.open .om-burger i:nth-child(3){\r\n    transform:translateY(-7px) rotate(-45deg);\r\n  }\r\n  #omedia-contact .om-contact-grid{\r\n    grid-template-columns:1fr;\r\n    gap:55px;\r\n  }\r\n  #omedia-contact .om-footer-grid{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n  #omedia-contact .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-contact .om-header .om-logo-img{\r\n    height:48px;\r\n  }\r\n  #omedia-contact .om-footer .om-logo-img{\r\n    height:44px;\r\n  }\r\n  #omedia-contact .om-head{\r\n    height:72px;\r\n  }\r\n  #omedia-contact .om-mobile{\r\n    top:72px;\r\n  }\r\n  #omedia-contact .om-hero{\r\n    min-height:490px;\r\n  }\r\n  #omedia-contact .om-hero-content{\r\n    padding:130px 0 65px;\r\n  }\r\n  #omedia-contact .om-hero h1{\r\n    font-size:clamp(35px,9vw,48px);\r\n  }\r\n  #omedia-contact .om-contact-section{\r\n    padding:75px 0 90px;\r\n  }\r\n  #omedia-contact .om-form-panel{\r\n    padding:28px 20px;\r\n  }\r\n  #omedia-contact .om-form{\r\n    grid-template-columns:1fr;\r\n    gap:20px;\r\n  }\r\n  #omedia-contact .om-field.full{\r\n    grid-column:auto;\r\n  }\r\n  #omedia-contact .om-map{\r\n    height:270px;\r\n  }\r\n  #omedia-contact .om-footer-grid{\r\n    grid-template-columns:1fr;\r\n    gap:32px;\r\n  }\r\n  #omedia-contact .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-contact *{\r\n    transition:none!important;\r\n  }\r\n  #omedia-contact.js-ready .om-reveal{\r\n    opacity:1;\r\n    transform:none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div id=\"omedia-contact\">\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\" href=\"\/\" aria-label=\"O-media Communication\">\r\n        <img decoding=\"async\"\r\n          class=\"om-logo-img\"\r\n          src=\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/O-Media-Communication-Logo-Recolored.png\"\r\n          alt=\"O-media Communication\"\r\n        >\r\n      <\/a>\r\n\r\n      <nav class=\"om-nav\" aria-label=\"Main navigation\">\r\n        <a href=\"\/\">Home<\/a>\r\n        <a href=\"\/about-us\/\">About Us<\/a>\r\n        <a href=\"\/services\/\">Services<\/a>\r\n        <a href=\"\/clientele\/\">Clientele<\/a>\r\n        <a href=\"\/portfolio\/\">Portfolio<\/a>\r\n        <a href=\"\/contact\/\" class=\"active\">Contact<\/a>\r\n      <\/nav>\r\n\r\n      <a class=\"om-btn\" href=\"\/contact\/\">Start a Project<\/a>\r\n\r\n      <button\r\n        class=\"om-burger\"\r\n        type=\"button\"\r\n        aria-label=\"Toggle menu\"\r\n        aria-expanded=\"false\"\r\n      >\r\n        <i><\/i><i><\/i><i><\/i>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <nav class=\"om-mobile\" aria-label=\"Mobile navigation\">\r\n      <a href=\"\/\">Home<\/a>\r\n      <a href=\"\/about-us\/\">About Us<\/a>\r\n      <a href=\"\/services\/\">Services<\/a>\r\n      <a href=\"\/clientele\/\">Clientele<\/a>\r\n      <a href=\"\/portfolio\/\">Portfolio<\/a>\r\n      <a href=\"\/contact\/\" class=\"active\">Contact<\/a>\r\n      <a class=\"om-btn\" 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=\"contact-hero\"><\/div>\r\n    <div class=\"om-w om-hero-content\">\r\n      <div class=\"om-label\">Contact<\/div>\r\n      <h1>\r\n        Let's build your next high-impact\r\n        <span>OOH campaign.<\/span>\r\n      <\/h1>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CONTACT SECTION -->\r\n  <section class=\"om-contact-section\">\r\n    <div class=\"om-w\">\r\n      <div class=\"om-contact-grid\">\r\n\r\n        <!-- LEFT -->\r\n        <div class=\"om-contact-left\">\r\n          <h2 class=\"om-contact-heading om-reveal\">\r\n            Turn your campaign objectives into a powerful physical footprint.\r\n          <\/h2>\r\n\r\n          <p class=\"om-contact-lead om-reveal\">\r\n            From securing prime arterial real estate to deploying advanced\r\n            audience analytics, our team is equipped to turn your campaign\r\n            objectives into a powerful physical footprint that lasts.\r\n          <\/p>\r\n\r\n          <div class=\"om-contact-info\">\r\n            <div class=\"om-contact-item\">\r\n              <strong>Email<\/strong>\r\n              <a href=\"mailto:info@o-media.com.pk\">\r\n                info@o-media.com.pk\r\n              <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"om-contact-item\">\r\n              <strong>Address<\/strong>\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 class=\"om-contact-item\">\r\n              <strong>Phone<\/strong>\r\n              <a href=\"tel:+923205630555\">0320 56 30 555<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"om-map\">\r\n            <iframe\r\n              title=\"O-media Communication Location\"\r\n              src=\"https:\/\/www.google.com\/maps?q=173-D%2C%204th%20Floor%20Commercial%20Broadway%2C%20DHA%20Phase%208%2C%20Lahore&amp;output=embed\"\r\n              loading=\"lazy\"\r\n              referrerpolicy=\"no-referrer-when-downgrade\"\r\n              allowfullscreen\r\n            ><\/iframe>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- RIGHT: FORM -->\r\n        <div class=\"om-form-panel om-reveal\">\r\n          <h2 class=\"om-form-title\">\r\n            Let's start a conversation.\r\n          <\/h2>\r\n\r\n          <p class=\"om-form-subtitle\">\r\n            Tell us about your project and our team will help you explore\r\n            the right outdoor advertising solution.\r\n          <\/p>\r\n\r\n          <form id=\"omedia-contact-form\" class=\"om-form\">\r\n            <div class=\"om-field\">\r\n              <label for=\"om-name\">Name *<\/label>\r\n              <input\r\n                id=\"om-name\"\r\n                name=\"name\"\r\n                type=\"text\"\r\n                placeholder=\"Your name\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"om-field\">\r\n              <label for=\"om-company\">Company<\/label>\r\n              <input\r\n                id=\"om-company\"\r\n                name=\"company\"\r\n                type=\"text\"\r\n                placeholder=\"Company name\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"om-field\">\r\n              <label for=\"om-email\">Email *<\/label>\r\n              <input\r\n                id=\"om-email\"\r\n                name=\"email\"\r\n                type=\"email\"\r\n                placeholder=\"Email address\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"om-field\">\r\n              <label for=\"om-phone\">Phone<\/label>\r\n              <input\r\n                id=\"om-phone\"\r\n                name=\"phone\"\r\n                type=\"tel\"\r\n                placeholder=\"Phone number\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"om-field\">\r\n              <label for=\"om-type\">Project Type<\/label>\r\n              <select id=\"om-type\" name=\"type\">\r\n                <option value=\"Billboard campaign\">\r\n                  Billboard campaign\r\n                <\/option>\r\n                <option value=\"Ambient activation\">\r\n                  Ambient activation\r\n                <\/option>\r\n                <option value=\"Audience analytics\">\r\n                  Audience analytics\r\n                <\/option>\r\n                <option value=\"Other\">Other<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"om-field\">\r\n              <label for=\"om-location\">Location<\/label>\r\n              <input\r\n                id=\"om-location\"\r\n                name=\"location\"\r\n                type=\"text\"\r\n                placeholder=\"City \/ area\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"om-field full\">\r\n              <label for=\"om-message\">Message<\/label>\r\n              <textarea\r\n                id=\"om-message\"\r\n                name=\"message\"\r\n                rows=\"4\"\r\n                placeholder=\"Tell us about your campaign...\"\r\n              ><\/textarea>\r\n            <\/div>\r\n\r\n            <div class=\"om-field full\">\r\n              <button class=\"om-btn\" type=\"submit\">\r\n                Send Project Inquiry\r\n              <\/button>\r\n              <p\r\n                class=\"om-form-msg\"\r\n                id=\"omedia-form-message\"\r\n                role=\"status\"\r\n                aria-live=\"polite\"\r\n              ><\/p>\r\n            <\/div>\r\n          <\/form>\r\n        <\/div>\r\n\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        <!-- LOGO + DESCRIPTION -->\r\n        <div class=\"om-footer-company\">\r\n          <a\r\n            class=\"om-logo\"\r\n            href=\"\/\"\r\n            aria-label=\"O-media Communication\"\r\n          >\r\n            <img decoding=\"async\"\r\n              class=\"om-logo-img\"\r\n              src=\"https:\/\/o-media.com.pk\/wp-content\/uploads\/2026\/10\/O-Media-Communication-Logo-Recolored.png\"\r\n              alt=\"O-media Communication\"\r\n            >\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 of millions,\r\n              replacing static outdoor guesswork with precision physical reach.\r\n              No wasted 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        <!-- LINKS + SOCIAL -->\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\r\n                  href=\"https:\/\/www.facebook.com\/omediapk\"\r\n                  target=\"_blank\"\r\n                  rel=\"noopener\"\r\n                >\r\n                  Facebook\r\n                <\/a>\r\n                <a\r\n                  href=\"https:\/\/www.linkedin.com\/company\/o-media-communication\/home\/\"\r\n                  target=\"_blank\"\r\n                  rel=\"noopener\"\r\n                >\r\n                  LinkedIn\r\n                <\/a>\r\n                <a href=\"\/contact\/\">Inquiries<\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- CONTACT -->\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\">\r\n              info@o-media.com.pk\r\n            <\/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-contact\");\r\n  if(!root) return;\r\n\r\n  \/* OPTIONAL HERO IMAGE *\/\r\n  var IMG={\r\n    \"contact-hero\":\"\"\r\n  };\r\n\r\n  root.querySelectorAll(\"[data-img]\").forEach(function(el){\r\n    var src=IMG[el.getAttribute(\"data-img\")];\r\n\r\n    if(src && src.trim()!==\"\"){\r\n      el.style.backgroundImage=\"url('\"+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 updateHeader(){\r\n    header.classList.toggle(\r\n      \"solid\",\r\n      window.scrollY>40 || header.classList.contains(\"open\")\r\n    );\r\n  }\r\n\r\n  window.addEventListener(\"scroll\",updateHeader,{passive:true});\r\n  updateHeader();\r\n\r\n  function closeMenu(){\r\n    header.classList.remove(\"open\");\r\n    burger.setAttribute(\"aria-expanded\",\"false\");\r\n    document.body.style.overflow=\"\";\r\n    updateHeader();\r\n  }\r\n\r\n  burger.addEventListener(\"click\",function(){\r\n    var open=header.classList.toggle(\"open\");\r\n    burger.setAttribute(\"aria-expanded\",open?\"true\":\"false\");\r\n    document.body.style.overflow=open?\"hidden\":\"\";\r\n    updateHeader();\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  \/* SCROLL ANIMATION *\/\r\n  root.classList.add(\"js-ready\");\r\n  var items=root.querySelectorAll(\".om-reveal\");\r\n\r\n  if(\"IntersectionObserver\" in window){\r\n    var observer=new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          entry.target.classList.add(\"show\");\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    },{threshold:.08});\r\n\r\n    items.forEach(function(item){\r\n      observer.observe(item);\r\n    });\r\n  }else{\r\n    items.forEach(function(item){\r\n      item.classList.add(\"show\");\r\n    });\r\n  }\r\n\r\n  \/* CONTACT FORM: OPENS EMAIL APP *\/\r\n  var form=root.querySelector(\"#omedia-contact-form\");\r\n  var status=root.querySelector(\"#omedia-form-message\");\r\n\r\n  if(form){\r\n    form.addEventListener(\"submit\",function(event){\r\n      event.preventDefault();\r\n      if(!form.reportValidity()) return;\r\n\r\n      var data=new FormData(form);\r\n      var name=String(data.get(\"name\")||\"\").trim();\r\n      var company=String(data.get(\"company\")||\"\").trim();\r\n      var email=String(data.get(\"email\")||\"\").trim();\r\n      var phone=String(data.get(\"phone\")||\"\").trim();\r\n      var type=String(data.get(\"type\")||\"\").trim();\r\n      var location=String(data.get(\"location\")||\"\").trim();\r\n      var message=String(data.get(\"message\")||\"\").trim();\r\n\r\n      var subject=\"Project inquiry from \"+name;\r\n\r\n      var body=[\r\n        \"Name: \"+name,\r\n        \"Company: \"+company,\r\n        \"Email: \"+email,\r\n        \"Phone: \"+phone,\r\n        \"Project Type: \"+type,\r\n        \"Location: \"+location,\r\n        \"\",\r\n        \"Message:\",\r\n        message\r\n      ].join(\"\\n\");\r\n\r\n      status.textContent=\r\n        \"Your email app will open. Please press Send there to submit your inquiry.\";\r\n\r\n      window.location.href=\r\n        \"mailto:info@o-media.com.pk\"+\r\n        \"?subject=\"+encodeURIComponent(subject)+\r\n        \"&body=\"+encodeURIComponent(body);\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-170","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\/170","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=170"}],"version-history":[{"count":28,"href":"https:\/\/o-media.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/170\/revisions"}],"predecessor-version":[{"id":524,"href":"https:\/\/o-media.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/170\/revisions\/524"}],"wp:attachment":[{"href":"https:\/\/o-media.com.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}