/*
 * The room photo carousel: the rules from Elementor Pro's carousel styles
 * that the carousel skin with image slides uses.
 * Author: Pravash Karki - pravashkarki.com
 */

.elementor-widget-media-carousel .swiper-pagination-bullets {
	color: #fff;
	cursor: default;
}

.elementor-widget-media-carousel .swiper-slide {
	border-style: solid;
	border-width: 0;
	overflow: hidden;
	transition-duration: 0.5s;
	transition-property: border, background, transform;
	will-change: transform;
}

.elementor-widget-media-carousel .elementor-swiper-button-prev,
.elementor-widget-media-carousel .swiper-rtl .elementor-swiper-button-next {
	left: 10px;
	right: unset;
}

.elementor-widget-media-carousel .elementor-swiper-button-next,
.elementor-widget-media-carousel .swiper-rtl .elementor-swiper-button-prev {
	left: unset;
	right: 10px;
}

.elementor-skin-carousel .elementor-main-swiper {
	height: 230px;
}

.elementor-carousel-image {
	background: no-repeat 50%;
	background-size: cover;
	height: 100%;
	position: relative;
}