/* =========================================================
CAREER PAGE
page-career.php
========================================================= */

.career-page{

background:#ffffff;

overflow:hidden;

font-family:'Poppins',Arial,sans-serif;

}

.career-container{

max-width:1400px;

margin:auto;

padding:0 20px;

}

/* =========================================================
INTRO
========================================================= */

.career-intro{

padding:100px 0 80px;

background:#ffffff;

}

.career-intro-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}

.career-intro-title span{

display:inline-block;

padding:10px 18px;

background:#f1f5f9;

border-radius:100px;

font-size:11px;

font-weight:700;

letter-spacing:2px;

margin-bottom:25px;

color:#334155;

}

.career-intro-title h1{

font-size:clamp(50px,6vw,90px);

font-weight:800;

line-height:.95;

letter-spacing:-3px;

margin:0;

color:#0f172a;

}

.career-intro-content p{

font-size:18px;

line-height:2;

color:#475569;

margin:0 0 25px;

}

/* =========================================================
COMMON HEADING
========================================================= */

.career-section-heading{

margin-bottom:50px;

text-align:center;

}

.career-section-heading h2{

font-size:clamp(38px,5vw,70px);

font-weight:800;

letter-spacing:-2px;

margin:0;

color:#0f172a;

}

/* =========================================================
STREAMS
========================================================= */

.career-streams{

padding:90px 0;

background:#f8fafc;

}

.career-stream-layout{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:25px;

}

.career-stream{

background:#ffffff;

padding:40px;

border:1px solid #e2e8f0;

border-radius:24px;

transition:.3s;

}

.career-stream:hover{

transform:translateY(-6px);

box-shadow:0 20px 40px rgba(0,0,0,.06);

}

.career-stream h3{

font-size:28px;

font-weight:700;

margin-bottom:15px;

color:#0f172a;

}

.career-stream p{

font-size:15px;

line-height:1.9;

color:#64748b;

margin:0;

}

/* =========================================================
PROGRAMS
========================================================= */

.career-programs{

padding:100px 0;

background:#ffffff;

}

.career-program-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

.career-program-card{

display:block;

text-decoration:none;

background:#fff;

border:1px solid #e2e8f0;

border-radius:24px;

overflow:hidden;

transition:.3s;

}

.career-program-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 50px rgba(0,0,0,.08);

}

.career-program-image{

height:250px;

padding:15px;

background:#ffffff;

}

.career-program-image img{

width:100%;

height:100%;

object-fit:contain !important;

}

.career-program-content{

padding:25px;

}

.career-program-content h3{

font-size:20px;

font-weight:700;

line-height:1.5;

margin-bottom:10px;

color:#0f172a;

}

.career-program-content p{

font-size:14px;

line-height:1.8;

color:#64748b;

margin:0;

}

/* =========================================================
FACULTY
========================================================= */

.career-faculty{

padding:100px 0;

background:#f8fafc;

}

.career-faculty-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

.career-faculty-card{

display:block;

text-decoration:none;

background:#fff;

border-radius:24px;

overflow:hidden;

border:1px solid #e2e8f0;

transition:.3s;

}

.career-faculty-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 50px rgba(0,0,0,.08);

}

.career-faculty-image{

height:320px;

padding:15px;

background:#ffffff;

}

.career-faculty-image img{

width:100%;

height:100%;

object-fit:contain !important;

}

.career-faculty-content{

padding:20px;

}

.career-faculty-content h3{

font-size:18px;

font-weight:700;

line-height:1.5;

margin:0;

color:#0f172a;

}

/* =========================================================
SUCCESS
========================================================= */

.career-success{

padding:100px 0;

background:#ffffff;

}

.career-success-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

}

.career-success-card{

display:block;

text-decoration:none;

background:#fff;

border-radius:24px;

overflow:hidden;

border:1px solid #e2e8f0;

transition:.3s;

}

.career-success-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 50px rgba(0,0,0,.08);

}

.career-success-image{

height:250px;

padding:15px;

background:#ffffff;

}

.career-success-image img{

width:100%;

height:100%;

object-fit:contain !important;

}

.career-success-content{

padding:25px;

}

.career-success-content h3{

font-size:20px;

font-weight:700;

line-height:1.5;

margin:0;

color:#0f172a;

}

/* =========================================================
JOURNEY
========================================================= */

.career-journey{

padding:100px 0;

background:#f8fafc;

}

.career-journey-layout{

display:grid;

grid-template-columns:repeat(5,1fr);

gap:20px;

}

.journey-step{

background:#ffffff;

padding:35px 20px;

border-radius:20px;

border:1px solid #e2e8f0;

text-align:center;

}

.journey-step h4{

font-size:18px;

font-weight:700;

margin:0;

color:#0f172a;

}

/* =========================================================
TABLET
========================================================= */

@media(max-width:1200px){

.career-intro-grid{

grid-template-columns:1fr;

gap:40px;

}

.career-program-grid,
.career-faculty-grid,
.career-success-grid{

grid-template-columns:repeat(2,1fr);

}

.career-journey-layout{

grid-template-columns:repeat(3,1fr);

}

}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:768px){

.career-container{

padding:0 15px;

}

.career-stream-layout,
.career-program-grid,
.career-faculty-grid,
.career-success-grid,
.career-journey-layout{

grid-template-columns:1fr;

}

.career-intro{

padding:70px 0;

}

.career-streams,
.career-programs,
.career-faculty,
.career-success,
.career-journey{

padding:70px 0;

}

.career-intro-title h1{

font-size:42px;

letter-spacing:-2px;

}

.career-section-heading h2{

font-size:36px;

}

.career-intro-content p{

font-size:16px;

line-height:1.9;

}

.career-program-image,
.career-success-image{

height:220px;

}

.career-faculty-image{

height:260px;

}

}