.career-listing {
		position: relative;
		padding: 50px 100px;
		min-height:60vh;
	}

	.career-list {
		margin: auto;
	}

	/* Top-right corner */
	.career-listing .page-corner-image.top-right {
		position: absolute;
		top: -10%;
		right: -10%;
		width: 500px;
		height: auto;
		opacity: 30%;
		z-index:-1;
	}

	/* Bottom-left corner */
	.career-listing .page-corner-image.bottom-left {
		position: absolute;
		bottom: -10%;
		left: -10%;
		width: 60%;
		height: auto;
		/* z-index: 10; */
		transform: rotate(180deg);
		opacity: 30%;
		z-index:-1;
	}


	.career-page-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 30px;
	}

	.career-page-header .page-title {
		font-family: "Playfair Display", ui-sans-serif, system-ui, -apple-system, Helvetica Neue, Arial, sans-serif, Apple Color Emoji;
		font-weight: 500;
		font-size: 34px;
		text-transform: capitalize;
	}

	.career-page-header label {
		font-family: "Poppins";
		font-weight: 400px;
		font-size: 28px;
		text-transform: capitalize;
	}

	.career-page-header select {
		font-family: "Poppins";
		border-radius: 50px;
		padding: 8px 45px;
	}
.lux-dropdown-wrapper {
    position: relative;
    width: 200px;
}

.lux-dropdown {
    position: relative;
    cursor: pointer;
    font-family: inherit;
}

.lux-selected {
    background: #FFF;
    color: #000;
    padding: 12px 16px;
    border: 1px solid #000;
    border-radius: 12px;
    font-size: 15px;
    letter-spacing: 0.4px;
    position: relative;
}

.lux-selected::after {
    content: "▼";
    position: absolute;
    right: 16px;
    color: #d6bc7b;
    font-size: 12px;
}

.lux-options {
    margin: 0;
    list-style: none;
    position: absolute;
    width: 100%;
    background: #FFF;
    border: 1px solid #000;
    border-radius: 12px;
    margin-top: 8px;
    display: none;
    z-index: 20;
    box-shadow: 0 4px 14px rgba(0,0,0,0.55);
}

.lux-options li {
    padding: 10px 16px;
    color: #000;
    transition: 0.2s ease;
}

.lux-options li:first-child {
    border-radius: 12px 12px 0 0;  
}

.lux-options li:last-child {
    border-radius: 0 0 12px 12px; 
}

.lux-options li:hover {
    background: rgba(200,169,107);
    color: #fff;
	cursor:pointer;
}

.career-items {
	display:flex; 
	flex-direction:column; 
	gap:20px;
}

.career-card {
	padding:20px; 
	border:1px solid #ddd; 
	border-radius:10px; 
	text-decoration:none; 
	color:inherit;
	background: #FFF;
}

.career-list .job-header { 
	display:flex; 
	justify-content: space-between; 
	align-items: center; 
}

.career-list .job-body {
	display: flex; 
	align-items: center; 
	justify-content: space-between; 
}

.career-list .job-body .job-description {
	max-width: 60%;
}

.career-card {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.career-card:hover {
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
    transform: translateY(-3px);
}


.career-listing .job-title {
	font-size: 22px;
    font-family: "Poppins";
    font-weight: 600;
}

.career-listing .view-career-details {
	display:flex; 
	align-items:center; 
	justify-content:center;
	gap:5px;
	padding: 8px 16px;
    background: #c8b376;
    border-radius: 12px;
    color: #FFF;
    font-family: "Poppins";
	margin-top: 15px;
}


/* -------------------------- */
/* RESPONSIVE BREAKPOINTS     */
/* -------------------------- */

@media (max-width: 1024px) {

    .career-listing {
        padding: 40px 40px;
    }

    .career-page-header {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }

    .lux-dropdown-wrapper {
        width: 100%;
        max-width: 260px;
    }
	
	.career-listing .page-corner-image.top-right {
		top: -15%;
		right: -15%;
		width: 250px;
	}

    .career-listing .page-corner-image.bottom-left {
		bottom: -15%;
		left: -15%;
		width: 250px;
    }
}

@media (max-width: 768px) {

    .career-listing {
        padding: 30px 20px;
    }

    .career-page-header .page-title {
        font-size: 28px;
    }

    .lux-selected {
        font-size: 14px;
        padding: 10px 14px;
    }

    .lux-options li {
        padding: 8px 14px;
    }
}

@media (max-width: 480px) {

    .career-listing {
        padding: 20px 15px;
    }

    .career-page-header {
        gap: 15px;
    }

    .career-page-header .page-title {
        font-size: 24px;
    }

    .lux-dropdown-wrapper {
        width: 100%;
    }

    .page-corner-image.top-right,
    .page-corner-image.bottom-left {
        width: 200px;
        opacity: 20%;
    }
}


/* Career Single */

/* PAGE WRAPPER */
.career-single {
    background: #ffffff;
    padding: 40px 50px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    font-family: "Inter", "Helvetica", sans-serif;
    color: #222;
}

.career-single .job-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* TITLES */
.career-single h1 {
    font-size: 32px;
    font-weight: 700;
    color: #000;
    letter-spacing: -0.3px;
}

.career-single h2 {
    font-size: 22px;
   	margin-bottom: 10px;
    font-weight: 600;
    color: #c8a44a; /* gold accent */
    border-left: 4px solid #c8a44a;
    padding-left: 10px;
}

/* META INFO (Department, Employment Type) */
.career-single p strong {
    color: #c8a44a; /* gold */
    font-weight: 600;
}

/* LISTS */
.career-single ul {
    margin: 15px 0 25px 0;
    padding-left: 20px;
    list-style: disc;
	list-style-position: inside;
}

.career-single ul li {
    padding: 8px 0;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
}

.career-single ul li::marker {
  color: #c8a44a; 
  font-size: 1em;
  vertical-align: middle; 
}


.career-single .btn-group {
	display: flex;
	gap: 20px;
	justify-content:center; 
	align-items:center;
}

.career-single .back-to-careers-btn, .career-single .apply-btn {
	width: calc(50% - 10px);
}

/* BACK LINK */
.career-single .back-to-careers-btn a, .career-single .apply-btn {
	display:flex; 
	align-items:center; 
	justify-content:center;
	gap:5px;
	padding: 8px 16px;
    background: #c8b376;
    border-radius: 12px;
    color: #FFF;
    font-family: "Poppins";
	margin-top: 15px;
}

.career-single a:hover {
    opacity: 0.75;
}

/* SPACING + LOOK */
.career-single section {
    border-radius: 14px;
    margin-bottom: 25px;
}

/* MOBILE RESPONSIVE */
@media (max-width: 768px) {
    /* PAGE WRAPPER */
    .career-single {
        padding: 20px 15px;
        border-radius: 16px;
    }

    /* TITLES */
    .career-single h1 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .career-single h2 {
        font-size: 18px;
        padding-left: 8px;
        border-left-width: 3px;
        margin-bottom: 8px;
    }

    /* LISTS */
    .career-single ul {
        padding-left: 15px;
        margin: 10px 0 15px 0;
    }

    .career-single ul li {
        font-size: 14px;
        padding: 6px 0;
    }

    /* SECTIONS */
    .career-single section {
        padding: 15px 18px;
        border-radius: 12px;
        margin-bottom: 20px;
    }
}

/* SMALLER MOBILE */
@media (max-width: 480px) {
    .career-single {
        padding: 15px 10px;
    }

    .career-single h1 {
        font-size: 22px;
    }

    .career-single h2 {
        font-size: 16px;
        padding-left: 6px;
        border-left-width: 2px;
    }

    .career-single ul li {
        font-size: 13px;
        padding: 4px 0;
    }

    .career-single section {
        padding: 12px 15px;
        border-radius: 10px;
    }
}