:root {
  --mughal-accent: #DDB515;
  --mughal-black: #171717;
}

/* SHARED HEADER: copied from the finished homepage without changing its dimensions. */
#site-header #site-header-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
}
#site-header #site-logo { float: none !important; flex: 0 0 300px !important; width: 300px !important; }
#site-header #site-logo #site-logo-inner { display: flex !important; align-items: center !important; height: 100px !important; }
#site-header #site-logo #site-logo-inner .custom-logo-link { display: flex !important; align-items: center !important; width: 100% !important; }
#site-header #site-logo #site-logo-inner a img {
  width: 300px !important;
  max-width: 300px !important;
  max-height: 70px !important;
  height: auto !important;
  object-fit: contain !important;
}
#site-header #site-navigation-wrap { display: block !important; float: none !important; position: static !important; margin-left: auto !important; }
#site-header #site-navigation-wrap .dropdown-menu { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; white-space: nowrap !important; }
#site-header #site-navigation-wrap .dropdown-menu > li > a { line-height: 100px !important; }
#site-logo .sticky-logo-link { display: none !important; }
body.has-transparent-header #site-header #site-logo img.custom-logo {
  filter: brightness(0) invert(1);
  transition: filter .45s ease, opacity .45s ease;
}
body.has-transparent-header .is-sticky #site-header #site-logo img.custom-logo { filter: none; }

/* SHARED THEME */
a:hover,
#site-navigation-wrap .dropdown-menu > li > a:hover,
#site-navigation-wrap .dropdown-menu > .current-menu-item > a { color: var(--mughal-accent) !important; }
body .elementor-button,
body .button { background: var(--mughal-black) !important; color: #fff !important; }
body .elementor-button:hover,
body .elementor-button:focus,
body .button:hover,
body .button:focus { background: var(--mughal-accent) !important; color: #fff !important; }
.elementor-icon-list-icon i.fa-check:before { background: var(--mughal-black) !important; color: #fff !important; }

/* SHARED CONTACT/MAP BOX: appearance only; existing dimensions remain untouched. */
.elementor-element-cd880b4 > .elementor-column-wrap,
.elementor-3547 .elementor-element.elementor-element-e1d7997 > .elementor-column-wrap {
  background: rgba(18,18,18,.60) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: inset 0 4px 0 var(--mughal-accent), inset 0 0 0 1px rgba(255,255,255,.10), 0 25px 50px -12px rgba(0,0,0,.40) !important;
}
.elementor-element-cd880b4 .elementor-divider-separator { border-color: var(--mughal-accent) !important; }
.elementor-3547 .elementor-element.elementor-element-be83542 { --divider-color: var(--mughal-accent) !important; }
.elementor-3547 .elementor-element.elementor-element-9aa5022 { color: var(--mughal-accent) !important; }
.elementor-3547 .elementor-element.elementor-element-30f05de {
  background: linear-gradient(rgba(4,17,25,.25),rgba(4,17,25,.25)), url("assets/pakistan-network-map.png") center/cover no-repeat !important;
}
.page-header {
  background: linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)), url("assets/pakistan-network-map.png") center/cover no-repeat !important;
}

/* REMOVE COPIED WORDPRESS OVERLAYS */
#sogo_accessibility,
#sogo_accessibility_button,
#open_sogoacc,
.sogoacc,
#ocn-cookie-wrap { display: none !important; }

/* SERVICES FEATURE PANEL: same left-list/right-detail arrangement as the homepage. */
.mughal-services-catalog {
  display: flex;
  width: min(1140px, calc(100% - 40px));
  margin: 55px auto;
  background: #f3f3f3;
  color: #252525;
  font-family: "Open Sans", sans-serif;
}
.mughal-services-tabs {
  flex: 0 0 33.333%;
  background: #e7e7e7;
}
.mughal-service-tab {
  display: block;
  width: 100%;
  min-height: 92px;
  margin: 0;
  padding: 22px 30px;
  border: 0;
  border-bottom: 1px solid #d4d4d4;
  background: transparent;
  color: #303030;
  text-align: left;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  cursor: pointer;
}
.mughal-service-tab:hover,
.mughal-service-tab:focus { background: #ddd; color: #171717; }
.mughal-service-tab.is-active {
  position: relative;
  z-index: 1;
  background: var(--mughal-accent);
  color: #fff;
}
.mughal-service-tab.is-active::after {
  content: "";
  position: absolute;
  top: 0;
  right: -34px;
  width: 35px;
  height: 100%;
  background: var(--mughal-accent);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.mughal-services-detail {
  flex: 1 1 auto;
  min-width: 0;
  padding: 28px 34px 38px 54px;
}
.mughal-services-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.mughal-services-heading h1 {
  margin: 0 0 24px;
  color: #222;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: .95;
  text-transform: uppercase;
}
.mughal-learn-more {
  flex: 0 0 auto;
  margin-top: 10px;
  padding: 13px 25px;
  background: #171717;
  color: #fff !important;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.mughal-learn-more:hover { background: var(--mughal-accent); }
.mughal-services-copy h2 {
  margin: 0 0 8px;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
}
.mughal-service-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 22px; }
.mughal-service-fact { padding: 16px; background: #fff; border-top: 3px solid var(--mughal-accent); }
.mughal-service-fact h3 { margin: 0 0 7px; color: #171717; font-family: "Open Sans Condensed", "Arial Narrow", sans-serif; font-size: 17px; line-height: 1.1; text-transform: uppercase; }
.mughal-service-fact p { margin: 0; color: #444; font-size: 14px; line-height: 1.55; }
.mughal-services-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.mughal-service-point {
  display: flex;
  align-items: center;
  min-height: 58px;
  background: #fff;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-size: 17px;
  line-height: 1.25;
  text-transform: uppercase;
}
.mughal-service-point span {
  display: grid;
  place-items: center;
  align-self: stretch;
  flex: 0 0 46px;
  margin-right: 12px;
  background: #171717;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 21px;
}
.mughal-service-point strong { padding: 9px 12px 9px 0; }

@media (max-width: 767px) {
  .mughal-services-catalog { display: block; width: calc(100% - 24px); margin: 30px auto; }
  .mughal-services-tabs { width: 100%; }
  .mughal-service-tab { min-height: 58px; padding: 15px 20px; }
  .mughal-service-tab.is-active::after { display: none; }
  .mughal-services-detail { padding: 26px 20px; }
  .mughal-services-heading h1 { font-size: 34px; }
  .mughal-service-facts { grid-template-columns: 1fr; }
  .mughal-services-grid { grid-template-columns: 1fr; }
}

/* DEDICATED SERVICES REDESIGN: a catalogue index above a dark technical detail stage. */
.mughal-services-catalog {
  display:block;
  width:min(1320px,calc(100% - 40px));
  margin:55px auto;
  overflow:hidden;
  background:#171717;
  box-shadow:0 28px 70px rgba(0,0,0,.22);
}
.mughal-services-tabs {
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  width:100%;
  background:#efefec;
  border-bottom:4px solid var(--mughal-accent);
}
.mughal-service-tab {
  min-height:78px;
  padding:15px 13px;
  border:0;
  border-right:1px solid #d4d4d0;
  border-bottom:1px solid #d4d4d0;
  background:#e6e6e3;
  color:#252525;
  text-align:center;
  font-size:16px;
}
.mughal-service-tab:hover,
.mughal-service-tab:focus {
  background:#171717!important;
  color:#fff!important;
}
.mughal-service-tab.is-active {
  background:var(--mughal-accent)!important;
  color:#171717!important;
}
.mughal-service-tab.is-active::after { display:none; }
.mughal-services-detail {
  min-height:560px;
  padding:48px 54px 56px;
  color:#eee;
  background:
    linear-gradient(135deg,rgba(255,255,255,.025) 25%,transparent 25%) 0 0/30px 30px,
    #171717;
}
.mughal-services-heading { align-items:center; border-bottom:1px solid rgba(255,255,255,.14); margin-bottom:30px; padding-bottom:26px; }
.mughal-services-heading h1 { margin:0; color:#fff; font-size:52px; line-height:.9; }
.mughal-services-copy h2 { margin-bottom:20px; color:var(--mughal-accent); font-size:30px; letter-spacing:.3px; }
.mughal-service-facts { gap:16px; margin-bottom:26px; }
.mughal-service-fact { padding:22px; background:#f4f4f1; border-top:3px solid var(--mughal-accent); }
.mughal-service-fact h3 { font-size:18px; }
.mughal-service-fact p { font-size:15px; line-height:1.65; }
.mughal-services-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.mughal-service-point { min-height:64px; background:#292929; color:#fff; border:1px solid rgba(255,255,255,.08); }
.mughal-service-point span { background:var(--mughal-accent)!important; color:#171717!important; }
.mughal-learn-more { background:#fff!important; color:#171717!important; box-shadow:inset 0 -3px 0 var(--mughal-accent)!important; }
.mughal-learn-more:hover { background:var(--mughal-accent)!important; color:#171717!important; }
@media(max-width:1100px){
  .mughal-services-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mughal-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .mughal-services-catalog{width:calc(100% - 24px);margin:30px auto}
  .mughal-services-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mughal-service-tab{min-height:62px;padding:12px 9px;font-size:14px}
  .mughal-services-detail{min-height:0;padding:32px 20px 38px}
  .mughal-services-heading h1{font-size:38px}
  .mughal-service-facts,.mughal-services-grid{grid-template-columns:1fr}
}

/* SERVICES DIRECTORY REDESIGN: distinct from the homepage feature panel. */
.service-directory{width:min(1320px,calc(100% - 40px));margin:70px auto 90px}
.service-directory__intro{display:grid;grid-template-columns:.45fr 1fr 1fr;align-items:end;gap:30px;margin-bottom:36px;padding-bottom:25px;border-bottom:1px solid #d7d7d2}
.service-directory__intro>p{margin:0;color:var(--mughal-accent);font-weight:700;letter-spacing:2px;text-transform:uppercase}
.service-directory__intro h2{margin:0;font:700 48px/1 "Open Sans Condensed","Arial Narrow",sans-serif;text-transform:uppercase}
.service-directory__intro span{color:#666;line-height:1.7}
.service-directory__grid{display:grid;gap:16px}
.service-directory__card{display:grid;grid-template-columns:82px 1fr 180px;align-items:start;gap:28px;padding:30px;background:#fff;border-left:5px solid transparent;box-shadow:0 10px 30px rgba(0,0,0,.06);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.service-directory__card:hover{transform:translateY(-3px);border-color:var(--mughal-accent);box-shadow:0 18px 42px rgba(0,0,0,.12)}
.service-directory__number{color:var(--mughal-accent);font:700 42px/1 "Open Sans Condensed","Arial Narrow",sans-serif}
.service-directory__content h3{margin:0 0 3px;font:700 31px/1 "Open Sans Condensed","Arial Narrow",sans-serif;text-transform:uppercase}
.service-directory__content h4{margin:0 0 12px;color:#555;font-size:15px}.service-directory__content>p{margin:0;color:#666;line-height:1.7}
.service-directory details{margin-top:15px}.service-directory summary{cursor:pointer;color:#171717;font-weight:700;text-transform:uppercase}.service-directory__detail{padding:17px 0 0;color:#555;line-height:1.6}.service-directory__detail p{margin:0 0 10px}.service-directory__detail ul{columns:2;margin:10px 0 0;padding-left:20px}
.service-directory__quote{align-self:center;padding:14px 16px;background:#171717;color:#fff!important;text-align:center;text-transform:uppercase;font:700 16px "Open Sans Condensed","Arial Narrow",sans-serif}.service-directory__quote:hover{background:var(--mughal-accent);color:#171717!important}
@media(max-width:800px){.service-directory__intro{grid-template-columns:1fr}.service-directory__card{grid-template-columns:55px 1fr}.service-directory__quote{grid-column:2}.service-directory__detail ul{columns:1}}