.careers-title-top {
    width: 100%;
    height: 30vw;
    position: absolute;
    text-align: center;
    text-shadow: 2px 3px 5px #000000;
    font-size: 7.5vw;
    color: white;
    z-index: 1;
    padding: 0 5vw;
    margin: auto;
    align-items: center;
    justify-content: center;
    display: flex;
}

.careers-bg {
    background: url(../image/careers.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 30vw;
    opacity: 0.5;
}

.careers-page-section {
    padding: 5vw 0;
    width: 100%;
    background: #f3f9ff;
    position: relative;
	display: inline-table;
}

.careers-text-top {
	width: 100%;
    display: flex;
    padding: 0 100px;
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: bold;
	color: #1a1a1a;
}

.careers-content {
	width: 100%;
    display: flex;
	flex-wrap: wrap;
	padding: 0 0 0 100px;
}

.careers-left {
	width: 64%;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    height: fit-content;
	padding-right: 15px;
}

.careers-link {
	display: grid;
    flex-wrap: wrap;
    background: #ececec;
    padding: 20px;
    width: 50vw;
    margin: 1vw;
    border-radius: 10px;
}

.careers-title {
	padding: 10px;
    font-size: 2vw;
}

.careers-status {
	background: #ffb9b9;
    padding: 10px;
    border-radius: 10px;
    font-size: 1vw;
    margin-left: 0.7vw;
    margin-right: 0.5vw;
    display: inline-block;
    font-style: italic;
}

.separator {
	margin: 0 0.5vw 0 1vw;
    border-left: 1px solid #939393;
}

.careers-jobtype {
	padding: 5px;
}

.careers-right {
	border-left: 1px solid #cdcdcd;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-bottom: 1vw;
}

.careers-categorylink {
	border-bottom: 1px solid #cdcdcd;
    padding: 10px 10px 10px 2vw;
    width: 24vw;
    height: fit-content;
    margin-left: 1vw;
    background: none;
    text-align: left;
    font-size: 17px;
    cursor: pointer;
}

.careers-categorylink.active {
	background: url(../image/tick.png) no-repeat;
    background-size: 5%;
    background-position: left;
}

.careers-contentlink {
    display: none;
	width: 100%;
}

.careers-contentlink.active {
    display: block;
}

.table-careers-contentlink {
	width: 100%;
	margin-top: 20px;
}

label {
	display: flex;
    justify-content: center;
    align-items: center;
    background: #0894eb;
    padding: 0 0 0 40px;
    border-radius: 10px;
    color: white;
}

input {
	background: #ffffff;
    padding: 16px;
    margin-left: 40px;
    width: 100%;
    border: 1px solid #cfcfcf;
    border-radius: 0 10px 10px 0;
}

thead {
	display: none;
}

tbody {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
}

tr {
	background: #ffffff;
    padding: 5px 20px;
	margin-bottom: 20px;
    display: grid;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #cdcdcd;
}

td {
	padding-bottom: 5px;
}

.careersno {
	display: none;
}

.careerstitle {
	font-weight: bold;
	padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #bdbdbd;
}

.careersstatus {
    width: fit-content;
    border-radius: 10px;
    padding: 2px 10px;
    margin: 10px 0 5px 0;
    font-size: 13px;
}

.careersstatus-closed {
	background: #ffcaca;
}

.careersstatus-open {
	background: #bbffbb;
}

.loc-blank {
	display: none;
}

.link-blank {
	display: none;
}

.link-open {
	display: flex;
    justify-content: right;
}

.joblink {
	background: #3a75ff;
    padding: 5px 10px;
    border-radius: 10px;
    color: white;
	font-size: 13px;
}

.joblink:hover {
	background: #5588ff;
}

.dataTables_info {
	display: none;
}

.dataTables_paginate {
	width: auto;
    display: flex;
    margin: auto;
    justify-content: center;
}

.paginate_button {
	background: #ffffff;
    border: 1px solid #cdcdcd;
    padding: 10px;
    border-radius: 5px;
    display: inline-flex;
	margin: 5px;
	cursor: pointer;
	height: fit-content;
	width: 40px;
    justify-content: center;
}

.paginate_button:hover {
	background: #d5f2ff;
}

.disabled {
	background: #e7e7e7;
	cursor: not-allowed;
}

.disabled:hover {
	background: #e7e7e7;
}

.current {
	background: #86f4ff;
}

.careers-cat-mobile {
	display: none;
}

.i-back {
	background: url(../image/back.png) no-repeat;
    background-size: contain;
    height: 18px;
    width: 18px;
}

.i-next {
	background: url(../image/next.png) no-repeat;
    background-size: contain;
    height: 18px;
    width: 18px;
}

.benefits-val-page-section {
	height: 100%;
    background: white;
    padding: 5vw 0;
    display: inline-table;
}

.ben-val-title-top {
	padding: 0 30px;
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: bold;
}

.ben-val-content {
	padding: 0 25px;
	margin-bottom: 20px;
}

.ben-val-img {
	width: 100%;
	height: 60vw;
	border-radius: 10px;
	display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.ben-val-col {
	display: grid;
	border: 1px solid #b9dfff;
	border-radius: 6px;
	padding: 15px;
	margin-top: 20px;
	font-size: 20px;
	height: fit-content;
}

.ben-val-title {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 16px;
}

.ben-val-desc {
	font-size: 14px;
}

.top-row,
.bottom-row {
	display: flex;
	gap: 20px;
	justify-content: center;
}

@media (min-width: 1024px) {
	.careers-title-top {
		font-size: 3.5vw;
	}
	
	.careerstitle {
		font-size: 1.25vw;
	}
	
	.ben-val-title-top {
		padding: 0 100px;
	}
	
	.ben-val-desktop {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0 100px;
	}
	
	.ben-val-content {
		width: 25%;
		padding: 0 10px;
	}
	
	.ben-val-img {
		height: 14vw;
	}
}

@media (min-width: 700px) and (max-width: 1024px) {
	.ben-val-img {
		width: 70%;
		height: 40vw;
	}
}

@media (max-width: 1024px) {
	.careerstitle {
		font-size: 16px;
	}
	
	.careers-text-top {
		padding: 0 30px;
		margin-bottom: 30px;
	}
	
	.careers-content {
		padding: 0 25px;
	}
	
	label {
		padding: 0 0 0 5vw;
	}
	
	input {
		margin-left: 5vw;
	}
	
	.careers-cat-mobile {
		display: flex;
		width: 100%;
		justify-content: center;
	}
	
	.careers-select-m {
		padding: 15px 20px;
		border: 1px solid #dddfe1;
		border-radius: 10px;
		font-size: 20px;
		width: 100%;
	}
	
	.careers-left {
		width: 100%;
		margin-top: 20px;
		padding-right: 0;
	}
	
	.careers-right {
		display: none;
	}
	
	.top-row,
	.bottom-row {
		flex-direction: column;
		align-items: center;
	}
}

@media (max-width: 500px) {
	.previous {
		display: none;
	}
	
	.next {
		display: none;
	}
}

@media (max-width: 370px) {
	.dataTables_paginate {
		white-space: nowrap;
		overflow-x: scroll;
		width: 220px;
		/* justify-content: flex-start; */
	}
}