.accordion {
	background-color: #220048;
	color: #8330e9;
	cursor: pointer;
	padding: 1.3em;
	width: 100%;
	border: none;
	text-align: left;
	font-size: 14px;
	transition: 0.4s;
	border-radius: 10px;
	margin: 5px 0 0 0 !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.active, .accordion:hover {
	background-color: #2f005e;
}
.accordion.active {
	border-radius: 10px 10px 0 0 !important;
	margin: 0 !important;
}
.accordion:after {
	font-family: 'Font Awesome 6 Free';
	content: '\f107';
	color: #8330e9;
	font-weight: 900;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: "\f106" !important;
}

.panel {
	padding: 0 18px !important;
	background-color: #1b0039 !important;
	max-height: 0;
	overflow: hidden !important;
	border-radius: 0 0 10px 10px !important;
	margin-bottom: 5px !important;
	transition: max-height 0.2s ease-out !important;
}
.panel-cont {
	margin: 20px 0;
}
.accordions {
	width: 60%;
	margin: auto;
}