/* ========================= */
/* CAREER SECTION */
/* ========================= */

.career-section{
padding:110px 0;
background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);
min-height:100vh;
}

.career-title{
color:white;
font-size:42px;
font-weight:700;
margin-bottom:12px;
}

.career-subtitle{
color:#ddd;
margin-bottom:60px;
font-size:16px;
}


/* ========================= */
/* JOB CARD */
/* ========================= */

.job-card{
background:white;
padding:32px;
border-radius:14px;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
transition:0.35s;
height:100%;
}

.job-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,0,0,0.3);
}


/* ========================= */
/* JOB HEADER */
/* ========================= */

.job-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:15px;
}

.job-header h4{
font-weight:600;
}


/* EXPERIENCE BADGE */

.exp-badge{
background:#0d6efd;
color:white;
padding:6px 14px;
border-radius:20px;
font-size:13px;
}


/* ========================= */
/* INDUSTRY TEXT */
/* ========================= */

.industry{
font-size:14px;
color:#666;
margin-bottom:10px;
}


/* ========================= */
/* JOB LIST */
/* ========================= */

.job-list{
margin-top:12px;
margin-bottom:20px;
padding-left:18px;
}

.job-list li{
font-size:14px;
margin-bottom:6px;
}


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

.apply-btn{
display:inline-block;
padding:10px 22px;
background:#e31b23;
color:white;
text-decoration:none;
border-radius:30px;
font-weight:600;
transition:0.3s;
}

.apply-btn:hover{
background:#b8141a;
transform:translateY(-2px);
box-shadow:0 6px 14px rgba(0,0,0,0.2);
}


/* ========================= */
/* WHY JOIN SECTION */
/* ========================= */

.why-join{
background:#f8f9fb;
}

.join-icon{
font-size:40px;
color:#e31b23;
margin-bottom:15px;
}


/* ========================= */
/* RESUME SECTION */
/* ========================= */

.resume-section{
background:#ffffff;
}

.resume-section h3{
font-weight:600;
}

.resume-section .btn{
padding:10px 28px;
border-radius:30px;
font-weight:600;
}


/* ========================= */
/* FOOTER */
/* ========================= */

.site-footer{
background:#111;
color:#ddd;
padding:70px 0 20px;
margin-top:80px;
position:relative;
overflow:hidden;
}

.footer-container{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:40px;
padding:0 20px;
}

.footer-logo{
height:60px;
margin-bottom:15px;
}

.footer-desc{
font-size:14px;
line-height:1.7;
color:#bbb;
}


/* headings */

.footer-col h3{
color:white;
margin-bottom:20px;
font-size:20px;
position:relative;
}

.footer-col h3::after{
content:"";
width:40px;
height:3px;
background:#e31b23;
position:absolute;
left:0;
bottom:-8px;
}


/* links */

.footer-col ul{
list-style:none;
padding:0;
}

.footer-col ul li{
margin-bottom:10px;
font-size:14px;
}

.footer-col ul li a{
color:#bbb;
text-decoration:none;
transition:.3s;
}

.footer-col ul li a:hover{
color:#e31b23;
padding-left:5px;
}


/* social icons */

.social-icons{
margin-top:20px;
}

.social-icons a{
display:inline-block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius:50%;
background:#222;
color:white;
margin-right:10px;
transition:.3s;
}

.social-icons a:hover{
background:#e31b23;
transform:translateY(-4px);
}


/* footer bottom */

.footer-bottom{
text-align:center;
border-top:1px solid #333;
margin-top:40px;
padding-top:15px;
font-size:14px;
color:#aaa;
}


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

@media(max-width:768px){

.site-footer{
text-align:center;
}

.footer-col h3::after{
left:50%;
transform:translateX(-50%);
}

.career-title{
font-size:34px;
}

}
/* RESUME FORM */

.resume-upload{
background:#f8f9fc;
}

.resume-form{
max-width:700px;
margin:auto;
background:white;
padding:35px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.resume-form .form-control{
padding:10px;
border-radius:6px;
}

.resume-form button{
padding:10px 30px;
font-weight:600;
border-radius:30px;
}