.elementor-79 .elementor-element.elementor-element-7bcb480{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-53f6f3d *//* ==========================================================
   MARDAN MOVERS — HERO & CTA BUTTON TEXT FIX
   Only targets buttons inside hero sliders and CTA banners
   Does NOT affect: header, footer, plain phone numbers, floating buttons
   ========================================================== */

/* ---------- HERO SLIDER BUTTONS (home page hero) ---------- */
[class*="hero-btn"],
[class*="hero__btn"],
.mm-home__hero-btn,
.mm-home__hero-btn-primary,
.mm-home__hero-btn-secondary {
  color: #FFFFFF !important;
}
[class*="hero-btn"] *,
[class*="hero__btn"] *,
.mm-home__hero-btn *,
.mm-home__hero-btn-primary *,
.mm-home__hero-btn-secondary * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* ---------- CTA BANNER BUTTONS (orange banners on all pages) ---------- */
[class*="__cta-banner"] a,
[class*="cta-banner"] a,
[class*="__cta"] a[class*="-btn"],
.mm-home__final-cta a,
.mm-home__cta a {
  color: #FFFFFF !important;
}
[class*="__cta-banner"] a *,
[class*="cta-banner"] a *,
[class*="__cta"] a[class*="-btn"] *,
.mm-home__final-cta a *,
.mm-home__cta a * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* ---------- WHITE BG BUTTONS INSIDE CTA BANNERS (keep orange text) ---------- */
/* When user has set inline style background:#fff on the button, text should be ORANGE */
[class*="__cta-banner"] a[style*="background:#fff"],
[class*="__cta-banner"] a[style*="background: #fff"],
[class*="__cta-banner"] a[style*="background:#FFF"],
[class*="__cta-banner"] a[style*="background: #FFF"],
[class*="cta-banner"] a[style*="background:#fff"],
[class*="cta-banner"] a[style*="background: #fff"] {
  color: #FF6B1A !important;
}
[class*="__cta-banner"] a[style*="background:#fff"] *,
[class*="__cta-banner"] a[style*="background: #fff"] *,
[class*="__cta-banner"] a[style*="background:#FFF"] *,
[class*="__cta-banner"] a[style*="background: #FFF"] *,
[class*="cta-banner"] a[style*="background:#fff"] *,
[class*="cta-banner"] a[style*="background: #fff"] * {
  color: #FF6B1A !important;
  fill: #FF6B1A !important;
}

/* ---------- BUTTON CLASSES SPECIFIC TO PAGES (only --primary and --whatsapp variants) ---------- */
a.mm-home-btn--primary,
a.mm-srv-btn--primary,
a.mm-hm-btn--primary,
a.mm-of-btn--primary,
a.mm-vf-btn--primary,
a.mm-fm-btn--primary,
a.mm-pk-btn--primary,
a.mm-lu-btn--primary,
a.mm-ad-btn--primary,
a.mm-ar-btn--primary,
a.mm-co-btn--primary,
a.mm-ab-btn--primary,
a.mm-sh-btn--primary,
a.mm-aj-btn--primary,
a.mm-rk-btn--primary,
a.mm-fj-btn--primary,
a.mm-uq-btn--primary,
a.mm-du-btn--primary,
a.mm-home-btn--whatsapp,
a.mm-srv-btn--whatsapp,
a.mm-hm-btn--whatsapp,
a.mm-of-btn--whatsapp,
a.mm-vf-btn--whatsapp,
a.mm-fm-btn--whatsapp,
a.mm-pk-btn--whatsapp,
a.mm-lu-btn--whatsapp,
a.mm-ad-btn--whatsapp,
a.mm-ar-btn--whatsapp,
a.mm-co-btn--whatsapp,
a.mm-ab-btn--whatsapp,
a.mm-sh-btn--whatsapp,
a.mm-aj-btn--whatsapp,
a.mm-rk-btn--whatsapp,
a.mm-fj-btn--whatsapp,
a.mm-uq-btn--whatsapp,
a.mm-du-btn--whatsapp {
  color: #FFFFFF !important;
}
a.mm-home-btn--primary *,
a.mm-srv-btn--primary *,
a.mm-hm-btn--primary *,
a.mm-of-btn--primary *,
a.mm-vf-btn--primary *,
a.mm-fm-btn--primary *,
a.mm-pk-btn--primary *,
a.mm-lu-btn--primary *,
a.mm-ad-btn--primary *,
a.mm-ar-btn--primary *,
a.mm-co-btn--primary *,
a.mm-ab-btn--primary *,
a.mm-sh-btn--primary *,
a.mm-aj-btn--primary *,
a.mm-rk-btn--primary *,
a.mm-fj-btn--primary *,
a.mm-uq-btn--primary *,
a.mm-du-btn--primary *,
a.mm-home-btn--whatsapp *,
a.mm-srv-btn--whatsapp *,
a.mm-hm-btn--whatsapp *,
a.mm-of-btn--whatsapp *,
a.mm-vf-btn--whatsapp *,
a.mm-fm-btn--whatsapp *,
a.mm-pk-btn--whatsapp *,
a.mm-lu-btn--whatsapp *,
a.mm-ad-btn--whatsapp *,
a.mm-ar-btn--whatsapp *,
a.mm-co-btn--whatsapp *,
a.mm-ab-btn--whatsapp *,
a.mm-sh-btn--whatsapp *,
a.mm-aj-btn--whatsapp *,
a.mm-rk-btn--whatsapp *,
a.mm-fj-btn--whatsapp *,
a.mm-uq-btn--whatsapp *,
a.mm-du-btn--whatsapp * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* Hover states - keep white */
[class*="hero-btn"]:hover,
[class*="hero__btn"]:hover,
[class*="__cta-banner"] a:hover,
[class*="cta-banner"] a:hover,
a[class*="-btn--primary"]:hover,
a[class*="-btn--whatsapp"]:hover {
  color: #FFFFFF !important;
}

[class*="__cta-banner"] a[style*="background:#fff"]:hover,
[class*="__cta-banner"] a[style*="background: #fff"]:hover {
  color: #FF6B1A !important;
}

/* End of fix */
/* ================================================
   MARDAN MOVERS — HERO TEXT COLOR FIX
   Fixes black text in hero/banner sections
   Paste in: Elementor → Advanced → Custom CSS
   (on each page, or once in Customize → Additional CSS)
   ================================================ */

/* All text inside hero sections → white */
[class*="__hero"] p,
[class*="__hero"] h1,
[class*="__hero"] h2,
[class*="__hero"] h3,
[class*="__hero"] span,
[class*="__hero"] a,
[class*="__hero"] li,
[class*="__hero"] .mm-breadcrumb,
[class*="__hero"] .mm-breadcrumb a,
[class*="__hero-content"] p,
[class*="__hero-content"] h1,
[class*="__hero-content"] h2,
[class*="__hero-content"] span,
[class*="__hero-text"],
[class*="__hero-sub"],
[class*="__hero-desc"],
[class*="__hero-p"] {
  color: #FFFFFF !important;
}

/* Breadcrumb links inside hero → gold color */
[class*="__hero"] .mm-breadcrumb a,
[class*="__hero"] a.mm-breadcrumb-link {
  color: #FFC107 !important;
}

/* CTA banner sections → white text */
[class*="__cta-banner"] h1,
[class*="__cta-banner"] h2,
[class*="__cta-banner"] h3,
[class*="__cta-banner"] p,
[class*="__cta-banner"] span,
[class*="cta-banner"] h1,
[class*="cta-banner"] h2,
[class*="cta-banner"] h3,
[class*="cta-banner"] p,
[class*="cta-banner"] span {
  color: #FFFFFF !important;
}

/* Final CTA section → white text */
[class*="__final-cta"] h2,
[class*="__final-cta"] p,
[class*="__final-cta"] span,
[class*="final-cta"] h2,
[class*="final-cta"] p,
[class*="final-cta"] span {
  color: #FFFFFF !important;
}

/* Any section that has orange or navy background → force white text */
[style*="background:#FF6B1A"] p,
[style*="background:#FF6B1A"] h1,
[style*="background:#FF6B1A"] h2,
[style*="background:#FF6B1A"] h3,
[style*="background:#FF6B1A"] span,
[style*="background: #FF6B1A"] p,
[style*="background: #FF6B1A"] h1,
[style*="background: #FF6B1A"] h2,
[style*="background: #FF6B1A"] h3,
[style*="background:#1A3A6E"] p,
[style*="background:#1A3A6E"] h1,
[style*="background:#1A3A6E"] h2,
[style*="background:#1A3A6E"] h3,
[style*="background:#122B52"] p,
[style*="background:#122B52"] h1,
[style*="background:#122B52"] h2,
[style*="background:#122B52"] h3 {
  color: #FFFFFF !important;
}

/* Gradient backgrounds → white text */
[style*="linear-gradient"] p,
[style*="linear-gradient"] h1,
[style*="linear-gradient"] h2,
[style*="linear-gradient"] h3,
[style*="linear-gradient"] span {
  color: #FFFFFF !important;
}

/* ---- BUTTON TEXT FIX (keep from previous fix) ---- */
a[class*="-btn--primary"],
a[class*="-btn--whatsapp"],
[class*="hero-btn"],
[class*="__cta-banner"] a,
[class*="cta-banner"] a {
  color: #FFFFFF !important;
}

a[class*="-btn--primary"] *,
a[class*="-btn--whatsapp"] *,
[class*="hero-btn"] *,
[class*="__cta-banner"] a *,
[class*="cta-banner"] a * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* White bg buttons inside CTA banners → orange text */
[class*="__cta-banner"] a[style*="background:#fff"],
[class*="__cta-banner"] a[style*="background: #fff"],
[class*="__cta-banner"] a[style*="background:#FFF"],
[class*="cta-banner"] a[style*="background:#fff"] {
  color: #FF6B1A !important;
}/* End custom CSS */