.staff-page__container {
	width: calc(85% - 40px);
	max-width: 1565px;
	padding: 0 20px;
	margin: 0 auto 100px;
}
.staff-page__container * {box-sizing: border-box;}
.staff-accordion__wrapper {border-top: 1px solid #e7e9ea;}
.staff-accordion__title {
	cursor: pointer;
	padding: 18px 24px;
	width: 100%;
	border-bottom: 1px solid #e7e9ea;
	text-align: left;
	outline: none;
	font-size: 16px;
	font-weight: 700;
	transition: 0.4s;
}
.staff-accordion__title:after {
	content: '';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	width: 20px;
	height: 20px;
}
.staff-accordion__title.active:after {
	content: "";
	transform: rotate(-180deg);
}
.staff-accordion__panel {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	column-gap: 5%;
	padding: 0 24px;
	background-color: #f2f2f2;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.staff-accordion__item {
	display: flex;
	column-gap: 20px;
	width: 30%;
	margin: 24px 0 32px;
}
.staff-accordion__item-picture {
	flex-basis: 30%;
}
@media (min-width:768px) {
	.staff-accordion__item-picture {
		max-width: 130px;
	}
}
.staff-accordion__item-picture img {
	max-width: 100%;
	max-height: 100%;
}
.staff-accordion__item-information {
	flex-basis: 70%;
}
.staff-accordion__item-position,
.staff-accordion__item-phone,
.staff-accordion__item-email,
.staff-accordion__item-btn {
	margin-bottom: 12px;
}
.staff-accordion__item-phone a,
.staff-accordion__item-email a {
	font-weight: 400;
}
.staff-accordion__item-name {
	font-weight: 700;
	margin-bottom: 2px;
}
.staff-accordion__item-phone {
	display: flex;
	column-gap: 14px;
	align-items: center;
}
.staff-accordion__item-btn {
	margin-top: 24px;
}
@media (max-width: 1200px) {
	.staff-accordion__item {
		width: 45%;
	}
	.staff-accordion__panel {
		column-gap: 10%;
	}
}
@media (max-width: 900px) {
	.staff-page__container {
		width: calc(100% - 40px);
	}
	.staff-accordion__title {padding: 18px;}
	.staff-accordion__panel {padding: 0 18px;}
}
@media (max-width: 768px) {
	.staff-accordion__item {
		width: 100%;
	}
}

.staff-accordion__title.active + .staff-accordion__panel {
	max-height: none;
}