/*
//======================================================================
// HEADER - START
//======================================================================
*/

header {
	padding: 44px 20px;
}

header .logos {
	display: flex;
	align-items: center;
	justify-content: center;
}

header .logos > :not(:last-child) {
	margin-left: 88px;
}

/*
//======================================================================
// HEADER - END
//======================================================================
*/

/*
//======================================================================
// BANNER SLIDERS - START
//======================================================================
*/

.banner-sliders .banner {
	padding: 38px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	line-height: 1;
}

.banner-sliders .banner .top-title,
.banner-sliders .banner .bottom-title {
	text-shadow: 2px 3px 14px rgba(0,0,0,0.75);
	color: var(--white);
	font-weight: var(--bold);
}

.banner-sliders .banner .top-title {
	font-size: 3.5rem;
}

.banner-sliders .banner .bottom-title {
	font-size: 6.5rem;
}

.banner-sliders .chevrons {
	display: block;
	position: relative;
}

.banner-sliders .chevrons .chevron-slide {
	position: absolute;
	left: 50%;
	width: 30px;
	height: 30px;
	border-left: 3px solid var(--white);
	border-bottom: 3px solid var(--white);
	transform: translate(-50%, 0) rotate(-45deg);
}

.banner-sliders .chevrons .chevron-slide.first {
	bottom: 37px;
	opacity: 0.6;
}

.banner-sliders .chevrons .chevron-slide.last {
	bottom: 25px;
}

/*
//======================================================================
// BANNER SLIDERS - END
//======================================================================
*/

/*
//======================================================================
// COME FOR CAREER - START
//======================================================================
*/

.come-for-career {
	text-align: center;
	padding: 65px 20px 95px;
}

.come-for-career h1 {
	font-size: 4rem;
	font-weight: var(--bold);
	color: var(--blue);
	margin: 0 0 40px;
}

.come-for-career .content .description,
.come-for-career .content strong {
	font-size: 2rem;
}

.come-for-career .content .description {
	color: var(--gray);
}

.come-for-career .content strong {
	color: var(--blue);
}

/*
//======================================================================
// COME FOR CAREER - END
//======================================================================
*/

/*
//======================================================================
// FORM - START
//======================================================================
*/

.form {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.form .form-wrapper {
	background-color: var(--blue);
	padding: 50px 110px;
}

.form .form-wrapper h2 {
	font-size: 3rem;
	color: var(--white);
	margin: 0 0 35px;
	text-align: center;
}

.form .form-wrapper form .input-wrapper:not(.submit):not(.newsletter) {
	margin-bottom: 15px;
}

.form .form-wrapper form .input-wrapper input:not([type="checkbox"]),
.form .form-wrapper form .input-wrapper select {
	width: 100%;
	height: 77px;
	padding: 12px 28px;
	border: none;
	color: var(--blue);
	background-color: var(--white);
	font-size: 2rem;
	font-weight: var(--bold);
	outline: none;
	direction: rtl;
}

.form .form-wrapper form .input-wrapper input.wpcf7-not-valid,
.form .form-wrapper form .input-wrapper select.wpcf7-not-valid {
	border: 1px solid red;
}

.form .form-wrapper form .input-wrapper .wpcf7-not-valid-tip {
	display: none;
}

.form .form-wrapper form .input-wrapper select::-ms-expand {
	display: none;
}

.form .form-wrapper form .input-wrapper select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
}

.form .form-wrapper form .input-wrapper .wpcf7-form-control-wrap.fca-744:before {
	content: '';
	position: absolute;
	top: calc(50% - 15px);
	left: 50px;
	border-left: 4px solid var(--blue);
	border-bottom: 4px solid var(--blue);
	width: 20px;
	height: 20px;
	transform: rotate(-45deg) translate(0, -50%);
	border-bottom-left-radius: 2px;
}

.form .form-wrapper form .input-wrapper.newsletter {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-top: 55px;
}

.form .form-wrapper form .input-wrapper.newsletter .wpcf7-form-control-wrap {
	margin-right: 41px;
}

.form .form-wrapper form .input-wrapper.newsletter .wpcf7-list-item-label {
	position: relative;
}

.form .form-wrapper form .input-wrapper.newsletter label {
	max-width: 560px;
	width: 100%;
	display: block;
	color: var(--white);
	font-size: 1.7rem;
	cursor: pointer;
}

.form .form-wrapper form .input-wrapper.newsletter input {
	display: none;
}

.form .form-wrapper form .input-wrapper.newsletter .wpcf7-list-item-label:before,
.form .form-wrapper form .input-wrapper.newsletter input:checked + .wpcf7-list-item-label:after {
	content: '';
	position: absolute;
	top: 50%;
	border-radius: 100%;
	transform: translate(0, -50%);
}

.form .form-wrapper form .input-wrapper.newsletter .wpcf7-list-item-label:before {
	left: calc(100% + 18px);
	width: 48px;
	height: 48px;
	border: 3px solid var(--white);
}

.form .form-wrapper form .input-wrapper.newsletter input:checked + .wpcf7-list-item-label:after {
	left: calc(100% + 28px);
	width: 33px;
	height: 33px;
	background-color: var(--green);
}

.form .form-wrapper form .input-wrapper ::placeholder {
	color: #467492;
	opacity: 1;
	font-weight: 700;
}

.form .form-wrapper form .input-wrapper :-ms-input-placeholder {
	color: #467492;
	font-weight: 700;
}

.form .form-wrapper form .input-wrapper ::-ms-input-placeholder {
	color: #467492;
	font-weight: 700;
}

.form .form-wrapper form .input-wrapper.submit {
	position: relative;
}

.form .form-wrapper form .input-wrapper.submit [type="submit"] {
	background-color: var(--green);
	border: 3px solid var(--white);
	font-weight: var(--boldest);
	cursor: pointer;
}

.form .form-wrapper form .input-wrapper.submit .ajax-loader {
	position: absolute;
	top: 50%;
	left: calc(50% + 70px);
	transform: translate(-50%, -50%);
	margin: 0;
}

.form .form-wrapper form:not(.sent) .wpcf7-response-output {
	display: none;
}

.form .form-wrapper form.sent .wpcf7-response-output {
	color: var(--green);
	font-size: 2rem;
	border: none;
	margin: 40px 0 0;
}

/*
//======================================================================
// FORM - END
//======================================================================
*/

/*
//======================================================================
// ADVANTAGES - START
//======================================================================
*/

.advantages {
	max-width: 1420px;
	width: 100%;
	margin: auto;
	padding: 120px 20px 150px;
}

.advantages ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 165px;
}

.advantages ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.advantages ul li img {
	margin-bottom: 44px;
	height: 258px;
}

.advantages ul li .description {
	color: var(--blue);
	font-size: 2.35rem;
	font-weight: var(--bold);
	text-align: center;
}

.advantages .closing-img {
	max-width: 980px;
	width: 100%;
	margin: 120px auto 0;
}

/*
//======================================================================
// ADVANTAGES - END
//======================================================================
*/

/*
//======================================================================
// CLOSING TNUFA BANNER - START
//======================================================================
*/

.closing-tnufa-banner {
	background-color: var(--blue);
	padding: 110px 20px;
}

.closing-tnufa-banner img {
	margin: 0 auto 90px;
}

.closing-tnufa-banner .description {
	color: var(--white);
	font-size: 3rem;
	text-align: center;
}

/*
//======================================================================
// CLOSING TNUFA BANNER - END
//======================================================================
*/

.closing-trans-ministry-banner {
	background: rgb(98,193,153);
	background: linear-gradient(59deg, rgba(98,193,153,1) 0%, rgba(41,128,174,1) 65%);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 20px;
}

.closing-trans-ministry-banner .description {
	margin-right: 35px;
	color: var(--white);
	font-size: 2rem;
	font-weight: var(--bold);
}

@media (max-width: 1503px) {
	.form .form-wrapper {
		padding: 50px;
	}

	.form .form-wrapper h2 {
		font-size: 2.4rem;
	}

	.advantages ul {
		grid-gap: 45px;
	}
}

@media (max-width: 1280px) {
	.form .form-wrapper form .input-wrapper.newsletter label {
		max-width: 400px;
	}
}

@media (max-width: 1023px) {
	header .logos {
		flex-direction: column;
	}

	header .logos > :not(:last-child) {
		margin: 0 0 40px;
	}

	.banner-sliders .banner .top-title {
		font-size: 2rem;
	}

	.banner-sliders .banner .bottom-title {
		font-size: 3.94rem;
	}

	.come-for-career {
		padding: 35px 20px 48px;
	}

	.come-for-career h1 {
		font-size: 2rem;
	}

	.come-for-career .content .description,
	.come-for-career .content strong {
		font-size: 1.6rem;
	}

	.form {
		grid-template-columns: 1fr;
	}

	.form .form-wrapper {
		padding: 20px;
	}

	.form .form-wrapper h2 {
		font-size: 1.6rem;
	}

	.form .form-wrapper form .input-wrapper input:not([type="checkbox"]),
	.form .form-wrapper form .input-wrapper select {
		font-size: 1.5rem;
	}

	.form .form-wrapper form .input-wrapper.newsletter {
		text-align: right;
		margin-top: 35px;
	}

	.form .form-wrapper form .input-wrapper.newsletter label {
		max-width: 260px;
		font-size: 1.1rem;
	}

	.form > .site-bg {
		height: 80vw;
	}

	.advantages {
		padding: 60px 20px 75px;
	}

	.advantages ul {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px;
	}

	.advantages ul li img {
		margin-bottom: 20px;
		height: 129px;
	}

	.advantages ul li .description {
		font-size: 1.35rem;
	}

	.advantages .closing-img {
		margin-top: 60px;
	}

	.closing-tnufa-banner {
		padding: 55px 20px;
	}

	.closing-tnufa-banner img {
		margin-bottom: 45px;
	}

	.closing-tnufa-banner .description {
		font-size: 1.5rem;
	}

	.closing-trans-ministry-banner .description {
		margin-right: 16px;
		font-size: 1.2rem;
	}
}