.vacancies__container {
	  display: flex;
	  min-height: 500px;
}

.vacancies__container__list {
	max-width: 486px;
	width: 100%;
}

ul.vacancies__list {
	padding: 0;
	list-style: none;
	position: sticky;
	top: 60px;
	max-width: 486px;
	width: 100%;
}

ul.vacancies__list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 116%;
	text-transform: uppercase;
	color: #4F4D4C;
	padding: 22px 40px;
	border: 0 solid rgb(43 42 41 / 15%);
	border-top-width: 1px;
	cursor: pointer;
	transition: 0.3s all;
}

ul.vacancies__list li:last-child {
	border-bottom: 1px solid rgb(43 42 41 / 15%);
}

ul.vacancies__list li:before, nav ul li:before {
	content: '';
}

ul.vacancies__list li:hover {
	background-color: #F6F6F6;
	color: #2B2A29;
	transition: 0.3s all;
}

ul.vacancies__list li:hover svg path {
	fill: #2B2A29;
	transition: 0.3s all;
}

ul.vacancies__list li.active {
	background-color: #F6F6F6;
	color: #E84E26;
}

ul.vacancies__list a li {
	color: #4F4D4C;
}
ul.vacancies__list a li.active {
	color: #E84E26;
}

ul.vacancies__list li.active svg path {
	fill: #E84E26;
}

.vacancies__description__block {
	background: #F6F6F6;
	width: 100%;
	border: 1px solid rgb(43 42 41 / 15%);
	border-right: 0;
}

.vacancies__description__info {
	width: 100%;
	padding: 60px 40px;
}

.title__description__list {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 116%;
	color: #2B2A29;
}

ul.description__info {
	padding-top: 40px;
	padding-bottom: 60px;
}

ul.description__info:first-child {
	 padding-top: 0;
	 padding-bottom: 60px;
 }

ul.description__info li {
	font-style: normal;
	font-weight: normal;
	line-height: 145%;
	color: #4F4D4C;
	padding: 5px 15px;
}

@media(max-width: 1090px) {
	.vacancies__container__list {
		max-width: 370px;
	}

	ul.vacancies__list {
		max-width: 370px;
	}

}

@media(max-width: 867px) {
	.vacancies__container {
		flex-direction: column;
	}

	ul.vacancies__list li.active svg path {
		transform: translateX(20px) rotate(90deg);
	}

	.vacancies__container__list {
		max-width: none;
		width: 100%;
	}

	ul.vacancies__list {
		padding: 0;
		list-style: none;
		position: sticky;
		max-width: none;
		top: 0;
		width: 100%;
	}

	.vacancies__description__block {
		background: #F6F6F6;
		width: 100%;
		border: 0;
	}
}