/* ===============================
   JOBS PAGE
================================ */


.jobs-hero{

    background:#F5F9FF;

    padding:70px 0;

}


.jobs-hero p{

    max-width:750px;

    font-size:18px;

}



.jobs-section{

    padding:60px 0;

}


/* ===============================
   JOB LISTING GRID
================================ */




/* JOB INTRO */


.jobs-intro{

    max-width:850px;

    margin-bottom:30px;

}

.apply-note{

    background:#F5F9FF;

    border:1px solid var(--border);

    border-radius:12px;

    padding:18px;

    margin-bottom:30px;

}

/* APPLICATION EMAIL BOX */


.email-box{

    background:#F5F9FF;

    border:1px solid var(--border);

    border-radius:10px;

    padding:14px;

    margin:20px 0;

}


.email-box strong{

    color:var(--blue);

}

/* ===============================
   PERMANENT JOB CARD DESIGN
================================ */


.jobs-grid{

    display:grid;

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

    gap:30px;

    align-items:start;

}



.job-card{

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:16px;

    padding:30px;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);

    width:100%;

}



.job-card h3{

    margin-bottom:20px;

}



.job-card p{

    margin-bottom:12px;

}



/* MOBILE */

@media(max-width:768px){


.jobs-grid{

    grid-template-columns:1fr;

}


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