.popular-cities-slider,
.popular-holiday-parks-slider {
	width: 975px;
}

.swiper-popular-nav,
.swiper-reviews-nav {
	display: flex;
	align-items: center;
	gap: 12px;
}

.swiper-nav-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 12px;
	border: 1px solid #008000;
	background: #008000;
	transition: 0.3s all ease;
	position: static;
	transform: unset;
	cursor: pointer;
	z-index: 1;
}

.swiper-nav-btn.swiper-button-disabled {
	border-color: #DEE5EB;
	background: #ffffff;
	pointer-events: none;
}

.swiper-nav-btn.swiper-button-disabled svg path {
	fill: #181818
}

.swiper-nav-btn svg {
	width: 24px;
	height: 24px;
	object-fit: contain;
}


/* Review Slider CSS */
.reviews-slider .reviews-slide {
	border-radius: 24px;
	background: #fff;
	padding: 20px 16px;
	height: auto;
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
}

.bg-white .reviews-slider .reviews-slide {
	background: #F6F7FA;
}

.reviews-slider .swiper-wrapper {
	height: auto;
}

.reviews-slide .reviews-rating {
	margin-bottom: 14px;
}

.customer-rating {
	position: relative;
	width: 100px;
}

.reviews-slide .customer-rating {
	margin-bottom: 10px;
}

.customer-rating .rating {
	display: flex;
	align-items: center;
}

.customer-rating .rating img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.customer-rating .rating.fill {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

.reviews-slide p {
	font-size: 15px;
	line-height: 1.5;
}

.review-by {
	display: flex;
	align-items: center;
}

.review-by img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 50%;
}

.review-by .review-by-content {
	padding-left: 6px;
	width: calc(100% - 40px);
}

.review-by .review-by-content h6 {
	font-size: 14px;
	line-height: 1.5;
	color: #000000;
	margin-bottom: 2px;
}

.review-by .review-by-content span {
	font-size: 12px;
	line-height: 1.55;
	font-weight: 500;
	color: #636D71;
	display: block;
}

.park-img-slider,
.offer-img-slider {
	border-radius: 20px;
	overflow: hidden;
	aspect-ratio: 291/210;
}

.park-img-slider .swiper-slide {
	width: 100% !important;
}

.park-img-slider .swiper-slide img,
.offer-img-slider .swiper-slide img {
	width: 100%;
	aspect-ratio: 291/210;
	object-fit: cover;
	height: auto;
}

.list-view .park-img-slider {
	width: 230px;
}

.list-view .park-img-slider .swiper-slide img {
	aspect-ratio: 230/188;
	height: 100%;
}

.swiper-park-nav,
.swiper-offer-nav {
	display: flex;
	align-items: center;
	position: absolute;
	z-index: 1;
	right: 8px;
	bottom: 8px;
	gap: 4px;
}

.swiper-park-nav .swiper-park-prev,
.swiper-offer-nav .swiper-offer-prev,
.swiper-park-nav .swiper-park-next,
.swiper-offer-nav .swiper-offer-next {
	border: 1px solid #DEE5EB;
	background: rgba(255, 255, 255, 0.8);
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	cursor: pointer;
}

.swiper-park-nav .swiper-park-prev img,
.swiper-offer-nav .swiper-offer-prev img,
.swiper-park-nav .swiper-park-next img,
.swiper-offer-nav .swiper-offer-next img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

/* Carousel Base */
.carousel {
	position: relative;
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel-item {
	position: relative;
	display: none;
	float: left;
	width: 100%;
	margin-right: -100%;
	transition: transform .6s ease-in-out;
}

.carousel-item img {
	width: 100%;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
	display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
	transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
	transform: translateX(-100%);
}

.carousel-item-start {
	transform: translateX(0);
}

.carousel-item-end {
	transform: translateX(0);
}

/* Controls */
.carousel-control-prev,
.carousel-control-next {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15%;
	border: 0;
	background: none;
	color: #fff;
	opacity: 0.5;
	transition: opacity 0.15s ease;
	cursor: pointer;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
	opacity: 0.9;
}

.carousel-control-prev {
	left: 0;
}

.carousel-control-next {
	right: 0;
}

/* Icons */
.carousel-control-prev-icon,
.carousel-control-next-icon {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

@media only screen and (max-width: 1399px) {

	.popular-cities-slider,
	.popular-holiday-parks-slider {
		width: 100%;
	}
}

@media only screen and (max-width: 991px) {}

@media only screen and (max-width: 767px) {

	.park-img-slider,
	.offer-img-slider,
	.park-img-slider .swiper-slide img,
	.offer-img-slider .swiper-slide img {
		aspect-ratio: 331/210;
	}
}

@media only screen and (max-width: 575px) {

	.popular-cities-slider,
	.popular-holiday-parks-slider,
	.reviews-slider {
		width: calc(100% + 12px);
	}

	.popular-cities-slider .swiper-wrapper,
	.popular-holiday-parks-slider .swiper-wrapper,
	.reviews-slider .swiper-wrapper {
		display: flex;
		overflow-x: auto;
	}

	.popular-cities-slider .popular-slide,
	.popular-holiday-parks-slider .popular-slide,
	.reviews-slider .reviews-slide {
		width: 320px;
		margin-right: 12px;
	}

	.swiper-popular-nav,
	.swiper-reviews-nav {
		display: none;
	}
}

@media only screen and (max-width: 374px) {

	.popular-cities-slider .popular-slide,
	.popular-holiday-parks-slider .popular-slide,
	.reviews-slider .reviews-slide {
		width: 280px;
	}
}