/* =====================================================================
   Jyoti Pest Control – Theme refresh (Step 5)
   Purane theme (style.css) ke upar load hota hai. Yahan:
   - brand palette (parrot green ka deep shade + soft tints)
   - glassmorphism cards / boxes
   - ek jaisi section spacing (desktop / tablet / mobile)
   - subtle motion (SEO-safe: bina JS ke sab content visible)
   ===================================================================== */

:root{
  --brand-800:#24561b;
  --brand-700:#2e6b22;
  --brand-600:#357f25;   /* primary – white text ke saath AA contrast */
  --brand-500:#4a9a30;
  --brand-400:#6db548;
  --brand-300:#a6d68a;
  --tint:#eef7e8;
  --tint-2:#f5faf1;
  --tint-3:#d9ecce;
  --ink:#12261b;
  --text:#4a5a50;
  --muted:#6b7a70;
  --line:rgba(18,38,27,.08);

  --grad:linear-gradient(135deg,#2e6b22 0%,#3f8f2a 55%,#5aa83a 100%);
  --grad-soft:linear-gradient(135deg,rgba(53,127,37,.10),rgba(166,214,138,.18));

  --glass-bg:rgba(255,255,255,.62);
  --glass-bg-strong:rgba(255,255,255,.78);
  --glass-border:rgba(255,255,255,.75);
  --glass-shadow:0 10px 30px -12px rgba(18,38,27,.18),0 2px 6px rgba(18,38,27,.05);
  --glass-shadow-hover:0 22px 44px -18px rgba(18,38,27,.28),0 4px 10px rgba(18,38,27,.06);
  --blur:blur(16px) saturate(150%);

  --radius:18px;
  --radius-sm:12px;
  --space:96px;           /* section vertical spacing */
  --space-sm:56px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
@media (max-width:991px){:root{--space:72px;--space-sm:44px}}
@media (max-width:575px){:root{--space:56px;--space-sm:36px;--radius:16px}}

/* ---------- Base & typography ---------- */
html{scroll-behavior:smooth}
body{
  font-family:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;
  color:var(--text);
  font-size:15.5px;line-height:1.7;
  background:
    radial-gradient(900px 600px at 8% -10%,rgba(166,214,138,.28),transparent 60%),
    radial-gradient(800px 600px at 105% 20%,rgba(74,154,48,.12),transparent 60%),
    radial-gradient(700px 500px at 50% 110%,rgba(166,214,138,.20),transparent 60%),
    #f7faf5;
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5{font-family:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;color:var(--ink);letter-spacing:-.015em;font-weight:700}
p{color:var(--text)}
a{color:var(--brand-600);transition:color .2s var(--ease)}
a:hover{color:var(--brand-800)}
::selection{background:var(--brand-300);color:var(--ink)}
:focus-visible{outline:3px solid var(--brand-400);outline-offset:2px;border-radius:6px}
[lang="hi"]{font-family:"Noto Sans Devanagari","Nirmala UI","Mangal",sans-serif}

/* ---------- Consistent section spacing ---------- */
.section-ptb,.p100{padding-top:var(--space) !important;padding-bottom:var(--space) !important}
.section-pt,.section-pt-90{padding-top:var(--space) !important}
.section-pb,.section-pb-90{padding-bottom:var(--space) !important}
.section-pt-30{padding-top:var(--space-sm) !important}
.bg-gray{background:linear-gradient(180deg,rgba(238,247,232,.55),rgba(238,247,232,.25)) !important}
.mt-30{margin-top:24px}
.section-title{margin-bottom:44px}
.section-title h2,.jpc-page h2{font-size:clamp(26px,3.2vw,38px);line-height:1.2}
.section-title p{max-width:680px;margin:12px auto 0;font-size:16px}
.section-title.text-center h2:after,.section-title h2:after{display:none}
.section-title.title-2 h2{margin-bottom:18px}
.container{max-width:1200px}

/* ---------- Header: sticky glass ---------- */
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.72);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--line);transition:box-shadow .3s var(--ease),background .3s var(--ease)}
.header.is-scrolled{background:rgba(255,255,255,.88);box-shadow:0 8px 24px -14px rgba(18,38,27,.25)}
.header .logo img{max-height:64px;width:auto;transition:max-height .3s var(--ease)}
.header.is-scrolled .logo img{max-height:52px}
.main-menu > ul > li > a{padding:28px 0;color:var(--ink);font-weight:600;font-size:14px;letter-spacing:.02em;position:relative}
.header.is-scrolled .main-menu > ul > li > a{padding:22px 0}
.main-menu > ul > li > a:before{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;border-radius:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.header.is-scrolled .main-menu > ul > li > a:before{bottom:14px}
.main-menu > ul > li:hover > a{color:var(--brand-700)}
.main-menu > ul > li:hover > a:before{transform:scaleX(1)}
.sub-menu{background:var(--glass-bg-strong) !important;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-bottom:0 !important;border-radius:var(--radius-sm);box-shadow:var(--glass-shadow-hover) !important;padding:10px 0 !important;width:260px !important}
.sub-menu li > a{color:var(--ink) !important;font-weight:500 !important;font-size:14px;padding:8px 20px !important;border-radius:8px;margin:0 8px;transition:background .2s,color .2s,padding .2s}
.sub-menu li > a:hover{background:var(--tint);color:var(--brand-700) !important;padding-left:24px !important}
.clickable-mainmenu{background:rgba(255,255,255,.92) !important;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}
.clickable-menu a i{color:var(--ink)}

/* ---------- Buttons ---------- */
.btn,input[type=submit],button.submit-btn,.default-btn{
  background:var(--grad) !important;border:0 !important;color:#fff !important;
  border-radius:999px !important;padding:12px 28px !important;font-weight:600 !important;
  letter-spacing:.03em;box-shadow:0 10px 22px -10px rgba(46,107,34,.65);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),filter .25s;
}
.btn:hover,input[type=submit]:hover,button.submit-btn:hover,.default-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px -12px rgba(46,107,34,.7);filter:brightness(1.05);color:#fff !important}
.btn:active{transform:translateY(0)}
.readmore_btn{color:var(--brand-700) !important;font-weight:700;letter-spacing:.04em}
.readmore_btn:hover{color:var(--brand-800) !important}
.jpc-btn-wa{background:linear-gradient(135deg,#128c4a,#1faa52) !important}

/* ---------- Forms ---------- */
input[type=text],input[type=email],input[type=tel],input[type=number],textarea,select{
  border:1px solid var(--tint-3) !important;border-radius:var(--radius-sm) !important;
  background:rgba(255,255,255,.85) !important;color:var(--ink);
  transition:border-color .2s,box-shadow .2s;
}
input:focus,textarea:focus,select:focus{border-color:var(--brand-500) !important;box-shadow:0 0 0 4px rgba(74,154,48,.15) !important;outline:none}

/* ---------- Glass surfaces (cards / boxes) ---------- */
.glass,
.jpc-box,.jpc-card,.jpc-loc-card,.jpc-faq details,.jpc-sm-group,.jpc-cta,
.contact_form_container,.form_wrapper.form-style-1,.contact-info-wrapper,
.testimonial-style-3,.cleaning-service,.medical-service,.team.team-8 .thumb{
  background:var(--glass-bg) !important;
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--glass-border) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--glass-shadow) !important;
}
.jpc-card,.jpc-loc-card,.cleaning-service,.testimonial-style-3,.team.team-8 .thumb,.medical-service{transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.jpc-card:hover,.jpc-loc-card:hover,.cleaning-service:hover,.testimonial-style-3:hover,.team.team-8 .thumb:hover,.medical-service:hover{transform:translateY(-6px);box-shadow:var(--glass-shadow-hover) !important}
.jpc-card,.cleaning-service,.team.team-8 .thumb{overflow:hidden}
.jpc-card img,.cleaning-service .thumb img,.team.team-8 .thumb img{transition:transform .6s var(--ease)}
.jpc-card:hover img,.cleaning-service:hover .thumb img,.team.team-8 .thumb:hover img{transform:scale(1.05)}

/* Home highlights row – glass tiles with gaps */
.section-service .container-fluid.plr_-0{max-width:1200px;margin:48px auto 0;position:relative;padding:0 15px}
.section-service .row.g-0{--bs-gutter-x:20px;row-gap:20px}
.section-service .row.g-0 > [class*=col-]{padding:0 10px}
.row-service-wrap,.row-service-wrap_white{background:transparent !important;height:100%}
.medical-service{padding:26px 22px !important;height:100%;margin:0 !important}
.medical-service .icons{float:none !important;border:0 !important;background:var(--tint);width:60px !important;height:60px !important;line-height:60px !important;border-radius:16px !important;margin:0 0 16px !important}
.medical-service .icons img{max-width:34px}
.medical-service .content{padding-left:0 !important;overflow:visible}
.medical-service .content h3,.medical-service .content .h4{font-size:18px;margin-bottom:6px}
.medical-service .content p{font-size:14px;text-align:left !important;margin:0}
.service-bg-2{background-image:none !important}

/* Home service carousel cards */
.cleaning-service{margin:10px 6px 30px}
.cleaning-service .content{padding:22px 22px 26px !important}
.cleaning-service .content h3,.cleaning-service .content .h4{font-size:20px}
.cleaning-service .content p{font-size:14px}

/* Why-us icons */
.reapir-service .icons{background:var(--tint);border-radius:16px;width:64px;height:64px;display:flex;align-items:center;justify-content:center}
.reapir-service .icons img{max-width:34px}
.reapir-service .content h3,.reapir-service .content .h4{font-size:19px}
.contact_form_container.repair-request-form{padding:40px 36px !important}
.repair-service-form input,.repair-service-form textarea{margin-bottom:14px}

/* Testimonials */
.testimonial-style-3{padding:30px !important;margin:12px 8px 24px}
.testimonial-style-3 .testimonal img{border:3px solid #fff !important;box-shadow:0 6px 16px -6px rgba(18,38,27,.35)}
.testimonial-style-3 .testimonal .content p{color:var(--text);font-size:15.5px}
.testimonial-style-3 .clint-info .h4,.testimonial-style-3 .clint-info h4{font-size:17px;color:var(--ink)}
.slick-dots li button{background:var(--tint-3) !important}
.slick-dots li.slick-active button{background:var(--brand-600) !important}

/* Team */
.team.team-8 .thumb{padding:0 !important}
.team.team-8 .thumb img{width:100%;height:auto;display:block}

/* Counters band */
.project-count-area{position:relative}
.project-count-area[data-black-overlay]:before{background:linear-gradient(120deg,rgba(18,38,27,.88),rgba(46,107,34,.78)) !important;opacity:1 !important}
.project-count-inner{background:transparent !important}
.project-count-inner .counter{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);padding:26px 16px 22px;margin-top:20px}
.project-count-inner .counter .h3,.project-count-inner .counter h3{color:#fff;font-size:40px;font-weight:800;margin:10px 0 2px}
.project-count-inner .counter p{color:rgba(255,255,255,.85);margin:0}
.project-count-inner .counter img{filter:brightness(0) invert(1);opacity:.9;max-width:48px}

/* About block image */
.agency-thumb .thumb img{border-radius:24px;box-shadow:var(--glass-shadow-hover)}

/* ---------- Hero ---------- */
.hero-slide-item{position:relative;min-height:620px}
.hero-slide-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,250,245,.85) 0%,rgba(247,250,245,.55) 45%,rgba(247,250,245,0) 75%);z-index:0}
.hero-slide-item .container{position:relative;z-index:1}
.hero-content{background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:28px;box-shadow:var(--glass-shadow-hover);padding:44px 44px 40px;max-width:680px}
.hero-content h5{display:inline-block;background:var(--tint);color:var(--brand-700) !important;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:7px 14px;border-radius:999px;margin-bottom:18px}
.hero-content h1,.hero-content .hero-title{color:var(--ink) !important;font-size:clamp(32px,4.6vw,58px) !important;line-height:1.08 !important;letter-spacing:-.025em;font-weight:800}
.hero-content p{color:var(--text) !important;font-size:16.5px;max-width:540px}
.hero-content .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.hero-content .hero-actions a{margin:0 !important}
.hero-content .hero-actions a + a{background:rgba(255,255,255,.9) !important;color:var(--brand-700) !important;box-shadow:inset 0 0 0 1.5px var(--brand-600),0 8px 18px -12px rgba(18,38,27,.4)}
@media (max-width:767px){.hero-slide-item{min-height:520px}.hero-content{padding:28px 22px}.section-service .container-fluid.plr_-0{margin-top:24px}}

/* ---------- Page title band (breadcrumb area) ---------- */
.breadcrumb-area{position:relative;padding:84px 0 76px !important;background-size:cover;background-position:center}
.breadcrumb-area:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(18,38,27,.90) 0%,rgba(36,86,27,.80) 50%,rgba(74,154,48,.55) 100%)}
.breadcrumb-area .container{position:relative;z-index:1}
.breadcrumb-area h1,.breadcrumb-area .jpc-h1,.breadcrumb h2{color:#fff !important;font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-.02em;margin-bottom:10px}
.breadcrumb-area .jpc-tagline,.breadcrumb-area p{color:rgba(255,255,255,.86) !important}
.breadcrumb-list{display:inline-flex;flex-wrap:wrap;gap:4px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:6px 16px !important;margin-top:6px}
.breadcrumb-list li,.breadcrumb-list li a{color:rgba(255,255,255,.9) !important;font-size:13.5px}
.breadcrumb-list li a:hover{color:#fff !important;text-decoration:underline}
/* blog pages ka purana title band */
.breadcrumbs{position:relative}
.breadcrumbs:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(18,38,27,.88),rgba(46,107,34,.65))}
.breadcrumbs .container{position:relative;z-index:1}

/* ---------- Content pages (location / hub / about) ---------- */
.jpc-page article h2,.jpc-page > .section-pt h2{margin-top:44px}
.jpc-page article > h2:first-of-type{margin-top:36px}
.jpc-hero-img{border-radius:var(--radius) !important;box-shadow:var(--glass-shadow-hover)}
.jpc-lead{font-size:17.5px !important;color:var(--ink) !important;line-height:1.75}
.jpc-cta{border-left:0 !important;background:var(--grad-soft),var(--glass-bg) !important;padding:24px 26px !important}
.jpc-list li:before{content:"" !important;width:18px;height:18px;top:9px !important;left:0 !important;border-radius:50%;background:var(--brand-600) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat}
.jpc-steps{counter-reset:step;list-style:none;padding-left:0 !important}
.jpc-steps li{counter-increment:step;position:relative;padding:10px 0 10px 52px !important}
.jpc-steps li:before{content:counter(step);position:absolute;left:0;top:10px;width:36px;height:36px;border-radius:12px;background:var(--grad);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 8px 16px -8px rgba(46,107,34,.7)}
.jpc-chips li{background:var(--glass-bg-strong) !important;border:1px solid var(--tint-3);padding:7px 16px !important}
.jpc-links a{text-decoration:none !important;border-bottom:1px solid var(--tint-3);transition:border-color .2s,color .2s}
.jpc-links a:hover{border-color:var(--brand-600)}
.jpc-side-links a{text-decoration:none !important}
.jpc-side-links li{border-bottom:1px dashed var(--tint-3) !important}
.jpc-side-links a:hover{padding-left:4px}
.jpc-box{padding:26px !important}
aside .jpc-box{position:relative}
@media (min-width:992px){aside .jpc-box:first-child{position:sticky;top:110px}}
.jpc-faq details{transition:box-shadow .3s,background .3s}
.jpc-faq details[open]{background:var(--glass-bg-strong) !important}
.jpc-faq summary{list-style:none;position:relative;padding-right:44px !important}
.jpc-faq summary::-webkit-details-marker{display:none}
.jpc-faq summary:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--tint);color:var(--brand-700);display:flex;align-items:center;justify-content:center;font-weight:700;transition:transform .3s var(--ease)}
.jpc-faq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}
.jpc-hindi{background:var(--glass-bg) !important;border:1px solid var(--glass-border)}
.jpc-jump a{background:var(--glass-bg-strong) !important;border:1px solid var(--tint-3)}
.jpc-jump a:hover{background:var(--brand-600) !important;color:#fff !important}
.jpc-region > h2{border-bottom:0 !important;display:flex;align-items:center;gap:12px}
.jpc-region > h2:before{content:"";width:10px;height:28px;border-radius:6px;background:var(--grad)}
.jpc-loc-links a{background:rgba(255,255,255,.85) !important}
.jpc-loc-links a:hover{background:var(--brand-600) !important;color:#fff !important;border-color:var(--brand-600) !important}
.jpc-card-text .jpc-card-title{font-size:19px}

/* Contact page */
.contact-info ul li{margin-bottom:18px}
.contact-info .contact-text i{background:var(--tint);color:var(--brand-700);width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-right:14px;border:0}
.form_wrapper.form-style-1,.contact-info-wrapper{padding:36px !important}
.contact-form-area iframe{border-radius:var(--radius);box-shadow:var(--glass-shadow)}

/* ---------- Footer: deep green ---------- */
.jpc-footband{background:linear-gradient(160deg,#10231a 0%,#173a24 100%) !important;padding:72px 0 40px !important;border:0}
.jpc-foot-title{color:#fff !important;font-size:16px !important;letter-spacing:.02em}
.jpc-foot-list a,.jpc-foot-all a{color:rgba(255,255,255,.72) !important}
.jpc-foot-list a:hover,.jpc-foot-all a:hover{color:var(--brand-300) !important}
footer.footer{background:#0d1d15 !important;border-top:1px solid rgba(255,255,255,.08) !important}
footer.footer .footer-top{background:transparent !important;padding-top:56px !important;padding-bottom:40px !important}
footer.footer h5.ft-title{color:#fff !important}
footer.footer h5.ft-title span{color:var(--brand-300) !important}
footer.footer p,footer.footer li,footer.footer address{color:rgba(255,255,255,.72) !important;text-align:left !important}
footer.footer a{color:rgba(255,255,255,.85) !important}
footer.footer a:hover{color:var(--brand-300) !important}
footer.footer .copyright{background:#08130d !important;border:0}
footer.footer .copyright p{color:rgba(255,255,255,.55) !important;text-align:center !important;margin:0}
footer.footer .copyright{padding:18px 0}

/* Floating call button */
.action-btn,.action-btn:before,.action-btn:after{background:var(--brand-600) !important}
.action-btn{box-shadow:0 12px 24px -8px rgba(46,107,34,.6)}

/* ---------- Motion (progressive enhancement) ---------- */
.reveal{opacity:1 !important}          /* purana scroll-reveal band – content hamesha visible */
.motion-ready .anim{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0s)}
.motion-ready .anim.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .motion-ready .anim{opacity:1;transform:none;transition:none}
  *,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}

/* Fallback jab browser backdrop-filter support na kare */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .jpc-box,.jpc-card,.jpc-loc-card,.jpc-faq details,.contact_form_container,.testimonial-style-3,.cleaning-service,.medical-service,.hero-content,.sub-menu,.header{background:rgba(255,255,255,.96) !important}
}

/* ---------- Fixes after visual review ---------- */
.hero-section{position:relative;z-index:0}
.section-service{position:relative;z-index:2}
.service-6.medical-service .content p,.agency-benefits .content p,.footer-widget.footer-style-1 .content p{text-align:left !important}
.repair-service-form form input[type=submit],input[type=submit]{height:auto !important;line-height:1.3 !important;padding:15px 28px !important}
.jpc-page .jpc-box-title,.jpc-box .jpc-box-title{font-size:20px !important;line-height:1.3 !important;margin:0 0 12px !important}
@media (max-width:767px){
  .hero-slide-item{min-height:0 !important;padding:36px 0 56px}
  .hero-content h5{font-size:11.5px;padding:6px 12px}
  .hero-content .hero-actions a{width:100%;text-align:center}
  .medical-service{padding:22px 20px !important}
  .section-title{margin-bottom:32px}
}

/* ---------- Mobile responsiveness (Step 5b) ---------- */
@media (max-width:767px){
  /* theme container ko 450px / 300px par fix karta tha – ab full width + 18px gutter */
  .container{width:100% !important;max-width:100% !important;padding-left:18px !important;padding-right:18px !important}
  .row{--bs-gutter-x:24px}
  .hero-slide-item{height:auto !important;min-height:0 !important;padding:28px 0 44px !important;align-items:flex-start !important}
  .hero-content{max-width:100%;margin:0}
  .logo img{width:auto !important;max-height:46px !important}
  .header .logo img,.header.is-scrolled .logo img{max-height:46px}
  .btn,input[type=submit],button.submit-btn,.default-btn{font-size:13.5px !important;padding:13px 24px !important}
  .breadcrumb-area{padding:56px 0 48px !important}
  .breadcrumb-list{border-radius:16px;padding:6px 14px !important}
  .breadcrumb-list li a{display:inline-block;padding:6px 0}
  /* tap targets ~44px */
  .jpc-foot-list li a,.jpc-foot-all a,footer.footer .ft-menu li a{display:inline-block;padding:9px 0}
  .jpc-foot-list li{padding:0}
  .jpc-links li a{display:inline-block;padding:8px 0}
  .jpc-side-links li{padding:4px 0}
  .jpc-side-links li a{display:block;padding:8px 0}
  .jpc-card-links a,.jpc-more a{display:inline-block;padding:8px 0}
  .jpc-loc-links a{padding:8px 12px !important;font-size:13px !important}
  .jpc-jump a{padding:9px 14px}
  .jpc-card-title a,.jpc-loc-card h3 a,.copyright a{display:inline-block;padding:8px 0}
  .jpc-faq summary{padding-top:16px !important;padding-bottom:16px !important}
  .contact_form_container.repair-request-form,.form_wrapper.form-style-1,.contact-info-wrapper{padding:26px 20px !important}
  .jpc-box{padding:22px 18px !important}
  .testimonial-style-3{padding:22px !important}
  .testimonial-style-3 .testimonal img{float:none;display:block;margin-bottom:14px;max-width:64px}
  .testimonial-style-3 .testimonal .content{padding-left:0}
  /* floating call button thoda chhota */
  .action-btn{transform:scale(.82);transform-origin:bottom right;right:8px}
}
@media (max-width:374px){
  .container{padding-left:14px !important;padding-right:14px !important}
  .hero-content{padding:24px 18px !important;border-radius:22px}
}
/* Touch devices (phone + tablet): bade tap targets */
@media (max-width:991px){
  .jpc-foot-list li a,.jpc-foot-all a,footer.footer .ft-menu li a,.jpc-links li a,.jpc-card-links a,.jpc-more a,.jpc-card-title a,.jpc-loc-card h3 a,.copyright a,.breadcrumb-list li a{display:inline-block;padding-top:9px;padding-bottom:9px}
  .jpc-side-links li a{display:block;padding:8px 0}
  .jpc-loc-links a{padding:8px 12px !important}
}
/* Contact form ab title band ke neeche nahi dabta; breadcrumb "/" vertically centered */
.form_wrapper{margin-top:0 !important}
.breadcrumb ul li.breadcrumb-item{align-items:center}
.breadcrumb ul li.breadcrumb-item::before{top:50% !important;transform:translateY(-50%);color:rgba(255,255,255,.6)}

/* Native WhatsApp button (third-party widget ki jagah – Step 7) */
.jpc-wa-float{position:fixed;left:16px;bottom:22px;z-index:9998;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#128c4a,#25d366);box-shadow:0 12px 24px -8px rgba(18,140,74,.6);transition:transform .25s var(--ease)}
.jpc-wa-float:hover{transform:translateY(-3px) scale(1.04)}
@media (max-width:767px){.jpc-wa-float{width:50px;height:50px;left:12px;bottom:18px}}
/* Contact form AJAX message */
.form-messege{margin-top:14px;font-weight:600}
.form-messege.success{color:var(--brand-700)}
.form-messege.error{color:#b42318}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Step 8: forms + blog */
.jpc-hp{position:absolute !important;left:-10000px !important;top:auto;width:1px;height:1px;overflow:hidden}
.jpc-form-note{font-size:12.5px;color:var(--muted);margin:10px 0 0;line-height:1.5}
.jpc-post h2{margin-top:40px}
.jpc-post h3{margin-top:26px;font-size:20px}
.jpc-post p a,.jpc-post li a{text-decoration:underline;text-decoration-color:var(--brand-300);text-underline-offset:3px}
.jpc-post em{font-style:italic}
.jpc-card-text > a{display:block}.jpc-card-text > a img,.jpc-card-text img{width:100% !important;height:220px;object-fit:cover;display:block}