.elementor-2554 .elementor-element.elementor-element-7e187b42{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS *//* Meta Linker new theme - Bilal Mughal page (ID 2554). Light background, violet accents, dark navy headings. No wording or content changes. */
.elementor-2554 .e-con,
.elementor-2554 .elementor-section,
.elementor-2554 .elementor-widget-wrap {
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: #e9e5f5 !important;
}
/* Alternate sections: soft lavender, like the homepage */
.elementor-2554 > .e-con > .e-con:nth-child(even) {
  background-color: #f5f3ff !important;
}
/* Headings: dark navy */
.elementor-2554 .elementor-heading-title,
.elementor-2554 h1,
.elementor-2554 h2,
.elementor-2554 h3,
.elementor-2554 h4 {
  color: #1e1b4b !important;
}
/* Hero name: solid violet instead of the old blue/cyan gradient */
.elementor-2554 .elementor-widget-heading h1 span,
.elementor-2554 .elementor-heading-title span {
  background-image: none !important;
  -webkit-text-fill-color: #7c3aed !important;
  color: #7c3aed !important;
}
/* Body copy: slate */
.elementor-2554 .elementor-widget-text-editor,
.elementor-2554 .elementor-widget-text-editor p,
.elementor-2554 .elementor-widget-text-editor li {
  color: #475569 !important;
}
.elementor-2554 .elementor-widget-text-editor a {
  color: #7c3aed !important;
}
/* Icon lists and stat counters */
.elementor-2554 .elementor-icon-list-text {
  color: #475569 !important;
}
.elementor-2554 .elementor-icon-list-icon {
  color: #7c3aed !important;
}
.elementor-2554 .elementor-counter-number-wrapper,
.elementor-2554 .elementor-counter-number {
  color: #1e1b4b !important;
}
.elementor-2554 .elementor-counter-title {
  color: #475569 !important;
}
/* Icons: violet on lavender */
.elementor-2554 .elementor-widget-icon .elementor-icon,
.elementor-2554 .elementor-widget-icon-box .elementor-icon {
  color: #7c3aed !important;
  fill: #7c3aed !important;
  background-color: #ede9fe !important;
  border-color: #ede9fe !important;
}
/* Buttons: violet pill, homepage style */
.elementor-2554 .elementor-button {
  background-color: #7c3aed !important;
  background-image: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
  color: #ffffff !important;
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 25px rgba(124, 58, 237, 0.28) !important;
}
/* Dividers */
.elementor-2554 .elementor-divider-separator {
  border-color: #ddd6fe !important;
}
/* Proficiency bars: violet on a lavender track */
.elementor-2554 .elementor-progress-wrapper {
  background-color: #ede9fe !important;
}
.elementor-2554 .elementor-progress-bar {
  background-color: #7c3aed !important;
  background-image: none !important;
}
.elementor-2554 .elementor-progress-text,
.elementor-2554 .elementor-progress-percentage {
  color: #1e1b4b !important;
}
/* FAQ accordion: white cards */
.elementor-2554 .elementor-accordion-item {
  background: #ffffff !important;
  border: 1px solid #e9e5f5 !important;
  border-radius: 16px !important;
  margin-bottom: 12px !important;
}
.elementor-2554 .elementor-tab-title,
.elementor-2554 .elementor-tab-title a {
  color: #1e1b4b !important;
}
.elementor-2554 .elementor-tab-content,
.elementor-2554 .elementor-tab-content p {
  color: #475569 !important;
}
.elementor-2554 .elementor-accordion-icon {
  color: #7c3aed !important;
}
/* Inner cards: soft rounded corners */
.elementor-2554 .e-con .e-con {
  border-radius: 20px !important;
}
/* Hero section: light lavender gradient, like the homepage hero */
.elementor-2554 > .e-con > .e-con:has(h1) {
  background-color: #ffffff !important;
  background-image: linear-gradient(180deg, #ede9fe 0%, #ffffff 70%) !important;
}
.elementor-2554 > .e-con > .e-con:has(h1) .e-con {
  background-color: transparent !important;
  background-image: none !important;
}
/* Hero photo card: white frame with a violet border */
.elementor-2554 .e-con:has(> .elementor-widget-image) {
  background-color: #ffffff !important;
  border: 1px solid #ddd6fe !important;
  box-shadow: 0 20px 45px rgba(30, 27, 75, 0.12) !important;
}
/* CTA band (GROWTH AXIS): dark purple, like the homepage CTA band */
.elementor-2554 > .e-con > .e-con:has(form) {
  background-color: #2e1065 !important;
  background-image: linear-gradient(135deg, #2e1065 0%, #4c1d95 55%, #6d28d9 100%) !important;
  border-radius: 24px !important;
}
.elementor-2554 > .e-con > .e-con:has(form) .e-con {
  background-color: transparent !important;
  background-image: none !important;
}
.elementor-2554 > .e-con > .e-con:has(form) .elementor-heading-title {
  color: #ffffff !important;
}
.elementor-2554 > .e-con > .e-con:has(form) .elementor-widget-text-editor,
.elementor-2554 > .e-con > .e-con:has(form) .elementor-widget-text-editor p,
.elementor-2554 > .e-con > .e-con:has(form) .elementor-widget-text-editor li {
  color: #ede9fe !important;
}
.elementor-2554 > .e-con > .e-con:has(form) .elementor-widget-text-editor a,
.elementor-2554 > .e-con > .e-con:has(form) a {
  color: #ffffff !important;
}
.elementor-2554 > .e-con > .e-con:has(form) .elementor-button {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #5b21b6 !important;
  border-color: #ffffff !important;
  box-shadow: none !important;
}
/* Contact form fields */
.elementor-2554 input[type="text"],
.elementor-2554 input[type="email"],
.elementor-2554 textarea,
.elementor-2554 .elementor-field-textual {
  background-color: #ffffff !important;
  color: #1e1b4b !important;
  border: 1px solid #c4b5fd !important;
  border-radius: 12px !important;
}
.elementor-2554 input::placeholder,
.elementor-2554 textarea::placeholder {
  color: #94a3b8 !important;
}
.elementor-2554 .elementor-field-label {
  color: #ede9fe !important;
}/* New theme for the Bilal Mughal page (ID 2554). Overrides the page's own embedded styles. Wording, links, photo, layout and URL unchanged. */
body.page-id-2554 .metalinker-portfolio-wrapper {
  --color-primary: #7c3aed !important;
  --color-primary-glow: rgba(124, 58, 237, 0.28) !important;
  --color-accent: #8b5cf6 !important;
  --color-neon: #a855f7 !important;
  --color-bg: #ffffff !important;
  --color-card: #ffffff !important;
  --color-card-border: #e9e5f5 !important;
  --color-text: #1e1b4b !important;
  --color-muted: #475569 !important;
  background-color: #ffffff !important;
  color: #1e1b4b !important;
}
/* Headings and body copy */
body.page-id-2554 .metalinker-portfolio-wrapper h1,
body.page-id-2554 .metalinker-portfolio-wrapper h2,
body.page-id-2554 .metalinker-portfolio-wrapper h3,
body.page-id-2554 .metalinker-portfolio-wrapper h4 {
  color: #1e1b4b !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper p {
  color: #475569 !important;
}
/* Decorative glow and blobs: blue/cyan to soft violet */
body.page-id-2554 .metalinker-portfolio-wrapper .blob-1 {
  background: radial-gradient(circle, rgba(221, 214, 254, 0.9), rgba(237, 233, 254, 0) 70%) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .blob-2 {
  background: radial-gradient(circle, rgba(196, 181, 253, 0.7), rgba(245, 243, 255, 0) 70%) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .blob-3 {
  background: radial-gradient(circle, rgba(233, 213, 255, 0.9), rgba(250, 245, 255, 0) 70%) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .cursor-glow {
  background: radial-gradient(circle, rgba(124, 58, 237, 0.10) 0%, rgba(124, 58, 237, 0) 60%) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .glow-ring {
  background: radial-gradient(circle, rgba(124, 58, 237, 0.16), rgba(124, 58, 237, 0) 65%) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .scroll-progress {
  background: linear-gradient(90deg, #7c3aed, #a855f7) !important;
}
/* Hero: light lavender gradient like the homepage hero */
body.page-id-2554 .metalinker-portfolio-wrapper .hero-section {
  background: linear-gradient(180deg, #ede9fe 0%, #ffffff 70%) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .hero-heading {
  color: #1e1b4b !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .gradient-text {
  background: linear-gradient(135deg, #7c3aed 10%, #a855f7 55%, #6d28d9 90%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .hero-subheading {
  color: #1e1b4b !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .image-holder-card {
  background: #ffffff !important;
  border: 1px solid #ddd6fe !important;
  box-shadow: 0 20px 45px rgba(30, 27, 75, 0.12) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .hero-avatar {
  background: linear-gradient(180deg, #ede9fe, #ffffff) !important;
}
/* Pills and section tags */
body.page-id-2554 .metalinker-portfolio-wrapper .section-tag {
  background: #ede9fe !important;
  border: 1px solid #c4b5fd !important;
  color: #6d28d9 !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .pill {
  background: #ffffff !important;
  border: 1px solid #ddd6fe !important;
  color: #475569 !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .pill:hover {
  background: #ede9fe !important;
  border-color: #7c3aed !important;
  color: #6d28d9 !important;
}
/* Buttons: violet pill, homepage style */
body.page-id-2554 .metalinker-portfolio-wrapper .btn {
  border-radius: 999px !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .btn-primary {
  background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 25px rgba(124, 58, 237, 0.30) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .btn-secondary {
  background: #ffffff !important;
  color: #6d28d9 !important;
  border: 2px solid #c4b5fd !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .btn-secondary:hover {
  background: #f5f3ff !important;
  border-color: #7c3aed !important;
}
/* Cards: white with a soft lavender border and shadow */
body.page-id-2554 .metalinker-portfolio-wrapper .glass-card {
  background: #ffffff !important;
  border: 1px solid #e9e5f5 !important;
  box-shadow: 0 10px 30px rgba(30, 27, 75, 0.07) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .glass-card:hover {
  border-color: rgba(124, 58, 237, 0.35) !important;
  box-shadow: 0 18px 40px rgba(124, 58, 237, 0.14) !important;
}
/* Stats */
body.page-id-2554 .metalinker-portfolio-wrapper .stats-ribbon {
  background: #ffffff !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .stat-number {
  color: #1e1b4b !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .stat-label {
  color: #475569 !important;
}
/* Alternating lavender bands, like the homepage */
body.page-id-2554 .metalinker-portfolio-wrapper .services-section {
  background: #f5f3ff !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .skills-section {
  background: #f5f3ff !important;
}
/* About */
body.page-id-2554 .metalinker-portfolio-wrapper .about-visuals {
  background: radial-gradient(circle at 30% 30%, rgba(124, 58, 237, 0.10), rgba(124, 58, 237, 0) 70%) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .highlight-box {
  background: #ffffff !important;
  border-left: 5px solid #7c3aed !important;
}
/* Service icons */
body.page-id-2554 .metalinker-portfolio-wrapper .service-icon-frame {
  background: #ede9fe !important;
  color: #7c3aed !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .service-card:hover .service-icon-frame {
  background: #7c3aed !important;
  color: #ffffff !important;
}
/* Proficiency bars */
body.page-id-2554 .metalinker-portfolio-wrapper .skill-track {
  background: #ede9fe !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .skill-fill {
  background: linear-gradient(90deg, #7c3aed, #a855f7) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .skill-label-wrap {
  color: #1e1b4b !important;
}
/* Strategy pipeline */
body.page-id-2554 .metalinker-portfolio-wrapper .timeline-line {
  background: linear-gradient(180deg, #c4b5fd, #7c3aed) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .timeline-dot {
  background: #ffffff !important;
  border: 3px solid #7c3aed !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .timeline-item:hover .timeline-dot {
  background: #7c3aed !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .step-num {
  color: rgba(124, 58, 237, 0.12) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .timeline-item:hover .step-num {
  color: rgba(124, 58, 237, 0.06) !important;
}
/* FAQ accordion */
body.page-id-2554 .metalinker-portfolio-wrapper .accordion-item {
  background: #ffffff !important;
  border: 1px solid #e9e5f5 !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .accordion-item.open {
  border-color: rgba(124, 58, 237, 0.35) !important;
  background: #f5f3ff !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .accordion-item button {
  color: #1e1b4b !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .accordion-panel p {
  color: #475569 !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .icon-indicator::before,
body.page-id-2554 .metalinker-portfolio-wrapper .icon-indicator::after {
  background: #7c3aed !important;
}
/* CTA band (GROWTH AXIS): dark purple, like the homepage CTA band */
body.page-id-2554 .metalinker-portfolio-wrapper .contact-section {
  background: #ffffff !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .global-contact-wrapper {
  background: linear-gradient(135deg, #2e1065 0%, #4c1d95 55%, #6d28d9 100%) !important;
  border: none !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 60px rgba(46, 16, 101, 0.35) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .global-contact-wrapper h2 {
  color: #ffffff !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .global-contact-wrapper p {
  color: #ede9fe !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .global-contact-wrapper a {
  color: #ffffff !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .global-contact-wrapper .section-tag {
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .contact-meta-side {
  background: transparent !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .contact-action-side {
  background: transparent !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .channel-link {
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .channel-link:hover {
  border-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.14) !important;
}
/* Contact form */
body.page-id-2554 .metalinker-portfolio-wrapper .wpcf7 form label {
  color: #ede9fe !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .wpcf7 form input[type="text"],
body.page-id-2554 .metalinker-portfolio-wrapper .wpcf7 form input[type="email"],
body.page-id-2554 .metalinker-portfolio-wrapper .wpcf7 form textarea {
  background: #ffffff !important;
  border: 1px solid #c4b5fd !important;
  color: #1e1b4b !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .wpcf7 form input::placeholder,
body.page-id-2554 .metalinker-portfolio-wrapper .wpcf7 form textarea::placeholder {
  color: #94a3b8 !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .wpcf7 form input:focus,
body.page-id-2554 .metalinker-portfolio-wrapper .wpcf7 form textarea:focus {
  border-color: #7c3aed !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.15) !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .wpcf7 form input[type="submit"] {
  background: #ffffff !important;
  color: #5b21b6 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 999px !important;
}
body.page-id-2554 .metalinker-portfolio-wrapper .wpcf7 form input[type="submit"]:hover {
  background: #ede9fe !important;
  box-shadow: none !important;
}
/* Back to top trigger */
body.page-id-2554 .metalinker-portfolio-wrapper .top-trigger {
  background: #7c3aed !important;
  color: #ffffff !important;
}
/* Mobile: keep the display sizes comfortable at 360px */
@media (max-width: 767px) {
  body.page-id-2554 .metalinker-portfolio-wrapper .hero-heading {
    font-size: 2.6rem !important;
    line-height: 1.1 !important;
  }
  body.page-id-2554 .metalinker-portfolio-wrapper .hero-subheading {
    font-size: 1.5rem !important;
  }
  body.page-id-2554 .metalinker-portfolio-wrapper .section-heading {
    font-size: 1.9rem !important;
  }
  body.page-id-2554 .metalinker-portfolio-wrapper .stat-number {
    font-size: 2.4rem !important;
  }
}
/* Stat numbers: solid navy (their gradient washed out on white) */
body.page-id-2554 .metalinker-portfolio-wrapper .stat-number,
body.page-id-2554 .metalinker-portfolio-wrapper .stat-number span {
  background: none !important;
  -webkit-text-fill-color: #1e1b4b !important;
  color: #1e1b4b !important;
}

/* About heading: force solid navy (it rendered white-on-white) */
body.page-id-2554 .metalinker-portfolio-wrapper section.about-section .about-visuals h3,
body.page-id-2554 .metalinker-portfolio-wrapper section.about-section .about-visuals .about-title,
body.page-id-2554 .metalinker-portfolio-wrapper section.about-section .about-visuals div,
body.page-id-2554 .metalinker-portfolio-wrapper section.about-section .about-visuals span {
  background: none !important;
  background-image: none !important;
  -webkit-text-fill-color: #1e1b4b !important;
  color: #1e1b4b !important;
  opacity: 1 !important;
}/* End custom CSS */