.navigation-list {
	--text-color: var(--white);

	width: 100%;
	max-width: 540px;
	position: relative;
	padding: 0;
}

.navigation-list .slides {
	display: block;
}

.navigation-list .slides .slide {
	margin-bottom: var(--space-3);
}

.navigation-list .slides .slide > .inner {
	display: flex;
}

.navigation-list .slides .slide .slide-title {
	font-weight: bold;
    color: var(--text-color);
    font-size: var(--text-lg);
    max-width: 100%;
}

.navigation-list .slides .slide .slide-title a {
	display: flex;
    align-items: center;
	gap: var(--space-2);
    color: var(--text-color);
    font-size: var(--text-lg);
    max-width: 100%;
	white-space: unset;
}

.navigation-list .slides .slide .slide-title a::before {
	display: flex;
	content: '';
    height: 12px;
    width: 12px;
    background: url('/includes/public/assets/shared/arrows/arrow_right.svg') no-repeat center center;
    background-size: 100%;
}


.navigation-list .slides .slide .slide-title a:hover {
	cursor: pointer;
	text-decoration: underline;
}

.navigation-list .slides .slide a {
	padding: 0;
	display: block;
}

.navigation-list .slides .slide .slide-top {
	display: none;
}

.navigation-list .slides .slide .content-section {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	padding: 0;
}

.navigation-list .slides .slide .slide-footer,
.navigation-list .slides .slide .content-section p {
	display: none;
}

@media (min-width: 64em) and (max-width: 1300px) {
	.navigation-list .slides .slide > .inner {
		gap: 0;
	}

	.navigation-list .slides .slide .content-section p {
		font-size: var(--text-xs);
	}

	.navigation-list .slides .slide .content-section {
		padding: 0;
		padding-left: var(--space-3);
	}

	.navigation-list:before {
		left: -1px;
	}
}