.cccs-job-header-block {
	display: flex;
	flex-direction: column;
	padding: 60px 0 46px;
	margin: 0 !important;
	background: center no-repeat;
	background-size: cover;
}

.job-header-inside {
	width: 100%;
	max-width: var(--wp--style--global--wide-size);
	margin: 0 auto;
}

.job-logo-container {
	position: relative;
	width: fit-content;
}

.job-logo-container .job-logo {
	max-width: 440px;
}

.job-logo-container .job-logo img,
.job-logo-container .job-logo svg {
	position: relative;
	z-index: 2;
	background: #fff;
	width: 100%;
	height: 100%;
	padding: 20px;
}

.job-logo-container .job-logo-decorations {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.job-logo-container .decoration {
	position: absolute;
}

.job-logo-container .decoration svg {
	width: 100%;
	height: 100%;
}

.job-logo-container .decoration.decor-square-1 {
	top: -7px;
	left: -7px;
	width: 17%;
	height: 50.5%;
}

.job-logo-container .decoration.decor-square-2 {
	bottom: -7px;
	right: -7px;
	width: 17%;
	height: 52%;
}

.job-logo-container .decoration.decor-flair {
	bottom: 0;
	top: -24%;
	left: -50%;
	right: -260%;
	z-index: -1;
}

/* Blue background mode */
.cccs-job-header-block {
	position: relative;
	background-blend-mode: luminosity;
	background-color: #004165;
}

.cccs-job-header-block::before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #03202F;
	opacity: 0.7;
}

.cccs-job-header-block .job-header-inside {
	position: relative;
	z-index: 2;
}

/* Mobile */
@media ( max-width: 1280px ) {
	.cccs-job-header-block {
		padding-left: min(80px,7vw);
		padding-right: 7vw;
	}
}

@media ( max-width: 780px ) {
	.cccs-job-header-block {
		padding-bottom: 0;
		padding-right: 30vw;
		margin-bottom: calc( 7.9vw + 48px ) !important;
	}

	.cccs-job-header-block .job-header-inside {
		top: 7.9vw;
	}
}