.elementor-235 .elementor-element.elementor-element-04378b1{--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;}body.elementor-page-235:not(.elementor-motion-effects-element-type-background), body.elementor-page-235 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-b282f07 *//* =========================
   GLOBAL VERTICAL RHYTHM
========================= */

/* Consistent section spacing */
.csj-section {
  padding:80px 20px;
}

/* Reduce spacing for lightweight sections */
.csj-trustbar {
  padding:16px 10px;
}

.csj-trustbar-inner {
  max-width:900px;
}

/* Tighten section stacking */
.csj-section + .csj-section {
  margin-top:-10px;
}


/* =========================
   HEADING HIERARCHY
========================= */

.csj-section h2 {
  margin-bottom:40px;
  line-height:1.3;
}

/* Improve readability spacing */
.csj-section p {
  line-height:1.7;
  margin-bottom:15px;
}

/* Alternating section backgrounds */

.csj-section.alt {
  background:#f7f9fc;
}


/* =========================
   GRID BALANCE
========================= */

.csj-grid {
  gap:30px;
}

/* Ensure equal card heights */
.csj-card {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}


/* =========================
   HERO ALIGNMENT
========================= */

.csj-hero {
  text-align:left;
}

.csj-hero .csj-container {
  max-width:1100px;
}

.csj-hero p {
  max-width:600px;
}

/* tighten hero checklist */
.csj-hero ul {
  margin-top:15px;
}

/* Add controlled left spacing */
.csj-hero {
  padding-left:60px;
}

/* =========================
   FIX CARD ALIGNMENT
========================= */

.csj-card {
  display:flex;
  flex-direction:column;
  align-items:center; /* THIS FIXES ICON + TEXT CENTERING */
  text-align:center;
}

/* Ensure icons stay centered */
.csj-card img {
  display:block;
  margin:0 auto 18px;
}

.csj-card h4 {
  margin-top:5px;
  margin-bottom:10px;
}

.csj-card p {
  max-width:260px;
}

/* =========================
   BUTTON SPACING
========================= */

.csj-btn {
  margin-top:25px;
}

/* dual CTA spacing */
.csj-cta .csj-btn {
  margin:10px 8px;
}

.csj-cta .csj-btn:last-child {
  border:2px solid #fff;
}


/* =========================
   TESTIMONIAL ALIGNMENT
========================= */

.csj-testimonial-box {
  align-items:center;
}

.csj-testimonial-box p {
  font-size:16px;
  line-height:1.6;
}

.csj-testimonial-box {
  border-left:4px solid #FF7B00;
}


/* =========================
   TRUST BADGE ALIGNMENT
========================= */

.csj-badges {
  gap:50px;
}

.csj-badges img {
  display:block;
}

/* =========================
   FAQ SPACING
========================= */

.csj-faq-item {
  margin-bottom:30px;
}

.csj-faq-item h4 {
  margin-bottom:10px;
}


/* =========================
   MOBILE OPTIMIZATION
========================= */

@media (max-width:768px) {

  /* Section spacing tighter */
  .csj-section {
    padding:60px 15px;
  }

  /* Hero center align for mobile */
  .csj-hero {
    text-align:center;
  }

  .csj-hero p {
    margin:0 auto;
  }

  /* Grid stack */
  .csj-grid {
    gap:20px;
  }

  /* Cards full width */
  .csj-card {
    flex:1 1 100%;
  }

  /* Trust bar stacking */
  .csj-trustbar-inner {
    justify-content:center;
    gap:10px;
  }

  .csj-trust-item {
    font-size:13px;
  }

  /* Buttons full width */
  .csj-btn {
    display:block;
    width:100%;
    max-width:280px;
    margin:12px auto;
  }

  /* Testimonial stack */
  .csj-testimonial-box {
    flex-direction:column;
    text-align:center;
  }

  /* Badge sizing */
  .csj-badges img {
    width:120px;
  }
}

@media (max-width:768px) {
  .csj-hero {
    padding-left:20px;
    text-align:center;
  }

  .csj-hero .csj-container {
    margin:0 auto;
  }
}

/* =========================
   GLOBAL SECTION STYLING
========================= */
.csj-section {
  padding:70px 20px;
  text-align:center;
}

.csj-container {
  max-width:1200px;
  margin:0 auto;
}

.csj-grid {
  display:flex;
  gap:25px;
  flex-wrap:wrap;
  justify-content:center;
}

.csj-card {
  flex:1 1 260px;
  background:#fff;
  padding:30px;
  border-radius:10px;
  box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

/* =========================
   ICON SIZE IMPROVEMENT
========================= */
.csj-card img {
  width:100px;
  margin-bottom:18px;
}

/* =========================
   HERO SECTION
========================= */
.csj-hero {
  background-image: linear-gradient(to right, rgba(13,43,69,0.85), rgba(13,43,69,0.2)),
  url('https://cleanservicesjax.com/wp-content/uploads/2026/04/Commercial-Cleaning-Page-Updated-Hero-Image.jpg');
  background-size:cover;
  background-position:center;
  color:#fff;
  padding:110px 20px;
}

.csj-hero h1 {
  font-size:40px;
  margin-bottom:15px;
  color:#fff;
  text-shadow:0 2px 6px rgba(0,0,0,0.35);
}

/* =========================
   HERO CHECKLIST STYLING
========================= */

.csj-hero ul {
  list-style:none;
  padding:0;
  margin:20px 0 0;
}

.csj-hero li {
  position:relative;
  padding-left:28px;
  margin:10px 0;
  font-size:16px;
}

/* WHITE CHECK ICON */
.csj-hero li::before {
  content:"✔";
  position:absolute;
  left:0;
  top:0;
  color:#ffffff;
  font-weight:bold;
  font-size:16px;
}

.csj-hero li {
  color: rgba(255,255,255,0.95);
}

/* =========================
   TRUST BAR (UNDER HERO)
========================= */
.csj-trustbar {
  background:#f7f9fc;
  padding:18px 10px;
  border-top:1px solid #e5eaf0;
  border-bottom:1px solid #e5eaf0;
}

.csj-trustbar-inner {
  max-width:900px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:15px;
}

.csj-trust-item {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:#1e3a5f;
  white-space:nowrap;
}

/* subtle check icon */
.csj-trust-item::before {
  content:"✔";
  color:#FF7B00;
  font-weight:bold;
  font-size:14px;
}

/* MOBILE STACKING */
@media (max-width:768px) {
  .csj-trustbar-inner {
    justify-content:center;
  }

  .csj-trust-item {
    font-size:13px;
  }
}

/* =========================
   H2 SPACING FIX
========================= */
.csj-section h2 {
  margin-bottom:35px;
}

/* =========================
   BUTTONS
========================= */
.csj-btn {
  display:inline-block;
  margin-top:20px;
  padding:14px 26px;
  background:#FF7B00;
  color:#fff;
  border-radius:6px;
  text-decoration:none;
  font-weight:bold;
}

/* =========================
   TESTIMONIAL SECTION
========================= */
.csj-testimonial-box {
  display:flex;
  align-items:center;
  gap:25px;
  background:#fff;
  padding:25px;
  border-radius:10px;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);
  max-width:800px;
  margin:0 auto 20px;
  text-align:left;
}

.csj-testimonial-box img {
  width:110px;
  border-radius:8px;
}

.csj-testimonial-box p {
  margin:0;
  font-style:italic;
}

/* =========================
   TRUST BADGES
========================= */
.csj-badges {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:40px;
  flex-wrap:wrap;
}

.csj-badges img {
  width:160px;
  height:auto;
}

/* =========================
   CTA SECTION
========================= */
.csj-cta {
  background-image: linear-gradient(rgba(13,43,69,0.75), rgba(13,43,69,0.75)),
  url('https://cleanservicesjax.com/wp-content/uploads/2026/04/Jacksonville-Skyline-Dusk.png');
  background-size:cover;
  background-position:center;
  color:#fff;
}

.csj-cta h2 {
  color:#fff;
  text-shadow:0 2px 6px rgba(0,0,0,0.35);
}

/* =========================
   HERO VERTICAL TIGHTENING
========================= */

/* Reduce overall hero height */
.csj-hero {
  padding-top:90px;
  padding-bottom:90px;
}

/* Tighten heading spacing */
.csj-hero h1 {
  margin-bottom:12px;
  line-height:1.2;
}

/* Tighten paragraph */
.csj-hero p {
  margin-bottom:18px;
  line-height:1.6;
}

/* Tighten checklist spacing */
.csj-hero ul {
  margin-top:10px;
}

.csj-hero li {
  margin:6px 0;
}

/* =========================
   CTA POSITIONING
========================= */

/* Pull CTA closer to content */
.csj-hero .csj-btn {
  margin-top:18px;
}

/* Optional: subtle lift effect */
.csj-hero .csj-btn:hover {
  transform:translateY(-2px);
  transition:all 0.2s ease;
}

/* =========================
   MAX WIDTH CONTROL
========================= */

.csj-hero p {
  max-width:520px;
}

/* =========================
   MOBILE HERO REFINEMENT
========================= */

@media (max-width:768px) {

  .csj-hero {
    padding-top:70px;
    padding-bottom:70px;
  }

  .csj-hero h1 {
    margin-bottom:10px;
  }

  .csj-hero p {
    margin-bottom:15px;
  }

  .csj-hero li {
    margin:5px 0;
  }

  .csj-hero .csj-btn {
    margin-top:15px;
  }
}

/* =========================
   FAQ SECTION
========================= */

.csj-faq-section {
  background:#f7f9fc;
}

.csj-faq-wrapper {
  max-width:800px;
  margin:0 auto;
  text-align:left;
}

/* FAQ ITEM SPACING */
.csj-faq-item {
  margin-bottom:25px;
}

/* QUESTION STYLE */
.csj-faq-item h4 {
  margin-bottom:8px;
  font-size:18px;
  color:#1e3a5f;
}

/* ANSWER STYLE */
.csj-faq-item p {
  margin:0;
  color:#444;
  line-height:1.6;
}

/* MOBILE */
@media (max-width:768px) {
  .csj-faq-item h4 {
    font-size:16px;
  }
}

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

  .csj-testimonial-box {
    flex-direction:column;
    text-align:center;
  }

  .csj-card {
    flex:1 1 100%;
  }

  .csj-badges img {
    width:130px;
  }

  .csj-hero h1 {
    font-size:32px;
  }
}/* End custom CSS */