.card-six-item {
	display: flex;
	flex-direction: column;
	gap: 48px;

	border-radius: 24px;
	padding: 24px;

	height: 100%;

	background-color: var(--e-global-color-4b9e497);

	cursor: default;

	overflow: hidden;

	transition: all 300ms ease-in-out;
}

.card-six-item:hover {
	background-color: var(--e-global-color-secondary);
}

.card-six-item .card-six-icon {
	display: flex;
	justify-content: center;
	align-items: center;

	background-color: var(--e-global-color-primary);

	border-radius: 48px;

	width: 48px;
	height: 48px;

	transition: all 300ms ease-in-out;
}

.card-six-item:hover .card-six-icon {
	background-color: #242424;
}

.card-six-item .card-six-icon svg {
	width: 32px;

	fill: var(--e-global-color-secondary);

	transition: all 300ms ease-in-out;
}

.card-six-item:hover .card-six-icon svg {
	fill: var(--e-global-color-primary);
}

.card-six-item .card-six-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.card-six-item .card-six-title {
	color: var(--e-global-color-secondary);

	margin: 0;

	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;

	transition: all 300ms ease-in-out;
}

.card-six-item:hover .card-six-title {
	color: var( --e-global-color-e3d4af1 );
}

.card-six-item .card-six-desc {
	margin: 0;

	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;

	transition: all 300ms ease-in-out;
}

.card-six-item:hover .card-six-desc {
	color: var( --e-global-color-e3d4af1 );
}