/* Minimal hero slider styles for Barqeem front page */

/* Premium hero slider styles for Barqeem front page */
.hero__slider {
	position: relative;
	overflow: hidden;
	max-width: 1100px;
	margin: 2.5rem auto 2rem auto;
	border-radius: 1.5rem;
	box-shadow: 0 6px 32px 0 rgba(30,40,60,0.13), 0 1.5px 6px 0 rgba(30,40,60,0.07);
	background: #fff;
	transition: box-shadow 0.3s;
}
.hero__slide {
	position: relative;
	width: 100%;
	height: 340px;
	display: block;
	border-radius: 1.5rem;
	overflow: hidden;
}
.hero__slide .hero__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 1.5rem;
}
.hero__slide[aria-hidden="true"] {
	display: none;
}
.hero__slide[aria-hidden="false"] {
	display: block;
}
@media (min-width: 600px) {
	.hero__slide {
		height: 420px;
	}
}
@media (min-width: 900px) {
	.hero__slide {
		height: 520px;
	}
	.hero__slider {
		margin-top: 3.5rem;
		margin-bottom: 2.5rem;
	}
}

.hero__slider{--transition:600ms ease}