.accordion-block button {
    background-color: transparent;
    box-shadow: none;
    border: none;
}

.accordion-block {
    background-color: var(--white);
    box-shadow: 5px 5px 0 rgb(0 0 0 / 10%);
    border-radius: 1rem;
    padding: 12px 25px;
}
.accordion-block button{
	border-radius: 0;
	text-transform: none;
}
.accordion-block:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.accordian .panel{
	box-shadow: none;
	border: none;
	background-color: transparent;
    padding: 15px 0
}
.accordian .panel::before{
	content: none;
}

.accordion-block>* {
    position: relative;
    z-index: 10;
}

.accordian .accordion-block+.accordion-block {
    margin-top: 20px;
}
.accordian{
    margin-top: 50px;
    margin-bottom: 50px;
}

.accordian .accordion-block {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.accordian .accordion-block .accordion {
    width: 100%;
    cursor: pointer;
	padding: 0;
}
.accordian .accordion-block .accordion::after{
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	top: 5px;
	right: 5px;
	transform: rotate(45deg);
	border: solid #d1d1d1;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
    margin-right: 5px;
    transition: all 1s;
}
.active::after{
	transform: rotate(-135deg) !important;
}
.accordian .accordion-block .accordion h4 {
    font-weight: 500;
	text-align: start;
	margin-right: 40px;
}
.panel {
	overflow: hidden;
	max-height: 0;
	padding: 0px 0px !important;
	transition: 0.5s ease-in-out;
}
.accordion-content{
	padding: 15px 0;
	max-width: 100%;
}
button:hover::after{
 filter: brightness(65%) !important;
}