/* --------------------------------------------------------------
# Front Page
-------------------------------------------------------------- */

.cover-content {
	margin-bottom: var(--t10);
	background-position: center center;
	background-size: cover;
	background-image: none;
	background-repeat: no-repeat;
}

@media screen and (min-width: 767px) {
	.cover-content {
		background-position: left center;
		background-size: auto 100%;
	}
}

.cover-content__text {
	margin: var(--t4) 0;
	padding: var(--t4);
	background: rgba(var(--grey1rgb), 0.8);
	-webkit-box-shadow: var(--outline);
	box-shadow: var(--outline);
}

@media screen and (min-width: 768px) {
	.cover-content__text {
		margin: var(--t6) 0;
		padding: var(--t6);
	}
}

@media screen and (min-width: 992px) {
	.cover-content__text {
		margin: var(--t8) 0;
		padding: var(--t8);
		background: var(--grey1);
		-webkit-box-shadow: var(--outline);
		box-shadow: var(--outline);
	}
}

@media screen and (min-width: 1200px) {
	.cover-content__text {
		margin: var(--t10) 0;
		padding: var(--t10);
	}
}

.service {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--t4) 1fr;
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	grid-column-gap: var(--t4);
	grid-row-gap: var(--t8);
	margin-bottom: var(--t8);
}

.service > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.service > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.service__img {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.service__title {
	margin: auto;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.service:hover .service__title {
	color: var(--red);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.service__text {
	grid-column: auto / span 2;
}

.service:hover .service__img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.service:hover .lettrine__letter {
	-webkit-animation: icon-zoom 0.5s linear;
	animation: icon-zoom 0.5s linear;
}

@media screen and (min-width: 992px) {
	.service {
		-ms-grid-columns: 0.5fr 1fr;
		grid-template-columns: 0.5fr 1fr;
	}

	.service__title {
		margin: 0;
	}

	.service__text {
		grid-column: auto;
	}
}

.owl-carousel .owl-item img {
	width: auto !important;
}

.owl-next,
.owl-prev {
	position: absolute;
	top: 0;
	font-size: 7rem !important;
	line-height: 7rem !important;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.owl-next {
	right: var(--t2);
}

.owl-prev {
	left: var(--t2);
}

.owl-next:focus,
.owl-next:hover,
.owl-prev:focus,
.owl-prev:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: var(--red) !important;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}
