/**
 * Slider Styles
 *
 * @package Immobilier_Moillen
 */

.hero-slider {
	position: relative;
}

.slider-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.slider-wrapper {
	display: flex;
	width: 100%;
	height: 100%;
	position: relative;
}

.slide {
	min-width: 100%;
	width: 100%;
	height: 100%;
	transition: transform 0.5s ease;
	position: relative;
}

/* Autoplay indicator */
@keyframes slideProgress {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

.slide-progress {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	background-color: rgba(255, 255, 255, 0.5);
	animation: slideProgress 5s linear;
	z-index: 4;
}