.cover {
	position: relative;
	min-height: 575px;
	display: flex;
	flex-direction: column;
}

.header .logo {
	width: 152px;
	height: 152px;
}

@media (min-width:992px) {
	.footer {
		display: none;
	}
}


@media (min-width: 992px) {
	.cover {
		height: 100vh;
	}
}

@media (max-width: 991px) {
	.cover {
		padding: 15px;
		padding-top: 125px;
		/* header height + padding */
	}
}

.cover-slick {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;

	& .message {
		top: 130px;
		background-color: #f88f36;
		position: absolute;
		right: 50%;
		transform: translateX(50%) scale(1);
		height: auto;
		width: fit-content;
		display: flex;
		justify-content: center;
		text-align: center;
		padding: 0.15rem 2rem;
		border-radius: 100vw;
		border: 5px solid #fff;
		transition: all 0.2s ease;
		backdrop-filter: blur(1px);
		box-shadow: 1px 3px 15px #00000084;

		& h2 {
			margin: 0;
		}

		& a {
			font-weight: 700;
			color: #fff;
			font-size: calc(1vw + 16px);
			/* text-shadow: 2px 2px 9px oklch(from var(--prime1) calc(l - 0.32) c h); */
		}

		&:hover {
			transform: translateX(50%) scale(1.1);
			background-color: oklch(from var(--prime3) calc(l + 0.12) c h / 0.75);
			backdrop-filter: blur(5px);

			& a {
				text-decoration: none;
				color: #fff;
				/* text-shadow: 2px 2px 9px oklch(from var(--prime3) calc(l - 0.32) c h); */
			}
		}
	}

	& div {
		height: 100%;
		background-size: cover;
		background-position: center;
	}
}

.cover-slick {
	overflow-x: clip;

	& button {
		border: 2px solid #dadada;
		width: 90px;
		height: 90px;
		display: flex;
		align-items: center;
		border-radius: 100vw;
		z-index: 9;
		padding: 10px;
		filter: drop-shadow(-3px 3px 5px var(--text));

		&::before {
			font-family: "Font Awesome 7 Free";
			font-weight: 900;
		}
	}

	& button.slick-next {
		justify-content: flex-start;
		left: -45px;

		&:before {
			content: "\f177";
		}
	}

	& button.slick-prev {
		right: -45px;
		justify-content: flex-end;

		&:before {
			content: "\f178";
		}
	}

	& [dir='rtl'] .slick-prev {}
}

.cover .toggle-slick {
	position: absolute;
	top: 190px;
	right: 90px;
	background: none;
	border: 0;
	background-color: rgb(from #fff r g b / 0.55);
	backdrop-filter: blur(3px);
}

@media (max-width: 991px) {
	.cover .toggle-slick {
		display: none;
	}
}

.bottom {
	position: relative;
	margin-top: auto;
	height: fit-content;
}

.services-slick {
	background: linear-gradient(to top, rgb(from #000 r g b / 0.35) 10%, transparent);
	backdrop-filter: blur(9px);
	border-radius: 100vw;
	border: 2px solid #fff;
	opacity: 0;
	max-width: 75%;
	margin-inline: auto;
}

.services-slick.slick-initialized {
	opacity: 1;
	transition: opacity 0.3s ease;
}

.services {
	position: relative;
	bottom: 2.53rem;
	right: 0;
	width: 100%;

	& a {
		padding: 1rem 0.1rem;
		text-align: center;
		display: block;
		font-size: calc(0.4vw + 1rem);
		color: #fff;
		line-height: 1;

		&:hover {
			transform: scale(1.1);
		}
	}

	& .icon {
		margin-bottom: .15rem;
		height: 60px;
	}

	& img {
		height: 90%;
		object-fit: contain;
		display: block;
		margin: 0 auto;

	}
}

@media (max-width:1199px) {
	.cover-slick {
		& .message {
			padding-inline: 1rem;
			width: 75%;
		}
	}
}

@media (max-width:600px) {
	.cover-slick {
		& .message {
			padding-inline: 1rem;
			width: 95%;
		}
	}
}

@media (max-width:991px) {
	main .foo {
		display: none;
	}

	.services {
		& a {
			font-size: calc(1vw + 1rem);
		}
	}

	.services .services-slick button.slick-next {
		left: -1.5rem
	}

	.services .services-slick button.slick-prev {
		right: -1.5rem
	}
}