.elementor-kit-6{--e-global-color-primary:#4B5563;--e-global-color-secondary:#D97706;--e-global-color-text:#1F1F1F;--e-global-color-accent:#F59E0B;--e-global-typography-primary-font-family:"Anton";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Anton";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Anton";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */:root {
      --ml-black: #1F1F1F;
      --ml-orange: #F59E0B;
      --ml-orange-dark: #D97706;
      --ml-charcoal: #4B5563;
      --ml-white: #F5F5F5;
      --ml-true-white: #ffffff;
      --ml-text: #1F1F1F;
      --ml-muted: #5f6670;
      --ml-border: rgba(31, 31, 31, 0.12);
      --ml-radius: 22px;
      --ml-radius-sm: 14px;
      --ml-shadow: 0 18px 45px rgba(31, 31, 31, 0.12);
      --ml-heading: 'Anton', sans-serif;
      --ml-body: 'Montserrat', sans-serif;
    }
    
    /* Base */
    .ml-section {
      font-family: var(--ml-body);
      color: var(--ml-text);
      background: var(--ml-white);
      padding: 90px 22px;
    }
    
    .ml-section-dark {
      background: var(--ml-black);
      color: #ffffff;
    }
    
    .ml-container {
      max-width: 1180px;
      margin: 0 auto;
    }
    
    .ml-section-head {
      max-width: 820px;
      margin-bottom: 38px;
    }
    
    /* Type */
    .ml-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--ml-orange);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      margin-bottom: 14px;
    }
    
    .ml-eyebrow::before {
      content: "";
      width: 34px;
      height: 3px;
      background: var(--ml-orange);
      border-radius: 999px;
    }
    
    .ml-title {
      font-family: var(--ml-heading);
      font-size: clamp(42px, 6vw, 76px);
      line-height: 0.95;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      margin: 0 0 20px;
    }
    
    .ml-title span {
      color: var(--ml-orange);
    }
    
    .ml-subtitle {
      font-size: 18px;
      line-height: 1.7;
      color: var(--ml-muted);
      max-width: 760px;
      margin: 0;
    }
    
    .ml-section-dark .ml-subtitle {
      color: rgba(255, 255, 255, 0.78);
    }
    
    /* Buttons */
    .ml-btn-row {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 30px;
    }
    
    .ml-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 52px;
      padding: 14px 24px;
      border-radius: 999px;
      font-size: 14px;
      font-weight: 900;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      text-decoration: none;
      transition: all 0.25s ease;
    }
    
    .ml-btn-primary {
      background: var(--ml-orange);
      color: var(--ml-black);
      box-shadow: 0 12px 26px rgba(245, 158, 11, 0.32);
    }
    
    .ml-btn-primary:hover {
      background: var(--ml-orange-dark);
      color: #ffffff;
      transform: translateY(-2px);
    }
    
    .ml-btn-secondary {
      background: transparent;
      color: var(--ml-black);
      border: 2px solid var(--ml-black);
    }
    
    .ml-btn-secondary:hover {
      background: var(--ml-black);
      color: #ffffff;
      transform: translateY(-2px);
    }
    
    .ml-section-dark .ml-btn-secondary {
      color: #ffffff;
      border-color: rgba(255, 255, 255, 0.55);
    }
    
    /* Layout */
    .ml-grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 34px;
      align-items: center;
    }
    
    .ml-grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
      align-items: stretch;
    }
    
    .ml-grid-4 {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
      align-items: stretch;
    }
    
    /* Cards */
    .ml-card {
      background: var(--ml-true-white);
      border: 1px solid var(--ml-border);
      border-radius: var(--ml-radius);
      padding: 30px;
      box-shadow: var(--ml-shadow);
    }
    
    .ml-card h3 {
      font-size: 22px;
      line-height: 1.2;
      margin: 0 0 10px;
      color: var(--ml-black);
    }
    
    .ml-card p {
      font-size: 15.5px;
      line-height: 1.7;
      color: var(--ml-muted);
      margin: 0;
    }
    
    .ml-card-dark {
      background: #171717;
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: #ffffff;
    }
    
    .ml-card-dark h3 {
      color: #ffffff;
    }
    
    .ml-card-dark p {
      color: rgba(255, 255, 255, 0.72);
    }
    
.ml-icon-badge {
   width: 54px;

  height: 54px;

  border-radius: 16px;

  background: var(--ml-orange);

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 18px;

  flex-shrink: 0;

  box-shadow: 0 10px 24px rgba(245,158,11,.28);
}

.ml-icon-badge img {
  position: static;

  width: 24px;

  height: 24px;

  object-fit: contain;

  display: block;

  filter: brightness(0) saturate(100%) invert(10%);
}
    
    /* Pills */
    .ml-pill-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    
    .ml-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(245, 158, 11, 0.12);
      color: var(--ml-black);
      border: 1px solid rgba(245, 158, 11, 0.28);
      border-radius: 999px;
      padding: 9px 14px;
      font-size: 13px;
      font-weight: 800;
    }
    
    .ml-section-dark .ml-pill {
      color: #ffffff;
      background: rgba(245, 158, 11, 0.14);
    }
    
    /* Header */
    .ml-header {
      width: 100%;
      padding: 18px 18px 0;
      position: relative;
      z-index: 9999;
    }
    
    .ml-header__wrap {
      max-width: 1240px;
      margin: 0 auto;
      background: rgba(255, 255, 255, 0.78);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(255, 255, 255, 0.4);
      border-radius: 24px;
      padding: 14px 18px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    }
    
    .ml-header__left,
    .ml-header__right {
      display: flex;
      align-items: center;
    }
    
    .ml-header__left {
      gap: 18px;
    }
    
    .ml-header__right {
      gap: 12px;
    }
    
    .ml-header__logo img {
      width: 210px;
      height: auto;
      display: block;
    }
    
    .ml-header__phone {
      display: flex;
      flex-direction: column;
      line-height: 1.1;
    }
    
    .ml-header__phone-label {
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--ml-muted);
    }
    
    .ml-header__phone a {
      text-decoration: none;
      color: var(--ml-black);
      font-weight: 900;
      font-size: 18px;
    }
    
    .ml-header .ml-btn {
      min-height: 58px;
      padding: 0 24px;
    }
    
    .ml-menu-btn {
      width: 58px;
      height: 58px;
      border-radius: 18px;
      border: none;
      background: var(--ml-black);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 6px;
      cursor: pointer;
      transition: background 0.25s ease;
    }
    
    .ml-menu-btn,
.ml-menu-btn:focus,
.ml-menu-btn:active,
.ml-menu-btn:visited,
.ml-menu-btn:hover {
  background: var(--ml-black) !important;
  color: #ffffff !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.ml-menu-btn span {
  background: #ffffff !important;
}
    
.ml-menu-btn:hover {
  background: var(--ml-orange) !important;
}
    
    .ml-menu-btn span {
      width: 24px;
      height: 2px;
      background: #ffffff;
      border-radius: 999px;
    }
    
    /* Hero */
    .ml-hero {

  position: relative;

  overflow: hidden;

  isolation: isolate;

  margin-top: -110px;

  padding-top: 110px;

  background-color: var(--ml-white);

  background-image:

    linear-gradient(

      90deg,

      rgba(245, 245, 245, 0.95) 0%,

      rgba(245, 245, 245, 0.84) 42%,

      rgba(245, 245, 245, 0.30) 100%

    ),

    url("https://mandlcleaninga.wpenginepowered.com/wp-content/uploads/2026/05/new-jersey-house-2.webp") !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  background-attachment: scroll;

}
    
    .ml-hero::before {
      content: "";
      position: absolute;
      left: -120px;
      top: 10%;
      width: 320px;
      height: 320px;
      background: rgba(245, 158, 11, 0.18);
      filter: blur(70px);
      border-radius: 999px;
      z-index: -1;
    }
    
    .ml-hero__grid {
      min-height: 520px;
      display: flex;
      align-items: center;
    }
    
    .ml-hero__content {
      max-width: 680px;
      padding: 46px 0;
    }
    
    .ml-hero__title {
      font-size: clamp(42px, 5.4vw, 74px);
      line-height: 0.95;
      max-width: 680px;
      margin-bottom: 18px;
    }
    
    .ml-hero__subtitle {
      max-width: 640px;
      font-size: 17px;
      line-height: 1.55;
    }
    
    .ml-hero__pills {
      margin-top: 20px;
    }
    
    .ml-hero__pills {

  flex-wrap: nowrap;

  gap: 8px;

}

.ml-hero__pills .ml-pill {

  font-size: 12px;

  padding: 8px 12px;

  white-space: nowrap;

}

@media (max-width: 900px) {

  .ml-hero__pills {

    flex-wrap: wrap;

  }

}
    
    .ml-hero .ml-btn-row {
      margin-top: 22px;
    }
    
    /* Trust Bar */
    .ml-trust {
      background: var(--ml-black);
      color: #ffffff;
      padding: 26px 22px;
    }
    
    .ml-trust__grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
    }
    
    .ml-trust__item {
      display: flex;
      align-items: center;
      gap: 12px;
      font-weight: 800;
      font-size: 14px;
      letter-spacing: 0.03em;
      text-transform: uppercase;
    }
    
    .ml-trust__icon {
      color: var(--ml-orange);
      font-size: 24px;
      line-height: 1;
    }
    
    /* Background Image Cards */
    .ml-bg-card {
  min-height: 310px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  color: #ffffff;
  padding: 34px;
  background: var(--ml-black);
}

.ml-bg-card > img {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.ml-bg-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(31,31,31,.08) 0%,
    rgba(31,31,31,.20) 38%,
    rgba(31,31,31,.82) 100%
  );
}

.ml-bg-card > div {
  position: relative;
  z-index: 2;
}

.ml-bg-card h3 {
  color: #ffffff !important;
}

.ml-bg-card p {
  color: rgba(255,255,255,.88) !important;
}
    /* Mobile */
    @media (max-width: 900px) {
      .ml-section {
        padding: 70px 18px;
      }
    
      .ml-grid-2,
      .ml-grid-3,
      .ml-grid-4 {
        grid-template-columns: 1fr;
      }
    
      .ml-card {
        padding: 24px;
      }
    
      .ml-title {
        font-size: clamp(38px, 14vw, 58px);
      }
    
      .ml-header {
        padding: 10px 10px 0;
      }
    
      .ml-header__wrap {
        padding: 12px;
        border-radius: 20px;
      }
    
      .ml-header__phone,
      .ml-header .ml-btn {
        display: none;
      }
    
      .ml-header__logo img {
        width: 160px;
      }
    
      .ml-menu-btn {
        width: 52px;
        height: 52px;
      }
    
      .ml-hero {
        background-attachment: scroll;
        margin-top: -95px;
        padding-top: 95px;
      }
    
      .ml-hero__grid {
        min-height: auto;
      }
    
      .ml-hero__content {
        padding: 62px 0 54px;
      }
    
      .ml-hero__title {
        font-size: clamp(38px, 12vw, 58px);
      }
    
      .ml-hero__subtitle {
        font-size: 16px;
      }
    
      .ml-trust__grid {
        grid-template-columns: 1fr 1fr;
      }
    }
    
    .ml-faq {
  display: grid;
  gap: 14px;
}

.ml-faq-item {
  background: #ffffff;
  border: 1px solid var(--ml-border);
  border-radius: var(--ml-radius-sm);
  box-shadow: 0 12px 30px rgba(31,31,31,.08);
  overflow: hidden;
}

.ml-faq-item summary {
  cursor: pointer;
  list-style: none;
  padding: 22px 24px;
  font-weight: 900;
  color: var(--ml-black);
  position: relative;
}

.ml-faq-item summary::-webkit-details-marker {
  display: none;
}

.ml-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--ml-orange);
  font-size: 26px;
  font-weight: 900;
}

.ml-faq-item[open] summary::after {
  content: "−";
}

.ml-faq-item p {
  padding: 0 24px 24px;
  margin: 0;
  color: var(--ml-muted);
  line-height: 1.7;
}

.ml-footer {
  background: var(--ml-black);
  color: #ffffff;
  padding: 70px 22px 26px;
  font-family: var(--ml-body);
}

.ml-footer__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1.2fr 1fr;
  gap: 34px;
}

.ml-footer__logo {
  width: 100px;
  max-width: 100%;
  margin-bottom: 18px;
}

.ml-footer h3 {
  color: var(--ml-orange);
  margin: 0 0 16px;
  font-size: 18px;
}

.ml-footer p,
.ml-footer a,
.ml-footer span {
  color: rgba(255,255,255,.72);
  font-size: 15px;
  line-height: 1.7;
}

.ml-footer a {
  display: block;
  text-decoration: none;
  margin-bottom: 8px;
}

.ml-footer a:hover {
  color: var(--ml-orange);
}

.ml-footer__bottom {
  border-top: 1px solid rgba(255,255,255,.12);
  margin-top: 42px;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
}

@media (max-width: 900px) {
  .ml-footer__grid {
    grid-template-columns: 1fr;
  }

  .ml-footer__bottom {
    flex-direction: column;
  }
}

.ml-contact-bg {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(
      90deg,
      rgba(31,31,31,.96) 0%,
      rgba(31,31,31,.90) 48%,
      rgba(31,31,31,.72) 100%
    ),
    url("https://mandlcleaninga.wpenginepowered.com/wp-content/uploads/2026/05/nice-house.webp") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.ml-contact-bg .ml-title,
.ml-contact-bg .ml-subtitle {
  color: #ffffff;
}

.ml-card-dark .ml-icon-badge {
  background: var(--ml-orange) !important;
  color: #000000 !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 24px rgba(245,158,11,.28) !important;
}

.ml-card-dark .ml-icon-badge img {
  display: none !important;
}/* End custom CSS */