:root { --gold:#ddb515; --black:#171717; --paper:#f5f5f3; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.mughal-content-page { margin:0; color:#242424; background:var(--paper); font-family:"Open Sans",Arial,sans-serif; }

/* CONSISTENT HEADER — same structural contract as Home, About and Services. */
#site-header { position:fixed; z-index:1000; top:0; left:0; width:100%; height:100px; background:transparent; transition:background .35s ease,box-shadow .35s ease; }
body.is-sticky #site-header { background:#fff; box-shadow:0 3px 16px rgba(0,0,0,.12); }
#site-header-inner { display:flex; align-items:center; justify-content:space-between; width:100%; max-width:90%; height:100px; margin:0 auto; }
#site-logo { flex:0 0 300px; width:300px; }
#site-logo-inner,#site-logo a { display:flex; align-items:center; width:100%; height:100px; }
#site-logo img { display:block; width:300px; max-width:300px; max-height:70px; object-fit:contain; filter:brightness(0) invert(1); transition:filter .4s ease; }
body.is-sticky #site-logo img { filter:none; }
#site-navigation-wrap { margin-left:auto; }
#site-navigation .dropdown-menu { display:flex; align-items:center; margin:0; padding:0; list-style:none; white-space:nowrap; }
#site-navigation .dropdown-menu > li { position:relative; margin:0; padding:0; list-style:none; }
#site-navigation .dropdown-menu > li > a { display:flex; align-items:center; height:100px; padding:0 17px; color:#fff; font-family:"Open Sans Condensed","Arial Narrow",sans-serif; font-size:17px; font-weight:700; letter-spacing:.4px; text-decoration:none; text-transform:uppercase; }
body.is-sticky #site-navigation .dropdown-menu > li > a { color:#222; }
#site-navigation .dropdown-menu > li > a:hover,#site-navigation .dropdown-menu > li.current-menu-item > a { color:var(--gold)!important; }
.nav-arrow { display:inline-flex; align-items:center; justify-content:center; width:13px; height:13px; margin-left:8px; border:0; font-family:Arial,sans-serif; font-size:10px; font-style:normal; line-height:1; transform:none; }
.nav-arrow::before { content:"▼"; }
#site-navigation .dropdown-menu > li.stop-currentMenuItem > a { justify-content:center; min-width:156px; height:50px; margin-left:10px; padding:0 16px; background:var(--black); color:#fff!important; }

/* Full Our Services dropdown. */
#menu-item-3364 > ul.megamenu { visibility:hidden; position:fixed!important; top:100px!important; right:auto!important; left:50vw!important; width:min(1500px,calc(100vw - 30px))!important; max-width:calc(100vw - 30px)!important; margin:0!important; opacity:0; pointer-events:none; transform:translateX(-50%)!important; transition:opacity .2s ease,visibility .2s ease; }
#menu-item-3364:hover > ul.megamenu,#menu-item-3364:focus-within > ul.megamenu { visibility:visible; opacity:1; pointer-events:auto; }
#menu-item-3364 > ul.megamenu.mughal-services-mega-grid { z-index:1100; background:#fff; border-top:4px solid var(--gold); box-shadow:0 18px 42px rgba(0,0,0,.28); }

/* PAGE HERO */
.content-hero { position:relative; display:grid; place-items:center; min-height:330px; padding:115px 24px 38px; color:#fff; text-align:center; background:linear-gradient(rgba(4,8,10,.67),rgba(4,8,10,.76)),url("assets/pakistan-network-map.png") center/cover no-repeat; }
.content-hero::after { content:""; position:absolute; right:0; bottom:0; left:0; height:5px; background:var(--gold); }
.content-kicker { margin:0 0 8px; color:var(--gold); font-family:"Open Sans Condensed","Arial Narrow",sans-serif; font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; }
.content-hero h1 { max-width:950px; margin:0 0 10px; font-family:"Open Sans Condensed","Arial Narrow",sans-serif; font-size:clamp(46px,5vw,68px); line-height:.95; text-transform:uppercase; }
.content-hero p:last-child { max-width:760px; margin:0; font-size:12px; line-height:1.45; letter-spacing:.15px; }
.content-section { width:min(1240px,calc(100% - 40px)); margin:0 auto; padding:36px 0; overflow:hidden; }
.content-section--dark { width:100%; max-width:none; padding:38px 0; color:#fff; background:#171717; }
.content-section--dark > * { width:min(1240px,calc(100% - 40px)); margin-right:auto; margin-left:auto; }
.section-heading { margin-top:0; margin-bottom:8px; font-family:"Open Sans Condensed","Arial Narrow",sans-serif; font-size:38px; line-height:1; text-align:center; text-transform:uppercase; }
.section-intro { max-width:800px; margin-top:0; margin-bottom:22px; color:#606060; font-size:14px; line-height:1.55; text-align:center; }
.content-section--dark .section-intro { color:#bbb; }
.clients-section { width:100%; max-width:none; padding-bottom:30px; }
.clients-section > .section-heading,.clients-section > .section-intro,.clients-section > .demo-label { display:block; width:min(1240px,calc(100% - 40px)); margin-right:auto; margin-left:auto; }

/* CONTINUOUS LOGO AND TESTIMONIAL TRACKS */
.marquee { position:relative; width:100%; overflow:hidden; mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent); }
.marquee-track { display:flex; width:max-content; animation:marquee-left 34s linear infinite; will-change:transform; }
.marquee.is-ready .marquee-track { animation:marquee-left 34s linear infinite; }
.content-section--dark .marquee-track,
.content-section--dark .marquee.is-ready .marquee-track { animation-duration:210s!important; }
.marquee:hover .marquee-track { animation-play-state:paused; }
.marquee-group { display:flex; align-items:stretch; flex-shrink:0; gap:22px; padding-right:22px; }
@keyframes marquee-left { to { transform:translateX(-50%); } }
.client-marquee { width:100%; margin-left:0; mask-image:none; }
.client-marquee .marquee-track { animation:marquee-client-right-to-left 34s linear infinite!important; }
.client-marquee.is-ready .marquee-track { animation:marquee-client-right-to-left 34s linear infinite!important; }
@keyframes marquee-client-right-to-left { from { transform:translate3d(0,0,0); } to { transform:translate3d(-50%,0,0); } }
.client-logo { display:grid; place-items:center; width:330px; height:150px; padding:8px 22px; background:transparent; border:0; border-radius:0; box-shadow:none; }
.client-logo img { display:block; width:286px; height:130px; object-fit:contain; image-rendering:auto; }
.client-logo img[src*="rda-transparent"] { transform:scale(1.35); }
.demo-label { display:inline-block; margin-top:16px; padding:6px 11px; color:#715900; background:#fff1a9; border-radius:999px; font-size:10px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; }
.testimonial-card { position:relative; width:350px; min-height:190px; padding:22px 25px; color:#242424; background:#fff; border:1px solid #e5e5e5; border-radius:18px; box-shadow:0 12px 30px rgba(0,0,0,.12); }
.testimonial-head { display:flex; align-items:center; min-height:30px; margin-bottom:7px; }
.testimonial-head h3 { min-width:0; margin:0; overflow:hidden; font-family:"Open Sans Condensed","Arial Narrow",sans-serif; font-size:19px; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.verified-badge { position:relative; display:grid; place-items:center; flex:0 0 20px; width:20px; height:20px; margin-left:7px; color:#fff; background:#1d79d6; border-radius:50%; font-family:Arial,sans-serif; font-size:13px; font-weight:700; cursor:help; }
.verified-badge::after { content:attr(data-tooltip); visibility:hidden; position:absolute; z-index:10; right:-34px; bottom:calc(100% + 9px); width:max-content; max-width:155px; padding:7px 10px; color:#fff; background:#111; border-radius:6px; opacity:0; font-family:"Open Sans",Arial,sans-serif; font-size:11px; font-weight:600; pointer-events:none; transition:opacity .18s ease,visibility .18s ease; }
.verified-badge:hover::after,.verified-badge:focus::after { visibility:visible; opacity:1; }
.platform-logo { display:block; flex:0 0 23px; width:23px; height:23px; margin-left:auto; object-fit:contain; }
.testimonial-stars { margin-bottom:8px; color:var(--gold); font-size:17px; letter-spacing:3px; }
.testimonial-card blockquote { margin:0 0 13px; font-size:14px; line-height:1.55; }
.testimonial-card > p { margin:3px 0 0; color:#777; font-size:12px; }
.testimonial-card { z-index:1; transform:translateZ(0) scale(1); transition:opacity .28s ease,filter .28s ease,transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease; }
.marquee:has(.testimonial-card:hover) .testimonial-card:not(:hover) { opacity:.18; filter:blur(2.6px) saturate(.35); transform:scale(.91); }
.testimonial-card:hover { z-index:20; transform:translateY(-12px) scale(1.065); box-shadow:0 30px 70px rgba(0,0,0,.44),0 0 0 2px rgba(221,181,21,.85); }

/* PROJECT PLACEHOLDERS */
.project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.project-card { overflow:hidden; background:#fff; border-radius:18px; box-shadow:0 15px 35px rgba(0,0,0,.09); }
.project-media { display:grid; place-items:center; min-height:225px; padding:22px; color:#fff; background:linear-gradient(135deg,#111,#424242); font-family:"Open Sans Condensed","Arial Narrow",sans-serif; font-weight:700; letter-spacing:2px; text-align:center; text-transform:uppercase; }
.project-copy { padding:26px 28px 31px; }
.project-copy h2 { margin:0 0 10px; font-family:"Open Sans Condensed","Arial Narrow",sans-serif; font-size:26px; text-transform:uppercase; }
.project-copy p { margin:0; color:#5d5d5d; line-height:1.7; }
.content-contact { padding:70px 24px; color:#fff; background:#151515; border-top:5px solid var(--gold); text-align:center; }
.content-contact h2 { margin:0 0 22px; font-family:"Open Sans Condensed","Arial Narrow",sans-serif; font-size:30px; text-transform:uppercase; }
.content-contact p { margin:7px 0; line-height:1.6; }.content-contact a { color:var(--gold); }
.testimonial-cta { display:inline-flex; align-items:center; justify-content:center; min-width:310px; min-height:66px; padding:17px 34px; color:#fff!important; background:var(--black); border:1px solid rgba(221,181,21,.75); font-family:"Open Sans Condensed","Arial Narrow",sans-serif; font-size:21px; font-weight:700; letter-spacing:1px; text-decoration:none; text-transform:uppercase; box-shadow:0 5px 0 var(--gold); transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.testimonial-cta:hover,.testimonial-cta:focus { color:#fff!important; background:#292929; box-shadow:0 5px 0 #000; transform:translateY(3px); }
.content-footer { padding:24px; color:#aaa; background:#0c0c0c; text-align:center; font-size:13px; }
@media(max-width:1200px){#site-navigation .dropdown-menu>li>a{padding:0 10px;font-size:15px}#site-logo,#site-logo img{width:250px;flex-basis:250px}.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){#site-header{position:absolute;height:auto}#site-header-inner{display:block;height:auto;padding:15px 0}#site-logo{margin:auto}#site-logo-inner,#site-logo a{height:70px}#site-navigation .dropdown-menu{flex-wrap:wrap;justify-content:center}#site-navigation .dropdown-menu>li>a{height:45px}.content-hero{min-height:430px;padding-top:220px}.project-grid{grid-template-columns:1fr}.section-heading{font-size:36px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation-play-state:paused}}
.about-socials .about-social-link>span:not(.about-social-link__mark){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.about-socials .about-social-link{width:58px!important;height:58px!important;min-width:58px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important}
.about-socials .about-social-link__mark{margin:0!important}
.about-socials .about-social-link__mark svg{fill:currentColor!important}
.about-socials .about-social-link[aria-label="YouTube"]{color:#ff0033!important}
.about-socials .about-social-link[aria-label="Facebook"]{color:#1877f2!important}
.about-socials .about-social-link[aria-label="Instagram"]{color:#d62976!important}
.about-socials .about-social-link[aria-label="Twitter"]{color:#111!important}
.about-socials .about-social-link[aria-label="LinkedIn"]{color:#0a66c2!important}
.about-socials .about-social-link[aria-label="TikTok"]{color:#111!important}