.block-accordion {
	padding: 0 20%;
}

.block-accordion__header {
	padding: 15px;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
}

.block-accordion__header:hover {
	background-color: #ddd;
}

.block-accordion__icon {
	font-weight: normal;
	transition: transform 0.3s ease;
	color: #a17de5;
}

.block-accordion__content {
	display: none;
	padding: 10px;
}

.block-accordion__item--active .block-accordion__content {
	display: block;
}

.block-accordion__item--active .block-accordion__icon {
	content: "-";
	transform: rotate(180deg);
}

.block-accordion {
	padding: 0 20%;
}

@media (max-width: 1024px) {

	.block-accordion {
		padding: 0 15%;
	}
}

@media (max-width: 768px) {

	.block-accordion {
		padding: 0 10%;
	}
}

@media (max-width: 480px) {

	.block-accordion {
		padding: 0 5%;
	}
}

@media (max-width: 768px) {

	.block-accordion h2 {
		margin-top: 0;
	}
}