/* ═══════════════════════════════════════════════════════════════
   MR. CLEAN — RESPONSIVE LAYOUT
   1024px  : identical to 1440px desktop (no layout changes)
   768px   : tablet layout
   ═══════════════════════════════════════════════════════════════ */


/* ─────────────────────────────────────────────────────────────
   1024px — IDENTICAL TO 1440px DESKTOP
   Overrides ALL Elementor tablet breakpoints that break layout.
───────────────────────────────────────────────────────────── */
@media (min-width: 769px) and (max-width: 1024px) {

  /* ── Header: full desktop nav ── */
  .mc-burger { display: none !important; }
  .mc-nav {
    position: static !important; width: auto !important; height: auto !important;
    background: transparent !important; box-shadow: none !important;
    padding: 0 !important; overflow: visible !important; right: auto !important;
  }
  .mc-nav ul { flex-direction: row !important; gap: 2px !important; }
  .mc-nav ul li a { padding: 8px 12px !important; font-size: 12.5px !important; }
  .mc-header-inner { padding: 0 24px !important; }
  .mc-logo img { height: 60px !important; }
  .mc-header.scrolled .mc-logo img { height: 55px !important; }

  /* ══════════════════════════════════════════
     HERO — force 2-col side-by-side
     Elementor sets --flex-wrap:wrap at 1024px
     which stacks the columns — undo that.
  ══════════════════════════════════════════ */
  .elementor-147 .elementor-element.elementor-element-41fa35c6 {
    --min-height: 100vh !important;
  }
  .elementor-147 .elementor-element.elementor-element-6e99d34d {
    --flex-wrap: nowrap !important;
    --gap: 40px 40px !important;
    --row-gap: 40px !important;
    --column-gap: 40px !important;
  }
  /* Hero text column — reset the 80px top margin Elementor adds at 1024px */
  .elementor-147 .elementor-element.elementor-element-5e2f0b9e {
    --width: 50% !important;
    --margin-top: 0px !important;
    --align-items: flex-start !important;
  }
  /* Hero image column */
  .elementor-147 .elementor-element.elementor-element-361f35d5 {
    --width: 50% !important;
  }
  /* Hero image: restore desktop negative margin */
  .elementor-147 .elementor-element.elementor-element-624305e0 > .elementor-widget-container {
    margin: 30px 0px 0px -50px !important;
  }
  .elementor-147 .elementor-element.elementor-element-624305e0 {
    text-align: end !important;
  }
  .elementor-147 .elementor-element.elementor-element-624305e0 img {
    width: auto !important;
  }
  .wp-image-60 { height: 460px !important; }
  .modern-hero-title { font-size: clamp(18px, 2.2vw, 26px) !important; }
  .modern-hero-desc  { font-size: 13px !important; max-width: 440px !important; }
  .hero-cta-overlay  { flex-direction: row !important; }
  .hero-cta-btn, .hero-phone-btn { flex: 1 !important; font-size: 13px !important; }
  /* Spacer section: keep desktop margin */
  .elementor-element-2460a65d { margin-top: 70px !important; }

  /* ══════════════════════════════════════════
     SECTORS WE SERVE — 2-col compact layout
  ══════════════════════════════════════════ */
  .hygiene-sector-section { padding: 50px 16px 24px !important; }
  .hygiene-sector-header { margin-bottom: 28px !important; }
  .hygiene-sector-header .elementskit-section-title { font-size: clamp(20px, 2.8vw, 28px) !important; }
  .hygiene-sector-header .ekit-heading__description p { font-size: 13px !important; }
  .sector-accordion { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 1px !important; }
  .sector-col:first-child .sector-item:last-child { border-bottom: 1px solid #f1f5f9 !important; }
  .sector-item-inner { padding: 10px 10px !important; gap: 10px !important; }
  .sector-item:hover .sector-item-inner { padding: 12px 10px 12px 14px !important; }
  .sector-num { font-size: 10px !important; min-width: 14px !important; }
  .sector-img-wrap { width: 48px !important; height: 48px !important; flex-shrink: 0 !important; }
  .sector-item:hover .sector-img-wrap { width: 48px !important; height: 48px !important; }
  .sector-img-wrap img { width: 40px !important; height: 40px !important; }
  .sector-title { font-size: 11.5px !important; line-height: 1.3 !important; }
  .sector-tags { font-size: 9.5px !important; white-space: normal !important; overflow: visible !important; text-overflow: unset !important; line-height: 1.4 !important; }

  /* ══════════════════════════════════════════
     ABOUT US — keep desktop 2-col layout
     Elementor sets column-reverse + wraps at 1024px
  ══════════════════════════════════════════ */
  /* Outer row: keep side-by-side, NOT column-reverse */
  .elementor-147 .elementor-element.elementor-element-17b3a556 {
    --flex-direction: row !important;
    --flex-wrap: nowrap !important;
    --container-widget-width: initial !important;
    --gap: 80px 80px !important;
    --row-gap: 80px !important;
    --column-gap: 80px !important;
  }
  /* Image block: keep desktop width */
  .elementor-147 .elementor-element.elementor-element-12d838d4 {
    --justify-content: flex-start !important;
  }
  .elementor-147 .elementor-element.elementor-element-570cd74f {
    --margin-top: 0px !important;
    --width: auto !important;
  }
  /* About images: restore desktop sizes */
  .elementor-147 .elementor-element.elementor-element-10b8a8a0 img {
    width: auto !important;
    height: auto !important;
    border-radius: 200px !important;
    margin-top: 0 !important;
    object-fit: cover !important;
  }
  .elementor-147 .elementor-element.elementor-element-49c2da70 img {
    width: auto !important;
    height: auto !important;
    border-radius: 150px !important;
    object-fit: cover !important;
  }
  /* Stat cards: keep desktop row layout */
  .elementor-147 .elementor-element.elementor-element-5555c203,
  .elementor-147 .elementor-element.elementor-element-37e55de4 {
    --flex-direction: row !important;
    --gap: 30px 30px !important;
    --padding-top: 15px !important;
    --padding-bottom: 15px !important;
    --padding-left: 15px !important;
    --padding-right: 15px !important;
  }
  .elementor-147 .elementor-element.elementor-element-272260e2,
  .elementor-147 .elementor-element.elementor-element-5fff2581 {
    --width: auto !important;
  }
  .elementor-147 .elementor-element.elementor-element-374badd8,
  .elementor-147 .elementor-element.elementor-element-7bd08c28 {
    --width: 80% !important;
  }

  /* ── Services: keep 2-col text + image ── */
  .elementor-147 .elementor-element.elementor-element-1da13f68 {
    --flex-wrap: nowrap !important;
    --gap: 40px 40px !important;
  }
  .elementor-147 .elementor-element.elementor-element-1a405eba {
    --width: 47% !important;
  }

  /* ── Working Process: keep 6-step horizontal row ── */
  .hwc-steps-grid {
    display: grid !important;
    grid-template-columns: repeat(11, 1fr) !important;
    gap: 0 !important;
    padding: 20px 8px !important;
  }
  .hwc-connector { display: flex !important; }
  .hwc-step-img-wrap { width: 86px !important; height: 86px !important; }
  .hwc-step-img-wrap img { width: 60px !important; height: 60px !important; }
  .hwc-step-title { font-size: 11px !important; }
  /* Undo Elementor wrap on process steps */
  .elementor-147 .elementor-element.elementor-element-7b90b8db {
    --flex-wrap: nowrap !important;
  }

  /* ── Why Different: desktop 6-col grid ── */
  .why-features-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 16px !important;
  }
  .why-feature:nth-child(1),
  .why-feature:nth-child(2),
  .why-feature:nth-child(3) { grid-column: span 2 !important; }
  .why-feature:nth-child(4) { grid-column: 2 / span 2 !important; }
  .why-feature:nth-child(5) { grid-column: 4 / span 2 !important; max-width: none !important; margin: 0 !important; }
  .why-feature img  { width: 62px !important; height: 62px !important; }
  .why-feature span { font-size: 12px !important; }
  .elementor-element-why-different { padding: 50px 28px !important; }

  /* ── Safety: keep desktop timeline ── */
  .safety-timeline::before { display: block !important; }
  .safety-item { flex-direction: row !important; justify-content: space-between !important; }
  .safety-item:nth-child(odd)  .safety-content-wrapper:first-child { visibility: hidden !important; display: block !important; }
  .safety-item:nth-child(even) .safety-content-wrapper:last-child  { visibility: hidden !important; display: block !important; }
  .safety-content-wrapper { width: calc(50% - 40px) !important; flex: none !important; }
  .safety-card h3 { font-size: 15px !important; }
  .safety-card p  { font-size: 13px !important; }

  /* ── Healthy Water: keep 2-col body ── */
  .hw-body { grid-template-columns: 1fr 1.15fr !important; gap: 20px !important; }
  .hw-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .hw-tile { height: 76px !important; padding: 0 14px !important; }
  .hw-tile-label { font-size: 13px !important; }
  .hw-section { padding: 0 28px !important; }

  /* ── Testimonials: keep 4-col grid ── */
  .testimonial-grid  { grid-template-columns: repeat(4, 1fr) !important; gap: 16px !important; display: grid !important; }
  .testimonial-track { display: contents !important; }
  .testimonial-controls { display: none !important; }
  .tcard { min-width: auto !important; width: auto !important; }
  .tcard__text { font-size: 12px !important; }

  /* ── FAQ: keep side-by-side ── */
  .faq-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr) !important;
    gap: 32px !important;
  }
  .faq-visual-panel { order: 0 !important; min-height: 380px !important; }
  /* .faq-visual-panel img { width: min(90%, 420px) !important; } */
  .faq-content-panel { max-width: 100% !important; }

  /* ── Contact: 3-col info + 2-col form/map ── */
  .contact-info-row { grid-template-columns: repeat(3, 1fr) !important; }
  .form-map-row     { grid-template-columns: 1fr 1fr !important; }

  /* ── Footer: 3-col grid ── */
  .mc-footer-grid { grid-template-columns: 1.4fr 1fr 1fr !important; gap: 36px !important; }
  .mc-footer-inner { padding: 50px 28px 0 !important; }

  /* ── Section headings ── */
  .elementskit-section-title    { font-size: clamp(22px, 2.8vw, 30px) !important; }
  .elementskit-section-subtitle { font-size: 11px !important; }
  .ekit-heading__description p  { font-size: 13px !important; }
}

@media (min-width: 426px) and (max-width: 768px){
  .elementor-147 .elementor-element.elementor-element-6e99d34d{
    padding-top: 0 !important;
    flex-direction: column !important;
    
  }
  .elementor-147 .elementor-element.elementor-element-361f35d5{
    margin-bottom: 50px !important;
  }
}
@media (max-width: 426px) {
  .elementor-147 .elementor-element.elementor-element-6e99d34d{
    padding-top: 72px  18px 28px !important;
    flex-direction: row !important;
  }
}


/* ─────────────────────────────────────────
   TABLET  ≤ 768px
───────────────────────────────────────── */
@media (max-width: 768px) {

  /* ── Header ── */
  .mc-header-inner { padding: 0 18px; }
  .mc-logo img { height: 50px; }
  .mc-header.scrolled .mc-logo img { height: 45px; }
.info-card {justify-content: space-between !important; align-items: center !important; }

  /* ── Hero ── */
  .elementor-147 .elementor-element.elementor-element-6e99d34d {
    --flex-wrap: wrap !important;
    --flex-direction: column !important;
    padding: 0px 18px 28px ;
    gap: 16px !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
  .elementor-147 .elementor-element.elementor-element-5e2f0b9e,
  .elementor-147 .elementor-element.elementor-element-361f35d5 {
    --width: 100% !important;
    width: 100% !important;
    margin-top: 0;
    max-width: 100% !important;
  }
  .elementor-147 .elementor-element.elementor-element-624305e0 > .elementor-widget-container {
    margin: 0 auto !important;
  }
  .elementor-147 .elementor-element.elementor-element-624305e0 {
    text-align: center !important;
  }
  .modern-hero-title { font-size: clamp(18px, 5vw, 24px) !important; line-height: 1.3 !important; }
  .modern-hero-desc  { font-size: 12px !important; max-width: 100% !important; text-align: center !important; }
  .modern-hero-section { align-items: center !important; text-align: center !important; }
  .modern-hero-features { justify-content: center !important; gap: 6px !important; }
  .modern-feature-pill  { font-size: 11px !important; padding: 5px 10px !important; }
  .hero-cta-overlay  {  gap: 10px !important; align-items: stretch !important; }
  .hero-cta-btn,
  .hero-phone-btn    { width: 100% !important; font-size: 13px !important; justify-content: center !important; }
  .wp-image-60       { height: auto !important; max-width: 300px !important; margin: 0 auto !important; display: block !important; }

  /* ── Services ── */
  .elementor-147 .elementor-element.elementor-element-b90874d {
    --padding-top: 44px !important; --padding-bottom: 44px !important;
    --padding-left: 18px !important; --padding-right: 18px !important;
  }
  .tank-cleanings { font-size: 18px !important; text-align: center !important; }
  .service-description p { font-size: 12px !important; text-align: center !important; }
  .feature-text { font-size: 12px !important; }
  .elementor-147 .elementor-element.elementor-element-1da13f68 > .e-con-inner { flex-direction: column !important; }
  .elementor-147 .elementor-element.elementor-element-1a405eba img { max-width: 280px !important; margin: 0 auto !important; display: block !important; }

  /* ── Working Process ── */
  .elementor-147 .elementor-element.elementor-element-23bab00a { padding: 0 18px !important; }
  .hwc-steps-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 22px 14px !important; margin: 0 !important; padding: 16px 0 !important;
  }
  .hwc-connector { display: none !important; }
  .hwc-step-img-wrap { width: 80px !important; height: 80px !important; }
  .hwc-step-img-wrap img { width: 56px !important; height: 56px !important; }
  .hwc-step-title { font-size: 11.5px !important; }

  /* ── Sectors ── */
  .hygiene-sector-section { padding: 40px 16px 24px !important; }
  .hygiene-sector-header { margin-bottom: 24px !important; }
  .hygiene-sector-header .elementskit-section-title { font-size: clamp(20px, 5vw, 26px) !important; }

  /* Single column on mobile */
  .sector-accordion {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    background: transparent !important;
  }
  .sector-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    background: transparent !important;
  }
  .sector-item {
    border-bottom: none !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07) !important;
    border: 1px solid #e8f0f8 !important;
    overflow: hidden !important;
  }
  .sector-item:hover { background: #f0f8ff !important; }
  .sector-item::before { border-radius: 12px 0 0 12px !important; }
  .sector-col:first-child .sector-item:last-child { border-bottom: none !important; }
  .sector-item-inner { padding: 14px 16px !important; gap: 14px !important; }
  .sector-item:hover .sector-item-inner { padding: 14px 16px 14px 20px !important; }
  .sector-num { font-size: 11px !important; min-width: 20px !important; color: #0188cf !important; }
  .sector-img-wrap { width: 52px !important; height: 52px !important; flex-shrink: 0 !important; border-radius: 10px !important; }
  .sector-item:hover .sector-img-wrap { width: 52px !important; height: 52px !important; }
  .sector-img-wrap img { width: 42px !important; height: 42px !important; }
  .sector-title { font-size: 13px !important; line-height: 1.3 !important; font-weight: 700 !important; }
  .sector-tags { font-size: 11px !important; white-space: normal !important; overflow: visible !important; text-overflow: unset !important; line-height: 1.5 !important; color: #64748b !important; }

  /* ── Why Different ── */
  .elementor-element-why-different { padding: 40px 16px !important; }
  .why-different-content { margin-top: 20px !important; }
  .why-features-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; margin: 0 !important; }
  .why-feature:nth-child(1),
  .why-feature:nth-child(2),
  .why-feature:nth-child(3),
  .why-feature:nth-child(4),
  .why-feature:nth-child(5) { grid-column: span 1 !important; }
  .why-feature:nth-child(5) { grid-column: 1 / -1 !important; max-width: calc(50% - 6px) !important; margin: 0 auto !important; }
  .why-feature { padding: 18px 12px 14px !important; gap: 10px !important; }
  .why-feature img  { width: 58px !important; height: 58px !important; }
  .why-feature span { font-size: 11.5px !important; }
  .why-statement { flex-direction: column !important; text-align: center !important; padding: 18px 16px !important; gap: 10px !important; margin: 12px 0 0 !important; }
  .why-statement p { font-size: 13px !important; }

  /* ── Safety ── */
  .safety-first-section { padding: 40px 16px 20px !important; }
  .safety-container { max-width: 100% !important; }
  .safety-timeline { margin: 0 !important; }
  .safety-timeline::before { display: none !important; }
  .safety-item { flex-direction: row !important; gap: 14px !important; margin-bottom: 22px !important; justify-content: flex-start !important; }
  .safety-item:nth-child(odd)  .safety-content-wrapper:first-child,
  .safety-item:nth-child(even) .safety-content-wrapper:last-child  { display: none !important; }
  .safety-item:nth-child(odd)  .safety-content-wrapper:last-child,
  .safety-item:nth-child(even) .safety-content-wrapper:first-child { display: block !important; visibility: visible !important; flex: 1 !important; width: auto !important; text-align: left !important; padding: 0 !important; }
  .safety-icon-center { width: 52px !important; height: 52px !important; flex-shrink: 0 !important; }
  .safety-card { padding: 14px !important; border-radius: 10px !important; }
  .safety-card h3 { font-size: 14px !important; }
  .safety-card p  { font-size: 12px !important; }

  /* ── Healthy Water ── */
  .book-service-cta { padding: 40px 0 !important; }
  .hw-section { padding: 0 16px !important; }
  .hw-heading { margin-bottom: 20px !important; }
  .hw-title   { font-size: clamp(20px, 5vw, 26px) !important; }
  .hw-desc    { font-size: 12px !important; }
  .hw-body    { grid-template-columns: 1fr !important; gap: 18px !important; }
  .hw-card    { padding: 20px !important; border-radius: 16px !important; }
  .hw-card-icon { width: 70px !important; height: 70px !important; }
  .hw-card-icon .iconify { font-size: 50px !important; }
  .hw-card-title  { font-size: 14px !important; }
  .hw-card-detail { font-size: 12px !important; }
  .hw-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; margin-top: 14px !important; }
  .hw-tile { height: auto !important; padding: 10px 12px !important; gap: 10px !important; border-radius: 12px !important; }
  .hw-tile-icon { width: 44px !important; height: 44px !important; }
  .hw-tile-icon img { width: 44px !important; height: 44px !important; }
  .hw-tile-label { font-size: 12px !important; }

  /* ── About ── */
  .elementor-147 .elementor-element.elementor-element-677910f0 {
    --padding-top: 40px !important; --padding-bottom: 40px !important;
    --padding-left: 18px !important; --padding-right: 18px !important;
  }
  .about-us-description { font-size: 12px !important; text-align: center !important; }
  .experience-number { font-size: 38px !important; }
  .experience-text strong { font-size: 13px !important; }
  .experience-text span   { font-size: 11px !important; }
  .elementor-147 .elementor-element.elementor-element-570cd74f { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 8px !important; padding: 0 !important; }
  .elementor-147 .elementor-element.elementor-element-10b8a8a0,
  .elementor-147 .elementor-element.elementor-element-48a54ae0 { flex: 1 1 0 !important; width: 50% !important; max-width: 50% !important; padding: 0 !important; }
  .elementor-147 .elementor-element.elementor-element-10b8a8a0 > .elementor-widget-container img { width: 100% !important; height: 280px !important; object-fit: cover !important; object-position: center top !important; border-radius: 160px !important; display: block !important; margin-top: 20px !important; }
  .elementor-147 .elementor-element.elementor-element-49c2da70 img { width: 120px !important; max-width: 120px !important; height: 180px !important; object-fit: cover !important; object-position: center top !important; border-radius: 160px !important; display: block !important; margin: 0 auto !important; }

  /* ── Testimonials: carousel ── */
  .testimonial-section { padding: 40px 16px !important; }
  .testimonial-header  { margin-bottom: 22px !important; }
  .testimonial-grid    { display: block !important; overflow: hidden !important; }
  .testimonial-track   { display: flex !important; transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) !important; }
  .tcard { min-width: 100% !important; width: 100% !important; flex-shrink: 0 !important; box-sizing: border-box !important; padding: 20px 16px 18px !important; border-radius: 14px !important; }
  .tcard__text { font-size: 12px !important; }
  .testimonial-controls { display: flex !important; align-items: center !important; justify-content: center !important; gap: 16px !important; margin-top: 18px !important; }
  .testimonial-indicators { display: flex !important; }

  /* ── FAQ ── */
  .faq-section { padding: 48px 16px !important; }
  .faq-header  { margin-bottom: 22px !important; }
  .faq-layout  { grid-template-columns: 1fr !important; gap: 22px !important; }
  .faq-content-panel { max-width: 100% !important; }
  .faq-visual-panel  { min-height: 240px !important; order: -1 !important; }
  /* .faq-visual-panel img { width: min(82%, 280px) !important; } */
  .faq-item summary { min-height: 48px !important; padding: 10px 44px 10px 12px !important; }
  .faq-item summary span:not(.faq-question-icon) { font-size: 12.5px !important; }
  .faq-answer { padding: 0 14px 12px 38px !important; }
  .faq-answer p, .faq-answer li { font-size: 12px !important; }
  .faq-answer ul { grid-template-columns: 1fr !important; }

  /* ── Contact ── */
  .modern-contact-section { padding: 40px 16px !important; }
  .contact-info-row { grid-template-columns: 1fr !important; gap: 10px !important; }
  .info-card { flex-direction: row !important;  gap: 12px !important; padding: 14px !important; align-items: center !important; justify-content: space-evenly !important; }
  .info-card-header { flex-direction: column !important; align-items: center !important; gap: 10px !important; flex-shrink: 0 !important; }
  .info-card h4 { font-size: 13px !important; }
  .info-card a, .info-card p { font-size: 12px !important; }
  .form-map-row { grid-template-columns: 1fr !important; gap: 16px !important; }
  .map-container { min-height: 240px !important; }
  .map-container iframe { min-height: 240px !important; }

  /* ── Footer ── */
  .mc-footer-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
  .mc-footer-inner { padding: 44px 18px 0 !important; }
  .mc-footer-col  { text-align: center !important; }
  .mc-footer-col h4::after { left: 50% !important; transform: translateX(-50%) !important; }
  .mc-footer-links { align-items: center !important; }
  .mc-footer-links li a { justify-content: center !important; }
  .mc-footer-social-list { flex-direction: row !important; justify-content: center !important; flex-wrap: wrap !important; gap: 12px !important; }
  .mc-footer-brand .mc-footer-logo { justify-content: center !important; }
  .mc-footer-brand p,
  .mc-footer-brand .mc-footer-tagline { text-align: center !important; }
  .mc-footer-bottom { flex-direction: column !important; text-align: center !important; gap: 8px !important; padding: 18px !important; }

  /* ── Section headings ── */
  .elementskit-section-title    { font-size: clamp(20px, 5vw, 26px) !important; line-height: 1.25 !important; }
  .elementskit-section-subtitle { font-size: 10px !important; letter-spacing: 2.5px !important; }
  .ekit-heading__description p  { font-size: 12px !important; line-height: 1.6 !important; }

  /* ── Global ── */
  .e-con-inner { padding-left: 0 !important; padding-right: 0 !important; }
}


/* ═══════════════════════════════════════════════════════════════
   ABOUT SECTION — restore full desktop layout above 1024px
   ═══════════════════════════════════════════════════════════════ */
@media (min-width: 1025px) {
  .elementor-147 .elementor-element.elementor-element-17b3a556 {
    --flex-direction: row !important;
    --flex-wrap: nowrap !important;
    --gap: 80px 80px !important;
    --row-gap: 80px !important;
    --column-gap: 80px !important;
  }
  .elementor-147 .elementor-element.elementor-element-570cd74f {
    --margin-top: 0px !important;
    --width: auto !important;
  }
  .elementor-147 .elementor-element.elementor-element-10b8a8a0 img,
  .elementor-147 .elementor-element.elementor-element-10b8a8a0 > .elementor-widget-container img {
    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;
    border-radius: 200px !important;
    margin-top: 0 !important;
    object-fit: cover !important;
    display: block !important;
  }
  .elementor-147 .elementor-element.elementor-element-49c2da70 img {
    width: 100% !important;
    max-width: 200px !important;
    height: auto !important;
    border-radius: 150px !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto !important;
  }
  .elementor-147 .elementor-element.elementor-element-10b8a8a0,
  .elementor-147 .elementor-element.elementor-element-48a54ae0 {
    flex: unset !important;
    width: auto !important;
    max-width: none !important;
  }
  .elementor-147 .elementor-element.elementor-element-5555c203,
  .elementor-147 .elementor-element.elementor-element-37e55de4 {
    --flex-direction: row !important;
    --gap: 30px 30px !important;
    --padding-top: 15px !important;
    --padding-bottom: 15px !important;
    --padding-left: 15px !important;
    --padding-right: 15px !important;
  }
  .elementor-147 .elementor-element.elementor-element-272260e2,
  .elementor-147 .elementor-element.elementor-element-5fff2581 {
    --width: auto !important;
  }
  .elementor-147 .elementor-element.elementor-element-374badd8,
  .elementor-147 .elementor-element.elementor-element-7bd08c28 {
    --width: 80% !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   UNIFIED MAX-WIDTH — Every section container = 1280px
   ═══════════════════════════════════════════════════════════════ */

:root {
  --site-max: 1180px;
  --site-px:  40px;   /* horizontal padding inside each section */
}

/* ── 1. Header ── */
.mc-header-inner {
  /* max-width: var(--site-max) !important; */
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--site-px) !important;
  padding-right: var(--site-px) !important;
  box-sizing: border-box !important;
}

/* ── 2. Elementor e-con-inner (Hero, Services, Process, About) ── */
.e-con-inner {
  /* max-width: var(--site-max) !important; */
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* ── 3. Sectors We Serve ── */
.hygiene-sector-container {
  max-width: var(--site-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--site-px) !important;
  padding-right: var(--site-px) !important;
  box-sizing: border-box !important;
}

/* ── 4. Why Different ── */
.why-different-content {
  max-width: var(--site-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--site-px) !important;
  padding-right: var(--site-px) !important;
  box-sizing: border-box !important;
}

/* ── 5. Safety / Hygiene Protocols ── */
.safety-container {
  max-width: var(--site-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--site-px) !important;
  padding-right: var(--site-px) !important;
  box-sizing: border-box !important;
}

/* ── 6. Healthy Water (inside .book-service-cta) ── */
.hw-section {
  max-width: var(--site-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--site-px) !important;
  padding-right: var(--site-px) !important;
  box-sizing: border-box !important;
}

/* ── 7. Testimonials ── */
.testimonial-container {
  max-width: var(--site-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--site-px) !important;
  padding-right: var(--site-px) !important;
  box-sizing: border-box !important;
}

/* ── 8. FAQ ── */
.faq-container {
  max-width: var(--site-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--site-px) !important;
  padding-right: var(--site-px) !important;
  box-sizing: border-box !important;
}

/* ── 9. Contact ── */
.contact-container {
  max-width: var(--site-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--site-px) !important;
  padding-right: var(--site-px) !important;
  box-sizing: border-box !important;
}

/* ── 10. Footer ── */
.mc-footer-inner {
  max-width: var(--site-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  /* padding-left: var(--site-px) !important; */
  /* padding-right: var(--site-px) !important; */
  box-sizing: border-box !important;
}
.mc-footer-bottom {
  max-width: var(--site-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--site-px) !important;
  padding-right: var(--site-px) !important;
  box-sizing: border-box !important;
}

/* ── Mobile: reduce side padding ── */
@media (max-width: 768px) {
  :root { --site-px: 16px; }
}

/* ── Sectors: small phones ── */
@media (max-width: 480px) {
  .hygiene-sector-section { padding: 36px 12px 20px !important; }
  .sector-accordion { gap: 8px !important; }
  .sector-col { gap: 8px !important; }
  .sector-item-inner { padding: 12px 14px !important; gap: 12px !important; }
  .sector-item:hover .sector-item-inner { padding: 12px 14px 12px 18px !important; }
  .sector-img-wrap { width: 46px !important; height: 46px !important; }
  .sector-item:hover .sector-img-wrap { width: 46px !important; height: 46px !important; }
  .sector-img-wrap img { width: 36px !important; height: 36px !important; }
  .sector-title { font-size: 12.5px !important; }
  .sector-tags  { font-size: 10.5px !important; }
  .sector-num   { font-size: 10px !important; }
}

/* ═══════════════════════════════════════════════════════════════
   2000px – 2560px  (large / 4K monitors)
   Goal: expand all containers + scale up text/elements so the
   page fills the wide screen instead of looking tiny & narrow.
   ═══════════════════════════════════════════════════════════════ */
@media (min-width: 2000px) and (max-width: 2560px) {

  /* ── 1. Global container width ── */
  :root {
    --site-max: 2250px !important;
    --site-px:  80px   !important;
  }

  /* Every named container expands automatically via --site-max */
  .hygiene-sector-container,
  .why-different-content,
  .safety-container,
  .hw-section,
  .testimonial-container,
  .faq-container,
  .contact-container {
    max-width: var(--site-max) !important;
    padding-left: var(--site-px) !important;
    padding-right: var(--site-px) !important;
  }

  /* Elementor inner wrappers */
  .e-con-inner {
    max-width: var(--site-max) !important;
    /* padding-left: var(--site-px) !important; */
    /* padding-right: var(--site-px) !important; */
  }
  

  /* ── 2. Header ── */
  .mc-header-inner {
    max-width: var(--site-max) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* .mc-logo img                        { height: 90px  !important; } */
  /* .mc-header.scrolled .mc-logo img    { height: 80px  !important; } */
  .mc-nav ul li a { font-size: 17px !important; padding: 11px 24px !important; }

  /* ── 3. Hero ── */
  .modern-hero-badge  { font-size: 16px !important; padding: 10px 24px !important; }
  .modern-hero-title  { font-size: clamp(38px, 3vw, 58px) !important; line-height: 1.2 !important; }
  .modern-hero-desc   { font-size: clamp(17px, 1.1vw, 22px) !important; max-width: 780px !important; line-height: 1.85 !important; }
  .modern-feature-pill { font-size: clamp(14px, 0.9vw, 18px) !important; padding: 10px 22px !important; }
  .modern-feature-icon { width: 36px !important; height: 36px !important; font-size: 20px !important; }
  .hero-cta-btn,
  .hero-phone-btn     { font-size: clamp(15px, 1vw, 20px) !important; padding: 16px 34px !important; min-height: 56px !important; }
  .wp-image-60        { height: clamp(560px, 42vw, 900px) !important; }

  /* ── 4. Global section headings ── */
  .elementskit-section-title    { font-size: clamp(34px, 2.6vw, 50px) !important; line-height: 1.2 !important; }
  .elementskit-section-subtitle { font-size: 15px !important; letter-spacing: 4px !important; }
  .ekit-heading__description p  { font-size: clamp(16px, 1vw, 20px) !important; line-height: 1.85 !important; }

  /* ── 5. Services ── */
  .tank-cleanings        { font-size: clamp(28px, 2.2vw, 42px) !important; }
  .service-description p { font-size: clamp(15px, 1vw, 19px) !important; }
  .feature-text          { font-size: clamp(15px, 1vw, 19px) !important; }
  .feature-icon          { font-size: 26px !important; }
.elementor-147 .elementor-element.elementor-element-1da13f68 .e-con-inner{max-width: var(--site-max) !important; padding: 0 !important; }
  /* ── 6. Working Process ── */
  .hwc-steps-grid     { max-width: var(--site-max) !important; padding: 40px 0 24px !important; }
  .hwc-step-img-wrap  { width: 150px !important; height: 150px !important; }
  .hwc-step-img-wrap img { width: 105px !important; height: 105px !important; }
  .hwc-step-title     { font-size: 17px !important; }

  /* ── 7. Sectors ── */
  .sector-item-inner  { padding: 20px 28px !important; gap: 26px !important; }
  .sector-img-wrap    { width: 100px !important; height: 100px !important; }
  .sector-img-wrap img { width: 80px !important; height: 80px !important; }
  .sector-title       { font-size: 18px !important; }
  .sector-tags        { font-size: 14px !important; }
  .sector-num         { font-size: 15px !important; }

  /* ── 8. Why Different ── */
  .why-feature img    { width: 100px !important; height: 100px !important; }
  .why-feature span   { font-size: 16px !important; }
  .why-statement p    { font-size: 20px !important; }
  .why-statement .iconify { font-size: 48px !important; }
.why-statement{max-width: 100%;}
  /* ── 9. Safety ── */
  .safety-card h3     { font-size: 22px !important; }
  .safety-card p      { font-size: 17px !important; }
  .safety-icon-center { width: 90px !important; height: 90px !important; }

  /* ── 10. Healthy Water ── */
  .hw-title           { font-size: clamp(34px, 2.6vw, 50px) !important; }
  .hw-desc            { font-size: clamp(16px, 1vw, 20px) !important; }
  .hw-card-title      { font-size: 20px !important; }
  .hw-card-detail     { font-size: 18px !important; }
  .hw-tile-label      { font-size: 18px !important; }
  .hw-tile-icon img   { width: 70px !important; height: 70px !important; }
  .hw-tile            { height: 100px !important; padding: 0 20px !important; }

  /* ── 11. About ── */
  .about-us-description { font-size: 18px !important; }
  .experience-number    { font-size: 72px !important; }
  .experience-text strong { font-size: 20px !important; }
  .experience-text span   { font-size: 16px !important; }
  .about-stat-icon        { width: 100px !important; height: 100px !important; }
  .about-stat-icon .iconify { font-size: 52px !important; }
.e-con-inner{padding-left:0 !important; }
  /* ── 12. Testimonials ── */
  .tcard              { padding: 32px 28px 28px !important; }
  .tcard__text        { font-size: 17px !important; }
  .tcard__name        { font-size: 18px !important; }
  .tcard__loc         { font-size: 14px !important; }
  .tcard__stars       { font-size: 20px !important; }
  .tcard__quote       { font-size: 90px !important; }

  /* ── 13. FAQ ── */
  .faq-item summary span:not(.faq-question-icon) { font-size: 18px !important; }
  .faq-answer p, .faq-answer li { font-size: 16px !important; }
  .faq-visual-panel img { width: min(100%, 700px) !important; }
  .faq-question-icon  { width: 40px !important; height: 40px !important; font-size: 22px !important; }
.faq-content-panel 
{ max-width: 100% !important;}
.ekit-heading.elementskit-section-title-wraper.text_left .ekit-heading__description p {margin: 0 !important;}
  /* ── 14. Contact ── */
  .info-card h4       { font-size: 20px !important; }
  .info-card a,
  .info-card p        { font-size: 17px !important; }
  .form-title         { font-size: 26px !important; }
  .contact-form input,
  .contact-form textarea { font-size: 17px !important; padding: 16px 20px !important; }
  .submit-btn         { font-size: 18px !important; padding: 18px 36px !important; }

  /* ── 15. Footer ── */
  .mc-footer-inner    { max-width: var(--site-max) !important; padding-left: var(--site-px) !important; padding-right: var(--site-px) !important; }
  .mc-footer-bottom   { max-width: var(--site-max) !important; padding-left: var(--site-px) !important; padding-right: var(--site-px) !important; }
  .mc-footer-grid     { gap: 70px !important; }
  .mc-footer-logo img { height: 90px !important; }
  .mc-footer-col h4   { font-size: 20px !important; }
  .mc-footer-col p,
  .mc-footer-col a    { font-size: 16px !important; }
  .mc-footer-tagline  { font-size: 17px !important; }
}