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

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

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

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

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

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

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

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

.citydent-answer-card__media {
	aspect-ratio: 4 / 5;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.citydent-answer-card__image,
.citydent-answer-card__video {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.citydent-answer-card__play {
	align-items: center;
	backdrop-filter: blur(1.4px);
	background: rgba(255, 255, 255, 0.38);
	border: 0;
	border-radius: 50%;
	color: #ffffff;
	cursor: pointer;
	display: flex;
	height: 60px;
	justify-content: center;
	left: 50%;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
}

.citydent-answer-card__play .ph-fill {
	font-size: 28px;
}

.citydent-answer-card__media.is-playing .citydent-answer-card__play {
	display: none;
}

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

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

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

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

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