/* PathJeevani Hero Banner · logo palette: blue #456e8f · gold #e8b512 · navy #16283a */
.pjhb{--pjhb-blue:#456e8f;--pjhb-navy:#16283a;--pjhb-gold:#e8b512;--h:clamp(380px,62vh,600px);position:relative;display:block;width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw);padding:0;box-sizing:border-box}
.pjhb *{box-sizing:border-box}
.pjhb a::before,.pjhb a::after{content:none !important;display:none !important} /* kills the stray "A↓" icon */

.pjhb-stage{position:relative;width:100%;height:var(--h);border-radius:0;overflow:hidden;background:var(--pjhb-navy);isolation:isolate;touch-action:pan-y}
.pjhb-track{display:flex;flex-wrap:nowrap;width:100%;height:100%;transition:transform .75s cubic-bezier(.65,0,.25,1);will-change:transform}
.pjhb-slide{position:relative;flex:0 0 100%;width:100%;height:100%;overflow:hidden}
.pjhb-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(140deg,var(--pjhb-blue),var(--pjhb-navy))}
.pjhb .pjhb-bg img{display:block;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover;margin:0 !important;border:0 !important;border-radius:0 !important;transform:scale(1.04);transition:transform 7s ease-out}
.pjhb-slide.is-active .pjhb-bg img{transform:scale(1.1)}
.pjhb-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(22,40,58,.5) 0%,rgba(22,40,58,.55) 50%,rgba(13,25,37,.7) 100%)}

/* whole banner clickable */
.pjhb .pjhb-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;text-decoration:none !important}

/* labels + heading: centred in the middle of the banner */
.pjhb-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:24px 88px;pointer-events:none}
.pjhb-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pjhb .pjhb-cat{pointer-events:auto;display:inline-block;padding:7px 14px;border-radius:8px;background:rgba(69,110,143,.92);border:1px solid rgba(255,255,255,.22);color:#fff !important;font-size:13px;line-height:1.2;font-weight:600;letter-spacing:.01em;text-decoration:none !important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .25s,color .25s,border-color .25s,transform .25s}
.pjhb .pjhb-cat:hover,.pjhb .pjhb-cat:focus-visible{background:var(--pjhb-gold);border-color:var(--pjhb-gold);color:var(--pjhb-navy) !important;transform:translateY(-1px);outline:none}
.pjhb .pjhb-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;background:var(--pjhb-gold);color:var(--pjhb-navy);font-size:13px;line-height:1.2;font-weight:700;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 4px 14px rgba(232,181,18,.35)}
.pjhb .pjhb-badge svg{flex:0 0 auto}
/* heading: JS shrinks the font so the whole heading fits (max 3 lines); only a very long one ends with "…" */
.pjhb .pjhb-title{margin:0;width:100%;max-width:980px;color:#fff;font-size:clamp(24px,3.1vw,42px);line-height:1.22;font-weight:700;letter-spacing:-.01em;text-shadow:0 2px 16px rgba(0,0,0,.45);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* arrows: left & right sides */
.pjhb .pjhb-arrow{position:absolute !important;top:50% !important;z-index:4;width:46px !important;height:46px !important;min-width:0 !important;padding:0 !important;margin:0 !important;border-radius:50% !important;border:1px solid rgba(255,255,255,.55) !important;background:rgba(22,40,58,.35) !important;color:#fff !important;display:flex !important;align-items:center;justify-content:center;cursor:pointer;font-size:0 !important;line-height:1 !important;transform:translateY(-50%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s}
.pjhb .pjhb-prev{left:20px}
.pjhb .pjhb-next{right:20px}
.pjhb .pjhb-arrow:hover,.pjhb .pjhb-arrow:focus-visible{background:var(--pjhb-gold) !important;border-color:var(--pjhb-gold) !important;color:var(--pjhb-navy) !important;box-shadow:0 0 0 4px rgba(232,181,18,.3);transform:translateY(-50%) scale(1.06);outline:none}

@media (max-width:1024px){
	.pjhb{--h:clamp(360px,56vh,520px)}
	.pjhb-content{padding:24px 76px}
}
@media (max-width:640px){
	.pjhb{--h:clamp(320px,70vw + 100px,460px)}
	.pjhb-content{gap:12px;padding:20px 50px}
	.pjhb .pjhb-cat,.pjhb .pjhb-badge{font-size:12px;padding:6px 11px}
	.pjhb .pjhb-arrow{width:34px !important;height:34px !important}
	.pjhb .pjhb-arrow svg{width:15px;height:15px}
	.pjhb .pjhb-prev{left:8px}
	.pjhb .pjhb-next{right:8px}
}
@media (hover:none){
	.pjhb .pjhb-arrow:hover{transform:translateY(-50%)}
}
@media (prefers-reduced-motion:reduce){
	.pjhb *{transition:none !important;animation:none !important}
	.pjhb-slide.is-active .pjhb-bg img{transform:none}
}