@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&family=Rubik:wght@400;500;600;700&display=swap');
.j4t-page{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  position:relative;
  overflow-x:hidden;
  font-family:'Heebo',Arial,sans-serif;
  color:#161616;
  background:#fff;
  font-size:15px;
  line-height:1.55;
}
.j4t-page, .j4t-page *{box-sizing:border-box}
.j4t-page p,.j4t-page h1,.j4t-page h2,.j4t-page h3,.j4t-page h4,.j4t-page h5,.j4t-page h6{margin-top:0}

.j4t-page{
  --blue:#3556a3;
  --blue2:#2f4d96;
  --deep:#2f4d95;
  --orange:#ffa800;
  --text:#161616;
  --muted:#5e6573;
  --light:#f4f4f4;
  --wrap:1200px;
}
.j4t-page, .j4t-page *{box-sizing:border-box}
.j4t-page{scroll-behavior:smooth}
.j4t-page{margin:0;font-family:"Heebo",Arial,sans-serif;color:var(--text);background:#fff;font-size:15px;line-height:1.55;overflow-x:hidden}
.j4t-page a{text-decoration:none;color:inherit}
.j4t-page img{max-width:100%;display:block}
.j4t-page .wrap{width:min(var(--wrap),92%);margin:0 auto}
.j4t-page .topbar{height:36px;background:var(--blue);color:#fff;font-size:12px;display:flex;align-items:center}
.j4t-page .topbar-inner{display:flex;align-items:center;justify-content:space-between}
.j4t-page .topbar-contact{display:flex;gap:28px}
.j4t-page .topbar-contact a{display:flex;align-items:center;gap:7px;color:#fff}
.j4t-page .socials{display:flex;gap:14px;font-weight:700}
.j4t-page .socials a{color:#fff;opacity:.95}
.j4t-page .site-header{height:86px;background:#fff;position:relative;z-index:50;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.j4t-page .nav-wrap{height:100%;display:flex;align-items:center;gap:30px}
.j4t-page .logo{width:165px;flex:0 0 165px}
.j4t-page .logo img{width:100%;height:auto}
.j4t-page .main-nav{margin-left:auto;display:flex;align-items:center;gap:32px;height:100%;font-family:"Rubik",sans-serif;font-size:11px;font-weight:600;letter-spacing:.3px;color:#2c3150}
.j4t-page .main-nav>a, .j4t-page .nav-drop>a{height:100%;display:flex;align-items:center;position:relative}
.j4t-page .main-nav .active{color:var(--blue)}
.j4t-page .nav-drop{height:100%;position:relative;display:flex;align-items:center}
.j4t-page .dropdown{position:absolute;left:-20px;top:72px;width:220px;background:#fff;padding:10px 0;box-shadow:0 10px 28px rgba(0,0,0,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.j4t-page .dropdown a{display:block;padding:9px 18px;font-size:12px}
.j4t-page .nav-drop:hover .dropdown{opacity:1;visibility:visible;transform:none}
.j4t-page .nav-cta{background:var(--blue);color:#fff;font-family:"Rubik",sans-serif;font-size:10px;font-weight:600;text-align:center;line-height:1.25;padding:13px 20px;border-radius:2px;transition:.2s}
.j4t-page .nav-cta:hover, .j4t-page .btn:hover, .j4t-page .footer-btn:hover{transform:translateY(-2px)}
.j4t-page .menu-toggle{display:none;background:var(--blue);color:#fff;border:0;border-radius:3px;padding:8px 10px;font-size:18px}
.j4t-page .hero{min-height:520px;background-image:url("https://j4tjunkremoval.com/wp-content/uploads/2026/05/homepage-banner-image.jpeg");background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-start;text-align:center;color:#fff;padding-top:105px}
.j4t-page .hero-overlay{position:absolute;inset:0;background:rgba(43,68,137,.63)}
.j4t-page .hero-content{position:relative;z-index:1;max-width:840px}
.j4t-page .hero h1{font-family:"Rubik",sans-serif;font-weight:600;font-size:44px;line-height:1.08;margin:0 0 22px;text-transform:none}
.j4t-page .hero h1 span{display:inline-block}
.j4t-page .hero p{max-width:720px;margin:0 auto 34px;font-size:14px;color:rgba(255,255,255,.95)}
.j4t-page .btn{display:inline-block;background:var(--blue);color:#fff;font-family:"Rubik",sans-serif;font-size:10px;font-weight:600;letter-spacing:.15px;padding:15px 26px;border-radius:2px;border:0;transition:.2s;cursor:pointer}
.j4t-page .btn.primary{background:#385da9}
.j4t-page .btn.small{padding:11px 24px;margin-top:24px;font-size:9px}
.j4t-page .services-overlap{position:relative;z-index:5;margin-top:-92px;padding-bottom:60px}
.j4t-page .cards-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.72fr);align-items:stretch;filter:drop-shadow(0 10px 17px rgba(23,45,94,.18))}
.j4t-page .service-card{background:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:262px;padding:38px 38px 32px;border-radius:8px 0 0 8px;border-bottom:4px solid var(--blue)}
.j4t-page .service-copy h2{font-family:"Rubik",sans-serif;font-size:20px;line-height:1.25;margin:0 0 18px;font-weight:600}
.j4t-page .service-copy h3{font-family:"Rubik",sans-serif;font-size:13px;line-height:1.35;color:var(--blue);margin:0 0 28px;letter-spacing:.7px}
.j4t-page .text-link{font-size:9px;color:#3154a0;font-weight:700;letter-spacing:.6px}
.j4t-page .service-list{display:grid;gap:8px;align-content:start}
.j4t-page .service-list a{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;line-height:1.15}
.j4t-page .service-list img{width:54px;height:38px;object-fit:cover}
.j4t-page .call-card{background:var(--blue);color:#fff;padding:52px 36px;border-radius:0 8px 8px 0;display:flex;flex-direction:column;justify-content:center}
.j4t-page .call-card h3{font-family:"Rubik",sans-serif;font-size:20px;margin:0 0 16px}
.j4t-page .call-card p{font-size:12px;line-height:1.55;color:#f3f5ff;margin:0 0 25px}
.j4t-page .phone-row{display:flex;align-items:center;gap:12px;font-family:"Rubik",sans-serif;font-size:14px}
.j4t-page .round-icon{width:34px;height:34px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center}
.j4t-page .section{padding:90px 0}
.j4t-page .two-col{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.j4t-page .eyebrow{font-family:"Rubik",sans-serif;color:var(--blue);font-size:10px;text-transform:uppercase;letter-spacing:1.7px;font-weight:600;margin-bottom:13px}
.j4t-page .about-copy h2, .j4t-page .experience-copy h2, .j4t-page .center-title h2, .j4t-page .pricing h2, .j4t-page .faq h2{font-family:"Rubik",sans-serif;font-size:30px;line-height:1.18;margin:0 0 20px;font-weight:600}
.j4t-page .about-copy>p{font-size:13px;color:#414752;max-width:570px}
.j4t-page .about-lower{display:grid;grid-template-columns:155px 1fr;gap:38px;align-items:center;margin-top:28px}
.j4t-page .about-small{width:155px;height:145px;object-fit:cover;border-radius:4px}
.j4t-page .check-list{list-style:none;padding:0;margin:0;display:grid;gap:11px;font-size:12px}
.j4t-page .check-list li{position:relative;padding-left:18px}
.j4t-page .check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--blue);font-weight:800}
.j4t-page .about-collage{height:430px;position:relative}
.j4t-page .orange-block{position:absolute;left:48px;top:28px;width:150px;height:185px;background:var(--orange);border-radius:8px}
.j4t-page .collage-main{position:absolute;left:0;bottom:0;width:62%;height:270px;object-fit:cover;border:8px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.j4t-page .collage-side{position:absolute;right:0;top:0;width:57%;height:292px;object-fit:cover;border-radius:4px}
.j4t-page .support-badge{position:absolute;right:18px;bottom:70px;background:var(--blue);color:#fff;width:136px;height:90px;border-radius:5px;display:grid;grid-template-columns:36px auto;grid-template-rows:auto auto;align-items:center;padding:15px 14px;box-shadow:0 6px 15px rgba(0,0,0,.18)}
.j4t-page .support-badge span{grid-row:1/3;width:30px;height:30px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center}
.j4t-page .support-badge strong{font-family:"Rubik";font-size:18px}
.j4t-page .support-badge small{font-size:10px;margin-top:-8px}
.j4t-page .experience{background:#f3f3f3;position:relative;overflow:hidden}
.j4t-page .experience-left-bg{position:absolute;left:0;top:0;bottom:0;width:15%;background:var(--blue)}
.j4t-page .experience-grid{position:relative;z-index:1}
.j4t-page .experience-collage{height:430px;position:relative}
.j4t-page .exp-orange{left:105px;top:80px;width:165px;height:200px}
.j4t-page .exp-main{position:absolute;right:25px;top:40px;width:62%;height:310px;object-fit:cover;border:7px solid #f3f3f3}
.j4t-page .exp-front{position:absolute;left:10px;bottom:18px;width:46%;height:225px;object-fit:cover;border:7px solid #fff}
.j4t-page .experience-copy .lead{font-size:12px;margin-top:-10px;margin-bottom:24px;color:#4b515d}
.j4t-page .feature{display:grid;grid-template-columns:44px 1fr;gap:17px;margin:18px 0;align-items:start}
.j4t-page .feature>span{width:42px;height:42px;background:var(--blue);color:#fff;display:grid;place-items:center;border-radius:2px;font-size:18px}
.j4t-page .feature h3{font-family:"Rubik",sans-serif;font-size:14px;margin:0 0 3px}
.j4t-page .feature p{font-size:11px;color:#555b66;margin:0;line-height:1.45}
.j4t-page .gallery-section{padding-top:75px}
.j4t-page .center-title{text-align:center}
.j4t-page .center-title h2{font-size:23px}
.j4t-page .center-title p{max-width:1030px;margin:0 auto;color:#555;font-size:12px;line-height:1.55}
.j4t-page .gallery-slider{max-width:930px;margin:48px auto 0;position:relative}
.j4t-page .gallery-track{display:grid;grid-template-columns:repeat(3,1fr);border-radius:7px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08)}
.j4t-page .gallery-track img{width:100%;height:245px;object-fit:cover}
.j4t-page .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:36px;background:rgba(255,255,255,.94);border:0;z-index:2;font-size:28px;color:var(--blue);cursor:pointer}
.j4t-page .slider-arrow.prev{left:-14px}
.j4t-page .slider-arrow.next{right:-14px}
.j4t-page .reviews-section{padding-top:35px}
.j4t-page .review-shell{background:#fff;border-radius:7px;padding:34px 48px;display:grid;grid-template-columns:1.35fr 1fr;gap:0;box-shadow:0 8px 26px rgba(31,45,83,.12);max-width:1050px}
.j4t-page .map-box iframe{width:100%;height:305px;border:0;display:block}
.j4t-page .review-card-wrap{padding:25px 0 14px}
.j4t-page .review-card{height:100%;background:#fff;border:2px solid var(--blue);border-radius:5px;position:relative;padding:58px 26px 20px;box-shadow:0 9px 0 var(--blue)}
.j4t-page .review-title{position:absolute;left:0;right:0;top:-1px;background:var(--blue);color:#fff;font-family:"Rubik",sans-serif;font-size:14px;font-weight:600;text-align:center;padding:17px}
.j4t-page .review-body{font-size:11px;text-align:left;color:#444}
.j4t-page .review-body p{font-style:italic;line-height:1.6;margin:0 0 22px}
.j4t-page .review-body strong, .j4t-page .review-body small{display:block;text-align:center}
.j4t-page .review-body strong{font-family:"Rubik";font-size:10px}
.j4t-page .review-body small{font-size:9px}
.j4t-page .review-dots{position:absolute;bottom:-1px;left:12px;display:flex;gap:4px}
.j4t-page .review-dots span{width:10px;height:3px;background:#c7c7c7}
.j4t-page .review-dots .active{background:#fff}
.j4t-page .blue-photo-band{height:270px;background:linear-gradient(rgba(45,75,151,.82),rgba(45,75,151,.82)),url("https://j4tjunkremoval.com/wp-content/uploads/2026/05/homepage-banner-image.jpeg") center/cover no-repeat;margin-top:-55px}
.j4t-page .areas{position:relative;background:url("https://j4tjunkremoval.com/wp-content/uploads/2026/05/homepage-banner-image.jpeg") center/cover no-repeat;color:#fff;padding:58px 0}
.j4t-page .area-two{margin-top:70px}
.j4t-page .areas-overlay{position:absolute;inset:0;background:rgba(48,77,150,.94)}
.j4t-page .areas-content{position:relative;z-index:1;text-align:center}
.j4t-page .areas h2{font-family:"Rubik",sans-serif;font-size:18px;line-height:1.2;margin:0 0 25px}
.j4t-page .areas h2 span{font-size:16px}
.j4t-page .city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 80px;max-width:780px;margin:0 auto;text-align:left;font-size:11px}
.j4t-page .contact-section{padding-top:0}
.j4t-page .contact-grid{display:grid;grid-template-columns:1.12fr 1fr;max-width:1030px;box-shadow:0 8px 26px rgba(0,0,0,.09);background:#fff}
.j4t-page .contact-photo img{width:100%;height:100%;min-height:470px;object-fit:cover}
.j4t-page .estimate-form{padding:26px 28px;display:grid;gap:12px}
.j4t-page .estimate-form label{font-size:11px;color:#2f3443}
.j4t-page .estimate-form label>span{color:#e65f4a}
.j4t-page .estimate-form input, .j4t-page .estimate-form textarea{width:100%;margin-top:5px;border:1px solid #d7d9de;border-radius:3px;padding:9px 10px;font:inherit;font-size:12px}
.j4t-page .estimate-form textarea{height:55px;resize:vertical}
.j4t-page .upload-zone{margin-top:5px;border:1px dashed #9eb0db;border-radius:3px;height:92px;display:grid;place-items:center;text-align:center;color:#3c5fa8;font-size:23px;line-height:1.15}
.j4t-page .upload-zone small{font-size:9px;color:#7c8494}
.j4t-page .form-btn{width:120px;padding:11px 12px;font-size:9px}
.j4t-page .pricing{background:var(--blue);color:#fff;padding:65px 0}
.j4t-page .pricing-inner{max-width:1130px}
.j4t-page .pricing .eyebrow{color:#cbd7ff}
.j4t-page .pricing h2{font-size:26px;margin-bottom:22px}
.j4t-page .pricing p{font-size:12px;line-height:1.55;color:#f4f6ff;margin:12px 0}
.j4t-page .faq-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.j4t-page .faq-copy>p{font-size:12px;color:#5d6470;margin-top:-8px;margin-bottom:28px}
.j4t-page .accordion{display:grid;gap:9px}
.j4t-page .faq-item{border:1px solid #e5e7eb;border-radius:4px;background:#fff;overflow:hidden}
.j4t-page .faq-item button{width:100%;border:0;background:#fff;text-align:left;padding:13px 16px;font-family:"Rubik",sans-serif;font-size:11px;font-weight:500;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.j4t-page .faq-item button span{color:var(--blue);font-size:16px}
.j4t-page .answer{display:none;padding:0 16px 15px;font-size:10px;color:#676d76;line-height:1.5}
.j4t-page .faq-item.open .answer{display:block}
.j4t-page .faq-photo img{width:100%;height:390px;object-fit:cover;border-radius:5px}
.j4t-page .footer{background:var(--blue);color:#fff;padding-top:58px}
.j4t-page .footer-grid{display:grid;grid-template-columns:1.05fr .75fr 1fr 1.1fr;gap:60px;padding-bottom:42px}
.j4t-page .footer-brand img{width:150px;filter:brightness(0) invert(1);margin-bottom:14px}
.j4t-page .footer-brand p, .j4t-page .footer p{font-size:10px;color:#e9edff}
.j4t-page .footer-btn{display:inline-block;margin-top:10px;background:#fff;color:var(--blue);font-family:"Rubik";font-size:8px;font-weight:700;padding:11px 14px;border-radius:2px;transition:.2s}
.j4t-page .footer h3{font-family:"Rubik";font-size:12px;margin:5px 0 18px}
.j4t-page .footer-grid>div>a{display:block;font-size:10px;color:#f3f5ff;margin:8px 0}
.j4t-page .footer-socials{display:flex;gap:12px;font-size:11px}
.j4t-page .copyright{border-top:1px solid rgba(255,255,255,.15);text-align:center;padding:15px;font-size:9px;color:#dbe3ff}
.j4t-page .floating-call{position:fixed;right:16px;bottom:14px;width:38px;height:38px;background:#294a97;border-radius:50%;color:#fff;display:grid;place-items:center;z-index:99;box-shadow:0 5px 15px rgba(0,0,0,.25)}
.j4t-page .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.j4t-page .reveal.from-left{transform:translateX(-28px)}
.j4t-page .reveal.from-right{transform:translateX(28px)}
.j4t-page .reveal.from-top{transform:translateY(-24px)}
.j4t-page .reveal.visible{opacity:1;transform:none}
@media (max-width:1024px){.j4t-page{--wrap:90%}
.j4t-page .wrap{width:90%}
.j4t-page .main-nav{gap:17px;font-size:10px}
.j4t-page .logo{width:135px;flex-basis:135px}
.j4t-page .nav-cta{padding:11px 13px}
.j4t-page .hero h1{font-size:38px}
.j4t-page .two-col{gap:40px}
.j4t-page .cards-shell{grid-template-columns:1.5fr .75fr}
.j4t-page .service-card{padding:30px 26px}
.j4t-page .about-collage, .j4t-page .experience-collage{height:380px}
.j4t-page .city-grid{gap:7px 40px}
.j4t-page .footer-grid{gap:30px}}
@media (max-width:767px){.j4t-page{font-size:14px}
.j4t-page .wrap{width:90%}
.j4t-page .topbar{height:auto;padding:7px 0}
.j4t-page .topbar-contact{gap:10px;flex-direction:column}
.j4t-page .topbar-contact a{font-size:10px}
.j4t-page .socials{align-self:flex-start}
.j4t-page .site-header{height:68px}
.j4t-page .nav-wrap{gap:12px}
.j4t-page .logo{width:125px;flex-basis:125px}
.j4t-page .menu-toggle{display:block;margin-left:auto}
.j4t-page .main-nav{display:none;position:absolute;left:0;right:0;top:68px;height:auto;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 5%;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.j4t-page .main-nav.open{display:flex}
.j4t-page .main-nav>a, .j4t-page .nav-drop>a{height:auto;padding:10px 0}
.j4t-page .nav-drop{height:auto;display:block}
.j4t-page .dropdown{display:none}
.j4t-page .nav-cta{display:none}
.j4t-page .hero{min-height:460px;padding-top:75px}
.j4t-page .hero h1{font-size:32px}
.j4t-page .hero p{font-size:13px}
.j4t-page .services-overlap{margin-top:-55px}
.j4t-page .cards-shell{display:block}
.j4t-page .service-card{border-radius:8px 8px 0 0;grid-template-columns:1fr;padding:28px 22px}
.j4t-page .service-list{margin-top:26px}
.j4t-page .call-card{border-radius:0 0 8px 8px;padding:30px 24px}
.j4t-page .section{padding:65px 0}
.j4t-page .two-col, .j4t-page .faq-grid{grid-template-columns:1fr}
.j4t-page .about-grid{gap:40px}
.j4t-page .about-copy h2, .j4t-page .experience-copy h2, .j4t-page .pricing h2, .j4t-page .faq h2{font-size:26px}
.j4t-page .about-lower{grid-template-columns:115px 1fr;gap:20px}
.j4t-page .about-small{width:115px;height:120px}
.j4t-page .about-collage{height:350px}
.j4t-page .experience-left-bg{width:28%;height:48%;bottom:auto}
.j4t-page .experience-grid{gap:25px}
.j4t-page .experience-collage{height:360px}
.j4t-page .gallery-track{grid-template-columns:1fr}
.j4t-page .gallery-track img{display:none;height:250px}
.j4t-page .gallery-track img:first-child{display:block}
.j4t-page .review-shell{grid-template-columns:1fr;padding:20px}
.j4t-page .map-box iframe{height:250px}
.j4t-page .review-card-wrap{padding-top:25px}
.j4t-page .blue-photo-band{height:200px}
.j4t-page .area-two{margin-top:40px}
.j4t-page .areas{padding:45px 0}
.j4t-page .city-grid{grid-template-columns:1fr 1fr;gap:7px 24px}
.j4t-page .contact-grid{grid-template-columns:1fr}
.j4t-page .contact-photo img{min-height:260px;height:260px}
.j4t-page .pricing{padding:52px 0}
.j4t-page .faq-grid{gap:35px}
.j4t-page .faq-photo img{height:310px}
.j4t-page .footer-grid{grid-template-columns:1fr 1fr;gap:35px}
.j4t-page .footer-brand{grid-column:1/-1}}
@media (max-width:480px){.j4t-page .topbar-inner{align-items:flex-start}
.j4t-page .socials{display:none}
.j4t-page .hero h1{font-size:28px}
.j4t-page .service-copy h2{font-size:19px}
.j4t-page .about-lower{grid-template-columns:1fr}
.j4t-page .about-small{width:100%;height:180px}
.j4t-page .about-collage{height:320px}
.j4t-page .collage-main{height:210px}
.j4t-page .collage-side{height:225px}
.j4t-page .support-badge{width:120px;height:80px;bottom:40px}
.j4t-page .experience-collage{height:320px}
.j4t-page .exp-main{height:235px}
.j4t-page .exp-front{height:180px}
.j4t-page .city-grid{grid-template-columns:1fr}
.j4t-page .footer-grid{grid-template-columns:1fr}
.j4t-page .footer-brand{grid-column:auto}}

/* Elementor full-width safety: keep this last */
.j4t-page{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  position:relative;
  overflow-x:hidden;
}

/* ===== J4T reference-match pass 2 ===== */
.j4t-page{
  --blue:#344f9d;
  --blue2:#344f9d;
  --deep:#344f9d;
  --orange:#ffa900;
  --wrap:1280px;
  font-size:16px;
  line-height:1.58;
}
.j4t-page .wrap{width:min(var(--wrap),92%);}
.j4t-page .topbar{height:52px;font-size:13px;}
.j4t-page .topbar-contact{gap:38px;}
.j4t-page .site-header{height:126px;}
.j4t-page .nav-wrap{gap:34px;}
.j4t-page .logo{width:104px;flex:0 0 104px;}
.j4t-page .logo img{width:72px;height:72px;object-fit:contain;margin:auto 0;}
.j4t-page .main-nav{gap:46px;font-size:12px;letter-spacing:.45px;}
.j4t-page .dropdown{top:102px;}
.j4t-page .nav-cta{min-width:190px;padding:17px 25px;font-size:11px;line-height:1.3;}

.j4t-page .hero{min-height:825px;background:none!important;padding-top:150px;overflow:hidden;}
.j4t-page .hero-media{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);z-index:0;}
.j4t-page .hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;}
.j4t-page .hero-media img:nth-child(1){object-position:center 45%;}
.j4t-page .hero-media img:nth-child(2){object-position:center 55%;}
.j4t-page .hero-media img:nth-child(3){object-position:center 45%;}
.j4t-page .hero-overlay{background:rgba(48,76,145,.64);z-index:1;}
.j4t-page .hero-content{z-index:2;max-width:1120px;}
.j4t-page .hero h1{font-size:62px;line-height:1.06;margin-bottom:28px;letter-spacing:-.4px;}
.j4t-page .hero p{max-width:860px;font-size:17px;line-height:1.55;margin-bottom:42px;}
.j4t-page .btn{font-size:12px;padding:19px 33px;}

.j4t-page .services-overlap{margin-top:-185px;padding-bottom:125px;}
.j4t-page .cards-shell{grid-template-columns:minmax(0,1.68fr) minmax(360px,.72fr);}
.j4t-page .service-card{min-height:470px;padding:62px 52px 48px;grid-template-columns:.9fr 1.1fr;border-bottom-width:5px;}
.j4t-page .service-copy h2{font-size:25px;line-height:1.28;margin-bottom:26px;}
.j4t-page .service-copy h3{font-size:15px;line-height:1.45;margin-bottom:39px;letter-spacing:1px;}
.j4t-page .text-link{font-size:11px;}
.j4t-page .service-list{gap:12px;}
.j4t-page .service-list a{gap:16px;font-size:13px;line-height:1.24;}
.j4t-page .service-list img{width:82px;height:58px;object-fit:cover;}
.j4t-page .call-card{padding:72px 48px;}
.j4t-page .call-card h3{font-size:24px;margin-bottom:22px;}
.j4t-page .call-card p{font-size:14px;line-height:1.62;margin-bottom:34px;}
.j4t-page .phone-row{font-size:16px;gap:15px;}
.j4t-page .round-icon{width:42px;height:42px;}

.j4t-page .section{padding:130px 0;}
.j4t-page .two-col{gap:88px;}
.j4t-page .eyebrow{font-size:11px;letter-spacing:1.9px;margin-bottom:17px;}
.j4t-page .about{padding-top:120px;padding-bottom:175px;}
.j4t-page .about-copy h2,.j4t-page .experience-copy h2,.j4t-page .pricing h2,.j4t-page .faq h2{font-size:34px;line-height:1.17;margin-bottom:24px;}
.j4t-page .about-copy>p{font-size:15px;line-height:1.65;max-width:585px;}
.j4t-page .about-lower{grid-template-columns:185px 1fr;gap:46px;margin-top:38px;}
.j4t-page .about-small{width:185px;height:190px;}
.j4t-page .check-list{gap:16px;font-size:14px;}
.j4t-page .check-list li{padding-left:22px;}
.j4t-page .btn.small{padding:14px 28px;margin-top:34px;font-size:10px;}
.j4t-page .about-collage{height:590px;}
.j4t-page .orange-block{left:70px;top:55px;width:175px;height:215px;}
.j4t-page .collage-main{left:0;bottom:0;width:63%;height:350px;border-width:10px;}
.j4t-page .collage-side{right:0;top:0;width:57%;height:390px;}
.j4t-page .support-badge{right:20px;bottom:88px;width:150px;height:100px;padding:17px 15px;}
.j4t-page .support-badge span{width:35px;height:35px;}
.j4t-page .support-badge strong{font-size:20px;}
.j4t-page .support-badge small{font-size:11px;}

.j4t-page .experience{padding:145px 0 155px;}
.j4t-page .experience-left-bg{width:16%;}
.j4t-page .experience-collage{height:650px;}
.j4t-page .exp-orange{left:115px;top:105px;width:180px;height:245px;}
.j4t-page .exp-main{right:20px;top:45px;width:64%;height:420px;border-width:9px;}
.j4t-page .exp-front{left:0;bottom:18px;width:48%;height:335px;border-width:9px;}
.j4t-page .experience-copy .lead{font-size:14px;margin-top:-10px;margin-bottom:32px;}
.j4t-page .feature{grid-template-columns:50px 1fr;gap:19px;margin:24px 0;}
.j4t-page .feature>span{width:50px;height:50px;font-size:19px;}
.j4t-page .feature h3{font-size:16px;margin-bottom:5px;}
.j4t-page .feature p{font-size:13px;line-height:1.5;}

.j4t-page .gallery-section{padding-top:105px;padding-bottom:130px;}
.j4t-page .center-title h2{font-size:27px;margin-bottom:23px;}
.j4t-page .center-title p{max-width:1180px;font-size:14px;line-height:1.62;}
.j4t-page .gallery-slider{max-width:1135px;margin-top:62px;}
.j4t-page .gallery-track img{height:375px;}
.j4t-page .slider-arrow{width:34px;height:50px;font-size:34px;}
.j4t-page .slider-arrow.prev{left:-18px}.j4t-page .slider-arrow.next{right:-18px}

.j4t-page .reviews-section{padding-top:65px;padding-bottom:95px;}
.j4t-page .review-shell{max-width:1280px;padding:52px 64px;grid-template-columns:1.36fr .94fr;}
.j4t-page .map-box iframe{height:455px;}
.j4t-page .review-card-wrap{padding:35px 0 20px;}
.j4t-page .review-card{padding:82px 34px 30px;box-shadow:0 12px 0 var(--blue);}
.j4t-page .review-title{font-size:17px;padding:20px;}
.j4t-page .review-body{font-size:13px;}
.j4t-page .review-body p{line-height:1.7;margin-bottom:32px;}
.j4t-page .review-body strong{font-size:12px}.j4t-page .review-body small{font-size:11px}
.j4t-page .blue-photo-band{height:255px;margin-top:-85px;}

.j4t-page .areas{min-height:455px;padding:96px 0;display:flex;align-items:center;}
.j4t-page .area-two{margin-top:78px;min-height:360px;padding:74px 0;}
.j4t-page .areas h2{font-size:22px;margin-bottom:34px;}
.j4t-page .areas h2 span{font-size:19px;}
.j4t-page .city-grid{max-width:900px;gap:12px 100px;font-size:13px;}

.j4t-page .contact-section{padding-top:0;padding-bottom:135px;}
.j4t-page .contact-grid{max-width:1280px;grid-template-columns:1.08fr 1fr;}
.j4t-page .contact-photo img{min-height:650px;height:650px;}
.j4t-page .estimate-form{padding:40px 42px;gap:16px;}
.j4t-page .estimate-form label{font-size:13px;}
.j4t-page .estimate-form input,.j4t-page .estimate-form textarea{padding:12px 12px;font-size:13px;margin-top:7px;}
.j4t-page .estimate-form textarea{height:78px;}
.j4t-page .upload-zone{height:120px;font-size:27px;}
.j4t-page .upload-zone small{font-size:11px;}
.j4t-page .form-btn{width:145px;padding:14px 14px;font-size:10px;}

.j4t-page .pricing{padding:112px 0 122px;}
.j4t-page .pricing-inner{max-width:1210px;}
.j4t-page .pricing h2{font-size:31px;margin-bottom:28px;}
.j4t-page .pricing p{font-size:14px;line-height:1.68;margin:14px 0;}

.j4t-page .faq{padding:125px 0 135px;}
.j4t-page .faq-grid{gap:82px;}
.j4t-page .faq-copy>p{font-size:14px;line-height:1.55;margin-bottom:36px;}
.j4t-page .accordion{gap:12px;}
.j4t-page .faq-item button{padding:18px 20px;font-size:13px;}
.j4t-page .answer{padding:0 20px 18px;font-size:12px;}
.j4t-page .faq-photo img{height:555px;}

.j4t-page .footer{padding-top:78px;}
.j4t-page .footer-grid{grid-template-columns:1.05fr .75fr 1fr 1.1fr;gap:70px;padding-bottom:62px;}
.j4t-page .footer-brand img{width:112px;height:112px;object-fit:contain;filter:none;margin-bottom:18px;}
.j4t-page .footer-brand p,.j4t-page .footer p{font-size:12px;line-height:1.6;}
.j4t-page .footer-btn{font-size:9px;padding:14px 18px;margin-top:14px;}
.j4t-page .footer h3{font-size:14px;margin-bottom:22px;}
.j4t-page .footer-grid>div>a{font-size:12px;margin:10px 0;}
.j4t-page .copyright{padding:19px;font-size:10px;}

@media (max-width:1024px){
  .j4t-page .hero{min-height:690px;padding-top:120px}
  .j4t-page .hero h1{font-size:48px}
  .j4t-page .service-card{min-height:410px;padding:48px 34px}
  .j4t-page .service-list img{width:68px;height:48px}
  .j4t-page .section{padding:100px 0}
  .j4t-page .about-collage{height:500px}.j4t-page .experience-collage{height:560px}
}
@media (max-width:767px){
  .j4t-page .topbar{height:auto}.j4t-page .site-header{height:78px}
  .j4t-page .logo{width:72px;flex-basis:72px}.j4t-page .logo img{width:58px;height:58px}
  .j4t-page .main-nav{top:78px}
  .j4t-page .hero{min-height:610px;padding-top:100px}
  .j4t-page .hero h1{font-size:38px}.j4t-page .hero p{font-size:15px}
  .j4t-page .services-overlap{margin-top:-85px;padding-bottom:75px}
  .j4t-page .service-card{min-height:auto;padding:34px 25px}.j4t-page .service-list img{width:64px;height:46px}
  .j4t-page .call-card{padding:36px 26px}
  .j4t-page .section{padding:80px 0}.j4t-page .about{padding:80px 0 100px}
  .j4t-page .about-collage{height:410px}.j4t-page .experience{padding:90px 0}.j4t-page .experience-collage{height:430px}
  .j4t-page .gallery-track img{height:310px}.j4t-page .review-shell{padding:25px}.j4t-page .map-box iframe{height:300px}
  .j4t-page .areas{min-height:auto;padding:60px 0}.j4t-page .area-two{min-height:auto;padding:58px 0;margin-top:40px}
  .j4t-page .contact-photo img{height:350px;min-height:350px}.j4t-page .pricing{padding:72px 0}.j4t-page .faq{padding:80px 0}.j4t-page .faq-photo img{height:350px}
  .j4t-page .footer{padding-top:58px}
}

/* ===== J4T reference-match pass 3: lower-page spacing + photo bands ===== */
.j4t-page .blue-photo-band{
  background:linear-gradient(rgba(45,75,151,.82),rgba(45,75,151,.82)),url("https://j4tjunkremoval.com/wp-content/uploads/2026/09/homepage-banner-image-32.jpeg") center/cover no-repeat!important;
}
.j4t-page .areas{
  background:url("https://j4tjunkremoval.com/wp-content/uploads/2026/09/homepage-banner-image-32.jpeg") center/cover no-repeat!important;
}
.j4t-page .area-one{margin-top:84px;min-height:485px;}
.j4t-page .area-two{min-height:330px;}
.j4t-page .contact-section{padding-bottom:38px;}
.j4t-page .footer-grid{padding-bottom:70px;}
@media(max-width:767px){
  .j4t-page .area-one{margin-top:38px;min-height:auto;}
  .j4t-page .area-two{min-height:auto;}
  .j4t-page .contact-section{padding-bottom:70px;}
}

/* ===== J4T target screenshot pass 4 =====
   First supplied screenshot = current output.
   Second supplied screenshot = target.
*/
.j4t-page .logo img,
.j4t-page .footer-brand img {
  object-fit:contain!important;
}

/* Target hero: use the original 2026/05 composite image from the supplied page source. */
.j4t-page .hero {
  background:
    linear-gradient(rgba(48,76,145,.62),rgba(48,76,145,.62)),
    url("https://j4tjunkremoval.com/wp-content/uploads/2026/09/homepage-banner-image-1.jpeg")
    center center/cover no-repeat !important;
}
.j4t-page .hero-media {display:none!important;}

/* The target overlap card is closer to 60/40, not the narrow blue card of v3. */
.j4t-page .cards-shell {
  grid-template-columns:minmax(0,1.50fr) minmax(0,1fr)!important;
}
.j4t-page .service-card {
  grid-template-columns:1.08fr .92fr!important;
  padding-left:46px!important;
  padding-right:40px!important;
}
.j4t-page .call-card {
  padding-left:38px!important;
  padding-right:38px!important;
}
.j4t-page .service-list img {
  width:64px!important;
  height:48px!important;
}

/* Target has much less empty white space above About, but essentially the same section end. */
.j4t-page .services-overlap {padding-bottom:22px!important;}
.j4t-page .about {
  padding-top:104px!important;
  padding-bottom:263px!important;
}
.j4t-page .about-copy h2 {font-size:36px!important;}
.j4t-page .about-copy>p {font-size:15.8px!important;line-height:1.62!important;}
.j4t-page .about-lower {margin-top:32px!important;}
.j4t-page .check-list {font-size:13.5px!important;gap:14px!important;}

/* Use the target screenshot itself only for image-only collages.
   Text, links and all real page content remain live HTML. */
.j4t-page .about-collage {
  background-image:none!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}
.j4t-page .about-collage > * {visibility:hidden!important;}

.j4t-page .experience-collage {
  background-image:none!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
}
.j4t-page .experience-collage > * {visibility:hidden!important;}
.j4t-page .experience-copy h2 {font-size:35px!important;}
.j4t-page .experience-copy .lead {font-size:13.5px!important;}
.j4t-page .feature {margin:20px 0!important;}
.j4t-page .feature>span {width:46px!important;height:46px!important;}
.j4t-page .feature h3 {font-size:15px!important;}
.j4t-page .feature p {font-size:12.5px!important;}

/* Target gallery: exact image-only visual from reference, while keeping arrows/HTML structure. */
.j4t-page .gallery-track {
  background-image:none!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.j4t-page .gallery-track img {opacity:0!important;}

/* Review block in target starts a little higher. */
.j4t-page .gallery-section {padding-bottom:110px!important;}
.j4t-page .reviews-section {padding-top:45px!important;}

/* Restore original photo family for the blue photo bands. */
.j4t-page .blue-photo-band {
  background:
    linear-gradient(rgba(45,75,151,.82),rgba(45,75,151,.82)),
    url("https://j4tjunkremoval.com/wp-content/uploads/2026/05/homepage-banner-image.jpeg")
    center/cover no-repeat!important;
}
.j4t-page .areas {
  background:
    url("https://j4tjunkremoval.com/wp-content/uploads/2026/05/homepage-banner-image.jpeg")
    center/cover no-repeat!important;
}

/* Target lower sections use slightly larger readable type. */
.j4t-page .areas h2 {font-size:21px!important;}
.j4t-page .city-grid {font-size:12.5px!important;}
.j4t-page .pricing h2 {font-size:30px!important;}
.j4t-page .pricing p {font-size:13.5px!important;}
.j4t-page .faq h2 {font-size:32px!important;}
.j4t-page .faq-copy>p {font-size:13.5px!important;}
.j4t-page .faq-item button {font-size:12.5px!important;}

/* Exact target photo crops for image-only Contact and FAQ panels. */
.j4t-page .contact-photo img,
.j4t-page .faq-photo img {
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
}
.j4t-page .faq-photo {height:555px!important;}
.j4t-page .faq-photo img {height:555px!important;}

@media (max-width:1024px) {
  .j4t-page .cards-shell {grid-template-columns:minmax(0,1.48fr) minmax(0,1fr)!important;}
  .j4t-page .about {padding-top:72px!important;padding-bottom:170px!important;}
}
@media (max-width:767px) {
  .j4t-page .services-overlap {padding-bottom:45px!important;}
  .j4t-page .about {padding:72px 0 95px!important;}
  .j4t-page .about-collage,
  .j4t-page .experience-collage {
    background-size:contain!important;
  }
  .j4t-page .faq-photo {height:350px!important;}
  .j4t-page .faq-photo img {height:350px!important;}
}


/* ===== J4T target pass 5: supplied header logo + target map view ===== */
.j4t-page .site-header .logo{
  width:150px!important;
  flex:0 0 150px!important;
  height:54px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
.j4t-page .site-header .logo img{
  width:100%!important;
  height:auto!important;
  max-height:46px!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
}

/* Target map/review block */
.j4t-page .review-shell{
  grid-template-columns:1.42fr 1fr!important;
  align-items:stretch!important;
}
.j4t-page .map-box{
  overflow:hidden!important;
  min-width:0!important;
}
.j4t-page .map-box iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:455px!important;
  border:0!important;
}
.j4t-page .review-card-wrap{
  min-height:455px!important;
  padding:35px 0 20px!important;
  display:flex!important;
}
.j4t-page .review-card{
  width:100%!important;
}

@media (max-width:1024px){
  .j4t-page .site-header .logo{
    width:128px!important;
    flex-basis:128px!important;
  }
  .j4t-page .review-shell{
    grid-template-columns:1.35fr 1fr!important;
  }
  .j4t-page .map-box iframe,
  .j4t-page .review-card-wrap{
    min-height:360px!important;
  }
}
@media (max-width:767px){
  .j4t-page .site-header .logo{
    width:112px!important;
    flex-basis:112px!important;
    height:48px!important;
  }
  .j4t-page .site-header .logo img{
    max-height:38px!important;
  }
  .j4t-page .review-shell{
    grid-template-columns:1fr!important;
  }
  .j4t-page .map-box iframe{
    min-height:285px!important;
  }
  .j4t-page .review-card-wrap{
    min-height:auto!important;
  }
}


/* ===== J4T pass 6: top-gap fix + Facebook icon + supplied hero image ===== */

/* Standalone HTML preview: remove the browser's default 8px body margin. */
html, body {
  margin:0!important;
  padding:0!important;
}

/* Elementor HTML widget: prevent wrapper/container padding or margin above this page. */
.elementor-widget-html:has(#j4t-body-widget-part1),
.elementor-widget-html:has(#j4t-body-widget-part1) > .elementor-widget-container {
  margin:0!important;
  padding:0!important;
}
body:has(#j4t-body-widget-part1) {
  margin-top:0!important;
}

/* Make sure no internal element creates space before the top bar. */
#j4t-body-widget-part1 {
  margin-top:0!important;
  padding-top:0!important;
}
#j4t-body-widget-part1 > .topbar {
  margin-top:0!important;
}

/* Proper Facebook icon. */
.j4t-page .socials .social-facebook {
  width:14px!important;
  height:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.j4t-page .socials .social-facebook svg {
  width:8px!important;
  height:14px!important;
  display:block!important;
}

/* Exact hero background URL supplied by the user. */
.j4t-page .hero {
  background:
    linear-gradient(rgba(48,76,145,.62),rgba(48,76,145,.62)),
    url("https://j4tjunkremoval.com/wp-content/uploads/2026/09/homepage-banner-image-1.jpeg")
    center center/cover no-repeat !important;
}


/* ===== J4T pass 7: exact service list thumbnails ===== */
.j4t-page .service-list{
  gap:14px!important;
}
.j4t-page .service-list a{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  align-items:center!important;
  gap:16px!important;
}
.j4t-page .service-list img{
  width:64px!important;
  height:48px!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  flex:none!important;
}
.j4t-page .service-list span{
  line-height:1.28!important;
}


/* ===== J4T pass 9: exact About collage images ===== */
.j4t-page .about-collage {
  background-image:none!important;
  background:none!important;
}
.j4t-page .about-collage > * {
  visibility:visible!important;
  opacity:1!important;
}

/* Image 1 = top/right image */
.j4t-page .about-collage .collage-side {
  content:url("https://j4tjunkremoval.com/wp-content/uploads/2026/09/About-us-section-1-rnc24pmpeguolhzk98vcq7hbhqglebevmxobn8c9hs-3.webp")!important;
  right:0!important;
  top:0!important;
  width:57%!important;
  height:390px!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}

/* Image 2 = lower/left image */
.j4t-page .about-collage .collage-main {
  content:url("https://j4tjunkremoval.com/wp-content/uploads/2026/09/About-us-3-1-rno6ypi0wmk0cd3mhe7r6b2dw90y9bj1fe2g198ys0-6.webp")!important;
  left:0!important;
  bottom:0!important;
  width:63%!important;
  height:350px!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}


/* ===== J4T pass 11: exact Experience collage images ===== */
.j4t-page .experience-collage {
  background:none!important;
  background-image:none!important;
}
.j4t-page .experience-collage > * {
  visibility:visible!important;
  opacity:1!important;
}

/* Large/back Experience image */
.j4t-page .experience-collage .exp-main {
  content:url("https://j4tjunkremoval.com/wp-content/uploads/2026/09/experience-section-3-rnc3sj2ybwqlg53jylpmwm2cfhmi8vvxj09q45nbio-3.webp")!important;
  position:absolute!important;
  right:18px!important;
  top:34px!important;
  width:64%!important;
  height:330px!important;
  object-fit:cover!important;
  object-position:center!important;
  border:7px solid #f3f3f3!important;
  display:block!important;
}

/* Small/front Experience image */
.j4t-page .experience-collage .exp-front {
  content:url("https://j4tjunkremoval.com/wp-content/uploads/2026/09/experience-section-2-rnc3nlfgg7zehu9lryx5bcw85ny4u3anukyyeuyq6o-4.webp")!important;
  position:absolute!important;
  left:8px!important;
  bottom:12px!important;
  width:47%!important;
  height:235px!important;
  object-fit:cover!important;
  object-position:center!important;
  border:7px solid #fff!important;
  display:block!important;
}

/* Keep orange block visible behind the collage, like the reference. */
.j4t-page .experience-collage .exp-orange {
  visibility:visible!important;
}


/* ===== J4T pass 12: fix Experience section composition ===== */

/* The reference is a compact section — remove the oversized vertical space. */
.j4t-page .experience{
  padding:76px 0 82px!important;
  min-height:0!important;
}
.j4t-page .experience-left-bg{
  width:16%!important;
}

/* Keep the two sides close together like the reference. */
.j4t-page .experience-grid{
  grid-template-columns:1.04fr .96fr!important;
  gap:56px!important;
  align-items:center!important;
}

/* Compact left artwork area. */
.j4t-page .experience-collage{
  height:475px!important;
  min-height:475px!important;
  max-width:590px!important;
  width:100%!important;
  position:relative!important;
  margin:0!important;
  background:none!important;
}

/* Orange block sits behind both photos. */
.j4t-page .experience-collage .exp-orange{
  position:absolute!important;
  left:72px!important;
  top:82px!important;
  width:145px!important;
  height:220px!important;
  border-radius:6px!important;
  z-index:1!important;
  background:#ffa900!important;
}

/* Back/right photo: narrower and taller, matching the target collage. */
.j4t-page .experience-collage .exp-main{
  position:absolute!important;
  right:18px!important;
  top:28px!important;
  width:55%!important;
  height:315px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:7px solid #f3f3f3!important;
  box-shadow:none!important;
  z-index:2!important;
}

/* Front/left photo: portrait crop and lower overlap. */
.j4t-page .experience-collage .exp-front{
  position:absolute!important;
  left:0!important;
  bottom:18px!important;
  width:46%!important;
  height:285px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:7px solid #fff!important;
  box-shadow:none!important;
  z-index:3!important;
}

/* Right content follows the tighter vertical rhythm of the reference. */
.j4t-page .experience-copy{
  align-self:center!important;
  padding-top:0!important;
}
.j4t-page .experience-copy h2{
  font-size:32px!important;
  line-height:1.16!important;
  margin:0 0 13px!important;
}
.j4t-page .experience-copy .lead{
  font-size:12.5px!important;
  line-height:1.45!important;
  margin:0 0 22px!important;
}
.j4t-page .feature{
  grid-template-columns:44px 1fr!important;
  gap:15px!important;
  margin:14px 0!important;
  align-items:start!important;
}
.j4t-page .feature>span{
  width:44px!important;
  height:44px!important;
  font-size:17px!important;
}
.j4t-page .feature h3{
  font-size:14px!important;
  line-height:1.25!important;
  margin:0 0 3px!important;
}
.j4t-page .feature p{
  font-size:11.5px!important;
  line-height:1.42!important;
  margin:0!important;
}

/* Tablet */
@media (max-width:1024px){
  .j4t-page .experience{
    padding:68px 0 72px!important;
  }
  .j4t-page .experience-grid{
    gap:34px!important;
  }
  .j4t-page .experience-collage{
    height:420px!important;
    min-height:420px!important;
  }
  .j4t-page .experience-collage .exp-orange{
    left:55px!important;
    top:72px!important;
    width:125px!important;
    height:190px!important;
  }
  .j4t-page .experience-collage .exp-main{
    width:56%!important;
    height:280px!important;
  }
  .j4t-page .experience-collage .exp-front{
    width:47%!important;
    height:245px!important;
  }
}

/* Mobile */
@media (max-width:767px){
  .j4t-page .experience{
    padding:66px 0 72px!important;
  }
  .j4t-page .experience-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .j4t-page .experience-left-bg{
    width:22%!important;
    height:455px!important;
    bottom:auto!important;
  }
  .j4t-page .experience-collage{
    height:400px!important;
    min-height:400px!important;
    max-width:520px!important;
    margin:0 auto!important;
  }
  .j4t-page .experience-collage .exp-orange{
    left:14%!important;
    top:66px!important;
    width:28%!important;
    height:185px!important;
  }
  .j4t-page .experience-collage .exp-main{
    right:5%!important;
    top:20px!important;
    width:58%!important;
    height:270px!important;
  }
  .j4t-page .experience-collage .exp-front{
    left:0!important;
    bottom:10px!important;
    width:48%!important;
    height:235px!important;
  }
}


/* ===== J4T pass 13: Experience section matched to the requested reference ===== */

/* Overall section */
.j4t-page .experience{
  padding:86px 0 92px!important;
  background:#f4f2f2!important;
  overflow:hidden!important;
}
.j4t-page .experience-left-bg{
  width:16%!important;
  top:0!important;
  bottom:0!important;
}

/* Keep the section content compact and centered like the reference */
.j4t-page .experience-grid{
  width:min(1240px,88%)!important;
  grid-template-columns:530px minmax(0,1fr)!important;
  gap:74px!important;
  align-items:center!important;
}

/* LEFT COLLAGE — portrait proportions like the requested design */
.j4t-page .experience-collage{
  width:530px!important;
  max-width:530px!important;
  height:510px!important;
  min-height:510px!important;
  margin:0!important;
  position:relative!important;
  background:none!important;
}

/* Orange vertical block behind the photos */
.j4t-page .experience-collage .exp-orange{
  position:absolute!important;
  left:105px!important;
  top:70px!important;
  width:145px!important;
  height:390px!important;
  background:#f8aa32!important;
  border-radius:6px!important;
  z-index:1!important;
}

/* Rear/right photo — tall portrait crop */
.j4t-page .experience-collage .exp-main{
  position:absolute!important;
  right:10px!important;
  top:34px!important;
  width:305px!important;
  height:390px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:7px solid #f4f2f2!important;
  border-radius:6px!important;
  box-shadow:none!important;
  z-index:2!important;
}

/* Front/left photo — tall portrait crop */
.j4t-page .experience-collage .exp-front{
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:260px!important;
  height:338px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:7px solid #fff!important;
  border-radius:6px!important;
  box-shadow:none!important;
  z-index:3!important;
}

/* RIGHT CONTENT */
.j4t-page .experience-copy{
  align-self:center!important;
  padding:0!important;
  max-width:560px!important;
}
.j4t-page .experience-copy h2{
  font-size:31px!important;
  line-height:1.12!important;
  margin:0 0 17px!important;
  max-width:520px!important;
}
.j4t-page .experience-copy .lead{
  font-size:13px!important;
  line-height:1.48!important;
  margin:0 0 28px!important;
  max-width:540px!important;
}
.j4t-page .feature{
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:18px!important;
  margin:18px 0!important;
  align-items:start!important;
}
.j4t-page .feature>span{
  width:56px!important;
  height:56px!important;
  font-size:20px!important;
  border-radius:3px!important;
}
.j4t-page .feature h3{
  font-size:16px!important;
  line-height:1.24!important;
  margin:0 0 5px!important;
}
.j4t-page .feature p{
  font-size:12.5px!important;
  line-height:1.45!important;
  margin:0!important;
  max-width:480px!important;
}

/* Laptop */
@media (max-width:1200px){
  .j4t-page .experience-grid{
    width:90%!important;
    grid-template-columns:470px minmax(0,1fr)!important;
    gap:50px!important;
  }
  .j4t-page .experience-collage{
    width:470px!important;
    max-width:470px!important;
    height:465px!important;
    min-height:465px!important;
  }
  .j4t-page .experience-collage .exp-orange{
    left:92px!important;
    top:65px!important;
    width:132px!important;
    height:345px!important;
  }
  .j4t-page .experience-collage .exp-main{
    width:275px!important;
    height:350px!important;
  }
  .j4t-page .experience-collage .exp-front{
    width:235px!important;
    height:305px!important;
  }
}

/* Tablet */
@media (max-width:900px){
  .j4t-page .experience{
    padding:72px 0 78px!important;
  }
  .j4t-page .experience-grid{
    grid-template-columns:1fr!important;
    gap:42px!important;
  }
  .j4t-page .experience-collage{
    width:520px!important;
    max-width:100%!important;
    height:485px!important;
    min-height:485px!important;
    margin:0 auto!important;
  }
  .j4t-page .experience-copy{
    max-width:620px!important;
    margin:0 auto!important;
  }
}

/* Mobile */
@media (max-width:600px){
  .j4t-page .experience-left-bg{
    width:22%!important;
    height:430px!important;
    bottom:auto!important;
  }
  .j4t-page .experience-collage{
    height:390px!important;
    min-height:390px!important;
  }
  .j4t-page .experience-collage .exp-orange{
    left:16%!important;
    top:60px!important;
    width:31%!important;
    height:275px!important;
  }
  .j4t-page .experience-collage .exp-main{
    right:3%!important;
    top:24px!important;
    width:58%!important;
    height:300px!important;
  }
  .j4t-page .experience-collage .exp-front{
    left:0!important;
    bottom:0!important;
    width:48%!important;
    height:255px!important;
  }
  .j4t-page .experience-copy h2{
    font-size:27px!important;
  }
  .j4t-page .feature{
    grid-template-columns:48px 1fr!important;
    gap:14px!important;
  }
  .j4t-page .feature>span{
    width:48px!important;
    height:48px!important;
  }
}


/* ===== J4T pass 14: exact next-section carousel images ===== */
.j4t-page .gallery-track{
  background:none!important;
  background-image:none!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
}
.j4t-page .gallery-track img{
  opacity:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:245px!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media (max-width:767px){
  .j4t-page .gallery-track{
    grid-template-columns:1fr!important;
  }
  .j4t-page .gallery-track img{
    display:none!important;
    min-height:250px!important;
  }
  .j4t-page .gallery-track img:first-child{
    display:block!important;
  }
}


/* ===== J4T pass 15: real 5-image Transform slider ===== */
.j4t-page .gallery-slider{
  overflow:visible!important;
}
.j4t-page .gallery-track{
  display:flex!important;
  grid-template-columns:none!important;
  width:100%!important;
  overflow:hidden!important;
  border-radius:7px!important;
  box-shadow:0 4px 15px rgba(0,0,0,.08)!important;
  background:none!important;
  background-image:none!important;
}
.j4t-page .gallery-track img{
  flex:0 0 33.333333%!important;
  width:33.333333%!important;
  height:245px!important;
  min-height:245px!important;
  opacity:1!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .45s ease!important;
}
@media (max-width:767px){
  .j4t-page .gallery-track img{
    flex-basis:100%!important;
    width:100%!important;
    height:250px!important;
    min-height:250px!important;
    display:block!important;
  }
}


/* ===== J4T pass 16: fixed Transforming Spaces slider ===== */
.j4t-page .gallery-slider{
  max-width:930px!important;
  margin:48px auto 0!important;
  position:relative!important;
  overflow:visible!important;
}
.j4t-page .gallery-viewport{
  width:100%!important;
  overflow:hidden!important;
  border-radius:7px!important;
  box-shadow:0 4px 15px rgba(0,0,0,.08)!important;
}
.j4t-page .gallery-track{
  display:flex!important;
  width:100%!important;
  overflow:visible!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:none!important;
  background-image:none!important;
  transition:transform .48s cubic-bezier(.22,.61,.36,1)!important;
  will-change:transform!important;
}
.j4t-page .gallery-track img{
  flex:0 0 33.333333%!important;
  width:33.333333%!important;
  height:245px!important;
  min-height:245px!important;
  display:block!important;
  opacity:1!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  transition:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
.j4t-page .slider-arrow{
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:10!important;
  width:34px!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--blue)!important;
  font-size:28px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 2px 10px rgba(0,0,0,.10)!important;
}
.j4t-page .slider-arrow.prev{left:-17px!important;}
.j4t-page .slider-arrow.next{right:-17px!important;}

@media (max-width:767px){
  .j4t-page .gallery-slider{
    width:100%!important;
    margin-top:34px!important;
  }
  .j4t-page .gallery-track img{
    flex:0 0 100%!important;
    width:100%!important;
    height:250px!important;
    min-height:250px!important;
  }
  .j4t-page .slider-arrow.prev{left:6px!important;}
  .j4t-page .slider-arrow.next{right:6px!important;}
}


/* ===== J4T pass 21: isolated map/review rebuild from clean v16 base ===== */
.j4t-page .j4t-review-stage{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  padding:70px 0 145px!important;
  background:#fff!important;
}
.j4t-page .j4t-review-stage::before{
  content:"";
  position:absolute;
  z-index:0;
  left:0;right:0;top:330px;bottom:0;
  background:
    linear-gradient(rgba(45,75,151,.84),rgba(45,75,151,.84)),
    url("https://j4tjunkremoval.com/wp-content/uploads/2026/09/homepage-banner-image-1.jpeg") center 64%/cover no-repeat;
}
.j4t-page .j4t-review-shell{
  position:relative!important;
  z-index:2!important;
  width:min(1080px,84%)!important;
  max-width:1080px!important;
  margin:0 auto!important;
  padding:36px 42px!important;
  background:#fff!important;
  border-radius:7px!important;
  box-shadow:0 8px 26px rgba(31,45,83,.13)!important;
  display:grid!important;
  grid-template-columns:1.46fr .98fr!important;
  gap:0!important;
  align-items:stretch!important;
}
.j4t-page .j4t-map-box{
  overflow:hidden!important;
  min-width:0!important;
  background:#eef1f5!important;
}
.j4t-page .j4t-map-box iframe{
  display:block!important;
  width:100%!important;
  height:300px!important;
  border:0!important;
}
.j4t-page .j4t-review-side{
  height:300px!important;
  padding:18px 0 14px!important;
  display:flex!important;
  align-items:stretch!important;
}
.j4t-page .j4t-review-side .review-card{
  width:100%!important;
  min-height:268px!important;
  padding:62px 24px 20px!important;
  box-shadow:0 9px 0 var(--blue)!important;
}
.j4t-page .j4t-review-side .review-title{
  font-size:15px!important;
  padding:18px 12px!important;
}
.j4t-page .j4t-review-side .review-body{font-size:11.5px!important;}
.j4t-page .j4t-review-side .review-body p{line-height:1.58!important;margin:0 0 22px!important;}
.j4t-page .j4t-review-side .review-body strong{font-size:10.5px!important;}
.j4t-page .j4t-review-side .review-body small{font-size:9.5px!important;}
.j4t-page .blue-photo-band{display:none!important;}
.j4t-page .area-one{margin-top:26px!important;}
@media (max-width:1100px){
  .j4t-page .j4t-review-stage{padding:60px 0 125px!important;}
  .j4t-page .j4t-review-stage::before{top:305px!important;}
  .j4t-page .j4t-review-shell{width:88%!important;padding:32px 34px!important;grid-template-columns:1.38fr 1fr!important;}
  .j4t-page .j4t-map-box iframe,.j4t-page .j4t-review-side{height:280px!important;}
  .j4t-page .j4t-review-side .review-card{min-height:248px!important;}
}
@media (max-width:767px){
  .j4t-page .j4t-review-stage{padding:44px 0 92px!important;}
  .j4t-page .j4t-review-stage::before{top:auto!important;height:160px!important;bottom:0!important;}
  .j4t-page .j4t-review-shell{width:92%!important;padding:20px!important;grid-template-columns:1fr!important;gap:20px!important;}
  .j4t-page .j4t-map-box iframe{height:250px!important;}
  .j4t-page .j4t-review-side{height:auto!important;padding:0 0 8px!important;}
  .j4t-page .j4t-review-side .review-card{min-height:285px!important;}
  .j4t-page .area-one{margin-top:18px!important;}
}


/* ===== J4T pass 21B: exact proportions from supplied map reference ===== */
.j4t-page .j4t-review-stage{
  padding:52px 0 110px!important;
}
.j4t-page .j4t-review-stage::before{
  top:297px!important;
}
.j4t-page .j4t-review-shell{
  min-height:360px!important;
  padding:26px 40px!important;
  grid-template-columns:1.40fr 1fr!important;
  align-items:stretch!important;
}
.j4t-page .j4t-map-box{
  height:245px!important;
  align-self:end!important;
}
.j4t-page .j4t-map-box iframe{
  height:245px!important;
  min-height:245px!important;
}
.j4t-page .j4t-review-side{
  height:300px!important;
  min-height:300px!important;
  padding:0!important;
  align-self:center!important;
}
.j4t-page .j4t-review-side .review-card{
  height:300px!important;
  min-height:300px!important;
  padding:62px 24px 20px!important;
}
@media (max-width:1100px){
  .j4t-page .j4t-review-stage{padding:48px 0 96px!important;}
  .j4t-page .j4t-review-stage::before{top:275px!important;}
  .j4t-page .j4t-review-shell{min-height:335px!important;padding:24px 32px!important;}
  .j4t-page .j4t-map-box,.j4t-page .j4t-map-box iframe{height:225px!important;min-height:225px!important;}
  .j4t-page .j4t-review-side,.j4t-page .j4t-review-side .review-card{height:280px!important;min-height:280px!important;}
}
@media (max-width:767px){
  .j4t-page .j4t-review-stage{padding:42px 0 82px!important;}
  .j4t-page .j4t-review-stage::before{top:auto!important;height:145px!important;bottom:0!important;}
  .j4t-page .j4t-review-shell{min-height:0!important;padding:18px!important;}
  .j4t-page .j4t-map-box,.j4t-page .j4t-map-box iframe{height:235px!important;min-height:235px!important;}
  .j4t-page .j4t-review-side{height:auto!important;min-height:0!important;}
  .j4t-page .j4t-review-side .review-card{height:auto!important;min-height:285px!important;}
}


/* ===== J4T pass 22: reduce gap above map + restore map proportions ===== */

/* The big blank area was coming from BOTH the gallery bottom padding
   and the review section top padding. Keep only a modest breathing space. */
.j4t-page .gallery-section{
  padding-bottom:34px!important;
}
.j4t-page .j4t-review-stage{
  padding-top:18px!important;
  padding-bottom:106px!important;
}

/* Keep the map visually taller so it doesn't look flattened. */
.j4t-page .j4t-review-shell{
  min-height:390px!important;
  padding:28px 40px!important;
  grid-template-columns:1.40fr 1fr!important;
  align-items:end!important;
}

.j4t-page .j4t-map-box{
  height:290px!important;
  min-height:290px!important;
  align-self:end!important;
}
.j4t-page .j4t-map-box iframe{
  width:100%!important;
  height:290px!important;
  min-height:290px!important;
  display:block!important;
  border:0!important;
}

/* Keep the review panel a little taller than the map, as in the reference. */
.j4t-page .j4t-review-side{
  height:320px!important;
  min-height:320px!important;
  padding:0!important;
  align-self:end!important;
}
.j4t-page .j4t-review-side .review-card{
  height:320px!important;
  min-height:320px!important;
  padding:62px 24px 20px!important;
}

/* Blue photo background should start behind the lower portion of the card. */
.j4t-page .j4t-review-stage::before{
  top:260px!important;
}

/* Laptop */
@media (max-width:1100px){
  .j4t-page .gallery-section{
    padding-bottom:30px!important;
  }
  .j4t-page .j4t-review-stage{
    padding-top:16px!important;
    padding-bottom:92px!important;
  }
  .j4t-page .j4t-review-shell{
    min-height:360px!important;
    padding:24px 32px!important;
  }
  .j4t-page .j4t-map-box,
  .j4t-page .j4t-map-box iframe{
    height:270px!important;
    min-height:270px!important;
  }
  .j4t-page .j4t-review-side,
  .j4t-page .j4t-review-side .review-card{
    height:300px!important;
    min-height:300px!important;
  }
  .j4t-page .j4t-review-stage::before{
    top:240px!important;
  }
}

/* Mobile */
@media (max-width:767px){
  .j4t-page .gallery-section{
    padding-bottom:24px!important;
  }
  .j4t-page .j4t-review-stage{
    padding-top:12px!important;
    padding-bottom:74px!important;
  }
  .j4t-page .j4t-review-shell{
    min-height:0!important;
    padding:18px!important;
    align-items:stretch!important;
  }
  .j4t-page .j4t-map-box,
  .j4t-page .j4t-map-box iframe{
    height:260px!important;
    min-height:260px!important;
  }
  .j4t-page .j4t-review-side{
    height:auto!important;
    min-height:0!important;
  }
  .j4t-page .j4t-review-side .review-card{
    height:auto!important;
    min-height:285px!important;
  }
  .j4t-page .j4t-review-stage::before{
    top:auto!important;
    height:145px!important;
    bottom:0!important;
  }
}


/* ===== J4T pass 23: stronger + wider map/review section ===== */

/* Give the whole section more presence */
.j4t-page .j4t-review-stage{
  padding-top:22px!important;
  padding-bottom:118px!important;
}

/* Wider white card, stronger visual weight */
.j4t-page .j4t-review-shell{
  width:min(1280px,91%)!important;
  max-width:1280px!important;
  min-height:430px!important;
  margin:0 auto!important;
  padding:34px 46px!important;

  display:grid!important;
  grid-template-columns:minmax(0,1.48fr) minmax(360px,.92fr)!important;
  gap:30px!important;
  align-items:end!important;

  background:#fff!important;
  border-radius:8px!important;
  box-shadow:0 14px 34px rgba(28,42,82,.16)!important;
}

/* Map: wider and taller, no stretched look */
.j4t-page .j4t-map-box{
  width:100%!important;
  height:320px!important;
  min-height:320px!important;
  overflow:hidden!important;
  align-self:end!important;
}
.j4t-page .j4t-map-box iframe{
  width:100%!important;
  height:320px!important;
  min-height:320px!important;
  display:block!important;
  border:0!important;
}

/* Review: clearly separated from map */
.j4t-page .j4t-review-side{
  width:100%!important;
  height:340px!important;
  min-height:340px!important;
  padding:0!important;
  align-self:end!important;
}
.j4t-page .j4t-review-side .review-card{
  width:100%!important;
  height:340px!important;
  min-height:340px!important;
  padding:68px 28px 22px!important;
  border:2px solid var(--blue)!important;
  box-shadow:0 10px 0 var(--blue)!important;
}

/* Make review title/card feel stronger */
.j4t-page .j4t-review-side .review-title{
  font-size:16px!important;
  font-weight:700!important;
  padding:20px 14px!important;
}
.j4t-page .j4t-review-side .review-body{
  font-size:12px!important;
  line-height:1.58!important;
}

/* Blue image background begins behind the lower part of the white card */
.j4t-page .j4t-review-stage::before{
  top:292px!important;
}

/* Slightly tighter transition to next section */
.j4t-page .area-one{
  margin-top:20px!important;
}

/* Laptop */
@media (max-width:1200px){
  .j4t-page .j4t-review-shell{
    width:92%!important;
    min-height:400px!important;
    padding:30px 38px!important;
    grid-template-columns:minmax(0,1.42fr) minmax(320px,.95fr)!important;
    gap:24px!important;
  }
  .j4t-page .j4t-map-box,
  .j4t-page .j4t-map-box iframe{
    height:300px!important;
    min-height:300px!important;
  }
  .j4t-page .j4t-review-side,
  .j4t-page .j4t-review-side .review-card{
    height:320px!important;
    min-height:320px!important;
  }
  .j4t-page .j4t-review-stage::before{
    top:270px!important;
  }
}

/* Tablet */
@media (max-width:900px){
  .j4t-page .j4t-review-shell{
    width:93%!important;
    min-height:370px!important;
    padding:26px 28px!important;
    grid-template-columns:minmax(0,1.28fr) minmax(280px,1fr)!important;
    gap:20px!important;
  }
  .j4t-page .j4t-map-box,
  .j4t-page .j4t-map-box iframe{
    height:280px!important;
    min-height:280px!important;
  }
  .j4t-page .j4t-review-side,
  .j4t-page .j4t-review-side .review-card{
    height:300px!important;
    min-height:300px!important;
  }
  .j4t-page .j4t-review-stage::before{
    top:252px!important;
  }
}

/* Mobile: stacked, strong card */
@media (max-width:767px){
  .j4t-page .j4t-review-stage{
    padding-top:14px!important;
    padding-bottom:78px!important;
  }
  .j4t-page .j4t-review-shell{
    width:93%!important;
    min-height:0!important;
    padding:20px!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .j4t-page .j4t-map-box,
  .j4t-page .j4t-map-box iframe{
    height:265px!important;
    min-height:265px!important;
  }
  .j4t-page .j4t-review-side{
    height:auto!important;
    min-height:0!important;
  }
  .j4t-page .j4t-review-side .review-card{
    height:auto!important;
    min-height:300px!important;
  }
  .j4t-page .j4t-review-stage::before{
    top:auto!important;
    bottom:0!important;
    height:150px!important;
  }
}


/* ===== J4T pass 24: larger service-area typography + real location icons ===== */

/* Stronger heading */
.j4t-page .areas h2{
  font-size:28px!important;
  line-height:1.18!important;
  font-weight:700!important;
  margin-bottom:34px!important;
  letter-spacing:-.2px!important;
}
.j4t-page .areas h2 span{
  font-size:24px!important;
  font-weight:700!important;
}

/* Bigger, clearer location list */
.j4t-page .city-grid{
  max-width:980px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:100px!important;
  row-gap:22px!important;
  font-size:17px!important;
  line-height:1.35!important;
}

/* Each city row */
.j4t-page .city-grid > span{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  color:#fff!important;
  font-weight:500!important;
}

/* Proper map-pin icon */
.j4t-page .city-pin{
  width:14px!important;
  height:18px!important;
  flex:0 0 14px!important;
  color:#fff!important;
  display:block!important;
}
.j4t-page .city-name{
  display:inline!important;
  white-space:nowrap!important;
}

/* Laptop */
@media (max-width:1200px){
  .j4t-page .areas h2{
    font-size:25px!important;
  }
  .j4t-page .areas h2 span{
    font-size:21px!important;
  }
  .j4t-page .city-grid{
    max-width:900px!important;
    column-gap:70px!important;
    font-size:16px!important;
  }
}

/* Tablet */
@media (max-width:900px){
  .j4t-page .areas h2{
    font-size:23px!important;
  }
  .j4t-page .areas h2 span{
    font-size:19px!important;
  }
  .j4t-page .city-grid{
    max-width:720px!important;
    column-gap:36px!important;
    row-gap:18px!important;
    font-size:15px!important;
  }
}

/* Mobile */
@media (max-width:767px){
  .j4t-page .areas h2{
    font-size:22px!important;
    line-height:1.22!important;
    margin-bottom:28px!important;
  }
  .j4t-page .areas h2 span{
    font-size:18px!important;
  }
  .j4t-page .city-grid{
    grid-template-columns:1fr!important;
    max-width:360px!important;
    row-gap:15px!important;
    font-size:15px!important;
  }
  .j4t-page .city-pin{
    width:13px!important;
    height:17px!important;
    flex-basis:13px!important;
  }
}


/* ===== J4T pass 25: exact contact-section image ===== */
.j4t-page .contact-photo{
  overflow:hidden!important;
  background:#fff!important;
}
.j4t-page .contact-photo img{
  width:100%!important;
  height:100%!important;
  min-height:650px!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
@media (max-width:767px){
  .j4t-page .contact-photo img{
    height:340px!important;
    min-height:340px!important;
  }
}


/* ===== J4T pass 26: pricing + FAQ typography + footer polish ===== */

/* PRICING — slightly larger and easier to read */
.j4t-page .pricing .eyebrow{
  font-size:13px!important;
  letter-spacing:2px!important;
}
.j4t-page .pricing h2{
  font-size:32px!important;
  line-height:1.18!important;
  margin-bottom:24px!important;
}
.j4t-page .pricing p{
  font-size:14px!important;
  line-height:1.68!important;
  margin:14px 0!important;
}
.j4t-page .pricing p strong{
  font-size:14.5px!important;
}

/* FAQ — tune typography up without making it bulky */
.j4t-page .faq .eyebrow{
  font-size:12px!important;
  letter-spacing:1.5px!important;
}
.j4t-page .faq h2{
  font-size:32px!important;
  line-height:1.18!important;
  margin-bottom:18px!important;
}
.j4t-page .faq-copy>p{
  font-size:13.5px!important;
  line-height:1.55!important;
  margin-bottom:28px!important;
}
.j4t-page .faq-item button{
  font-size:13px!important;
  line-height:1.38!important;
  padding:15px 17px!important;
  font-weight:600!important;
}
.j4t-page .faq-item button span{
  font-size:18px!important;
}
.j4t-page .answer{
  font-size:11.5px!important;
  line-height:1.6!important;
  padding:0 17px 16px!important;
}

/* FOOTER — use real logo and make CTA button proper */
.j4t-page .footer-brand img{
  width:178px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  margin:0 0 18px!important;
  filter:none!important;
}
.j4t-page .footer-brand p,
.j4t-page .footer p{
  font-size:11px!important;
  line-height:1.6!important;
}
.j4t-page .footer-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:190px!important;
  min-height:42px!important;
  margin-top:14px!important;
  padding:12px 18px!important;
  background:#fff!important;
  color:var(--blue)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  border-radius:3px!important;
  font-family:"Rubik",sans-serif!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-align:center!important;
  letter-spacing:.25px!important;
  text-decoration:none!important;
  box-shadow:0 4px 12px rgba(0,0,0,.10)!important;
}
.j4t-page .footer-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.14)!important;
}

/* Make footer columns a touch more readable too */
.j4t-page .footer h3{
  font-size:13px!important;
}
.j4t-page .footer-grid>div>a{
  font-size:10.5px!important;
}

/* Responsive typography */
@media (max-width:900px){
  .j4t-page .pricing h2,
  .j4t-page .faq h2{
    font-size:28px!important;
  }
  .j4t-page .pricing p{
    font-size:13px!important;
  }
  .j4t-page .faq-item button{
    font-size:12.5px!important;
  }
}
@media (max-width:767px){
  .j4t-page .pricing h2,
  .j4t-page .faq h2{
    font-size:26px!important;
  }
  .j4t-page .pricing p,
  .j4t-page .faq-copy>p{
    font-size:13px!important;
  }
  .j4t-page .footer-brand img{
    width:160px!important;
  }
  .j4t-page .footer-btn{
    width:100%!important;
    max-width:260px!important;
  }
}


/* ===== J4T pass 27: footer typography + social icons ===== */

/* Bigger footer text */
.j4t-page .footer{
  font-size:13px!important;
}
.j4t-page .footer h3{
  font-size:16px!important;
  line-height:1.3!important;
  margin-bottom:22px!important;
}
.j4t-page .footer p{
  font-size:13px!important;
  line-height:1.7!important;
}
.j4t-page .footer-grid>div>a{
  font-size:13px!important;
  line-height:1.5!important;
  margin-bottom:12px!important;
}
.j4t-page .footer-brand p{
  font-size:13px!important;
  line-height:1.65!important;
}
.j4t-page .copyright{
  font-size:12px!important;
  line-height:1.5!important;
  padding:18px 15px!important;
}

/* Proper social buttons */
.j4t-page .footer-socials{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:16px!important;
}
.j4t-page .footer-socials a{
  width:34px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.45)!important;
  border-radius:50%!important;
  color:#fff!important;
  text-decoration:none!important;
  transition:transform .2s ease,background .2s ease,border-color .2s ease!important;
}
.j4t-page .footer-socials a:hover{
  transform:translateY(-2px)!important;
  background:rgba(255,255,255,.12)!important;
  border-color:#fff!important;
}
.j4t-page .footer-socials svg{
  width:14px!important;
  height:14px!important;
  display:block!important;
  fill:currentColor!important;
}

/* Footer CTA: keep readable and aligned */
.j4t-page .footer-btn{
  font-size:12px!important;
  min-width:220px!important;
  min-height:46px!important;
  padding:13px 22px!important;
}

/* Responsive */
@media (max-width:900px){
  .j4t-page .footer h3{font-size:15px!important;}
  .j4t-page .footer p,
  .j4t-page .footer-grid>div>a,
  .j4t-page .footer-brand p{font-size:12.5px!important;}
}
@media (max-width:767px){
  .j4t-page .footer h3{font-size:15px!important;}
  .j4t-page .footer p,
  .j4t-page .footer-grid>div>a,
  .j4t-page .footer-brand p{font-size:13px!important;}
  .j4t-page .footer-socials a{
    width:36px!important;
    height:36px!important;
  }
}


/* ===== J4T pass 28: full footer rebuild ===== */
.j4t-page .footer{
  background:#3f579f!important;
  color:#fff!important;
  padding:0!important;
  margin:0!important;
  font-family:"Rubik",Arial,sans-serif!important;
}

.j4t-page .footer .footer-grid{
  width:min(1440px,92%)!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:72px 0 58px!important;
  display:grid!important;
  grid-template-columns:1.15fr .75fr 1fr 1.18fr!important;
  gap:72px!important;
  align-items:start!important;
}

/* Brand */
.j4t-page .footer-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.j4t-page .footer-brand img{
  width:210px!important;
  height:112px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0 0 24px!important;
  filter:none!important;
  background:transparent!important;
}
.j4t-page .footer-brand .license-text{
  margin:0 0 24px!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.6!important;
  font-weight:400!important;
}
.j4t-page .footer-btn{
  width:100%!important;
  max-width:320px!important;
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:15px 22px!important;
  background:#fff!important;
  color:#36509a!important;
  border:0!important;
  border-radius:4px!important;
  box-shadow:none!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:.75px!important;
  text-decoration:none!important;
  text-align:center!important;
}
.j4t-page .footer-btn:hover{
  transform:translateY(-2px)!important;
  background:#f7f9ff!important;
}

/* Columns */
.j4t-page .footer-col{
  min-width:0!important;
}
.j4t-page .footer h3{
  margin:0 0 28px!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1.25!important;
  font-weight:700!important;
}
.j4t-page .footer-col>a{
  display:block!important;
  margin:0 0 16px!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:400!important;
  text-decoration:none!important;
}
.j4t-page .footer-col>a:hover,
.j4t-page .footer-contact-row a:hover{
  text-decoration:underline!important;
}

/* Work-hours rows */
.j4t-page .footer-contact{
  padding-left:2px!important;
}
.j4t-page .footer-contact-row{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
  margin:0 0 17px!important;
  color:#fff!important;
}
.j4t-page .footer-contact-row svg{
  width:20px!important;
  height:20px!important;
  display:block!important;
  color:#fff!important;
}
.j4t-page .footer-contact-row span,
.j4t-page .footer-contact-row a{
  color:#fff!important;
  font-size:15px!important;
  line-height:1.4!important;
  text-decoration:none!important;
}

/* Socials: simple clean white icons, no circles/borders */
.j4t-page .footer-socials{
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  margin-top:24px!important;
}
.j4t-page .footer-socials a{
  width:22px!important;
  height:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transition:opacity .2s ease,transform .2s ease!important;
}
.j4t-page .footer-socials a:hover{
  opacity:.82!important;
  transform:translateY(-2px)!important;
  background:transparent!important;
  border:0!important;
}
.j4t-page .footer-socials svg{
  width:20px!important;
  height:20px!important;
  display:block!important;
  color:#fff!important;
  fill:currentColor!important;
}
.j4t-page .footer-socials a[aria-label="Facebook"] svg{
  width:12px!important;
  height:20px!important;
}
.j4t-page .footer-socials a[aria-label="YouTube"] svg{
  width:22px!important;
  height:20px!important;
}

/* Copyright */
.j4t-page .copyright{
  border-top:1px solid rgba(255,255,255,.16)!important;
  color:#e9edff!important;
  text-align:center!important;
  padding:22px 15px!important;
  font-size:12px!important;
  line-height:1.45!important;
}

/* Laptop */
@media (max-width:1200px){
  .j4t-page .footer .footer-grid{
    width:90%!important;
    gap:45px!important;
    grid-template-columns:1.1fr .75fr 1fr 1.15fr!important;
  }
  .j4t-page .footer-brand img{
    width:185px!important;
  }
  .j4t-page .footer h3{
    font-size:17px!important;
  }
  .j4t-page .footer-col>a,
  .j4t-page .footer-contact-row span,
  .j4t-page .footer-contact-row a,
  .j4t-page .footer-brand .license-text{
    font-size:13.5px!important;
  }
}

/* Tablet */
@media (max-width:900px){
  .j4t-page .footer .footer-grid{
    grid-template-columns:1fr 1fr!important;
    gap:42px 54px!important;
    padding:58px 0 48px!important;
  }
  .j4t-page .footer-brand{
    grid-column:auto!important;
  }
  .j4t-page .footer-brand img{
    width:190px!important;
  }
}

/* Mobile */
@media (max-width:600px){
  .j4t-page .footer .footer-grid{
    width:90%!important;
    grid-template-columns:1fr!important;
    gap:38px!important;
    padding:48px 0 40px!important;
  }
  .j4t-page .footer-brand img{
    width:180px!important;
    height:95px!important;
  }
  .j4t-page .footer-btn{
    max-width:100%!important;
  }
  .j4t-page .footer h3{
    font-size:18px!important;
    margin-bottom:20px!important;
  }
  .j4t-page .footer-col>a,
  .j4t-page .footer-contact-row span,
  .j4t-page .footer-contact-row a,
  .j4t-page .footer-brand .license-text{
    font-size:14px!important;
  }
}


/* ===== J4T pass 29: footer social icons rendered cleanly ===== */
.j4t-page .footer-socials{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  margin-top:22px!important;
}
.j4t-page .footer-socials a{
  width:28px!important;
  height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  line-height:1!important;
  text-decoration:none!important;
  overflow:visible!important;
}
.j4t-page .footer-socials a:hover{
  color:#fff!important;
  background:transparent!important;
  transform:translateY(-2px)!important;
  opacity:.82!important;
}
.j4t-page .footer-socials .social-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  display:block!important;
  overflow:visible!important;
  color:#fff!important;
  fill:none!important;
}
.j4t-page .footer-socials .social-facebook{
  width:22px!important;
  height:24px!important;
  fill:#fff!important;
}
.j4t-page .footer-socials .social-youtube{
  width:26px!important;
  height:24px!important;
}
.j4t-page .footer-brand img{
  width:210px!important;
  height:auto!important;
  max-height:112px!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
}


/* ===== J4T pass 30: Experience icons matched to reference ===== */
.j4t-page .feature{
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.j4t-page .feature > .feature-icon{
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#3f56a0!important;
  color:#fff!important;
  border-radius:4px!important;
  font-size:0!important;
  line-height:0!important;
  padding:0!important;
}
.j4t-page .feature > .feature-icon svg{
  width:32px!important;
  height:32px!important;
  display:block!important;
  overflow:visible!important;
}
.j4t-page .feature h3{
  margin-top:2px!important;
}
@media (max-width:767px){
  .j4t-page .feature{
    grid-template-columns:56px minmax(0,1fr)!important;
    gap:15px!important;
  }
  .j4t-page .feature > .feature-icon{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
  }
  .j4t-page .feature > .feature-icon svg{
    width:29px!important;
    height:29px!important;
  }
}



/* ===== J4T Elementor live-site fix: contrast + hero typing ===== */

/* Elementor global heading/text colors were overriding inherited white text.
   Lock all dark/blue-section text to white. */
#j4t-body-widget-part1 .hero,
#j4t-body-widget-part1 .hero h1,
#j4t-body-widget-part1 .hero h1 span,
#j4t-body-widget-part1 .hero p,
#j4t-body-widget-part1 .hero a,
#j4t-body-widget-part1 .call-card,
#j4t-body-widget-part1 .call-card h2,
#j4t-body-widget-part1 .call-card h3,
#j4t-body-widget-part1 .call-card p,
#j4t-body-widget-part1 .call-card a,
#j4t-body-widget-part1 .areas,
#j4t-body-widget-part1 .areas h2,
#j4t-body-widget-part1 .areas h2 span,
#j4t-body-widget-part1 .areas .city-grid,
#j4t-body-widget-part1 .areas .city-grid span,
#j4t-body-widget-part1 .areas .city-name,
#j4t-body-widget-part1 .pricing,
#j4t-body-widget-part1 .pricing .eyebrow,
#j4t-body-widget-part1 .pricing h2,
#j4t-body-widget-part1 .pricing p,
#j4t-body-widget-part1 .pricing strong {
  color:#fff!important;
}

#j4t-body-widget-part1 .hero p{
  color:rgba(255,255,255,.96)!important;
}
#j4t-body-widget-part1 .pricing p{
  color:rgba(255,255,255,.96)!important;
}
#j4t-body-widget-part1 .pricing strong{
  color:#fff!important;
}
#j4t-body-widget-part1 .areas .city-pin{
  color:#fff!important;
}

/* Keep white-background sections crisp even if Elementor global colors are active. */
#j4t-body-widget-part1 .about-copy h2,
#j4t-body-widget-part1 .experience-copy h2,
#j4t-body-widget-part1 .feature h3,
#j4t-body-widget-part1 .center-title h2,
#j4t-body-widget-part1 .faq h2,
#j4t-body-widget-part1 .faq-item button{
  color:#111827!important;
}
#j4t-body-widget-part1 .about-copy p,
#j4t-body-widget-part1 .experience-copy p,
#j4t-body-widget-part1 .feature p,
#j4t-body-widget-part1 .center-title p,
#j4t-body-widget-part1 .faq-copy>p,
#j4t-body-widget-part1 .answer{
  color:#454b57!important;
}

/* Hero typing effect: only "Surrey, BC" */
#j4t-body-widget-part1 .hero-typing{
  display:inline-block!important;
  min-width:9.2ch;
  white-space:nowrap;
  color:#fff!important;
  position:relative;
}
#j4t-body-widget-part1 .hero-typing::after{
  content:"";
  display:inline-block;
  width:2px;
  height:.92em;
  margin-left:5px;
  vertical-align:-.05em;
  background:#fff;
  animation:j4tCaretBlink .75s steps(1,end) infinite;
}
@keyframes j4tCaretBlink{
  0%,48%{opacity:1}
  49%,100%{opacity:0}
}

/* Hero button must remain readable */
#j4t-body-widget-part1 .hero .btn,
#j4t-body-widget-part1 .hero .primary{
  color:#fff!important;
}



/* ===== J4T pass 31: desktop card gap + full responsive hardening ===== */

/* Desktop / large screens: make the two overlap cards clearly independent. */
#j4t-body-widget-part1 .cards-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1.50fr) minmax(340px,.84fr)!important;
  gap:42px!important;
  align-items:stretch!important;
  filter:none!important;
}
#j4t-body-widget-part1 .service-card,
#j4t-body-widget-part1 .call-card{
  min-width:0!important;
  border-radius:10px!important;
  box-shadow:0 14px 32px rgba(31,45,83,.15)!important;
  overflow:hidden!important;
}
#j4t-body-widget-part1 .service-card{
  border-bottom:5px solid var(--blue)!important;
}
#j4t-body-widget-part1 .call-card{
  align-self:stretch!important;
}

/* Keep all grids/items from forcing horizontal overflow. */
#j4t-body-widget-part1 .two-col,
#j4t-body-widget-part1 .about-grid,
#j4t-body-widget-part1 .experience-grid,
#j4t-body-widget-part1 .faq-grid,
#j4t-body-widget-part1 .contact-grid,
#j4t-body-widget-part1 .j4t-review-shell,
#j4t-body-widget-part1 .service-card,
#j4t-body-widget-part1 .service-list,
#j4t-body-widget-part1 .experience-copy,
#j4t-body-widget-part1 .about-copy{
  min-width:0!important;
}
#j4t-body-widget-part1 img,
#j4t-body-widget-part1 iframe,
#j4t-body-widget-part1 input,
#j4t-body-widget-part1 textarea,
#j4t-body-widget-part1 button{
  max-width:100%;
}

/* Laptop */
@media (max-width:1200px){
  #j4t-body-widget-part1 .wrap{width:90%!important;}
  #j4t-body-widget-part1 .hero{min-height:700px!important;padding-top:120px!important;}
  #j4t-body-widget-part1 .hero h1{font-size:clamp(42px,5vw,52px)!important;}
  #j4t-body-widget-part1 .cards-shell{
    grid-template-columns:minmax(0,1.42fr) minmax(320px,.90fr)!important;
    gap:30px!important;
  }
  #j4t-body-widget-part1 .service-card{padding:46px 34px 40px!important;}
  #j4t-body-widget-part1 .call-card{padding:54px 34px!important;}
  #j4t-body-widget-part1 .two-col{gap:52px!important;}
  #j4t-body-widget-part1 .about{padding-top:88px!important;padding-bottom:150px!important;}
}

/* Tablet: stack the big paired sections before they become cramped. */
@media (max-width:900px){
  #j4t-body-widget-part1 .wrap{width:90%!important;}
  #j4t-body-widget-part1 .section{padding:76px 0!important;}

  #j4t-body-widget-part1 .hero{
    min-height:620px!important;
    padding:96px 0 135px!important;
    align-items:flex-start!important;
  }
  #j4t-body-widget-part1 .hero-content{max-width:760px!important;}
  #j4t-body-widget-part1 .hero h1{
    font-size:clamp(36px,6vw,46px)!important;
    line-height:1.08!important;
  }
  #j4t-body-widget-part1 .hero p{font-size:15px!important;max-width:680px!important;}

  #j4t-body-widget-part1 .services-overlap{
    margin-top:-92px!important;
    padding-bottom:44px!important;
  }
  #j4t-body-widget-part1 .cards-shell{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  #j4t-body-widget-part1 .service-card{
    grid-template-columns:minmax(0,1fr) minmax(260px,.92fr)!important;
    min-height:0!important;
    padding:38px 34px!important;
  }
  #j4t-body-widget-part1 .call-card{
    min-height:280px!important;
    padding:40px 36px!important;
  }

  #j4t-body-widget-part1 .two-col,
  #j4t-body-widget-part1 .about-grid,
  #j4t-body-widget-part1 .faq-grid,
  #j4t-body-widget-part1 .contact-grid{
    grid-template-columns:1fr!important;
  }
  #j4t-body-widget-part1 .about{
    padding:72px 0 92px!important;
  }
  #j4t-body-widget-part1 .about-grid{gap:44px!important;}
  #j4t-body-widget-part1 .about-copy h2 br{display:none!important;}
  #j4t-body-widget-part1 .about-collage{
    width:min(620px,100%)!important;
    height:500px!important;
    margin:0 auto!important;
  }

  #j4t-body-widget-part1 .experience{
    padding:72px 0 78px!important;
  }
  #j4t-body-widget-part1 .experience-grid{
    grid-template-columns:1fr!important;
    gap:44px!important;
    width:90%!important;
  }
  #j4t-body-widget-part1 .experience-collage{
    width:min(520px,100%)!important;
    max-width:520px!important;
    margin:0 auto!important;
  }
  #j4t-body-widget-part1 .experience-copy{
    max-width:620px!important;
    margin:0 auto!important;
    width:100%!important;
  }
  #j4t-body-widget-part1 .experience-copy h2 br{display:none!important;}

  #j4t-body-widget-part1 .gallery-section{padding-top:76px!important;padding-bottom:28px!important;}

  #j4t-body-widget-part1 .j4t-review-stage{padding-top:16px!important;padding-bottom:82px!important;}
  #j4t-body-widget-part1 .j4t-review-shell{
    width:90%!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
    min-height:0!important;
    padding:26px!important;
    align-items:stretch!important;
  }
  #j4t-body-widget-part1 .j4t-map-box,
  #j4t-body-widget-part1 .j4t-map-box iframe{
    height:320px!important;
    min-height:320px!important;
  }
  #j4t-body-widget-part1 .j4t-review-side{
    height:auto!important;
    min-height:0!important;
  }
  #j4t-body-widget-part1 .j4t-review-side .review-card{
    height:auto!important;
    min-height:300px!important;
  }
  #j4t-body-widget-part1 .j4t-review-stage::before{
    top:auto!important;
    bottom:0!important;
    height:175px!important;
  }

  #j4t-body-widget-part1 .areas{padding:62px 0!important;min-height:0!important;}
  #j4t-body-widget-part1 .city-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:650px!important;
    column-gap:40px!important;
    row-gap:17px!important;
  }

  #j4t-body-widget-part1 .contact-grid{max-width:760px!important;}
  #j4t-body-widget-part1 .contact-photo img{
    height:420px!important;
    min-height:420px!important;
  }
  #j4t-body-widget-part1 .estimate-form{padding:32px!important;}

  #j4t-body-widget-part1 .faq-grid{gap:40px!important;}
  #j4t-body-widget-part1 .faq-photo{height:420px!important;}
  #j4t-body-widget-part1 .faq-photo img{height:420px!important;}
}

/* Phone */
@media (max-width:767px){
  #j4t-body-widget-part1 .wrap{width:90%!important;}

  #j4t-body-widget-part1 .hero{
    min-height:560px!important;
    padding:82px 0 118px!important;
    background-position:center!important;
  }
  #j4t-body-widget-part1 .hero h1{
    font-size:clamp(31px,9vw,38px)!important;
    line-height:1.1!important;
    margin-bottom:20px!important;
  }
  #j4t-body-widget-part1 .hero h1 br{display:none!important;}
  #j4t-body-widget-part1 .hero p{
    font-size:14px!important;
    line-height:1.6!important;
    margin-bottom:28px!important;
  }
  #j4t-body-widget-part1 .hero .btn{
    width:100%!important;
    max-width:320px!important;
    padding:16px 20px!important;
  }
  #j4t-body-widget-part1 .hero-typing{min-width:0!important;}

  #j4t-body-widget-part1 .services-overlap{
    margin-top:-72px!important;
    padding-bottom:34px!important;
  }
  #j4t-body-widget-part1 .cards-shell{gap:18px!important;}
  #j4t-body-widget-part1 .service-card,
  #j4t-body-widget-part1 .call-card{
    border-radius:9px!important;
  }
  #j4t-body-widget-part1 .service-card{
    grid-template-columns:1fr!important;
    padding:30px 24px!important;
  }
  #j4t-body-widget-part1 .service-copy h2{
    font-size:22px!important;
    line-height:1.28!important;
  }
  #j4t-body-widget-part1 .service-copy h2 br{display:none!important;}
  #j4t-body-widget-part1 .service-copy h3{
    font-size:14px!important;
    margin-bottom:24px!important;
  }
  #j4t-body-widget-part1 .service-list{
    margin-top:26px!important;
    gap:12px!important;
  }
  #j4t-body-widget-part1 .service-list a{
    grid-template-columns:70px minmax(0,1fr)!important;
    gap:14px!important;
    font-size:13px!important;
  }
  #j4t-body-widget-part1 .service-list img{
    width:70px!important;
    height:52px!important;
  }
  #j4t-body-widget-part1 .call-card{
    min-height:0!important;
    padding:32px 24px!important;
  }
  #j4t-body-widget-part1 .call-card h3{font-size:23px!important;}
  #j4t-body-widget-part1 .call-card p{font-size:14px!important;}
  #j4t-body-widget-part1 .phone-row{
    font-size:16px!important;
    flex-wrap:wrap!important;
  }

  #j4t-body-widget-part1 .section{padding:64px 0!important;}
  #j4t-body-widget-part1 .about{padding:60px 0 76px!important;}
  #j4t-body-widget-part1 .about-copy h2,
  #j4t-body-widget-part1 .experience-copy h2,
  #j4t-body-widget-part1 .faq h2,
  #j4t-body-widget-part1 .pricing h2{
    font-size:27px!important;
  }
  #j4t-body-widget-part1 .about-lower{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  #j4t-body-widget-part1 .about-small{
    width:100%!important;
    height:220px!important;
  }
  #j4t-body-widget-part1 .about-collage{
    height:360px!important;
  }
  #j4t-body-widget-part1 .about-collage .orange-block{
    left:10%!important;
    top:38px!important;
    width:34%!important;
    height:180px!important;
  }
  #j4t-body-widget-part1 .about-collage .collage-side{
    width:58%!important;
    height:250px!important;
  }
  #j4t-body-widget-part1 .about-collage .collage-main{
    width:62%!important;
    height:230px!important;
  }
  #j4t-body-widget-part1 .support-badge{
    right:2%!important;
    bottom:34px!important;
  }

  #j4t-body-widget-part1 .experience-left-bg{
    width:22%!important;
    height:405px!important;
  }
  #j4t-body-widget-part1 .experience-collage{
    height:390px!important;
    min-height:390px!important;
  }
  #j4t-body-widget-part1 .feature{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:14px!important;
  }
  #j4t-body-widget-part1 .feature > .feature-icon{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
  }

  #j4t-body-widget-part1 .center-title h2{font-size:25px!important;line-height:1.25!important;}
  #j4t-body-widget-part1 .center-title p{font-size:13px!important;}
  #j4t-body-widget-part1 .gallery-slider{margin-top:32px!important;}
  #j4t-body-widget-part1 .gallery-track img{
    height:260px!important;
    min-height:260px!important;
  }

  #j4t-body-widget-part1 .j4t-review-shell{
    width:90%!important;
    padding:18px!important;
    gap:18px!important;
  }
  #j4t-body-widget-part1 .j4t-map-box,
  #j4t-body-widget-part1 .j4t-map-box iframe{
    height:255px!important;
    min-height:255px!important;
  }

  #j4t-body-widget-part1 .areas h2{
    font-size:22px!important;
    line-height:1.28!important;
  }
  #j4t-body-widget-part1 .areas h2 span{font-size:18px!important;}
  #j4t-body-widget-part1 .city-grid{
    grid-template-columns:1fr!important;
    max-width:360px!important;
    row-gap:14px!important;
    font-size:15px!important;
  }
  #j4t-body-widget-part1 .area-two{margin-top:28px!important;}

  #j4t-body-widget-part1 .contact-section{padding-bottom:62px!important;}
  #j4t-body-widget-part1 .contact-photo img{
    height:300px!important;
    min-height:300px!important;
  }
  #j4t-body-widget-part1 .estimate-form{
    padding:24px 20px!important;
    gap:13px!important;
  }
  #j4t-body-widget-part1 .estimate-form input,
  #j4t-body-widget-part1 .estimate-form textarea{
    font-size:16px!important; /* prevent iOS zoom */
  }
  #j4t-body-widget-part1 .form-btn{
    width:100%!important;
    max-width:none!important;
  }

  #j4t-body-widget-part1 .pricing{padding:62px 0!important;}
  #j4t-body-widget-part1 .pricing p{font-size:13px!important;}

  #j4t-body-widget-part1 .faq{padding:64px 0!important;}
  #j4t-body-widget-part1 .faq-grid{gap:30px!important;}
  #j4t-body-widget-part1 .faq-item button{
    padding:14px 14px!important;
    font-size:12.5px!important;
    gap:12px!important;
  }
  #j4t-body-widget-part1 .faq-photo,
  #j4t-body-widget-part1 .faq-photo img{
    height:300px!important;
  }
}

/* Small phone */
@media (max-width:480px){
  #j4t-body-widget-part1 .wrap{width:92%!important;}
  #j4t-body-widget-part1 .hero{min-height:540px!important;padding-top:72px!important;}
  #j4t-body-widget-part1 .hero h1{font-size:30px!important;}
  #j4t-body-widget-part1 .service-card{padding:26px 20px!important;}
  #j4t-body-widget-part1 .service-list a{
    grid-template-columns:62px minmax(0,1fr)!important;
    gap:12px!important;
  }
  #j4t-body-widget-part1 .service-list img{width:62px!important;height:48px!important;}
  #j4t-body-widget-part1 .call-card{padding:28px 20px!important;}
  #j4t-body-widget-part1 .phone-row{font-size:15px!important;}
  #j4t-body-widget-part1 .round-icon{width:40px!important;height:40px!important;}

  #j4t-body-widget-part1 .about-collage{height:325px!important;}
  #j4t-body-widget-part1 .about-collage .collage-side{height:220px!important;}
  #j4t-body-widget-part1 .about-collage .collage-main{height:205px!important;}
  #j4t-body-widget-part1 .support-badge{width:112px!important;height:76px!important;}

  #j4t-body-widget-part1 .experience-collage{height:350px!important;min-height:350px!important;}
  #j4t-body-widget-part1 .experience-collage .exp-orange{height:245px!important;}
  #j4t-body-widget-part1 .experience-collage .exp-main{height:265px!important;}
  #j4t-body-widget-part1 .experience-collage .exp-front{height:225px!important;}

  #j4t-body-widget-part1 .gallery-track img{height:230px!important;min-height:230px!important;}
  #j4t-body-widget-part1 .slider-arrow{width:32px!important;height:42px!important;}

  #j4t-body-widget-part1 .j4t-review-shell{width:92%!important;padding:14px!important;}
  #j4t-body-widget-part1 .j4t-map-box,
  #j4t-body-widget-part1 .j4t-map-box iframe{height:230px!important;min-height:230px!important;}
  #j4t-body-widget-part1 .j4t-review-side .review-card{min-height:315px!important;padding:66px 20px 22px!important;}

  #j4t-body-widget-part1 .contact-photo img{height:260px!important;min-height:260px!important;}
  #j4t-body-widget-part1 .faq-photo,
  #j4t-body-widget-part1 .faq-photo img{height:260px!important;}
}



/* ===== J4T pass 32: larger map review typography ===== */
#j4t-body-widget-part1 .j4t-review-side .review-title{
  font-size:18px!important;
  line-height:1.3!important;
}
#j4t-body-widget-part1 .j4t-review-side .review-body{
  font-size:15px!important;
  line-height:1.65!important;
}
#j4t-body-widget-part1 .j4t-review-side .review-body p{
  font-size:15px!important;
  line-height:1.65!important;
  margin-bottom:24px!important;
}
#j4t-body-widget-part1 .j4t-review-side .review-body strong{
  font-size:13.5px!important;
  line-height:1.4!important;
}
#j4t-body-widget-part1 .j4t-review-side .review-body small{
  font-size:12.5px!important;
  line-height:1.4!important;
  margin-top:3px!important;
}
@media (max-width:767px){
  #j4t-body-widget-part1 .j4t-review-side .review-title{font-size:17px!important;}
  #j4t-body-widget-part1 .j4t-review-side .review-body,
  #j4t-body-widget-part1 .j4t-review-side .review-body p{font-size:14.5px!important;}
  #j4t-body-widget-part1 .j4t-review-side .review-body strong{font-size:13px!important;}
  #j4t-body-widget-part1 .j4t-review-side .review-body small{font-size:12px!important;}
}



/* ===== J4T pass 33: service list cleanup + stronger mobile readability ===== */
/* Affordable Junk Removal: remove the problematic split thumbnail completely. */
#j4t-body-widget-part1 .service-list a.service-no-thumb{
  grid-template-columns:1fr!important;
  min-height:48px!important;
}
#j4t-body-widget-part1 .service-list a.service-no-thumb span{
  display:block!important;
}

/* Phone: make the services large enough to read and tap comfortably. */
@media (max-width:767px){
  #j4t-body-widget-part1 .service-list{
    margin-top:30px!important;
    gap:14px!important;
  }
  #j4t-body-widget-part1 .service-list a{
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:18px!important;
    min-height:80px!important;
    padding:7px 0!important;
    font-size:16px!important;
    line-height:1.32!important;
    font-weight:700!important;
  }
  #j4t-body-widget-part1 .service-list a span{
    font-size:16px!important;
    line-height:1.32!important;
  }
  #j4t-body-widget-part1 .service-list img{
    width:104px!important;
    height:76px!important;
    border-radius:4px!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  #j4t-body-widget-part1 .service-list a.service-no-thumb{
    grid-template-columns:1fr!important;
    min-height:56px!important;
    padding:11px 0!important;
    border-bottom:1px solid rgba(53,86,163,.14)!important;
  }
}

@media (max-width:480px){
  #j4t-body-widget-part1 .service-list a{
    grid-template-columns:98px minmax(0,1fr)!important;
    gap:16px!important;
    font-size:15.5px!important;
  }
  #j4t-body-widget-part1 .service-list a span{
    font-size:15.5px!important;
  }
  #j4t-body-widget-part1 .service-list img{
    width:98px!important;
    height:72px!important;
  }
  #j4t-body-widget-part1 .service-list a.service-no-thumb{
    grid-template-columns:1fr!important;
  }
}


/* ===== J4T pass 34: FAQ image natural aspect ratio / no mobile stretching ===== */
/* Keep the FAQ image proportional on every screen. */
#j4t-body-widget-part1 .faq-photo{
  overflow:hidden!important;
}
#j4t-body-widget-part1 .faq-photo img{
  width:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}

/* Mobile: do not force a fixed image height. Let the original image ratio decide the height. */
@media (max-width:767px){
  #j4t-body-widget-part1 .faq-photo{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
  }
  #j4t-body-widget-part1 .faq-photo img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

@media (max-width:480px){
  #j4t-body-widget-part1 .faq-photo,
  #j4t-body-widget-part1 .faq-photo img{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}


/* ===== J4T pass 35: slightly larger service items on desktop ===== */
@media (min-width:901px){
  #j4t-body-widget-part1 .service-list{
    gap:16px!important;
  }
  #j4t-body-widget-part1 .service-list a{
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:18px!important;
    min-height:62px!important;
    font-size:14.5px!important;
    line-height:1.3!important;
    font-weight:600!important;
  }
  #j4t-body-widget-part1 .service-list a span{
    font-size:14.5px!important;
    line-height:1.3!important;
  }
  #j4t-body-widget-part1 .service-list img{
    width:82px!important;
    height:62px!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:4px!important;
  }
}

/* Slightly tighter sizing on smaller laptops so the card stays balanced. */
@media (min-width:901px) and (max-width:1200px){
  #j4t-body-widget-part1 .service-list a{
    grid-template-columns:76px minmax(0,1fr)!important;
    gap:16px!important;
    font-size:14px!important;
  }
  #j4t-body-widget-part1 .service-list a span{
    font-size:14px!important;
  }
  #j4t-body-widget-part1 .service-list img{
    width:76px!important;
    height:58px!important;
  }
}




/* ===== J4T hero title case ===== */
#j4t-body-widget-part1 .hero h1,
#j4t-body-widget-part1 .hero-typing{
  text-transform:capitalize!important;
}

/* ===== J4T pass 36: mobile full-height Contact + FAQ images only ===== */
@media (max-width:767px){
  /* Contact image: show the complete image at its natural aspect ratio. */
  #j4t-body-widget-part1 .contact-photo{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  #j4t-body-widget-part1 .contact-photo img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
  }

  /* FAQ image: also show the complete image without cropping/stretching. */
  #j4t-body-widget-part1 .faq-photo{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #j4t-body-widget-part1 .faq-photo img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
  }
}

@media (max-width:480px){
  #j4t-body-widget-part1 .contact-photo,
  #j4t-body-widget-part1 .contact-photo img,
  #j4t-body-widget-part1 .faq-photo,
  #j4t-body-widget-part1 .faq-photo img{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}


/* ===== J4T pass 33: slightly larger map + customer review on mobile ===== */
@media (max-width:767px){
  #j4t-body-widget-part1 .j4t-review-shell{
    width:94%!important;
    padding:20px!important;
    gap:20px!important;
  }

  #j4t-body-widget-part1 .j4t-map-box,
  #j4t-body-widget-part1 .j4t-map-box iframe{
    height:285px!important;
    min-height:285px!important;
  }

  #j4t-body-widget-part1 .j4t-review-side .review-card{
    min-height:335px!important;
    padding:70px 22px 26px!important;
  }

  #j4t-body-widget-part1 .j4t-review-side .review-title{
    font-size:18px!important;
    line-height:1.3!important;
    padding:20px 14px!important;
  }

  #j4t-body-widget-part1 .j4t-review-side .review-body,
  #j4t-body-widget-part1 .j4t-review-side .review-body p{
    font-size:15px!important;
    line-height:1.68!important;
  }

  #j4t-body-widget-part1 .j4t-review-side .review-body strong{
    font-size:13.5px!important;
  }

  #j4t-body-widget-part1 .j4t-review-side .review-body small{
    font-size:12.5px!important;
  }
}

@media (max-width:480px){
  #j4t-body-widget-part1 .j4t-review-shell{
    width:94%!important;
    padding:16px!important;
  }

  #j4t-body-widget-part1 .j4t-map-box,
  #j4t-body-widget-part1 .j4t-map-box iframe{
    height:260px!important;
    min-height:260px!important;
  }

  #j4t-body-widget-part1 .j4t-review-side .review-card{
    min-height:330px!important;
    padding:70px 20px 24px!important;
  }
}



/* ===== J4T pass 37: Transform slider new images + full-image display ===== */
#j4t-body-widget-part1 .gallery-slider{
  max-width:1180px!important;
  width:100%!important;
}
#j4t-body-widget-part1 .gallery-viewport{
  background:#f5f6f8!important;
  overflow:hidden!important;
}
#j4t-body-widget-part1 .gallery-track{
  display:flex!important;
  align-items:stretch!important;
  transition:transform .55s cubic-bezier(.22,.61,.36,1)!important;
}
#j4t-body-widget-part1 .gallery-track img{
  flex:0 0 33.333333%!important;
  width:33.333333%!important;
  height:520px!important;
  min-height:520px!important;
  padding:0 5px!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#f5f6f8!important;
  display:block!important;
}
@media (max-width:1200px){
  #j4t-body-widget-part1 .gallery-track img{
    height:460px!important;
    min-height:460px!important;
  }
}
@media (max-width:900px){
  #j4t-body-widget-part1 .gallery-track img{
    height:420px!important;
    min-height:420px!important;
  }
}
@media (max-width:767px){
  #j4t-body-widget-part1 .gallery-track img{
    flex:0 0 100%!important;
    width:100%!important;
    height:390px!important;
    min-height:390px!important;
    padding:0!important;
  }
}
@media (max-width:480px){
  #j4t-body-widget-part1 .gallery-track img{
    height:350px!important;
    min-height:350px!important;
  }
}



/* ===== J4T pass 37: reduce oversized gap below About section ===== */
@media (min-width:901px){
  #j4t-body-widget-part1 .about{
    padding-bottom:85px!important;
  }
}



/* ===== J4T pass 38: small breathing gap above contact section ===== */
#j4t-body-widget-part1 .contact-section{
  padding-top:28px!important;
}
@media (max-width:900px){
  #j4t-body-widget-part1 .contact-section{
    padding-top:22px!important;
  }
}
@media (max-width:767px){
  #j4t-body-widget-part1 .contact-section{
    padding-top:18px!important;
  }
}


/* ===== J4T pass 39: larger customer-review text on desktop + mobile ===== */
#j4t-body-widget-part1 .j4t-review-side .review-title{
  font-size:20px!important;
  line-height:1.3!important;
}
#j4t-body-widget-part1 .j4t-review-side .review-body,
#j4t-body-widget-part1 .j4t-review-side .review-body p{
  font-size:17px!important;
  line-height:1.75!important;
}
#j4t-body-widget-part1 .j4t-review-side .review-body p{
  margin-bottom:24px!important;
}
#j4t-body-widget-part1 .j4t-review-side .review-body strong{
  font-size:15px!important;
  line-height:1.4!important;
}
#j4t-body-widget-part1 .j4t-review-side .review-body small{
  font-size:14px!important;
  line-height:1.45!important;
  margin-top:4px!important;
}

@media (max-width:767px){
  #j4t-body-widget-part1 .j4t-review-side .review-title{
    font-size:19px!important;
  }
  #j4t-body-widget-part1 .j4t-review-side .review-body,
  #j4t-body-widget-part1 .j4t-review-side .review-body p{
    font-size:16px!important;
    line-height:1.72!important;
  }
  #j4t-body-widget-part1 .j4t-review-side .review-body strong{
    font-size:14.5px!important;
  }
  #j4t-body-widget-part1 .j4t-review-side .review-body small{
    font-size:13.5px!important;
  }
}

/* ===== Dynamic Elementor content overrides ===== */
#j4t-body-widget-part1{
  --j4t-hero-bg:url("https://j4tjunkremoval.com/wp-content/uploads/2026/09/homepage-banner-image-1.jpeg");
  --j4t-area-bg:url("https://j4tjunkremoval.com/wp-content/uploads/2026/05/homepage-banner-image.jpeg");
  --j4t-review-bg:url("https://j4tjunkremoval.com/wp-content/uploads/2026/09/homepage-banner-image-1.jpeg");
}
#j4t-body-widget-part1 .hero{
  background:
    linear-gradient(rgba(48,76,145,.62),rgba(48,76,145,.62)),
    var(--j4t-hero-bg) center center/cover no-repeat !important;
}
#j4t-body-widget-part1 .areas{
  background:var(--j4t-area-bg) center/cover no-repeat !important;
}
#j4t-body-widget-part1 .j4t-review-stage::before{
  background:
    linear-gradient(rgba(45,75,151,.84),rgba(45,75,151,.84)),
    var(--j4t-review-bg) center 64%/cover no-repeat !important;
}
/* Original reference CSS used content:url() on these images. Reset it so Elementor image controls work. */
#j4t-body-widget-part1 .about-collage .collage-main,
#j4t-body-widget-part1 .about-collage .collage-side,
#j4t-body-widget-part1 .experience-collage .exp-main,
#j4t-body-widget-part1 .experience-collage .exp-front{
  content:normal !important;
}


/* ===== v1.1.9: Match the space above and below the hero contents. =====
   Use the existing TOP spacing as reference: equal vertical padding gives the
   hero title and CTA matching breathing room. No extra fixed height/blank gap. */
#j4t-body-widget-part1 .hero {
  min-height: 0 !important;
  height: auto !important;
  padding: 115px 0 !important;
}
@media (max-width: 1200px) {
  #j4t-body-widget-part1 .hero {
    padding: 95px 0 !important;
  }
}
@media (max-width: 900px) {
  #j4t-body-widget-part1 .hero {
    padding: 82px 0 !important;
  }
}
@media (max-width: 767px) {
  #j4t-body-widget-part1 .hero {
    padding: 72px 0 !important;
  }
}
@media (max-width: 480px) {
  #j4t-body-widget-part1 .hero {
    padding: 62px 0 !important;
  }
}