body{
font-family: Arial, Helvetica, sans-serif;
margin:0;
background:#f5f7fb;
color:#333;
line-height:1.6;
}

.hero{
color:white;
text-align:center;
padding:80px 20px;
}

.hero h1{
font-size:40px;
margin-bottom:10px;
}

.hero p{
max-width:700px;
margin:auto;
font-size:18px;
opacity:.9;
}

.container1{
max-width:1100px;
margin:auto;
padding:60px 20px;
}

.section-title{
text-align:center;
font-size:32px;
margin-bottom:40px;
color:#1a3d6d;
}

.jobs{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:25px;
}

.job-card{
background:white;
padding:25px;
border-radius:8px;
box-shadow:0 4px 14px rgba(0,0,0,0.08);
transition:.3s;
}

.job-card:hover{
transform:translateY(-5px);
}

.job-card h3{
margin-bottom:10px;
color:#1a3d6d;
}

.job-card p{
font-size:15px;
margin-bottom:15px;
}

.apply-btn{
background:#2f80ed;
border:none;
padding:10px 18px;
color:white;
border-radius:5px;
cursor:pointer;
font-size:14px;
}

.apply-btn:hover{
background:#1d65c1;
}

.info-box{
margin-top:70px;
    background: linear-gradient(135deg, #0f172a, #1e3a8a);
color:white;
padding:50px 20px;
text-align:center;
}

.info-box h2{
margin-bottom:10px;
}

.info-box p{
max-width:600px;
margin:auto;
font-size:16px;
opacity:.9;
}

@media(max-width:768px){

.hero h1{
font-size:28px;
}

.section-title{
font-size:24px;
}

.container{
padding:40px 20px;
}

}
body.dark-mode .job-card{
    background:#12163a ;
border:1px solid #1f2937;
color:#e5e7eb;

box-shadow:
0 10px 30px rgba(0,0,0,0.4);
}



.career-info-section{
max-width:900px;
margin:60px auto;
padding:0 20px;
}

.career-title{
font-size:28px;
color:#2f6fb3;
margin-bottom:20px;
font-weight:600;
text-align:left;
}

.career-subtitle{
font-size:22px;
margin-top:30px;
margin-bottom:15px;
font-weight:600;
color:#333;
}

.career-info-section p{
font-size:16px;
line-height:1.7;
margin-bottom:18px;
color:#444;
}

.career-info-section a{
color:#2f6fb3;
text-decoration:none;
font-weight:600;
}

.career-info-section a:hover{
text-decoration:underline;
}