.accordeon .card  {
	--scale: 1;
	border: 0;
	margin-bottom: 20px;
    -webkit-box-shadow: 0 20px 30px -20px rgb(0 0 0 / 30%);
    box-shadow: 0 20px 30px -20px rgb(0 0 0 / 30%);
	transition: transform .3s;
}
@media(min-width: 768px) {
	.accordeon .card:hover {
		--scale: 1.05;
		-webkit-transform: scale(var(--scale));
		-ms-transform: scale(var(--scale));
		transform: scale(var(--scale));
	}
}
.accordeon .card .card-header {
	display: flex;
    flex-direction: row;
    align-items: center;
	position: relative;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	padding: 20px 80px 20px 30px;
}
.accordeon .card .card-header p {
	font-size: var(--pocket-font-size--h3__default);
}
.accordeon .card .card-header:before {
	content: "";
    background-color: #22bcad;
    position: absolute;
	height: 30px;
    width: 1px;
    right: 45px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
	transition: transform .3s;
}
.accordeon .card .card-header:not(.collapsed):before {
    -webkit-transform: translate3d(0,-50%,0) scaleY(0);
    transform: translate3d(0,-50%,0) scaleY(0);
}
.accordeon .card .card-header:after {
    content: "";
    background-color: #22bcad;
    position: absolute;
    width: 30px;
    height: 1px;
    right: 30px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
.accordeon .card .card-header img {
	margin-right: 27px;
	width: 48px;
	height: 48px;
}
.accordeon .card .card-body {
	height: 100%;
    padding-right: 60px;
    padding-bottom: 25px;
	padding-left: 105px;
}
.accordeon .card.no-icon .card-body {
	padding-left: 30px;
}