.fl-row-content-wrap:has(#specialistenCarousel) {
	overflow: hidden;
}

#specialistenCarousel .swiper-container {
	overflow: visible;
}
#specialistenCarousel .swiper-container .swiper-wrapper {
	align-items: stretch;
}

#specialistenCarousel .swiper-slide {
	display: flex; flex-direction: column;
	border-radius: 20px; background-color: var(--Traksi-sky);
	height: auto; overflow: hidden;
}
#specialistenCarousel .specialist-image img {
	border-radius: 20px; aspect-ratio: 13/10;
	width: 100%; height: auto; object-fit: cover;
}

#specialistenCarousel .specialist-content {
	display: flex; align-items: flex-end; justify-content: space-between;
	gap: 1rem; padding: 30px;
}
#specialistenCarousel .specialist-info {
	width: 50%;
}
#specialistenCarousel .specialist-title {
	color: var(--Traksi-black);
}
#specialistenCarousel .specialist-icons {
	display: flex; align-items: center; gap: 1rem;
}
#specialistenCarousel .specialist-icons a {
	text-decoration: none; transition: all 0.3s ease-in-out;
}
#specialistenCarousel .specialist-icons a:hover {
	scale: 1.05;
}

.slider-nav .fl-html .swiper-buttons {
	display: flex; align-items: center; gap: 8px;
}
.slider-nav .fl-html .swiper-buttons .specialisten-button {
	display: flex; align-items: center; justify-content: center;
	width: 42px; aspect-ratio: 1; background-color: #F0F0F0;
	border-radius: 10px;
}
.slider-nav .fl-html .swiper-buttons .specialisten-button.swiper-button-disabled {
	opacity: 0.5;
}

@media screen and (max-width: 768px) {
	#specialistenCarousel .specialist-content {
		padding: 20px;
	}
}