/*
 * InternHub homepage, from the CareerSphere design reference. Loaded only on the homepage (<body class="hp">).
 * Part 1 restyles the existing site header to the reference look; it keeps every link, mega menu and the mobile toggle.
 * Shared pieces (the .hp-scope base, brand and the whole footer) live in footer.css, which every page loads.
 * Part 2 is the reference stylesheet: every class is prefixed "hp-" and every rule is scoped to ".hp-scope",
 * so nothing here can leak into app.css components (mega menus, alerts, the popular-search footer links).
 * Part 3 covers the few elements the reference did not have (type dropdown, "view all" links, empty states).
 */

/* ---------- Part 1: header ---------- */
.hp .site-header { border-bottom: 1px solid var(--line); z-index: 50; }
.hp .site-header .container { max-width: none; width: min(1200px, 92%); padding: 0; min-height: 74px; gap: 20px; }
.hp .site-header .logo { gap: 9px; color: var(--navy); font-size: 23px; font-weight: ; letter-spacing: normal; white-space: nowrap; }
.hp .site-header .logo-mark { width: 38px; height: 38px; border-radius: 12px; background: linear-gradient(135deg, #315ee8, #7655ee); font-size: 16px; }
.hp .site-header .logo span.hub { color: var(--blue); }
.hp .nav a, .hp .mm-trigger { font-size: var(--fs-base); font-weight: ; color: #53617d; }
.hp .nav a:hover, .hp .nav a.active, .hp .mm-trigger:hover, .hp .mm-trigger.is-current { color: var(--blue); background: none; }
.hp .mm-item.is-open .mm-trigger { background: #e9efff; color: var(--blue); }
.hp .nav a.nav-login, .hp .nav a.nav-register {
    display: inline-flex; justify-content: center; align-items: center; border-radius: 10px; padding: 12px 16px;
    font-size: var(--fs-nav); font-weight: ; line-height: normal; white-space: nowrap;
}
.hp .nav a.nav-login { background: #fff; border: 1px solid #dbe2f0; color: var(--navy); }
.hp .nav a.nav-register { background: var(--blue); border: 1px solid var(--blue); color: #fff; margin-left: 9px; }
.hp .nav a.nav-login:hover { border-color: var(--blue); color: var(--blue); }
.hp .nav a.nav-register:hover { background: #2649c9; }
@media (min-width: 961px) and (max-width: 1240px) {
    .hp .nav a.nav-login, .hp .nav a.nav-register { padding: 10px 12px; font-size: var(--fs-nav); }
}
@media (max-width: 960px) {
    .hp .site-header .container { min-height: 68px; }
    .hp .nav a.nav-register { margin: 6px 0 0; }
}
@media (max-width: 420px) {
    .hp .site-header .logo { font-size: 20px; }
}


/* ---------- Part 2: reference stylesheet (generated) ---------- */
html{scroll-behavior:smooth}
.hp{margin:0;font-family:var(--font-sans);color:#1b2540;background:#fff}
.hp-scope .hp-top{background:var(--navy);color:#e8eeff;padding:9px 0;font-size:var(--fs-xs)}
.hp-scope .hp-row{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.hp-scope .hp-btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:12px 16px;background:var(--blue);color:white;font-weight:;cursor:pointer;white-space:nowrap}
.hp-scope .hp-hero{padding:60px 0 46px;background:radial-gradient(circle at 85% 18%,#dce7ff 0,transparent 28%),linear-gradient(130deg,#f5f7ff,#fff 70%)}
.hp-scope .hp-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:38px;align-items:center}
.hp-scope .hp-eyebrow,.hp-scope .hp-kicker{font-size:var(--fs-xs);letter-spacing:1px;font-weight:;color:var(--blue)}
.hp-scope .hp-eyebrow{display:inline-block;background:#e9efff;border-radius:30px;padding:9px 12px;letter-spacing:.4px}
.hp-scope .hp-eyebrow:before{content:"";display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px}
.hp-scope h1{font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--navy);margin:18px 0}
.hp-scope h1 em{color:var(--blue);font-style:normal}
.hp-scope .hp-hero p{font-size:var(--fs-base);line-height:var(--lh-body);color:var(--muted);max-width:610px}
.hp-scope .hp-searchbox{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:9px;background:#fff;border:1px solid #e2e8f5;border-radius:14px;box-shadow:0 14px 40px #203a7515;margin-top:22px}
.hp-scope .hp-searchbox input{border:0;outline:0;min-width:0;width:100%;padding:12px}
.hp-scope .hp-searchbox button{padding:13px 18px}
.hp-scope .hp-popular{font-size:var(--fs-sm);color:#77839a;margin-top:16px}
.hp-scope .hp-popular a{color:var(--blue);font-weight:var(--fw-bold);margin-right:10px}
.hp-scope .hp-hero-art{min-height:340px;display:grid;place-items:center}
.hp-scope .hp-orb{width:min(340px,100%);aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#e4ebff,#f7f9ff);border:1px solid #d9e3ff;display:grid;place-items:center;position:relative}
.hp-scope .hp-orb:before,.hp-scope .hp-orb:after{content:"";position:absolute;inset:25px;border:1px dashed #b6c7ff;border-radius:50%}
.hp-scope .hp-orb:after{inset:55px}
.hp-scope .hp-profile{z-index:1;background:#fff;border:1px solid #e5eaf5;border-radius:22px;padding:20px;text-align:center;box-shadow:0 20px 50px #1b36731b;width:185px}
.hp-scope .hp-avatar{width:72px;height:72px;margin:0 auto 12px;border-radius:23px;background:linear-gradient(135deg,#ffc77c,#f28d87);display:grid;place-items:center;font-size:38px}
.hp-scope .hp-profile b{display:block;color:var(--navy)}
.hp-scope .hp-profile small{color:var(--muted)}
.hp-scope .hp-float{position:absolute;background:#fff;border:1px solid #e6eaf5;border-radius:12px;padding:11px 14px;box-shadow:0 10px 28px #1b367313;font-size:var(--fs-xs);color:var(--muted);z-index:2}
.hp-scope .hp-float b{display:block;color:var(--navy);font-size:var(--fs-base);margin-top:3px}
.hp-scope .hp-f1{top:38px;left:-10px}
.hp-scope .hp-f2{right:-18px;top:105px}
.hp-scope .hp-f3{left:5px;bottom:28px}
.hp-scope .hp-f3 b{color:var(--green)}
.hp-scope section.hp-section{padding:66px 0}
.hp-scope .hp-shade{background:#fafbff}
.hp-scope .hp-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}
.hp-scope .hp-section-head h2{font-size:var(--fs-h2);letter-spacing:var(--ls-tight);color:var(--navy);margin:8px 0}
.hp-scope .hp-section-head p{color:var(--muted);line-height:var(--lh-body);margin:8px 0 0}
.hp-scope .hp-link{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--blue);white-space:nowrap}
.hp-scope .hp-trend-window{overflow:hidden}
.hp-scope .hp-trend-track{display:flex;gap:16px;transition:transform .45s ease;will-change:transform}
.hp-scope .hp-job-card{flex:0 0 calc((100% - 32px)/3);min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;transition:box-shadow .2s,border-color .2s}
.hp-scope .hp-job-card:hover{box-shadow:0 14px 32px #1b367312;border-color:#cbd7fb}
.hp-scope .hp-job-top{display:flex;justify-content:space-between;align-items:center}
.hp-scope .hp-company-icon{width:45px;height:45px;border-radius:13px;background:#edf2ff;display:grid;place-items:center;color:var(--blue);font-size:19px;font-weight:var(--fw-bold)}
.hp-scope .hp-save{border:0;background:transparent;color:#8591a7;font-size:var(--fs-h2);cursor:pointer}
.hp-scope .hp-save.hp-saved{color:#e45173}
.hp-scope .hp-job-card h3{font-size:var(--fs-h3);margin:15px 0 7px;color:var(--navy)}
.hp-scope .hp-company{color:#69758e;font-size:var(--fs-sm)}
.hp-scope .hp-meta{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0;color:#68758f;font-size:var(--fs-xs)}
.hp-scope .hp-pill{background:#f2f5fb;border-radius:7px;padding:6px 8px}
.hp-scope .hp-job-bottom{border-top:1px solid #eef1f7;padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:var(--fs-xs);color:#8490a6}
.hp-scope .hp-salary{color:var(--green);font-size:var(--fs-sm);font-weight:var(--fw-bold)}
.hp-scope .hp-slider-tools{display:flex;gap:8px}
.hp-scope .hp-slider-btn{width:40px;height:40px;border-radius:11px;border:1px solid #dbe3f4;background:#fff;color:var(--navy);font-size:var(--fs-button);cursor:pointer}
.hp-scope .hp-slider-btn:disabled{opacity:.4;cursor:not-allowed}
.hp-scope .hp-slider-btn:hover:not(:disabled){background:var(--blue);color:white}
.hp-scope .hp-slider-dots{display:flex;gap:6px;justify-content:center;margin-top:20px}
.hp-scope .hp-slider-dot{width:7px;height:7px;border:0;padding:0;border-radius:20px;background:#cbd4e8;cursor:pointer}
.hp-scope .hp-slider-dot.hp-active{width:22px;background:var(--blue)}
.hp-scope .hp-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hp-scope .hp-category{border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;align-items:center;gap:12px;transition:.2s}
.hp-scope .hp-category:hover{border-color:#cbd7ff;background:#fafbff;transform:translateY(-2px)}
.hp-scope .hp-cat-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:22px;flex-shrink:0}
.hp-scope .hp-category strong{display:block;font-size:var(--fs-base);color:var(--navy)}
.hp-scope .hp-category small{display:block;color:#8791a5;margin-top:5px;font-size:var(--fs-xs)}
.hp-scope .hp-rating{display:flex;justify-content:space-between;border-top:1px solid #eef1f7;padding-top:12px;font-size:var(--fs-xs);color:#7c879d}
.hp-scope .hp-rating b{color:#f4a623}
.hp-scope .hp-growth{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.hp-scope .hp-growth-visual{min-height:300px;border-radius:24px;background:linear-gradient(135deg,#dce7ff,#f6f8ff);display:grid;place-items:center;position:relative;font-size:var(--fs-display)}
.hp-scope .hp-growth-chip{position:absolute;background:#fff;border-radius:12px;padding:12px 15px;box-shadow:0 10px 25px #243a7014;font-size:var(--fs-xs);color:var(--muted)}
.hp-scope .hp-growth-chip b{display:block;color:var(--navy);font-size:var(--fs-base)}
.hp-scope .hp-chip1{top:24px;left:20px}
.hp-scope .hp-chip2{right:20px;bottom:24px}
.hp-scope .hp-growth-copy h2{font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--navy)}
.hp-scope .hp-growth-copy p{color:var(--muted);line-height:var(--lh-body)}
.hp-scope .hp-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}
.hp-scope .hp-point{font-size:var(--fs-sm);color:#53617d}
.hp-scope .hp-point:before{content:"✓";display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e1f7ee;color:#119a6c;font-weight:var(--fw-bold);margin-right:8px}
.hp-scope .hp-stats{background:var(--navy);color:#fff;padding:34px 0}
.hp-scope .hp-stat{text-align:center;flex:1}
.hp-scope .hp-stat b{display:block;font-size:var(--fs-display)}
.hp-scope .hp-stat span{display:block;color:#b9c5e5;font-size:var(--fs-sm);margin-top:6px}
.hp-scope .hp-employer{padding:62px 0}
.hp-scope .hp-employer-box{background:linear-gradient(115deg,#315ee8,#6648dc);border-radius:24px;padding:40px 44px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px;position:relative;overflow:hidden}
.hp-scope .hp-employer-box:after{content:"";position:absolute;width:300px;height:300px;border:45px solid #ffffff13;border-radius:50%;right:18%;top:-180px}
.hp-scope .hp-employer-box h2{font-size:var(--fs-h2);margin:0 0 10px;color:#fff}
.hp-scope .hp-employer-box p{color:#e1e7ff;margin:0;line-height:var(--lh-body)}
.hp-scope .hp-employer-box .hp-btn{position:relative;z-index:1}
.hp-scope .hp-light-btn{background:#fff;color:var(--blue)}
@media(max-width:1000px){
.hp-scope .hp-categories{grid-template-columns:repeat(2,1fr)}
.hp-scope .hp-job-card{flex-basis:calc((100% - 16px)/2)}
.hp-scope .hp-hero-grid{grid-template-columns:1fr .75fr}
}
@media(max-width:760px){
.hp-scope .hp-hero{padding:40px 0 32px}
.hp-scope .hp-hero-grid{grid-template-columns:1fr}
.hp-scope .hp-hero-art{min-height:260px}
.hp-scope .hp-orb{width:260px}
.hp-scope .hp-f1{left:0;top:20px}
.hp-scope .hp-f2{right:0;top:75px}
.hp-scope .hp-f3{left:0;bottom:5px}
.hp-scope .hp-searchbox{grid-template-columns:1fr}
.hp-scope .hp-searchbox input{border-bottom:1px solid var(--line)}
.hp-scope .hp-section-head{align-items:flex-start;flex-direction:column}
.hp-scope .hp-job-card{flex-basis:100%}
.hp-scope .hp-growth{grid-template-columns:1fr;gap:25px}
.hp-scope .hp-growth-visual{min-height:250px}
.hp-scope .hp-stats .hp-row{justify-content:center}
.hp-scope .hp-stat{flex:0 0 40%}
.hp-scope .hp-employer-box{padding:30px 24px;align-items:flex-start;flex-direction:column}
}
@media(max-width:420px){
.hp-scope .hp-categories{grid-template-columns:1fr}
.hp-scope .hp-points{grid-template-columns:1fr}
}
.hp-scope .hp-trend-window{overflow:hidden;border-radius:22px}
.hp-scope .hp-trend-track{display:flex;gap:24px;transition:transform .45s ease;will-change:transform}
.hp-scope .hp-trend-track .hp-job-card{position:relative;flex:0 0 calc((100% - 48px)/3);height:278px;min-width:0;overflow:hidden;border:0;border-radius:24px;padding:20px;color:#fff;background:linear-gradient(120deg,#1d2d25,#586448);display:flex;flex-direction:column;justify-content:space-between}
.hp-scope .hp-trend-track .hp-job-card:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#0008,transparent 90%);pointer-events:none}
.hp-scope .hp-trend-track .hp-job-card>*{position:relative;z-index:1}
.hp-scope .hp-trend-track .hp-job-top{display:block}
.hp-scope .hp-trend-track .hp-company-icon,.hp-scope .hp-trend-track .hp-save,.hp-scope .hp-trend-track .hp-company,.hp-scope .hp-trend-track .hp-job-bottom{display:none}
.hp-scope .hp-trend-track .hp-job-card h3{font-size:var(--fs-h3);line-height:var(--lh-tight);color:inherit;max-width:280px;margin:12px 0 6px}
.hp-scope .hp-trend-track .hp-job-card .hp-meta{margin:8px 0;max-width:280px}
.hp-scope .hp-trend-track .hp-pill{border:1px solid #ffffff9c;background:#ffffff22;color:inherit;border-radius:18px;padding:5px 9px}
.hp-scope .hp-trend-track .hp-job-card .hp-banner-tag{display:inline-block;background:#e31837;color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:7px 10px;border-radius:7px;align-self:flex-start}
.hp-scope .hp-trend-track .hp-job-card .hp-banner-copy{font-size:var(--fs-base);line-height:var(--lh-heading);color:inherit;margin:0;max-width:280px}
.hp-scope .hp-trend-track .hp-job-card .hp-banner-cta{align-self:flex-start;background:#fff;color:#252525;border-radius:7px;padding:10px 15px;font-weight:var(--fw-bold);font-size:var(--fs-base)}
.hp-scope .hp-trend-track .hp-job-card .hp-banner-art{position:absolute;right:7px;bottom:0;font-size:var(--fs-display);line-height:;filter:drop-shadow(0 7px 7px #0002)}
.hp-scope .hp-trend-track .hp-job-card.hp-swiggy{background:linear-gradient(110deg,#fff1e5,#ffe0c8);color:#171717}
.hp-scope .hp-trend-track .hp-job-card.hp-swiggy .hp-banner-tag{background:#fff4e9;color:#c54b08;border:1px solid #f1d0b7}
.hp-scope .hp-trend-track .hp-job-card.hp-swiggy .hp-banner-cta{background:#ff4b16;color:#fff}
.hp-scope .hp-trend-track .hp-job-card.hp-internships{background:linear-gradient(110deg,#ffe9da,#ffdfcb);color:#5c2a0b}
.hp-scope .hp-trend-track .hp-job-card.hp-internships .hp-banner-tag{background:#ff704d;color:#fff}
.hp-scope .hp-trend-track .hp-job-card.hp-internships .hp-banner-cta{background:#e9192d;color:#fff}
.hp-scope .hp-trend-controls{position:relative}
.hp-scope .hp-trend-controls .hp-slider-btn{width:50px;height:50px;border-radius:50%;box-shadow:0 6px 22px #18264b20;font-size:var(--fs-button)}
.hp-scope .hp-trend-controls #jobPrev{margin-right:8px}
.hp-scope .hp-trend-controls #jobNext{margin-left:8px}
@media(max-width:1000px){
.hp-scope .hp-trend-track .hp-job-card{flex-basis:calc((100% - 24px)/2)}
}
@media(max-width:650px){
.hp-scope .hp-trend-track .hp-job-card{flex-basis:100%;height:260px}
.hp-scope .hp-trend-track .hp-job-card .hp-banner-art{font-size:var(--fs-display)}
}
.hp-scope .hp-job-guarantee{background:linear-gradient(135deg,#f5f7ff,#eef3ff)}
.hp-scope .hp-jg-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}
.hp-scope .hp-jg-head h2{font-size:var(--fs-h2);color:#15264b;margin:8px 0}
.hp-scope .hp-jg-head p{color:#6d7891}
.hp-scope .hp-jg-window{overflow:hidden}
.hp-scope .hp-jg-track{display:flex;gap:18px;transition:transform .4s;will-change:transform}
.hp-scope .hp-jg-card{flex:0 0 calc((100% - 54px)/4);min-width:0;background:#fff;border:1px solid #e1e7f3;border-radius:17px;overflow:hidden;box-shadow:0 8px 24px #15264b10}
.hp-scope .hp-jg-art{height:170px;padding:16px;color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.hp-scope .hp-jg-art:after{content:"";position:absolute;width:155px;height:155px;border:24px solid #ffffff28;border-radius:50%;right:-30px;bottom:-85px}
.hp-scope .hp-jg-art>*{position:relative;z-index:1}
.hp-scope .hp-jg-tag{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.7px;background:#ffffff30;border:1px solid #ffffff60;border-radius:20px;padding:6px 9px;align-self:flex-start}
.hp-scope .hp-jg-art h3{font-size:var(--fs-h3);line-height:var(--lh-tight);margin:10px 0 4px;max-width:230px;color:inherit}
.hp-scope .hp-jg-art p{font-size:var(--fs-base);line-height:var(--lh-heading);color:inherit;margin:0}
.hp-scope .hp-jg-icon{position:absolute;right:15px;bottom:12px;font-size:48px}
.hp-scope .hp-jg-body{padding:15px}
.hp-scope .hp-jg-body p{font-size:var(--fs-base);color:#6d7891;margin:0 0 12px}
.hp-scope .hp-jg-chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:13px}
.hp-scope .hp-jg-chips span{background:#f0f3ff;color:#4055a2;border-radius:6px;padding:6px;font-size:var(--fs-xs);font-weight:var(--fw-bold)}
.hp-scope .hp-jg-foot{border-top:1px solid #edf0f6;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.hp-scope .hp-jg-foot b{font-size:var(--fs-xs);color:#15264b}
.hp-scope .hp-jg-foot button{background:#315ee8;color:#fff;border:0;border-radius:8px;padding:9px 10px;font-size:var(--fs-button);font-weight:var(--fw-bold);cursor:pointer}
.hp-scope .hp-jg-note{font-size:var(--fs-xs);color:#68758f;line-height:var(--lh-body);margin-top:18px}
@media(max-width:980px){
.hp-scope .hp-jg-card{flex-basis:calc((100% - 18px)/2)}
}
@media(max-width:650px){
.hp-scope .hp-jg-head{align-items:flex-start;flex-direction:column}
.hp-scope .hp-jg-card{flex-basis:100%}
}
.hp-scope .hp-listing-section{background:linear-gradient(180deg,#eaf5ff 0%,#d6eaff 100%)}
.hp-scope .hp-listing-head{margin-bottom:22px}
.hp-scope .hp-listing-head h2{font-size:var(--fs-h2);margin:0 0 22px;color:#343434;letter-spacing:var(--ls-tight)}
.hp-scope .hp-listing-head h3{font-size:var(--fs-h3);margin:0 0 22px;color:#343434;letter-spacing:var(--ls-tight)}
.hp-scope .hp-listing-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}
.hp-scope .hp-listing-tab{border:0;border-radius:24px;padding:11px 20px;background:#fff;color:#333;font-size:var(--fs-nav);font-weight:var(--fw-bold);cursor:pointer;box-shadow:0 1px 1px #15264b12}
.hp-scope .hp-listing-tab.hp-active{background:#078ee0;color:#fff}
.hp-scope .hp-listing-window{overflow:hidden}
.hp-scope .hp-listing-track{display:flex;gap:26px;transition:transform .42s ease;will-change:transform}
.hp-scope .hp-listing-card{flex:0 0 calc((100% - 78px)/4);min-width:0;min-height:315px;background:#fff;border-radius:17px;padding:22px 22px 20px;display:flex;flex-direction:column;box-shadow:0 2px 2px #1c3a5b08}
.hp-scope .hp-listing-hiring{font-size:var(--fs-xs);color:#444;border:1px solid #ddd;border-radius:4px;padding:5px 8px;align-self:flex-start;margin-bottom:15px}
.hp-scope .hp-listing-hiring span{color:#078ee0;font-weight:var(--fw-bold);margin-right:6px}
.hp-scope .hp-listing-card-title{font-size:var(--fs-base);font-weight:;color:#333;line-height:var(--lh-heading);margin-bottom:4px}
.hp-scope .hp-listing-company{font-size:var(--fs-xs);color:#888;line-height:var(--lh-heading);min-height:20px}
.hp-scope .hp-listing-rule{height:1px;background:#ececec;margin:17px 0 12px}
.hp-scope .hp-listing-meta{display:flex;gap:9px;align-items:flex-start;font-size:var(--fs-xs);color:#444;margin:9px 0;line-height:var(--lh-body)}
.hp-scope .hp-listing-meta .hp-ico{color:#888;font-size:14px;flex:0 0 14px}
.hp-scope .hp-listing-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:20px}
.hp-scope .hp-listing-kind{font-size:var(--fs-xs);color:#666;background:#eee;border-radius:4px;padding:5px 7px}
.hp-scope .hp-listing-details{font-size:var(--fs-sm);color:#008de5;font-weight:;white-space:nowrap}
.hp-scope .hp-listing-controls{display:flex;align-items:center;gap:13px;margin-top:34px}
.hp-scope .hp-listing-control-pill{display:flex;align-items:center;gap:14px;background:#fff;border-radius:30px;padding:8px 13px;box-shadow:0 2px 6px #1c3a5b10}
.hp-scope .hp-listing-arrow{width:28px;height:28px;border:0;background:transparent;font-size:25px;line-height:;cursor:pointer;color:#333}
.hp-scope .hp-listing-arrow:disabled{color:#bbb}
.hp-scope .hp-listing-progress{width:84px;height:5px;background:#ddd;border-radius:10px;overflow:hidden}
.hp-scope .hp-listing-progress span{display:block;height:100%;width:25%;background:#078ee0;border-radius:10px;transition:width .3s}
@media(max-width:1050px){
.hp-scope .hp-listing-card{flex-basis:calc((100% - 52px)/3)}
}
@media(max-width:780px){
.hp-scope .hp-listing-card{flex-basis:calc((100% - 26px)/2);min-height:300px}
.hp-scope .hp-listing-tabs{gap:8px}
.hp-scope .hp-listing-tab{padding:10px 15px}
}
@media(max-width:520px){
.hp-scope .hp-listing-card{flex-basis:100%}
.hp-scope .hp-listing-head h3{font-size:var(--fs-h3)}
.hp-scope .hp-listing-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}
.hp-scope .hp-listing-tab{white-space:nowrap}
.hp-scope .hp-listing-controls{margin-top:24px}
}
.hp-scope .hp-listing-section{background:linear-gradient(180deg,#f5f8ff 0%,#edf4ff 100%)}
.hp-scope .hp-listing-head h2{font-size:var(--fs-h2);letter-spacing:var(--ls-tight);color:var(--navy,#15264b)}
.hp-scope .hp-listing-tabs{gap:9px;margin-bottom:25px}
.hp-scope .hp-listing-tab{border:1px solid #e1e7f3;box-shadow:none;transition:background .2s,color .2s,border-color .2s}
.hp-scope .hp-listing-tab.hp-active{background:var(--blue,#315ee8);border-color:var(--blue,#315ee8);color:#fff}
.hp-scope .hp-listing-track{gap:18px;transition:transform .45s ease}
.hp-scope .hp-listing-card{flex-basis:calc((100% - 54px)/4);border:1px solid var(--line,#e5eaf3);box-shadow:0 8px 22px #1b36730b;border-radius:16px;padding:20px;min-height:315px;transition:box-shadow .2s,border-color .2s}
.hp-scope .hp-listing-card:hover{box-shadow:0 12px 28px #1b367315;border-color:#cbd7fb}
.hp-scope .hp-listing-controls{margin-top:22px}
.hp-scope .hp-listing-control-pill{gap:12px;padding:7px 10px;border:1px solid #e4eaf5;box-shadow:0 5px 18px #1b36730d}
.hp-scope .hp-listing-arrow{width:30px;height:30px;color:var(--navy,#15264b);border-radius:8px}
.hp-scope .hp-listing-arrow:hover:not(:disabled){background:var(--blue,#315ee8);color:white}
.hp-scope .hp-listing-progress{width:78px}
.hp-scope .hp-listing-progress span{background:var(--blue,#315ee8)}
@media(max-width:1050px){
.hp-scope .hp-listing-card{flex-basis:calc((100% - 36px)/3)}
}
@media(max-width:780px){
.hp-scope .hp-listing-card{flex-basis:calc((100% - 18px)/2)}
}
@media(max-width:520px){
.hp-scope .hp-listing-card{flex-basis:100%}
.hp-scope .hp-listing-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}
.hp-scope .hp-listing-tab{white-space:nowrap}
}
.hp-scope .hp-eco-section{padding:68px 0}
.hp-scope .hp-eco-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.hp-scope .hp-eco-heading h2{font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);margin:7px 0;color:#18284d}
.hp-scope .hp-eco-heading p{margin:0;color:#6d7891;line-height:var(--lh-body);max-width:680px}
.hp-scope .hp-eco-kicker{font-size:var(--fs-xs);letter-spacing:1.5px;font-weight:var(--fw-bold);color:#315ee8}
.hp-scope .hp-eco-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hp-scope .hp-eco-card{background:#fff;border:1px solid #e3e9f4;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #1b36730b;display:flex;flex-direction:column;min-width:0}
.hp-scope .hp-eco-art{padding:20px;min-height:158px;color:white;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.hp-scope .hp-eco-art:after{content:"";position:absolute;width:150px;height:150px;border:24px solid #ffffff25;border-radius:50%;right:-40px;bottom:-90px}
.hp-scope .hp-eco-art>*{position:relative;z-index:1}
.hp-scope .hp-eco-art h3{font-size:var(--fs-h3);line-height:var(--lh-tight);margin:18px 0 6px;color:inherit}
.hp-scope .hp-eco-art p{font-size:var(--fs-base);line-height:var(--lh-body);margin:0;color:inherit;max-width:250px}
.hp-scope .hp-eco-chip{align-self:flex-start;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.8px;text-transform:uppercase;border:1px solid #ffffff70;background:#ffffff25;border-radius:20px;padding:6px 9px}
.hp-scope .hp-eco-card-body{padding:17px;display:flex;flex-direction:column;gap:10px;flex:1}
.hp-scope .hp-eco-card-body p{font-size:var(--fs-base);line-height:var(--lh-body);color:#68758f;margin:0}
.hp-scope .hp-eco-meta{font-size:var(--fs-xs);color:#7c879b}
.hp-scope .hp-eco-link{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:#087fdb;text-decoration:none;margin-top:auto;padding-top:8px}
.hp-scope .hp-eco-link:hover{text-decoration:underline}
.hp-scope .hp-eco-cta{display:inline-flex;align-items:center;justify-content:center;background:#315ee8;color:#fff!important;text-decoration:none;border-radius:9px;padding:11px 15px;font-size:var(--fs-sm);font-weight:var(--fw-bold);border:0;cursor:pointer}
.hp-scope .hp-eco-cta.hp-secondary{background:#edf3ff;color:#315ee8!important}
.hp-scope .hp-eco-soft{background:linear-gradient(180deg,#f3f7ff,#e8f2ff)}
.hp-scope .hp-eco-white{background:#fff}
.hp-scope .hp-eco-ad{border:1px dashed #9eb5e9;background:linear-gradient(110deg,#f7f8ff,#e5efff);border-radius:18px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}
.hp-scope .hp-eco-ad h3{margin:0 0 6px;font-size:var(--fs-h3);color:#1c2b50}
.hp-scope .hp-eco-ad p{margin:0;color:#66748e;font-size:var(--fs-base);line-height:var(--lh-body)}
.hp-scope .hp-eco-slider-window{overflow:hidden}
.hp-scope .hp-eco-slider-track{display:flex;gap:18px;transition:transform .45s ease;will-change:transform}
.hp-scope .hp-eco-slider-track .hp-eco-card{flex:0 0 calc((100% - 54px)/4)}
.hp-scope .hp-eco-slider-controls{display:flex;align-items:center;gap:12px;margin-top:22px}
.hp-scope .hp-eco-slider-controls .hp-arrow{width:42px;height:42px;border:1px solid #e0e7f3;background:#fff;border-radius:50%;font-size:23px;cursor:pointer;color:#243456;box-shadow:0 5px 16px #1b36730c}
.hp-scope .hp-eco-slider-controls .hp-arrow:hover{background:#315ee8;color:white}
.hp-scope .hp-eco-dots{display:flex;gap:6px;align-items:center}
.hp-scope .hp-eco-dots button{height:6px;width:16px;border:0;border-radius:8px;background:#d7deeb;padding:0;cursor:pointer}
.hp-scope .hp-eco-dots button.hp-active{width:28px;background:#315ee8}
.hp-scope .hp-eco-news-tag{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.6px;color:#315ee8;text-transform:uppercase}
.hp-scope .hp-eco-news-date{font-size:var(--fs-xs);color:#8a94a7}
.hp-scope .hp-eco-lead-band{border-radius:22px;padding:32px;background:linear-gradient(115deg,#172b59,#315ee8);color:white;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hp-scope .hp-eco-lead-band h2{font-size:var(--fs-h2);margin:0 0 8px;color:white}
.hp-scope .hp-eco-lead-band p{color:#e0e8ff;line-height:var(--lh-body);margin:0;max-width:680px;font-size:var(--fs-base)}
.hp-scope .hp-eco-lead-band .hp-eco-cta{background:white;color:#2548b6!important;white-space:nowrap}
@media(max-width:1050px){
.hp-scope .hp-eco-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hp-scope .hp-eco-slider-track .hp-eco-card{flex-basis:calc((100% - 36px)/3)}
}
@media(max-width:680px){
.hp-scope .hp-eco-section{padding:48px 0}
.hp-scope .hp-eco-heading{align-items:flex-start;flex-direction:column}
.hp-scope .hp-eco-grid{grid-template-columns:1fr}
.hp-scope .hp-eco-slider-track .hp-eco-card{flex-basis:calc((100% - 18px)/2)}
.hp-scope .hp-eco-ad,.hp-scope .hp-eco-lead-band{align-items:flex-start;flex-direction:column;padding:22px}
.hp-scope .hp-eco-art{min-height:145px}
}
@media(max-width:460px){
.hp-scope .hp-eco-slider-track .hp-eco-card{flex-basis:100%}
}
.hp-scope .hp-career-alerts{background:#fff;padding:58px 0}
.hp-scope .hp-alert-topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.hp-scope .hp-alert-live{display:inline-flex;align-items:center;gap:7px;background:#fff0f0;color:#c62828;border-radius:20px;padding:7px 11px;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.6px;text-transform:uppercase}
.hp-scope .hp-alert-live:before{content:"";width:7px;height:7px;background:#e53935;border-radius:50%;box-shadow:0 0 0 4px #e5393520}
.hp-scope .hp-alert-ticker{overflow:hidden;border:1px solid #e3eaf6;background:#f7faff;border-radius:12px;flex:1;min-width:250px}
.hp-scope .hp-alert-ticker-track{display:flex;align-items:center;gap:42px;white-space:nowrap;padding:12px 18px;width:max-content;animation:careerTicker 34s linear infinite}
.hp-scope .hp-alert-ticker:hover .hp-alert-ticker-track{animation-play-state:paused}
.hp-scope .hp-alert-ticker-item{font-size:var(--fs-xs);color:#33415f;font-weight:var(--fw-bold)}
.hp-scope .hp-alert-ticker-item b{color:#315ee8;margin-right:7px}
@keyframes careerTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hp-scope .hp-alerts-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:24px 0}
.hp-scope .hp-alerts-heading h2{font-size:var(--fs-h2);letter-spacing:var(--ls-tight);color:#18284d;margin:7px 0}
.hp-scope .hp-alerts-heading p{color:#6d7891;line-height:var(--lh-body);margin:0;max-width:680px}
.hp-scope .hp-alert-category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.hp-scope .hp-alert-category-tab{border:1px solid #dfe7f5;background:#fff;color:#43516c;border-radius:22px;padding:9px 15px;font-size:var(--fs-nav);font-weight:var(--fw-bold);cursor:pointer}
.hp-scope .hp-alert-category-tab.hp-active{background:#315ee8;color:#fff;border-color:#315ee8}
.hp-scope .hp-alert-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hp-scope .hp-alert-news-card{border:1px solid #e2e9f5;border-radius:16px;padding:19px;background:#fff;display:flex;flex-direction:column;min-height:222px;box-shadow:0 7px 22px #1b36730a}
.hp-scope .hp-alert-news-card[hidden]{display:none}
.hp-scope .hp-alert-news-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.hp-scope .hp-alert-news-category{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.5px;text-transform:uppercase;background:#edf3ff;color:#315ee8;border-radius:6px;padding:6px 8px}
.hp-scope .hp-alert-news-date{font-size:var(--fs-xs);color:#8a94a7}
.hp-scope .hp-alert-news-card h3{font-size:var(--fs-h3);line-height:var(--lh-heading);color:#1d2c4d;margin:0 0 9px}
.hp-scope .hp-alert-news-card p{font-size:var(--fs-base);line-height:var(--lh-body);color:#6d7891;margin:0 0 14px}
.hp-scope .hp-alert-news-card a{margin-top:auto;padding-top:8px;color:#087fdb;font-size:var(--fs-xs);font-weight:var(--fw-bold);text-decoration:none}
.hp-scope .hp-alert-news-card a:hover{text-decoration:underline}
.hp-scope .hp-alert-news-card.hp-featured{background:linear-gradient(145deg,#f1f6ff,#fff);border-color:#cbdaf8}
.hp-scope .hp-alerts-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:17px 19px;border-radius:14px;background:#f1f6ff}
.hp-scope .hp-alerts-footer p{margin:0;font-size:var(--fs-base);line-height:var(--lh-body);color:#61708b}
.hp-scope .hp-alerts-footer strong{color:#263c70}
.hp-scope .hp-alerts-empty{display:none;padding:25px;text-align:center;color:#68758f;background:#f7faff;border-radius:12px}
@media(max-width:900px){
.hp-scope .hp-alert-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
.hp-scope .hp-career-alerts{padding:42px 0}
.hp-scope .hp-alerts-heading{align-items:flex-start;flex-direction:column}
.hp-scope .hp-alert-news-grid{grid-template-columns:1fr}
.hp-scope .hp-alerts-footer{align-items:flex-start;flex-direction:column}
.hp-scope .hp-alert-category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}
.hp-scope .hp-alert-category-tab{white-space:nowrap}
}
.hp-scope .hp-alert-news-card{padding:0;overflow:hidden}
.hp-scope .hp-alert-thumb{height:138px;position:relative;overflow:hidden;padding:16px 18px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(125deg,#183d82,#4388ef)}
.hp-scope .hp-alert-thumb:before{content:"";position:absolute;width:175px;height:175px;border-radius:50%;right:-25px;top:-72px;background:#ffffff20;border:18px solid #ffffff25}
.hp-scope .hp-alert-thumb:after{content:"";position:absolute;width:95px;height:95px;border-radius:22px;right:30px;bottom:-42px;transform:rotate(32deg);background:#ffffff24;border:1px solid #ffffff40}
.hp-scope .hp-alert-thumb .hp-thumb-label{position:relative;z-index:2;font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:1px;text-transform:uppercase;background:#ffffff25;border:1px solid #ffffff60;border-radius:20px;padding:6px 9px;backdrop-filter:blur(4px)}
.hp-scope .hp-alert-thumb .hp-thumb-symbol{position:absolute;z-index:1;right:23px;bottom:12px;font-size:var(--fs-display);filter:drop-shadow(0 5px 9px #001b4d35)}
.hp-scope .hp-alert-thumb .hp-thumb-orbit{position:absolute;width:60px;height:60px;border:2px solid #ffffff75;border-radius:50%;right:76px;top:24px}
.hp-scope .hp-alert-news-content{padding:17px 19px 19px;display:flex;flex-direction:column;flex:1;min-height:185px}
.hp-scope .hp-alert-news-card.hp-featured .hp-alert-thumb{height:155px}
.hp-scope .hp-alert-news-card .hp-alert-news-meta{margin-bottom:12px}
.hp-scope .hp-alert-thumb.hp-medical{background:linear-gradient(125deg,#143d80,#4388ef)}
.hp-scope .hp-alert-thumb.hp-abroad{background:linear-gradient(125deg,#07564f,#20b69a)}
.hp-scope .hp-alert-thumb.hp-jobs{background:linear-gradient(125deg,#652b81,#a66ce2)}
.hp-scope .hp-alert-thumb.hp-exams{background:linear-gradient(125deg,#87420b,#ed9d37)}
.hp-scope .hp-alert-thumb.hp-education{background:linear-gradient(125deg,#174c79,#2795c7)}
.hp-scope .hp-alert-thumb.hp-scholarships{background:linear-gradient(125deg,#9c274a,#e65d82)}
.hp-scope .hp-alert-thumb.hp-career{background:linear-gradient(125deg,#23356d,#6478ee)}
.hp-scope .hp-alert-thumb.hp-events{background:linear-gradient(125deg,#0b6573,#31b6c2)}
.hp-scope .hp-alert-thumb.hp-hiring{background:linear-gradient(125deg,#354b66,#7188a8)}
@media(max-width:600px){
.hp-scope .hp-alert-thumb{height:128px}
.hp-scope .hp-alert-news-card.hp-featured .hp-alert-thumb{height:138px}
.hp-scope .hp-alert-news-content{min-height:0}
}
/* Latest Career & Admission Updates: single-row carousel (reference: "Updates Carousel") */
.hp-scope .hp-career-news-carousel{position:relative;margin:0 0 4px}
.hp-scope .hp-career-news-viewport{overflow:hidden;padding:3px 1px 7px}
.hp-scope .hp-alert-news-grid.hp-career-news-track{display:flex;flex-wrap:nowrap;gap:16px;transition:transform .5s cubic-bezier(.2,.75,.25,1);will-change:transform}
.hp-scope .hp-career-news-track .hp-alert-news-card{flex:0 0 calc((100% - 48px)/4);min-width:0}
.hp-scope .hp-career-news-track .hp-alert-news-card[hidden]{display:none!important}
.hp-scope .hp-career-news-track .hp-alert-news-card.hp-featured .hp-alert-thumb{height:138px}
.hp-scope .hp-alert-news-source{font-size:var(--fs-xs);color:#8a94a7;margin-top:-6px}
.hp-scope .hp-career-news-arrow{position:absolute;z-index:3;top:43%;width:38px;height:38px;border:1px solid #dfe5f3;border-radius:50%;background:#fff;color:#34466a;font-size:25px;line-height:;box-shadow:0 4px 14px #1c2b4c1a;cursor:pointer;display:grid;place-items:center;padding:0}
.hp-scope .hp-career-news-arrow:hover:not(:disabled){background:#315ee8;color:#fff;border-color:#315ee8}
.hp-scope .hp-career-news-arrow:disabled{opacity:.35;cursor:default}
.hp-scope .hp-career-news-arrow.hp-news-prev{left:-18px}
.hp-scope .hp-career-news-arrow.hp-news-next{right:-18px}
.hp-scope .hp-career-news-controls{display:flex;align-items:center;justify-content:center;position:relative;min-height:38px;padding-top:10px}
.hp-scope .hp-career-news-dots{display:flex;gap:6px;align-items:center}
.hp-scope .hp-career-news-dots button{width:7px;height:7px;border:0;border-radius:10px;background:#d7deeb;padding:0;cursor:pointer}
.hp-scope .hp-career-news-dots button.hp-active{width:22px;background:#315ee8}
.hp-scope .hp-career-news-count{position:absolute;right:42px;font-size:var(--fs-xs);color:#929db2}
.hp-scope .hp-career-news-count strong{color:#315ee8}
.hp-scope .hp-career-news-pause{position:absolute;right:0;width:27px;height:27px;border:1px solid #e2e8f2;border-radius:50%;background:#fff;color:#73819a;font-size:var(--fs-xs);cursor:pointer;padding:0}
.hp-scope .hp-testimonial-stars.hp-testimonial-mark{font-size:44px;line-height:;height:26px;font-family:Georgia,serif;letter-spacing:0}
@media(max-width:900px){
.hp-scope .hp-career-news-track .hp-alert-news-card{flex-basis:calc((100% - 32px)/3)}
}
@media(max-width:680px){
.hp-scope .hp-career-news-track .hp-alert-news-card{flex-basis:calc((100% - 16px)/2)}
.hp-scope .hp-career-news-arrow.hp-news-prev{left:-12px}
.hp-scope .hp-career-news-arrow.hp-news-next{right:-12px}
}
@media(max-width:460px){
.hp-scope .hp-career-news-track .hp-alert-news-card{flex-basis:100%}
.hp-scope .hp-career-news-arrow{top:39%;width:34px;height:34px}
.hp-scope .hp-career-news-count{display:none}
}
.hp-scope .hp-extra-slider-section{padding:62px 0;background:#fff}
.hp-scope .hp-extra-slider-section.hp-alt{background:linear-gradient(180deg,#f5f8ff,#edf4ff)}
.hp-scope .hp-extra-slider-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}
.hp-scope .hp-extra-slider-head h2{font-size:var(--fs-h2);color:#18284d;margin:7px 0}
.hp-scope .hp-extra-slider-head p{color:#6d7891;line-height:var(--lh-body);max-width:680px;margin:0}
.hp-scope .hp-extra-slider-window{overflow:hidden}
.hp-scope .hp-extra-slider-track{display:flex;gap:18px;transition:transform .45s ease;will-change:transform}
.hp-scope .hp-extra-slider-controls{display:flex;align-items:center;gap:10px;margin-top:22px}
.hp-scope .hp-extra-slider-controls .hp-arrow{width:42px;height:42px;border:1px solid #e0e7f3;background:#fff;border-radius:50%;font-size:23px;cursor:pointer;color:#243456}
.hp-scope .hp-extra-slider-controls .hp-arrow:hover{background:#315ee8;color:#fff}
.hp-scope .hp-extra-slider-dots{display:flex;gap:6px}
.hp-scope .hp-extra-slider-dots button{height:6px;width:16px;border:0;border-radius:8px;background:#d7deeb;padding:0;cursor:pointer}
.hp-scope .hp-extra-slider-dots button.hp-active{width:28px;background:#315ee8}
.hp-scope .hp-blog-slide-body p{font-size:var(--fs-base);line-height:var(--lh-body);color:#6d7891;margin:0 0 12px}
.hp-scope .hp-testimonial-card{flex:0 0 calc((100% - 36px)/3);border:1px solid #e2e9f5;background:#fff;border-radius:18px;padding:24px;min-height:235px;display:flex;flex-direction:column;box-shadow:0 8px 22px #1b36730a}
.hp-scope .hp-testimonial-stars{color:#f5a623;letter-spacing:2px;font-size:15px;margin-bottom:13px}
.hp-scope .hp-testimonial-quote{font-size:var(--fs-base);line-height:var(--lh-body);color:#43516c;margin:0 0 22px}
.hp-scope .hp-testimonial-person{display:flex;align-items:center;gap:11px;margin-top:auto}
.hp-scope .hp-testimonial-avatar{height:42px;width:42px;border-radius:50%;background:linear-gradient(135deg,#315ee8,#6e8eff);display:grid;place-items:center;color:white;font-weight:var(--fw-bold)}
.hp-scope .hp-testimonial-person strong{display:block;font-size:var(--fs-xs);color:#203052}
.hp-scope .hp-testimonial-person span{display:block;font-size:var(--fs-xs);color:#8792a7;margin-top:3px}
.hp-scope .hp-blog-slide-card{flex:0 0 calc((100% - 54px)/4);border:1px solid #e2e9f5;background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 22px #1b36730a}
.hp-scope .hp-blog-art{height:145px;padding:17px;display:flex;align-items:flex-end;position:relative;overflow:hidden;color:#fff}
.hp-scope .hp-blog-art:before{content:'';position:absolute;width:150px;height:150px;border-radius:50%;right:-30px;top:-60px;border:22px solid #ffffff30;background:#ffffff15}
.hp-scope .hp-blog-art span{position:relative;z-index:1;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.8px;text-transform:uppercase;background:#ffffff30;padding:7px 10px;border:1px solid #ffffff55;border-radius:20px}
.hp-scope .hp-blog-art.hp-med{background:linear-gradient(130deg,#143d80,#4388ef)}
.hp-scope .hp-blog-art.hp-abroad{background:linear-gradient(130deg,#07564f,#20a98b)}
.hp-scope .hp-blog-art.hp-skills{background:linear-gradient(130deg,#652b81,#a66ce2)}
.hp-scope .hp-blog-art.hp-jobs{background:linear-gradient(130deg,#87420b,#ed9d37)}
.hp-scope .hp-blog-art.hp-interview{background:linear-gradient(130deg,#9c274a,#e65d82)}
.hp-scope .hp-blog-art.hp-student{background:linear-gradient(130deg,#174c4c,#3aafa0)}
.hp-scope .hp-blog-slide-body{padding:18px;display:flex;flex-direction:column;flex:1;min-height:185px}
.hp-scope .hp-blog-meta{font-size:var(--fs-xs);color:#8792a7;margin-bottom:10px}
.hp-scope .hp-blog-slide-body h3{font-size:var(--fs-h3);line-height:var(--lh-heading);color:#1d2c4d;margin:0 0 9px}
.hp-scope .hp-blog-slide-body a{margin-top:auto;color:#087fdb;font-size:var(--fs-xs);font-weight:var(--fw-bold);text-decoration:none}
@media(max-width:1050px){
.hp-scope .hp-blog-slide-card{flex-basis:calc((100% - 36px)/3)}
.hp-scope .hp-testimonial-card{flex-basis:calc((100% - 18px)/2)}
}
@media(max-width:700px){
.hp-scope .hp-extra-slider-section{padding:44px 0}
.hp-scope .hp-extra-slider-head{align-items:flex-start;flex-direction:column}
.hp-scope .hp-blog-slide-card,.hp-scope .hp-testimonial-card{flex-basis:calc((100% - 18px)/2)}
}
@media(max-width:480px){
.hp-scope .hp-blog-slide-card,.hp-scope .hp-testimonial-card{flex-basis:100%}
}


/* ---------- Part 3: additions for real data ---------- */
.hp-scope .hp-top a:hover { text-decoration: underline; }
.hp-scope .hp-searchbox { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) auto auto; }
.hp-scope .hp-searchbox select { border: 0; border-left: 1px solid var(--line); outline: 0; background: #fff; color: #53617d; font: inherit; font-size: var(--fs-input); padding: 0 10px; cursor: pointer; }
.hp-scope .hp-trend-badge { display: inline-grid; place-items: center; background: #6578f7; color: #fff; width: 28px; height: 28px; border-radius: 50%; font-size: var(--fs-md); vertical-align: 4px; }
.hp-scope .hp-listing-card-title a:hover, .hp-scope .hp-listing-details:hover, .hp-scope .hp-link:hover { text-decoration: underline; }
.hp-scope .hp-listing-more { margin-left: auto; }
.hp-scope .hp-slider-tools { align-items: center; }
.hp-scope .hp-slider-tools .hp-link { margin-right: 8px; }
.hp-scope .hp-jg-foot a { background: #315ee8; color: #fff; border-radius: 8px; padding: 9px 10px; font-size: var(--fs-xs); font-weight: var(--fw-bold); white-space: nowrap; }
@media (max-width: 760px) {
    .hp-scope .hp-searchbox { grid-template-columns: 1fr; }
    .hp-scope .hp-searchbox select { border-left: 0; border-bottom: 1px solid var(--line); padding: 12px 8px; }
    .hp-scope .hp-slider-tools .hp-link { margin-right: auto; }
}
@media (max-width: 520px) {
    .hp-scope .hp-listing-controls { flex-wrap: wrap; }
}
/* Real course titles and company names are longer than the reference samples. */
.hp-scope .hp-jg-art > div { padding-right: 54px; }
.hp-scope .hp-jg-art h3, .hp-scope .hp-jg-art p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
/* Tablets: the hero is narrower, so the search inputs get their own rows and the type + button share the last one. */
@media (max-width: 1000px) and (min-width: 761px) {
    .hp-scope .hp-searchbox { grid-template-columns: minmax(0, 1fr) auto; }
    .hp-scope .hp-searchbox input { grid-column: 1 / -1; border-bottom: 1px solid var(--line); }
    .hp-scope .hp-searchbox select { border-left: 0; justify-self: start; padding: 12px 8px; }
}

/* ---------- v2 redesign: certification hero banner ---------- */
.hp-scope section.hp-job-guarantee{padding:0;background:#fff}
.hp-scope .hp-job-guarantee>.hp-wrap{box-sizing:border-box;width:100%;max-width:none;padding:0 max(4%,calc((100% - 1200px)/2)) 46px;background:linear-gradient(115deg,#f2f5ff 0%,#f8f7ff 48%,#e9edff 100%);position:relative;overflow:hidden}
.hp-scope .hp-job-guarantee>.hp-wrap:before{content:"";position:absolute;width:440px;height:440px;border:1px solid #cbd5ff;border-radius:50%;right:5%;top:-250px;box-shadow:0 0 0 32px #ffffff35,0 0 0 70px #ffffff25;pointer-events:none}
.hp-scope .hp-jg-head{position:relative;z-index:1;min-height:300px;padding:55px 0 35px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;margin:0}
.hp-scope .hp-jg-head .hp-kicker{display:inline-block;font-size:var(--fs-xs);letter-spacing:1.2px;font-weight:var(--fw-bold);color:#4b45d8;background:#e5e8ff;border:1px solid #d7dcff;border-radius:30px;padding:9px 13px;margin-bottom:12px}
.hp-scope .hp-jg-head h2{font-size:var(--fs-h2);line-height:;letter-spacing:var(--ls-tight);color:#15264b;margin:5px 0 14px;max-width:650px}
.hp-scope .hp-jg-head p{font-size:var(--fs-base);line-height:var(--lh-body);color:#65718d;max-width:580px;margin:0}
.hp-scope .hp-jg-head:after{content:"🎓";position:absolute;right:16%;top:42px;width:230px;height:230px;border-radius:48% 52% 55% 45%;display:grid;place-items:center;font-size:var(--fs-display);background:linear-gradient(145deg,#d9dcff,#c5c7ff);box-shadow:0 25px 60px #5364c52b;transform:rotate(-8deg)}
.hp-scope .hp-jg-head .hp-slider-tools{position:absolute;right:0;bottom:30px;z-index:2}
.hp-scope .hp-jg-head .hp-arrow{width:42px;height:42px;border:1px solid #e0e7f3;background:#fff;border-radius:50%;font-size:23px;cursor:pointer;color:#243456;box-shadow:0 5px 16px #1b36730c}
.hp-scope .hp-jg-head .hp-arrow:hover:not(:disabled){background:#315ee8;color:#fff}
.hp-scope .hp-jg-head .hp-arrow:disabled{opacity:.45;cursor:not-allowed}
.hp-scope .hp-jg-window,.hp-scope .hp-job-guarantee .hp-dots{position:relative;z-index:1}
.hp-scope .hp-jg-track{gap:16px}
.hp-scope .hp-jg-card{flex-basis:calc((100% - 48px)/4);box-shadow:0 10px 28px #273a7617}
.hp-scope .hp-dots{display:flex;gap:6px;justify-content:center;margin-top:20px}
.hp-scope .hp-dot{width:7px;height:7px;border:0;padding:0;border-radius:20px;background:#cbd4e8;cursor:pointer}
.hp-scope .hp-dot.hp-active{width:22px;background:#315ee8}
@media(max-width:980px){.hp-scope .hp-jg-card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:760px){
.hp-scope .hp-job-guarantee>.hp-wrap{padding:0 4% 35px}
.hp-scope .hp-jg-head{grid-template-columns:1fr;min-height:0;padding:42px 0 35px}
.hp-scope .hp-jg-head:after{display:none}
.hp-scope .hp-jg-head .hp-slider-tools{position:static;justify-self:start}
.hp-scope .hp-jg-head h2{font-size:var(--fs-h2)}
.hp-scope .hp-jg-card{flex-basis:calc((100% - 16px)/2)}
}
@media(max-width:520px){.hp-scope .hp-jg-card{flex-basis:100%}.hp-scope .hp-jg-head h2{font-size:var(--fs-h2)}}

/* ---------- v2 redesign: "Our network" partner logo tabs ---------- */
.hp-scope .hp-partner-hub{background:linear-gradient(180deg,#f6f8ff,#edf2ff)}
.hp-scope .hp-partner-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 22px}
.hp-scope .hp-partner-tab{border:1px solid #dfe5f3;background:#fff;color:#465574;border-radius:24px;padding:11px 18px;font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer;transition:.2s}
.hp-scope .hp-partner-tab.hp-active,.hp-scope .hp-partner-tab:hover{background:#315ee8;color:#fff;border-color:#315ee8}
.hp-scope .hp-partner-logo-window{overflow:hidden;padding:4px 2px 10px}
.hp-scope .hp-partner-logo-track{display:flex;gap:16px;transition:transform .45s ease;will-change:transform}
.hp-scope .hp-partner-logo-card{box-sizing:border-box;flex:0 0 calc((100% - 80px)/6);min-width:0;height:112px;border:1px solid #e2e8f4;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;padding:22px;box-shadow:0 8px 22px #1b36730b;color:inherit;text-decoration:none}
.hp-scope a.hp-partner-logo-card[href]:hover{border-color:#cbd7fb}
.hp-scope .hp-partner-logo-card img{display:block;max-width:100%;width:100%;height:52px;object-fit:contain;filter:saturate(.9)}
.hp-scope .hp-partner-logo-card.hp-monogram{flex-direction:column;gap:8px;padding:12px}
.hp-scope .hp-partner-logo-card.hp-has-logo{flex-direction:column;gap:8px;padding:12px}
.hp-scope .hp-partner-logo-box{width:100%;max-width:132px;height:43px;flex:none;display:flex;align-items:center;justify-content:center}
.hp-scope .hp-partner-logo-card .hp-partner-logo-box img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.hp-scope .hp-partner-symbol{width:43px;height:43px;flex:none;border-radius:13px;background:#e9edff;color:#315ee8;display:grid;place-items:center;font-size:var(--fs-base);font-weight:;letter-spacing:var(--ls-tight)}
.hp-scope .hp-partner-symbol.hp-teal{background:#e4f8f4;color:#078c78}
.hp-scope .hp-partner-symbol.hp-orange{background:#fff1e5;color:#d66b19}
.hp-scope .hp-partner-symbol.hp-violet{background:#f1eaff;color:#8050c9}
.hp-scope .hp-partner-symbol.hp-navy{background:#e9eef8;color:#253b6a}
.hp-scope .hp-partner-logo-card small{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:#71809b;text-align:center;line-height:var(--lh-heading);max-width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
.hp-scope .hp-partner-controls{display:flex;align-items:center;gap:12px;margin-top:12px}
.hp-scope .hp-partner-controls .hp-arrow{width:38px;height:38px;border:1px solid #dce4f3;background:#fff;border-radius:50%;font-size:23px;cursor:pointer;color:#243456}
.hp-scope .hp-partner-controls .hp-arrow:hover:not(:disabled){background:#315ee8;color:#fff}
.hp-scope .hp-partner-controls .hp-arrow:disabled{opacity:.45;cursor:not-allowed}
.hp-scope .hp-partner-dots{display:flex;gap:6px;align-items:center}
.hp-scope .hp-partner-dot{width:7px;height:7px;border:0;border-radius:10px;background:#cbd5e8;padding:0;cursor:pointer}
.hp-scope .hp-partner-dot.hp-active{width:22px;background:#315ee8}
@media(max-width:1050px){.hp-scope .hp-partner-logo-card{flex-basis:calc((100% - 48px)/4)}}
@media(max-width:680px){.hp-scope .hp-partner-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.hp-scope .hp-partner-tab{white-space:nowrap}.hp-scope .hp-partner-logo-card{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:460px){.hp-scope .hp-partner-logo-card{flex-basis:calc((100% - 16px)/2)}}
/* Career alerts bar under the hero (moved ticker; items are links). */
.hp-scope .hp-alert-bar{background:#fff;padding:20px 0 8px}
.hp-scope .hp-alert-bar .hp-alert-topline{margin-bottom:0;flex-wrap:nowrap}
.hp-scope .hp-alert-bar .hp-alert-live{flex:none;text-decoration:none;white-space:nowrap}
.hp-scope .hp-alert-bar .hp-alert-live:hover{background:#ffe3e3}
.hp-scope .hp-alert-bar .hp-alert-ticker{min-width:0}
.hp-scope .hp-alert-bar .hp-alert-ticker:focus-within .hp-alert-ticker-track{animation-play-state:paused}
.hp-scope a.hp-alert-ticker-item{text-decoration:none}
.hp-scope a.hp-alert-ticker-item:hover,.hp-scope a.hp-alert-ticker-item:focus-visible{color:#315ee8}
.hp-scope a.hp-alert-ticker-item:hover,.hp-scope a.hp-alert-ticker-item:focus-visible{text-decoration:underline}
@media(max-width:560px){.hp-scope .hp-alert-bar{padding:14px 0}.hp-scope .hp-alert-bar .hp-alert-live{padding:7px 9px;font-size:var(--fs-xs);letter-spacing:.3px}.hp-scope .hp-alert-bar .hp-alert-ticker-track{padding:11px 14px;gap:30px}}
/* People who prefer less motion get a still row they can scroll sideways. */
@media(prefers-reduced-motion:reduce){.hp-scope .hp-alert-bar .hp-alert-ticker{overflow-x:auto}.hp-scope .hp-alert-bar .hp-alert-ticker-track{animation:none}}
/* Anchor links (alerts bar, section links) stop below the sticky site header instead of under it. */
html{scroll-padding-top:84px}

/* Listing category tabs: one row on every screen; scroll sideways when they do not fit. */
.hp-scope .hp-listing-tabs{display:flex;flex-wrap:nowrap;gap:9px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:7px;max-width:100%}
.hp-scope .hp-listing-tab{flex:0 0 auto;white-space:nowrap}
.hp-scope .hp-listing-tabs{gap:8px;scrollbar-color:#cdd6e6 transparent}
.hp-scope .hp-listing-tabs::-webkit-scrollbar{height:4px}.hp-scope .hp-listing-tabs::-webkit-scrollbar-thumb{background:#cdd6e6;border-radius:4px}
.hp-scope .hp-listing-tab{padding-left:16px;padding-right:16px}

/* Hero background refresh: a slightly deeper blue-grey gradient so the headline, search bar and cards stand out.
   Hero-only rules; layout, markup and other sections are unchanged. */
.hp-scope .hp-hero{background:radial-gradient(circle at 84% 24%,rgba(178,200,250,.55) 0,rgba(178,200,250,0) 34%),radial-gradient(circle at 6% 0%,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 40%),linear-gradient(135deg,#e2e9f5 0%,#e8edf7 46%,#dce5f4 100%);border-bottom:1px solid #d3dcec}
.hp-scope .hp-hero p{color:#4d5b72}
.hp-scope .hp-hero .hp-eyebrow{background:#fff;box-shadow:0 2px 8px rgba(22,44,94,.06)}
.hp-scope .hp-hero .hp-searchbox{background:#fff;border:1px solid #c8d4e8;box-shadow:0 18px 44px rgba(22,44,94,.14),0 2px 6px rgba(22,44,94,.06);transition:border-color .15s,box-shadow .15s}
.hp-scope .hp-hero .hp-searchbox:focus-within{border-color:#8fa9ec;box-shadow:0 18px 44px rgba(22,44,94,.16),0 0 0 4px rgba(52,108,244,.14)}
.hp-scope .hp-hero .hp-searchbox input,.hp-scope .hp-hero .hp-searchbox select{color:#1f2d45}
.hp-scope .hp-hero .hp-searchbox input::placeholder{color:#6b778d;opacity:1}
.hp-scope .hp-hero .hp-searchbox select{border-color:#dbe3ef}
.hp-scope .hp-hero .hp-searchbox button{box-shadow:0 6px 16px rgba(52,108,244,.28)}
.hp-scope .hp-hero .hp-popular{color:#56637a}
.hp-scope .hp-hero .hp-popular a{color:#2450d4}
.hp-scope .hp-hero .hp-orb{border-color:#c9d6f5;box-shadow:0 24px 60px rgba(22,44,94,.10)}
.hp-scope .hp-hero .hp-float,.hp-scope .hp-hero .hp-profile{border-color:#dbe3f1}
@media (min-width: 1001px) {
    .hp-scope .hp-hero .hp-searchbox input + input{border-left:1px solid #dbe3ef}
}
@media (max-width: 760px) {
    .hp-scope .hp-hero{background:radial-gradient(circle at 80% 62%,rgba(178,200,250,.5) 0,rgba(178,200,250,0) 42%),linear-gradient(160deg,#e3eaf5 0%,#dde6f4 100%)}
    .hp-scope .hp-hero .hp-searchbox input{border-bottom-color:#dbe3ef}
}

/* Trending now cards: grow to fit their content (the button was clipped on the Internships card), readable pills,
   and no dark overlay on the two light cards. */
.hp-scope .hp-trend-track .hp-job-card{height:auto;min-height:278px;gap:14px}
.hp-scope .hp-trend-track .hp-job-card .hp-meta{color:inherit}
.hp-scope .hp-trend-track .hp-job-card .hp-pill{color:inherit;font-weight:var(--fw-semibold)}
.hp-scope .hp-trend-track .hp-job-card.hp-swiggy:before,.hp-scope .hp-trend-track .hp-job-card.hp-internships:before{display:none}
.hp-scope .hp-trend-track .hp-job-card.hp-swiggy .hp-pill,.hp-scope .hp-trend-track .hp-job-card.hp-internships .hp-pill{background:rgba(255,255,255,.65);border-color:rgba(120,58,18,.28)}
@media (max-width: 650px) {
    .hp-scope .hp-trend-track .hp-job-card{min-height:260px}
}