.CAREERS .department {
	background: var(--white);
	box-shadow: 0 5rem 5rem 0 rgba(0,0,0,0.03), 0 33rem 70rem 0 rgba(0,0,0,0.05);
}

.CAREERS .department:not(:last-child) {
	margin-bottom: 15rem;
}

.CAREERS .heading {
	position: relative;
	border-left: 2px solid var(--blue);
	padding: 30rem 600rem 30rem calc(50rem - 2px);
	cursor: pointer;
	transition: color 0.25s;
}

.CAREERS .heading .count {
	position: absolute;
	top: 30rem;
	left: 600rem;
	font-size: 16rem;
	color: var(--black);
}

.CAREERS .heading::after {
	content: "";
	position: absolute;
	top: 27rem;
	right: 25rem;
	width: 30rem;
	height: 30rem;
	background: url(images/toggle.svg) no-repeat center / 100%;
	transform: rotate(135deg);
	transition: transform 0.25s;
}

.CAREERS .heading:hover {
	color: var(--blue);
}

.CAREERS .container {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s;
}

.CAREERS .content {
	margin: 10rem 25rem 25rem;
	padding: 15rem 25rem;
	background: var(--light);
}

.CAREERS .content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.CAREERS .content li {
	position: relative;
	display: flex;
	margin: 0;
	padding: 0;
	font-size: 16px;
}

.CAREERS .content li:not(:last-child) {
	padding-bottom: 15rem;
	margin-bottom: 15rem;
	border-bottom: 1px solid #DBDBDB;
}

.CAREERS .content .title {
	font-weight: 700;
	width: 520rem;
	padding-right: 30rem;
	transition: color 0.25s;
}

.CAREERS .content .type-location {
	flex-grow: 1;
}

.CAREERS .content a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.CAREERS .content li:hover .title {color: var(--blue);}
.CAREERS .content li:hover a {color: var(--blue);}

.CAREERS .department.alt-active .heading::after {transform: rotate(0);}

@media screen and (max-width: 960px) {
	.CAREERS .heading {padding: 15rem 40rem 15rem 20rem;}
	.CAREERS .heading .count {display:none;}
	.CAREERS .heading::after {top: 11rem; right: 10rem;}
	.CAREERS .content {margin: 5rem; padding: 15rem;}
	.CAREERS .content li {flex-wrap: wrap;}
	.CAREERS .content .title {width: 100%; padding: 0 0 10rem 0;}
}
