.jobs-wrapper {
display: flex;
flex-direction: column;
gap: 40px;
} .job-card {
background: #6FC7E6;
padding: 35px 40px;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 12px;
gap: 30px;
} .job-left {
flex: 0 0 60%;
}
.job-title {
font-size: 26px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 5px;
color: #003049;
}
.job-location {
font-weight: 600;
margin-bottom: 15px;
color: #003049;
}
.job-description {
opacity: 0.9;
font-size: 16px;
line-height: 1.5em;
} .job-divider {
width: 4px;
background: #151A40;
height: 100%;
min-height: 150px;
} .job-right {
flex: 0 0 25%;
display: flex;
justify-content: center;
align-items: center;
}
.job-apply-btn {
background: #F3BC41;
padding: 14px 32px;
border-radius: 8px;
font-weight: 700;
color: #151A40;
text-decoration: none;
font-size: 17px;
}
.job-apply-btn:hover {
background: #F3BC41;
padding: 14px 32px;
border-radius: 8px;
font-weight: 700;
color: #fff;
text-decoration: none;
font-size: 17px;
} @media(max-width: 768px){
.job-card {
flex-direction: column;
align-items: flex-start;
}
.job-left {
flex: 100%;
}
.job-divider {
width: 100%;
height: 2px;
margin: 20px 0;
}
.job-right {
width: 100%;
display: flex;
justify-content: flex-end;
}
}