@charset "utf-8";
/* CSS Document */


/*EMPLOYMENT*/

	/*TITLE*/
	.employment .content_employment {padding-top: 170px; background-color: var(--white);}
		.employment .content_employment .section_title {display: flex; align-items: center; justify-content: center; padding: 25px 0;}
			.employment .content_employment .section_title hr {width: 55%; border-color: var(--white); border-width: 2px;}
			.employment .content_employment .section_title h1 {font-size: 3.75rem; color: var(--white); text-align: center; line-height: 1; padding: 0 30px;}

		/*Animations*/
		.employment .content_employment {transition: background 0.5s ease-in-out;}
			.employment .content_employment.show {background-color: var(--pink);}

		.employment .content_employment .section_title hr {transition: all 0.5s 0.5s ease-in-out; transform: scale(0);}
			.employment .content_employment.show .section_title hr {transform: scale(1);}

		.employment .content_employment .section_title h1 {transition: opacity 0.8s 0.5s ease-in-out; opacity: 0;}
			.employment .content_employment.show .section_title h1 {opacity: 1;}

	/*EMPLOYMENT*/
	.employment .content_info {margin-top: 80px;}
		.employment .content_info .content_container {display: flex; align-items: flex-start; justify-content: center; gap: 68px;}
			.employment .content_info .content_half:first-child {width: 522px;}
			.employment .content_info .content_half:last-child {width: calc(100% - 590px);}
				.employment .content_info .content_half img {width: 100%;} 
				.employment .content_info .content_half h5 {font-size: 2.25rem; margin-bottom: 44px;}
				.employment .content_info .content_half p {font-weight: 400; font-size: 1.25rem; line-height: 1.4; margin-bottom: 30px;}

		/*Animations*/
		.employment .content_info .content_half figure,
		.employment .content_info .content_half h5 {transition: opacity 0.5s 0.3s ease-in-out; opacity: 0;}
			.employment .content_info.show .content_half figure,
			.employment .content_info.show .content_half h5 {opacity: 1;}
		.employment .content_info .content_half p {transition: all 0.5s 0.3s ease-in-out; opacity: 0; transform: translateY(20px);}
			.employment .content_info.show .content_half p {opacity: 1; transform: translateY(0px);}

	/*OFFER*/
	.employment .content_offer {background: var(--white); padding: 76px 0 100px; margin-top: 100px;}
		.employment .content_offer .content_container {gap: 120px;}
			.employment .content_offer .content_half {width: 50% !important;}
			.employment .content_offer .content_half figure {margin-top: 96px;}

		/*Animations*/
		.employment .content_offer {transition: background 0.5s 0.2s ease-in-out;}
			.employment .content_offer.show {background: rgba(239, 147, 158, .15);}

	/*APPLY*/
	.employment .content_apply {background: var(--white); margin-top: 0; padding: 79px 0 169px;}
		.employment .content_apply .content_container {justify-content: flex-start;}
			.employment .content_apply .content_half:first-child {width: 692px;}
			.employment .content_apply .content_half:last-child {width: auto; margin-top: 110px;}
				.employment .content_apply .content_half h5 {margin-bottom: 70px;}

		/*Animations*/
		.employment .content_apply {transition: background 0.5s 0.2s ease-in-out;}
			.employment .content_apply.show {background: var(--pink);}

@media (max-width: 1000px) {
	.employment .p_left_1 {padding-left: 0;}
	.employment > section .center_content.c_10,
	.employment > section .center_content.c_12 {width: 676px;}

	/*Title*/
	.employment .content_employment {padding-top: 115px;}
		.employment .content_employment .section_title {width: 100% !important;}
			.employment .content_employment .section_title h1 {font-size: 3rem;}

	/*Employment*/
	.employment .content_info .content_container {flex-direction: column;}
		.employment .content_info .content_half {width: 100% !important;}
			.employment .content_info .content_container .content_half:nth-child(1) {order: 2;}
			.employment .content_info .content_container .content_half:nth-child(2) {order: 1;}
				.employment .content_info .content_container .content_half figure {width: 332px; margin: auto;}
				.employment .content_info .content_half h5 {font-size: 1.75rem; margin-bottom: 50px;}
				.employment .content_info .content_half p {font-size: 1.125rem;}

	/*Offer*/
	.employment .content_offer {margin-top: 140px;}
		.employment .content_offer .content_container .content_half figure {width: 100%;}

	/*Apply*/
	.employment .content_apply {padding: 90px 0 128px;}
		.employment .content_apply .content_container {gap: 50px;}
			.employment .content_apply .content_container .content_half:nth-child(1) {order: 1;}
			.employment .content_apply .content_container .content_half:nth-child(2) {order: 2; margin-top: 0;}
}

@media (max-width: 750px) {
	.employment > section .center_content.c_10,
	.employment > section .center_content.c_12 {width: 100%;}

	/*Title*/
	.employment .content_employment {padding-top: 165px;}
		.employment .content_employment .section_title {padding: 43px 0;}
			.employment .content_employment .section_title hr {width: 42%;}
			.employment .content_employment .section_title h1 {font-size: 2.25rem;}

	/*Employment*/
	.employment .content_info {padding: 0 36px; margin-top: 60px;}
		.employment .content_info .content_container {gap: 47px;}
			.employment .content_info .content_container .content_half figure {width: 100%;}

	/*Offer*/
	.employment .content_offer {padding: 70px 36px 88px;}

	/*Apply*/
	.employment .content_apply {padding: 79px 36px 154px; margin-top: 0;}
}