.elementor-1303 .elementor-element.elementor-element-f80b8d2{--display:flex;}.elementor-1303 .elementor-element.elementor-element-f80b8d2.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1303 .elementor-element.elementor-element-f80b8d2{--width:99.441%;}}/* Start custom CSS for html, class: .elementor-element-b84b134 *//* =========================================================
   MOBILE FIXES + ELEMENTOR PINK COLOR REMOVE
   Add this in Elementor Custom CSS or Additional CSS
========================================================= */

/* REMOVE ELEMENTOR PINK TAP/CURSOR/CAROUSEL COLORS */
:root{
  --e-global-color-accent:#C4570E !important;
}

a,
button,
input,
textarea,
select,
*{
  -webkit-tap-highlight-color: transparent;
}

a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus{
  outline:none !important;
  box-shadow:none !important;
}

/* Elementor default pink remove */
a{
  color: inherit;
}

a:hover{
  color: inherit;
}

/* FIX FAQ TEXT OVERFLOW */
.faq-q,
.faq-body-inner,
.faq-btn,
.faq-card,
.faq-body{
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
  white-space: normal !important;
  max-width: 100% !important;
}

/* Prevent all text overflow on mobile */
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
div,
a{
  overflow-wrap: break-word;
  word-break: break-word;
}

/* IMAGES RESPONSIVE */
img{
  max-width:100% !important;
  height:auto !important;
  display:block;
}

/* BUTTONS MOBILE FIX */
.hero-ctas,
.cta-btn-wrap{
  display:flex;
  flex-direction:column;
  width:100%;
}

.hero-ctas a,
.cta-btn-wrap a{
  width:100%;
  justify-content:center;
  text-align:center;
}

/* MOBILE OPTIMIZATION */
@media (max-width:768px){

  /* Better spacing */
  section{
    padding:55px 16px !important;
  }

  .wrap{
    padding:0 16px !important;
  }

  /* HERO */
  .hero{
    min-height:auto;
    padding:0 16px;
  }

  .hero-inner{
    padding:70px 0 55px;
  }

  .hero h1{
    font-size:34px !important;
    line-height:1.15 !important;
  }

  .hero-sub{
    font-size:15px !important;
    line-height:1.8 !important;
  }

  /* TRUST BAR */
  .trust-inner{
    flex-direction:column;
  }

  .trust-item{
    width:100%;
    justify-content:flex-start;
    border-right:none !important;
    border-bottom:1px solid rgba(255,255,255,0.07);
  }

  .trust-item:last-child{
    border-bottom:none;
  }

  /* INTRO SECTION */
  .intro-grid{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }

  /* REMOVE IMAGES ON MOBILE */
  .intro-visual,
  .beforeafter .ba-wrap,
  .beforeafter .ba-row{
    display:none !important;
  }

  /* CARDS */
  .problems-grid,
  .services-grid,
  .benefits-grid,
  .why-us-grid{
    grid-template-columns:1fr !important;
  }

  /* FAQ FIX */
  .faq-btn{
    padding:18px 16px !important;
    align-items:flex-start;
  }

  .faq-q{
    font-size:14px !important;
    line-height:1.6 !important;
    padding-right:8px;
  }

  .faq-body-inner{
    font-size:13.5px !important;
    line-height:1.8 !important;
    padding:0 16px 20px !important;
  }

  .faq-divider{
    margin:0 16px 16px !important;
  }

  /* PROCESS SECTION */
  .step{
    grid-template-columns:46px 1fr !important;
    gap:14px !important;
  }

  .step-body p{
    font-size:13px !important;
  }

  /* CTA */
  .cta-inner{
    padding:38px 20px !important;
    border-radius:22px !important;
  }

  .cta-phone{
    font-size:30px !important;
    line-height:1.2;
  }

  /* AREA TAGS */
  .area-tags{
    gap:8px;
  }

  .area-tag{
    font-size:11px !important;
    padding:6px 12px !important;
  }

  /* FOOTER */
  .footer-links{
    flex-direction:column;
    gap:12px;
  }

  .footer-copy{
    line-height:1.7;
  }

  /* STOP SIDE SCROLL */
  html,
  body{
    overflow-x:hidden !important;
    width:100%;
  }

  *{
    max-width:100%;
  }
}/* =====================================================
   FINAL MOBILE FIX
   FAQ PINK COLOR + HERO GAP + MOBILE ALIGNMENT
===================================================== */

/* REMOVE ELEMENTOR PINK ACTIVE COLORS */
.faq-card,
.faq-btn,
.faq-btn:focus,
.faq-btn:active,
.faq-btn:hover,
.faq-card.open,
.faq-card:focus-within{
  background:#fff !important;
  box-shadow:none !important;
  outline:none !important;
}

/* OPEN FAQ STYLE */
.faq-card.open{
  border-color:#BC8C55 !important;
}

/* FAQ BUTTON FIX */
.faq-btn{
  background:#fff !important;
  color:#1A1208 !important;
}

/* REMOVE PINK FROM TOGGLE */
.faq-toggle{
  background:#fff !important;
  border:1.5px solid #BC8C55 !important;
}

.faq-toggle svg{
  stroke:#7D4E1F !important;
}

/* ACTIVE TOGGLE */
.faq-card.open .faq-toggle{
  background:#7D4E1F !important;
  border-color:#7D4E1F !important;
}

.faq-card.open .faq-toggle svg{
  stroke:#fff !important;
}

/* REMOVE MOBILE SIDE PINK LINES */
html,
body{
  overflow-x:hidden !important;
  background:#FDF8F0 !important;
}

body *{
  max-width:100%;
}

/* HERO SECTION TOO LOW FIX */
.hero{
  min-height:auto !important;
  padding-top:0 !important;
  margin-top:0 !important;
  align-items:flex-start !important;
}

.hero-inner{
  padding-top:40px !important;
  padding-bottom:50px !important;
}

/* MOBILE FIXES */
@media (max-width:768px){

  /* HERO TOP SPACE FIX */
  .hero{
    min-height:auto !important;
    padding:0 16px !important;
  }

  .hero-inner{
    padding:30px 0 40px !important;
  }

  .hero-eyebrow{
    margin-bottom:20px !important;
  }

  .hero h1{
    font-size:32px !important;
    line-height:1.15 !important;
    margin-bottom:18px !important;
  }

  .hero-sub{
    font-size:14px !important;
    line-height:1.7 !important;
    margin-bottom:28px !important;
  }

  /* REMOVE BEFORE AFTER IMAGE ON MOBILE */
  .beforeafter .ba-wrap,
  .beforeafter .ba-row{
    display:none !important;
  }

  /* REMOVE INTRO IMAGE MOBILE */
  .intro-visual{
    display:none !important;
  }

  /* FAQ MOBILE FIX */
  .faq-card{
    border-radius:22px !important;
    overflow:hidden !important;
    background:#fff !important;
  }

  .faq-btn{
    padding:18px 18px !important;
    gap:14px !important;
    background:#fff !important;
  }

  .faq-q{
    font-size:14px !important;
    line-height:1.7 !important;
    color:#1A1208 !important;
    overflow-wrap:anywhere !important;
  }

  .faq-body-inner{
    font-size:13.5px !important;
    line-height:1.8 !important;
    color:#3D2B10 !important;
  }

  /* REMOVE ALL PINK */
  *{
    -webkit-tap-highlight-color:transparent !important;
  }

  a:focus,
  button:focus,
  input:focus,
  textarea:focus{
    outline:none !important;
    box-shadow:none !important;
  }
}/* End custom CSS */