.citydent-articles {
	--swiper-navigation-size: 48px;
}

.citydent-articles__header {
	align-items: end;
}

.citydent-articles__header > .vc_column_container:last-child,
.citydent-articles__header > .wpb_column:last-child,
.citydent-articles__header > .vc_column_container:last-child > .vc_column-inner > .wpb_wrapper,
.citydent-articles__header > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper {
	align-items: flex-end;
	display: flex;
	justify-content: flex-end;
}

.citydent-articles .swiper-pagination {
	display: none;
}

.citydent-articles .navigation-slider.pos-together {
	gap: var(--gapX3);
}

.citydent-articles .navigation-slider .swiper-button-prev,
.citydent-articles .navigation-slider .swiper-button-next {
	background: rgba(0, 89, 183, 0.06);
}

.citydent-articles .slider-controls {
	height: 48px;
	min-height: 48px;
}

.citydent-article-card {
	align-items: flex-start;
	color: inherit;
	display: flex;
	flex-direction: column;
	gap: var(--gapX5);
	text-decoration: none;
}

.citydent-article-card:hover,
.citydent-article-card:focus {
	color: inherit;
}

.citydent-article-card__image {
	aspect-ratio: 3 / 2;
	display: block;
	object-fit: cover;
	width: 100%;
}

.citydent-article-card__content {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: var(--gapX4);
}

.citydent-article-card__meta {
	align-items: center;
	color: var(--contentOpacityColor);
	display: flex;
	flex-wrap: wrap;
	gap: var(--gapX4);
}

.citydent-article-card__meta-item {
	align-items: center;
	display: inline-flex;
	gap: var(--gapX1);
	white-space: nowrap;
}

.citydent-article-card__meta-item .ph {
	font-size: 20px;
}

@media (min-width: 992px) {
	.citydent-articles .swiper {
		overflow: hidden !important;
	}
}

@media (max-width: 991px) {
	.citydent-articles__header {
		row-gap: var(--gapX6);
	}

	.citydent-articles__header > .vc_column_container:last-child,
	.citydent-articles__header > .wpb_column:last-child,
	.citydent-articles__header > .vc_column_container:last-child > .vc_column-inner > .wpb_wrapper,
	.citydent-articles__header > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper {
		align-items: flex-start;
		justify-content: flex-start;
	}

	.citydent-articles .swiper:has(.slider-controls) {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.citydent-articles .slider-controls {
		display: none;
	}

	.citydent-article-card {
		gap: var(--gapX4);
	}
}