/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License version 3.0
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 */
.wezgslider-container {
	width: 100%;
	height: 600px;
}

.wezgslider {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.wezgslider li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.wezgslider img {
	display: block;
	z-index: 1;
	height: 842px;
	width: 100%;
	border: 0;
	position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -150px);
    width: 100%;
    height: 1280px;
    overflow: hidden;
}

.wezgslider .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 1em;
	text-shadow: none;
	color: var(--zg-color-white);
	background: var(--zg-color-black);
	background: rgba(0, 0, 0, .6);
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
}

.wezgslider_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	top: 52%;
	left: 0;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
	background: transparent url("../wezgslider.gif") no-repeat left top;
	margin-top: -45px;
}

.wezgslider_nav:active {
	opacity: 1.0;
}

.wezgslider_nav.next {
	left: auto;
	background-position: right top;
	right: 0;
}

.wezgslider-slide-html-content {
	width: 30%;
}

.html-content {
	position: absolute;
	z-index: 1;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	top: 25%;
	color: var(--zg-color-white);
	z-index: 3;
}

.html-content .container-text-slider-1 {
	width: 945px;
	height: 264px;
}

.html-content .container-text-slider-1 .container-text {
	width: 945px;
	height: 220px;
	padding: 0px 40px 30px 40px;
	margin: 0px;
}

.html-content .container-text-slider-1 .container-text p {
	margin: 0px;
}

.html-content .container-text-slider-1 .container-text .container-text_subcontainer {
	width: 865px;
	height: 190px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.html-content .container-text-slider-1 .container-text .container-text_subcontainer .title-slider {
	width: 865px;
	height: 110px;
	font-weight: var(--zg-font-weight-bold);
	font-size: 50px;
	line-height: 55px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.html-content .container-text-slider-1 .container-text .container-text_subcontainer .subtitle-slider {
	width: 865px;
	height: 64px;
	font-size: var(--zg-font-size-h2);
	font-weight: var(--zg-font-weight-regular);
	line-height: 32px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.html-content .container-text-slider-1 .container-button {
	width: 865px;
	height: 44px;
}

.html-content .container-text-slider-1 .container-button a {
	width: 205px;
	height: 44px;
	padding: 10px 20px 10px 20px;
	color: var(--zg-color-white);
	background-color: var(--zg-color-secondary);
	border-radius: 8px;
	display: inline-block;
}

.html-content .container-text-slider-1 .container-button a:hover {
	background-color: var(--zg-color-hover-primary);
}

.html-content .container-text-slider-1 .container-button span {
	width: 165px;
	display: inline-block;
	height: 24px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
}

.wezgslider-container .slide-container {
	height: 600px;
}

.wezgslider-container .slide-container .gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 600px;
	background: linear-gradient(177.67deg, rgba(0, 0, 0, 0.81) -2.97%, rgba(96, 95, 65, 0.35) 118.83%);
	z-index: 2;
}

@media (max-width: 425px) {
	.wezgslider-container {
		height: 485px;
	}

	.wezgslider img {
		height: 485px;
		object-fit: cover;
		transform: translate(-50%, 0px);
	}

	.wezgslider-container .slide-container .gradient {
		height: 485px;
	}

	.html-content {
		top: 0;
	}

	.html-content .container-text-slider-1 {
		width: 343px;
		height: 385px;
		display: flex;
		flex-direction: column;
		gap: 16px;
		padding-top: 40px;
		align-items: center;
	}

	.html-content .container-text-slider-1 .container-text {
		width: 343px;
		height: 285px;
		padding: 0px;
	}

	.html-content .container-text-slider-1 .container-text .container-text_subcontainer {
		width: 333px;
		height: auto;
	}

	.html-content .container-text-slider-1 .container-text .container-text_subcontainer .title-slider {
		width: 333px;
		height: 160px;
		font-weight: var(--zg-font-weight-bold);
		font-size: var(--zg-font-size-h1);
		line-height: 40px;
		text-align: center;
	}

	.html-content .container-text-slider-1 .container-text .container-text_subcontainer .subtitle-slider {
		width: 343px;
		height: 96px;
		font-size: 18px;
		font-weight: var(--zg-font-weight-regular);
		line-height: 24px;
		text-align: center;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;
	}

	.html-content .container-text-slider-1 .container-button {
		width: 196px;
		height: 44px;
	}

	.html-content .container-text-slider-1 .container-button a {
		width: 196px;
		height: 44px;
	}

	.html-content .container-text-slider-1 .container-button a:hover {
		background-color: var(--zg-color-hover-primary);
	}

	.html-content .container-text-slider-1 .container-button span {
		width: 165px;
		display: inline-block;
		height: 24px;
		font-weight: 700;
		font-size: 18px;
		line-height: 24px;
	}
}

@media (max-width: 320px) {

	.html-content .container-text-slider-1,
	.html-content .container-text-slider-1 .container-text,
	.html-content .container-text-slider-1 .container-text .container-text_subcontainer,
	.html-content .container-text-slider-1 .container-text .container-text_subcontainer .title-slider,
	.html-content .container-text-slider-1 .container-text .container-text_subcontainer .subtitle-slider {
		width: 320px;
	}
}