/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 30 2025 | 13:57:26 */
.job-collection-list {
	display: grid;
	gap: 1.8rem;
	grid-template-columns: repeat(3, 1fr);
}


.job-collection-list-item {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.job-collection-list-item-top {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	padding: 4.5rem 3.3rem 6rem;
	border-radius: 1.8rem;
	border: 1px solid #D5E3CA;
	background: #E9F6DF;
}
.job-collection-list-item-top h3 {
	color: #000;
	font-size: 3rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
}
.job-collection-list-item-top p {
	color: #000;
	font-family: CircularXX;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.76;
}
.job-collection-list-item-top a {
	display: flex;
	gap: 1.4rem;
	flex-wrap: wrap;
}
.job-collection-list-item-bottom {
	border-radius: 1.8rem;
	border: 1px solid #3B8204;
	background: #FFF;
	padding: 2.8rem 1.5rem;
	margin-top: 1.4rem;
}
.job-collection-ul {
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3.8rem 3.3rem;
}
.job-collection-p {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.job-collection-p {
	color: #000;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.1;
}
.job-collection-p b {
	font-size: 1.6rem;
}
.job-collection-li {
	display: flex;
	gap: 0.8rem;
	flex-wrap: wrap;
	align-items: start;
}

.job-collection-img, 
.job-collection-img svg {
	width: 1.7rem;
}
.job-collection-text {
	width: calc(100% - 2.5rem);
}
.post-type-archive-job .job-collection-ul,
.single-job .job-collection-ul {
	grid-template-columns: repeat(3, 1fr);
}



/*============================== SINGLE JOB SECTION ==================================== */


.single-job .job-collection-list {
	grid-template-columns: repeat(1, 1fr);
}
.custom_job_banner a.apply_now {
	border-radius: 3rem;
	background: #1483E3;
	color: #fff;
	padding: 1.6rem 2rem;
	line-height: 1;
	display: inline-block;
	margin-top: 3rem !important;
}


/* ========================= ARCHIVE CSS ==========================================*/



/* #clear-filters svg {
	width: 1.5rem;
} */
#clear-filters {
	background: transparent;
	border: 0;
	padding: 0;
} 
.custom_job_banner p {
	color: #000;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.76;
	width: 50%;
	padding-top: 1.5rem;
}
.job-archive-content {
	display: flex;
	gap: 3rem;
	padding: 10rem 0;
}
.job-filters {
	width: calc(30% - 1.5rem);
}
.job-post-list {
	width: calc(70% - 1.5rem);
}
.filter-group {
	padding: 3.5rem;
	border: 1px solid #D5E3CA;
	border-radius: 1.8rem;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	margin-bottom: 3rem;
}
.filter-group strong {
	color: #231E19;
	font-family: CircularXX;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 450;
	line-height: 1.2;
	padding-bottom: 2rem;
}
.filter-group label {
	color: #000;
	font-family: 'CircularXX';
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.76;
	display: flex;
	gap: 1rem;
	align-items: center;
}
.results-wrapper {
	display: flex;
	flex-direction: column;
	gap: 3rem;
}
.filter-group label input {
	width: 3rem;
	height: 3rem;
}
.loader {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	font-family: 'CircularXX';
	color: #000;
	height: 100vh;
	border: 1px solid #D5E3CA;
	background: #E9F6DF;
}
.no_found {
	color: #231E19;
	font-size: 3rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
}
.job-search-bar {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: -8rem;
}

.post-type-archive-job .custom_job_banner {
	padding: 21rem 0 15rem;
	background: #52BB0033;
}
.job-search-bar input {
	border-radius: 3rem !important;
	border: 1px solid #D0E2C2 !important;
	background: #FFF;
	color: #6E858F !important;
	font-family: 'CircularXX' !important;
	font-size: 1.5rem !important;
	font-weight: 400 !important;
	line-height: normal !important;
	padding: 1.2rem 3rem !important;
	height: 5.8rem !important;
}
.job-search-bar button {
	color: #FFF;
	font-family: CircularXX;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 1.6rem 3rem;
	border-radius: 3rem;
	background: #1483E3;
}



/* ==================================== APPLY JOB ========================================= */


.form-block__row {
	display: flex;
	gap: 2rem;
}
#job-apply-form label {
	color: #000;
	font-family: CircularXX;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-bottom: 1.5rem;
}

#job-apply-form {
	border-radius: 18px;
	border: 1px solid #D5E3CA;
	background: #E9F6DF;
	padding: 5rem;
	margin: 8rem auto;
}

.container.container--smaller {
	width: 70%;
	margin: auto;
}

.form-block.upload_file_div {
	display: flex;
	flex-direction: column;
	width: 50%;
}
.upload_file_div #cv_file {
	height: 15rem;
	border-radius: 1.8rem;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
#job-apply-form .form-block {
	padding-bottom: 3.8rem;
}
#job-apply-form input {
	background: #fff;
	font-size: 1.7rem;
	font-family: 'CircularXX';
	height: 5.5rem;
	padding: 1.2rem 2.5rem;
}
#job-apply-form select {
	background: #fff;
	border-radius: 3rem;
	border: 1px solid #DEDEDE;
	font-size: 1.7rem;
	font-family: 'CircularXX';
	height: 5.5rem;
	padding: 1.2rem 1.5rem;
}
#job-apply-form .form-block button {
	border-radius: 24px;
	background: #52BB00;
	border: 1px solid #52BB00;
	color: #231E19;
	font-family: CircularXX;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 3rem;
}

.checkbox-container {
	display: flex;
	align-content: center;
	align-items: center;
	gap: 1rem;
}
.checkbox-container label {
	padding: 0 !important;
}
.checkbox-container input {
	width: 3rem;
}
.checkbox-container a {
	color: #1483E3;
	text-decoration: underline;
}
#job-apply-form .success {
	color: #000;
	font-family: CircularXX;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
}
#job-apply-form .error {
	color: red;
	font-family: CircularXX;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
}


#job-apply-form .loader {
	border: 2px solid #1d1e1d;
	border-top: 2px solid #fff;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	animation: spin 0.8s linear infinite;
	display: inline-block;
	vertical-align: middle;
	background: #52bb00;
	margin-left: 0.5rem !important;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}