/* .clients {
  display: grid;
  grid-template: auto / repeat(6, 1fr);

  overflow: hidden;
} */

.clients {
	/* padding: 0 10vw; */
	display: flex;
	overflow-x: auto;
	scroll-behavior: smooth;
}

.clients::-webkit-scrollbar {
	display: none;
}

.clients__slide {
	margin-right: 10px;
	width: auto;
}

.clients__slide p {
	width: 180px;
	padding: 0;
}

.pre-btn,
.nxt-btn {
	border: none;
	width: 10vw;
	height: 100%;
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	/* background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 2, 230, 0) 100%); */
	background-color: transparent;
	cursor: pointer;
	z-index: 8;
}

.pre-btn {
	left: 0;
	transform: rotate(180deg);
}

.nxt-btn {
	right: 0;
}

.pre-btn img,
.nxt-btn img {
	opacity: 0.7;
}

.pre-btn:hover img,
.nxt-btn:hover img {
	opacity: 1;
}

.pre-btn:hover,
.pre-btn:focus,
.nxt-btn:hover,
.nxt-btn:focus {
	background-color: transparent;
}

#preloader {
	opacity: 1;
	transition: opacity 0.3s;
}

#preloader.fade {
	opacity: 0;
}

/* #home { */
/* background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8)),
		url("/plugin/viewweb/img/bannerHome.avif?x={{ env('CACHE_LAST_UPDATE') }}"); */

/* background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8)),
		-webkit-image-set(url("https://assets.codepen.io/t-90/dog.avif")
					type("image/avif"), url("https://assets.codepen.io/t-90/dog.webp")
					type("image/webp"), url("https://assets.codepen.io/t-90/dog.jpg")
					type("image/jpg")); */
/* } */

.overlay-image {
	/* background-image: -webkit-image-set(url("/plugin/viewweb/img/bannerHome.avif?x={{ env('CACHE_LAST_UPDATE') }}") type("image/avif"),
		url("/plugin/viewweb/img/bannerHome.webp?x={{ env('CACHE_LAST_UPDATE') }}") type("image/webp"),
		url("/plugin/viewweb/img/bannerHome.png?x={{ env('CACHE_LAST_UPDATE') }}") type("image/png"));
	background-image: image-set(url("/plugin/viewweb/img/bannerHome.avif?x={{ env('CACHE_LAST_UPDATE') }}") type("image/avif"),
		url("/plugin/viewweb/img/bannerHome.webp?x={{ env('CACHE_LAST_UPDATE') }}") type("image/webp"),
		url("/plugin/viewweb/img/bannerHome.png?x={{ env('CACHE_LAST_UPDATE') }}") type("image/png")); */

	/* background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8)),
		url("/plugin/viewweb/img/bannerHome.avif?x={{ env('CACHE_LAST_UPDATE') }}"); */

	/* background-image: url("https://assets.codepen.io/t-90/dog.avif"); */

	/* background-image: image-set(
		url("https://assets.codepen.io/t-90/dog.avif") type("image/avif"),
		url("https://assets.codepen.io/t-90/dog.webp") type("image/webp"),
		url("https://assets.codepen.io/t-90/dog.jpg") type("image/jpg")
	); */

	/* background-image: -webkit-image--set(
		"kitten.avif" type("image/avif"),
		"kitten.jpg" type("image/jpeg")
	); */

	/* background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed; */

	position: absolute;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}

#home picture,
#home .overlay,
#home .shadow-overlay {
	/* z-index: -1; */
	/* position: fixed; */
}

.home-content {
	background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
}

.overlay img {
	height: 100%;
	width: 100%;
	object-fit: cover;

	/* background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8)); */
	background-color: black;
	opacity: 0.9;
}

html {
	scroll-behavior: smooth;
}