.destinations-slider {
	display: flex;
	padding: 0;
	flex-wrap: nowrap;
	margin: 0;
}

.destinations-slider .slider-dots li {
	position: unset;
}

.destinations-slider .slick-slide > div,
.destinations-slider .event-card,
.destinations-slider .slick-slide li.card-link,
.destinations-slider .slick-track {
	height: 100% !important;
}

.destinations-slider .slick-track {
	display: flex;
	padding-bottom: 5px;
	display: flex;
	margin: 0 !important;
}

.destinations-slider .event-card {
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.destinations-slider .slick-list {
	margin-left: 0;
	padding-left: 0;
}

@media (min-width: 768px) {
	.destinations-slider .slick-slide {
		max-width: unset;
	}

	.destinations-slider .event-card {
		margin-bottom: 1rem;
	}

	.destinations-slider .slick-list {
		padding-left: 5px !important;
	}

	.destinations-slider .slick-slide:not(:last-of-type) {
		margin-left: 10px;
		margin-right: 10px;
	}

	.destinations-slider .slick-slide:last-of-type {
		margin-right: 5px !important;
		margin-left: 10px;
	}

	.destinations-slider .slick-list {
		width: 100%;
		margin-left: -5px;
	}

	.destinations-slider .slick-slide:first-of-type {
		margin-left: 5px;
		z-index: 5;
	}

	.destinations-slider .custom-slick-next,
	.destinations-slider .custom-slick-prev {
		top: 20%;
	}

	.destinations-slider .custom-slick-next {
		left: -1.5rem;
	}

	.destinations-slider .custom-slick-prev {
		right: -17px;
	}

	.destinations-slider .slick-dots {
		margin-left: -60px;
		gap: 0;
	}
}

@media (max-width: 768px) {
	.destinations-slider {
		padding: 2.438rem 0.625rem 0 !important;
	}

	.destinations-slider .slick-slide:not(:last-of-type) {
		margin-right: 0 !important;
	}

	.destinations-slider .custom-slick-next,
	.destinations-slider .custom-slick-prev {
		top: 30%;
		transform: translateY(-30%);
	}

	.destinations-slider .custom-slick-next {
		left: 0;
		z-index: 1;
	}

	.destinations-slider .custom-slick-prev {
		right: 0;
		z-index: 1;
	}

	.destinations-slider .slick-dots {
		margin-left: -10px;
	}

	.destinations-slider .slick-slide {
		margin-left: 10px;
		margin-right: 10px !important;
	}
}

@media (max-width: 1024px) {
	.destinations-slider .custom-slick-prev {
		right: -11px;
	}
}
