*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans Devanagari",sans-serif;color:#063b78;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1440px,94%);margin:auto}
.top{padding:0px;position:sticky;scroll-behavior:fixed;height:25px;background:#07549d;color:#fff;font-size:13px}.top .row{height:32px;display:flex;align-items:center;justify-content:space-between}.header{height:78px;background:#fff;border-bottom:1px solid #e7ebf0}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:31px;font-weight:900;letter-spacing:-1px;color:#0b57a4}.brand span{color:#f36b20}.tag{display:block;font-size:10px;letter-spacing:.1px;color:#275174;font-weight:600;margin-top:-3px}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:800}nav a:hover{color:#f36b20}.call{background:#f36b20;color:#fff;border-radius:5px;padding:9px 20px;text-align:center;font-size:16px}.call small{font-size:10px}
.hero{height:390px;background:linear-gradient(90deg,#eff9ff 0%,#fff 52%,#f9e9d7 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:54% 46%;height:390px}.hero-copy{padding:28px 15px 15px 20px}.hero-copy .eyebrow{font-size:16px;font-weight:900}.hero-copy h1{font-size:46px;line-height:1.03;margin:8px 0 5px}.blue{color:#0a4380}.orange{color:#f36b20}.sub{font-size:20px;font-weight:800;margin-bottom:12px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:670px}.feat{text-align:center;font-weight:800;font-size:11px}.feat i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;margin:0 auto 5px;background:#0a70d1;color:#fff;font-size:23px;font-style:normal}.feat:nth-child(2) i{background:#f36b20}.feat:nth-child(3) i{background:#1eaa5b}.feat:nth-child(4) i{background:#ef4651}.cta{display:inline-block;margin-top:10px;background:#07539a;color:#fff;padding:11px 26px;border-radius:4px;font-size:16px;font-weight:900}
.owner{padding:40px 0;position:absolute;z-index:4;right:40px;bottom:50px;object-fit:cover;object-position:center top;border:6px solid #fff;border-bottom:0;box-shadow:0 8px 25px #0004}
.section{padding:3px 0}.heading{text-align:center}.heading b{font-size:16px}.heading h2{font-size:28px;margin:3px 0}.heading p{margin:0 0 14px;color:#607083;font-size:12px}.service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:7px}.service{grid-column:span 1;min-height:105px;border:1px solid #dbe5ef;border-radius:5px;text-align:center;padding:9px 4px;background:#fff}.service .icon{font-size:25px}.service h3{font-size:10px;line-height:1.15;margin:4px 0}.service p{font-size:9px;color:#667085;margin:0}.service a{display:block;color:#0759a5;font-weight:900;font-size:9px;margin-top:5px}
.trust{display:grid;grid-template-columns:repeat(4,1fr);background:#eff7ff;border-radius:5px;margin-top:8px;padding:9px;text-align:center;font-weight:900;font-size:11px}.trust span{display:block;font-weight:500;color:#617083;font-size:9px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{border:1px solid #dce5ed;border-radius:6px;padding:18px;background:#fff}.panel h3{font-size:20px;margin:0 0 7px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}label{font-size:10px;font-weight:900}input,select,textarea{width:100%;margin-top:4px;padding:8px;border:1px solid #cbd7e2;border-radius:4px;font-size:11px;font-family:inherit}.submit{width:100%;border:0;margin-top:8px}.partners{display:flex;justify-content:space-around;flex-wrap:wrap;gap:12px;border:1px solid #dce5ed;padding:12px;border-radius:5px;font-weight:900;font-size:13px}.footer{background:#063864;color:#fff;padding:24px 0 8px}.footgrid{display:grid;grid-template-columns:1.2fr .8fr 1.2fr .8fr;gap:20px}.footer h3{margin:0 0 7px}.footer p,.footer a{font-size:10px;color:#d9e5ef}.copy{border-top:1px solid #ffffff2a;margin-top:15px;padding-top:8px;font-size:9px;color:#bcd0df;display:flex;justify-content:space-between}
@media(max-width:1000px){nav{gap:12px}.service-grid{grid-template-columns:repeat(6,1fr)}.service{grid-column:span 1}.hero-grid{grid-template-columns:1fr}.hero{height:auto}.hero-image{height:350px}.owner{right:18%;width:330px}.slogan{display:none}.two,.footgrid{grid-template-columns:1fr}.top{height:auto}.top .row{height:auto;padding:6px 0;display:block;text-align:center}}
@media(max-width:600px){.nav{height:auto;padding:12px 0;display:block}.brand{font-size:24px;margin-bottom:10px}nav{display:none}.hero-copy h1{font-size:34px}.features{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.service{grid-column:span 1}.trust,.formgrid{grid-template-columns:1fr}.hero-image{height:310px}.owner{height:285px;width:275px;right:10px}.copy{display:block}.copy span{display:block;margin:4px 0}}

/* FINAL AUTO-FIT SLIDESHOW FIX */
.hero-image.slideshow-box{position:relative!important;overflow:hidden!important;width:100%!important;height:390px!important;min-width:0!important;padding:0!important;}
.hero-image.slideshow-box #heroSlideshowImage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;object-fit:cover!important;object-position:center center!important;border:0!important;box-shadow:none!important;}
.hero-image.slideshow-box .slide-dots{z-index:5!important;}
@media(max-width:900px){.hero-image.slideshow-box{height:350px!important}.hero-image.slideshow-box #heroSlideshowImage{width:100%!important;height:100%!important;}}
@media(max-width:600px){.hero-image.slideshow-box{height:310px!important}.hero-image.slideshow-box #heroSlideshowImage{width:100%!important;height:100%!important;}}


/* ===== PJSK VISUAL UPGRADE V2 ===== */
:root{--pjsk-blue:#075fbd;--pjsk-deep:#08345f;--pjsk-orange:#f36b20;--pjsk-bg:#f5f9fe}
body{background:linear-gradient(180deg,#f7fbff 0,#fff 38%,#f7faff 100%);color:#183b62}
.pksk-topbar{background:linear-gradient(100deg,#052f68,#086dcc 65%,#0a78d4)!important}
.pksk-brand-row{min-height:108px!important;padding:18px 20px 14px!important}
.pksk-brand{font-size:42px!important;letter-spacing:-1px!important}
.pksk-brand .tag{font-size:12px!important}
.pksk-nav-wrap{background:rgba(255,255,255,.94)!important;box-shadow:0 8px 24px rgba(20,60,105,.10)!important}
.pksk-nav-item{height:58px!important;padding:0 13px!important;font-size:13px!important}
.pksk-nav-item:hover{background:#eef6ff!important;color:#075fbd!important;transform:none!important}
.pksk-tools .tools-active{background:linear-gradient(135deg,#075fbd,#0879dd)!important;box-shadow:0 8px 20px rgba(7,95,189,.22)!important}

/* Larger, more prominent hero + slideshow */
.hero{height:540px!important;margin:22px auto 0!important;border-radius:26px!important;overflow:hidden!important;box-shadow:0 20px 55px rgba(25,70,120,.14)!important;background:radial-gradient(circle at 88% 20%,#fff8f0 0,#fff 35%,#eef7ff 100%)!important}
.hero-grid{height:540px!important;grid-template-columns:45% 55%!important;align-items:stretch!important}
.hero-copy{padding:58px 30px 40px 48px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.hero-copy .eyebrow{font-size:15px!important;color:#0870ce!important;letter-spacing:.3px}
.hero-copy h1{font-size:50px!important;line-height:1.02!important;margin:10px 0 10px!important}
.hero-copy .sub{font-size:18px!important;line-height:1.35!important}
.features{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;max-width:620px!important;margin-top:8px!important}
.feat{padding:9px 6px!important;border-radius:14px!important}
.feat i{width:44px!important;height:44px!important}
.cta{align-self:flex-start!important;margin-top:16px!important;padding:13px 27px!important;border-radius:12px!important}

/* Slideshow fills a larger premium frame */
.hero-image.slideshow-box{height:516px!important;margin:12px!important;width:calc(100% - 24px)!important;border-radius:22px!important;background:#eaf2fb!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 15px 38px rgba(25,60,100,.18)!important}
.hero-image.slideshow-box:after{content:"Pankaj Jan Sewa Kendra  •  Digital Services";position:absolute;left:18px;bottom:18px;z-index:6;padding:8px 12px;border-radius:10px;background:rgba(4,38,76,.72);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(6px);letter-spacing:.2px}
.hero-image.slideshow-box #heroSlideshowImage{object-fit:cover!important;object-position:center!important}
.slide-dots{bottom:14px!important;z-index:8!important}
.slide-dots span{width:9px!important;height:9px!important}

/* Service section becomes a clean 4-column card layout */
.section{padding:28px 0!important}
.heading{margin-bottom:18px!important}
.heading b{font-size:13px!important;text-transform:uppercase!important;letter-spacing:.8px!important}
.heading h2{font-size:29px!important;margin:6px 0!important}
.service-grid{grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.service{grid-column:auto!important;min-height:142px!important;padding:17px 10px!important;border-radius:16px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 8px 24px rgba(28,70,112,.06)!important}
.service .icon{font-size:32px!important;margin-bottom:7px!important}
.service h3{font-size:13px!important;line-height:1.25!important}
.service a{font-size:10px!important;padding-top:4px!important}

/* Trust row and panels */
.trust{margin-top:16px!important;padding:15px!important;border:1px solid #dceaf7!important;background:linear-gradient(90deg,#eef7ff,#fff,#eef9f3)!important}
.quick-panel{padding:24px 0 10px!important}
.quick-panel .container{border-radius:20px!important;padding:22px 24px!important;box-shadow:0 12px 32px rgba(25,65,105,.08)!important}
.quick-links{gap:10px!important}
.quick-links a{padding:13px 8px!important;border-radius:13px!important;background:#fff!important}
.highlight-strip{padding:20px 0!important}
.highlight-grid{gap:13px!important}
.highlight-grid>div{padding:17px!important;border-radius:16px!important}

/* Better mobile behavior */
@media(max-width:1050px){
 .hero{height:auto!important}
 .hero-grid{height:auto!important;grid-template-columns:1fr!important}
 .hero-copy{padding:42px 35px!important}
 .hero-image.slideshow-box{height:430px!important;margin:0 14px 14px!important;width:calc(100% - 28px)!important}
 .service-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:700px){
 .pksk-brand{font-size:28px!important}
 .pksk-brand-row{min-height:82px!important}
 .hero{margin-top:14px!important;border-radius:18px!important}
 .hero-copy{padding:30px 20px!important}
 .hero-copy h1{font-size:36px!important}
 .hero-copy .sub{font-size:15px!important}
 .features{grid-template-columns:repeat(2,1fr)!important}
 .hero-image.slideshow-box{height:330px!important;margin:0 10px 10px!important;width:calc(100% - 20px)!important;border-radius:16px!important}
 .hero-image.slideshow-box:after{font-size:9px;left:10px;bottom:10px}
 .service-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
 .service{min-height:128px!important}
 .section{padding:22px 0!important}
 .heading h2{font-size:23px!important}
}

/* HR Services navigation */
.hr-nav-link{font-weight:800!important;white-space:nowrap!important}.hr-nav-link:hover{opacity:.9}