/*==================================================
CAREER PAGE
==================================================*/

.career-hero{

padding:120px 0;
background:linear-gradient(135deg,#43236F,#5c2f97);
text-align:center;
color:#fff;

}

.career-hero h1{

font-size:54px;
margin-bottom:20px;

}

.career-hero p{

max-width:750px;
margin:auto;
line-height:1.9;
font-size:18px;
opacity:.95;

}

.career-hero .btn{

margin-top:40px;

}

/*========================*/

.why-work{

padding:100px 0;
background:#fff;

}

.section-title{

text-align:center;
margin-bottom:60px;

}

.section-title h2{

font-size:42px;
color:#43236F;
margin-bottom:15px;

}

.section-title p{

color:#666;
font-size:17px;

}

/*========================*/

.career-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;

}

.career-card{

background:#fff;
padding:40px 30px;
border-radius:20px;
text-align:center;
box-shadow:0 15px 35px rgba(0,0,0,.08);
transition:.35s;

}

.career-card:hover{

transform:translateY(-10px);
box-shadow:0 25px 45px rgba(67,35,111,.18);

}

.career-icon{

font-size:52px;
margin-bottom:20px;

}

.career-card h3{

color:#43236F;
margin-bottom:15px;

}

.career-card p{

color:#666;
line-height:1.8;

}

/*==================================================
JOB SECTION
==================================================*/

.jobs-section{

padding:100px 0;
background:#f8f9fc;

}

#jobContainer{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
gap:35px;

}

/*========================*/

.job-card{

background:#fff;
border-radius:22px;
overflow:hidden;
box-shadow:0 18px 40px rgba(0,0,0,.08);
transition:.35s;
display:flex;
flex-direction:column;

}

.job-card:hover{

transform:translateY(-10px);
box-shadow:0 25px 50px rgba(67,35,111,.18);

}

.job-header{

background:#43236F;
padding:28px;
color:#fff;

}

.job-header h3{

font-size:24px;
margin-bottom:8px;

}

.job-salary{

font-size:18px;
font-weight:600;
color:#FFD34D;

}

.job-body{

padding:28px;

}

.job-body p{

margin:12px 0;
color:#555;

}

.job-body strong{

color:#43236F;

}

.job-footer{

padding:25px;
text-align:center;

}

/*========================*/

.job-status{

display:inline-block;
padding:8px 18px;
border-radius:50px;
font-size:14px;
font-weight:600;
margin-bottom:15px;

}

.status-open{

background:#d9ffe6;
color:#11853d;

}

.status-closed{

background:#ffe3e3;
color:#cc0000;

}

/*========================*/

.no-jobs{

text-align:center;
padding:80px;
background:#fff;
border-radius:20px;
box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.no-jobs h3{

color:#43236F;
margin-bottom:15px;

}

/*==================================================
APPLICATION FORM
==================================================*/

.career-form-section{

padding:100px 0;
background:#fff;

}

.career-form{

max-width:1100px;
margin:auto;
background:#fff;
padding:50px;
border-radius:24px;
box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.form-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;

}

.input-box{

margin-bottom:25px;

}

.input-box label{

display:block;
margin-bottom:10px;
font-weight:600;
color:#43236F;

}

.input-box input,
.input-box textarea{

width:100%;
padding:16px 18px;
border:1px solid #ddd;
border-radius:12px;
font-size:15px;
transition:.3s;

}

.input-box input:focus,
.input-box textarea:focus{

outline:none;
border-color:#43236F;
box-shadow:0 0 15px rgba(67,35,111,.15);

}

/*==================================================
UPLOAD BOX
==================================================*/

.resume-upload{

margin-top:20px;

}

.upload-box{

display:block;
cursor:pointer;

}

.upload-box input{

display:none;

}

.upload-content{

border:2px dashed #43236F;
border-radius:20px;
padding:55px;
text-align:center;
transition:.35s;
background:#fafafa;

}

.upload-content:hover{

background:#43236F;
color:#fff;

}

.upload-icon{

font-size:55px;
margin-bottom:18px;

}

.upload-content h3{

margin-bottom:15px;

}

.upload-content span{

display:block;
margin-top:15px;
font-size:14px;
opacity:.75;

}

.submit-area{

margin-top:35px;
text-align:center;

}

/*==================================================
BUTTON
==================================================*/

.btn{

display:inline-block;
padding:15px 40px;
background:#43236F;
color:#fff;
border:none;
border-radius:50px;
text-decoration:none;
cursor:pointer;
transition:.35s;
font-weight:600;

}

.btn:hover{

background:#F5A623;
color:#222;
transform:translateY(-5px);

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:992px){

.career-grid{

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

}

.form-grid{

grid-template-columns:1fr;

}

.career-hero h1{

font-size:42px;

}

}

@media(max-width:768px){

.career-grid{

grid-template-columns:1fr;

}

.career-form{

padding:30px;

}

.career-hero{

padding:90px 20px;

}

.career-hero h1{

font-size:34px;

}

.section-title h2{

font-size:32px;

}

}

@media(max-width:480px){

.job-header{

padding:20px;

}

.job-body{

padding:20px;

}

.upload-content{

padding:35px 20px;

}

}