.careers-area {
	position: relative;
	margin-top: 0rem;
}

.careers-area .bg-img {
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 10rem;
}

.careers-area .info {
	position: relative;
	top: -3rem;
	z-index: 2;
	background-color: var(--off-color);

	max-width: 40%;

	padding-block: 2rem;
	padding-inline: 1rem;
}

.careers-area .info:before {
	z-index: -1;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	box-shadow: 0 1.27em 2.54em rgba(0, 0, 0, 0.16);
	filter: blur(0);
	transition: filter var(--transit-1), opacity var(--transit-1), box-shadow var(--transit-1);
}


/* 1024px Responsive */
@media screen and (max-width:1024px) {
	.careers-area .bg-img {
		padding-bottom: 0;
	}
	
		.careers-area .info {
		max-width: 100%;
	}
	
	.careers-area .main .main {
		padding-left: 0;
		padding-right: 0;
	}
	
	.careers-area picture:not(.img) {
		display: block;
		position: relative;
		height: 100%;
		aspect-ratio: 2 / 1;
	    /*padding-left: var(--main-padding);*/
    	/*padding-right: var(--main-padding);*/
	}
}

/* END 1024px Responsive */

/* 800px Responsive */
@media screen and (max-width:800px) {
	.careers-area {
		margin-top: revert;
	}
	
	.careers-area .info {
		top: revert;
		max-width: 100%;
	}
	
	.careers-area .bg-img {
		background-image: revert;
	}
	
}

/* END 800px Responsive */