.hp-banners .banners > * {
	height: 100vh;
	position: relative;
	overflow: hidden;
	width: 100vw;
}
.hp-banners .banners .bg {
	height: 100vh;
}
.hp-banners .bg + .text-container {
	top: calc(0.39 * var(--wHeight));
}
.hp-banners .banners .right-side .text-container {
	bottom: 10vh;
}
.hp-banners .banners .right-side .slick-dots {
	bottom: calc(100% - 56vh);
	/* bottom: 63vh; */
	margin-left: 10px;
	display: flex;
}
.slick-dots li {
	width: 22px;
	height: 22px;
	margin: 0 8px;
	padding: 8px;
}
.slick-dots li button {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0;
	padding: 0;
}
.slick-dots li.slick-active button::before {
	transform: scale(1.5);
	opacity: 1;
}
.slick-dots li button::before {
	background: white;
	border-radius: 100%;
	height: 100%;
	width: 100%;
	transform: scale(1);
	transition: var(--transition);
	content: '';
	right: 0;
	bottom: 0;
	margin: auto;
}
.h2 {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.17;
	margin-bottom: 31px;
	font-family: var(--font-family-2);
}

.hp-banners .banners .left-side .text-container h2{
	margin-top: 0;
}

.hp-banners .banners .right-side .text-container h2{
	margin-top: 0;
	font-size: 40px;
	font-weight: bold;
    line-height: 1.17;
    margin-bottom: 31px;
    font-family: var(--font-family-2);
}

@media (min-width: 1200px){
	.hp-banners .banners .right-side .text-container h2 {
		font-size: 58px;
	}
}
.hp-banners {
	position: relative;
}
.hp-banners .slider {
	width: 100%;
}

@media not all and (min-resolution:.001dpcm) and (max-height: 700px){
    .hp-banners .bg + .text-container { 
        top: calc(0.5 * var(--wHeight));
    }

	.hp-banners .banners .right-side .slick-dots {
		bottom: calc(100% - 49vh);
	}
}

@media (min-width: 992px) {
	.hp-banners .banners .right-side .slick-dots {
		bottom: calc(100% - 27vh);
	}
}




.hp-banners.bannersNews{
	margin-top: 47px;
}

.hp-banners.bannersNews .banners > *,
.hp-banners.bannersNews .banners .bg{
	height: auto;
}

.hp-banners.bannersNews .banners .right-side .text-container{
	top:40px;
	bottom: auto;
}

.hp-banners.bannersNews .banners .right-side .text-container h2{
	font-size: 30px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.13;
	letter-spacing: -0.75px;
	text-align: left;
	color: var(--white);
	margin-bottom: 12px;
}
.hp-banners.bannersNews .banners .right-side .text-container p{
	font-family: var(--font-family-1);
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	text-align: left;
	color: var(--white);
	margin-bottom: 10px;
}
.hp-banners.bannersNews .banners a.btn{
	font-family: var(--font-family-1);
	line-height: 1.5;
	letter-spacing: 0.66px;
	font-weight: 600;
	padding: 11px 20px;
	margin-top: 6px;
}
.hp-banners.bannersNews .banners a.btn::before{
	border: none;
	background-color: var(--orange);
}



.hp-banners.bannersNews .banners .right-side .slick-dots{
	flex-direction: row;
	gap: 8px;
	bottom: 15px;
	justify-content: center;
	margin-left: 0;
}
.hp-banners.bannersNews .banners .right-side .slick-dots li{
	margin: 0;
}

.hp-banners.bannersNews .bg picture::after{
	content: none;
	display: none;
}

.hp-banners.bannersNews .slider{
	background-color: #11173b;
	position: relative;
}

.hp-banners.bannersNews .slider .bg{
	position: absolute;
	right: 0;
	left: auto;
	top: 0;
	width:auto;
	overflow: hidden;
	z-index: 3;
    -webkit-mask-image:url("/assets/img/mask-banner-content.svg");
    mask-image:url("/assets/img/mask-banner-content.svg");
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:left;
    mask-position:left;
    -webkit-mask-size:cover;
    mask-size:cover;
	height: 100%;
}

.hp-banners.bannersNews .bg img{
	position: relative;
	display: block;
	object-position: right;
}


@media(min-width:768px){
	.hp-banners.bannersNews .slick-slider .slick-slide{
		aspect-ratio: 2.823529411764706 / 1;
		overflow: hidden;
	}
		.hp-banners.bannersNews .slider .bg a{
		display: flex;
	}
}


@media(min-width: 1200px) {
    .hp-banners > .banners {
		display: flex;
	}
	.hp-banners .banners > * {
		width: 50vw;
	}
	.h2 {
		font-size: 58px;
	}
	.hp-banners .banners .right-side .slick-dots,
	.hp-banners .text-container {
		max-width: 540px;
		left: 0;right: 0;
		margin: auto;
		padding: 0 20px;
		margin-left: 10%;
	}
	.hp-banners .banners .right-side .slick-dots {
		bottom: auto;
		top: 46vh;
	}
	.hp-banners .text-container {
		cursor: pointer;
	}
	.hp-banners .bg + .text-container,
	.hp-banners .banners .right-side .text-container,
	.hp-banners .text-container {
		bottom: auto;
		top: 51vh;
	}

    .hp-banners.bannersNews{
		margin-top: 148px;
	}
	
	.hp-banners.bannersNews .banners .right-side .slick-dots{
		flex-direction: column;
		left: 50px;
		right: auto;
		width: 22px;
		max-width: 22px;
		margin-left: 0;
		padding: 0;
		top: 50%;
		transform: translateY(-50%);
		gap: 5px;
	}
	.hp-banners.bannersNews .banners .right-side .text-container{
		top:50%;
		transform: translateY(-50%);
	}
	.hp-banners.bannersNews .banners .right-side .text-container h2{
		font-size: 45px;
		line-height: 1.22;
		letter-spacing: -1.13px;
		margin-bottom: 20px;
	}
	.hp-banners.bannersNews .banners .right-side .text-container p{
		font-family: var(--font-family-1);
		font-size: 1rem;
		margin-bottom: 1rem;
        line-height: 1.69;
	}

	.hp-banners.bannersNews .banners a.btn{
		padding: 18px 39px;
	}

    
}

@media (max-width: 375px) {

	.hp-banners .bg + .text-container {
		top: calc(0.39 * var(--wHeight));
	}

	.hp-banners .banners .right-side .slick-dots {
		bottom: calc(100% - 32vh);
	}

}

@media (max-width: 320px) {

	.hp-banners .bg + .text-container {
		top: calc(0.28 * var(--wHeight));
	}

	.hp-banners .banners .right-side .slick-dots {
		bottom: calc(100% - 27vh);
	}

}

.mobile-or-tablet .hp-banners.bannersNews .slider{
    display: flex;
}
.mobile-or-tablet .hp-banners.bannersNews .slider .slide{
    display: flex;
    flex-direction: column;
}
.mobile-or-tablet .hp-banners.bannersNews .slider .bg{
    position: relative !important;
    order: 2;
        -webkit-mask-image:url("/assets/img/mask-banner-mobile.svg");
    mask-image:url("/assets/img/mask-banner-mobile.svg");
    -webkit-mask-position: top right;
    mask-position: top right;
    height: 190px;
    margin-left:auto;
    width: auto;
    margin-top: -20px;
}

.mobile-or-tablet .hp-banners.bannersNews .slider .bg:has(+ .text-container .btn){
    margin-top: -50px;
}
.mobile-or-tablet .hp-banners.bannersNews .slider .bg img {
    height: 217px;
}

.mobile-or-tablet .hp-banners .banners .bg + .text-container {
    position: relative;
    top: inherit !important;
    bottom: inherit !important;
    order: 1;
    padding: 30px 22px;
    z-index: 100;
    flex: 1
}

.mobile-or-tablet .hp-banners .banners .slick-track{
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
}

.tablet .voices-list > .container .top .lang{
    max-width: 230px;
    display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-left: auto;
}
	

.hp-highlights {
	margin-top: 20px;
}
.hp-highlights .slider {
	background: var(--black);
	color: white;
}
.hp-highlights .slider .text-container {
	padding: 90px 20px 0 20px;
	text-align: center;
}
.hp-highlights .slider .text-container .h2 {
	font-family: var(--font-family-2);
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 18px;
	line-height: 1.13;
	letter-spacing: -0.75px;
	padding: 0;
}
.hp-highlights .slider .text-container .h2 + p {
	font-family: var(--font-family-1);
	line-height: 1.43;
	letter-spacing: normal;
	font-size: 14px;
	margin-bottom: 27px;
}
.hp-highlights .slider .slide {
	padding-bottom: 41px;
}
.hp-banners .bg picture::after,
.hp-highlights .slider .slide .bg::after {
	top: 0;left: 0;right: 0;bottom: 0;
	margin: auto;
	position: absolute;
	content: '';
	mix-blend-mode: multiply;
	background: linear-gradient(370deg, rgba(0,0,0,0.7), rgba(255,255,255,0));
}
.hp-highlights .slick-dots {
	bottom: auto;
	top: 185px;
}


.hp-highlights .bg + .text-container {
	position: relative;
	bottom: auto;
}


@media(max-width:767px){
	.hp-highlights{
		margin:40px 0
	}
	.hp-highlights .slider{
		background: var(--blue)
	}
	.hp-highlights .container{
		padding: 0;
	}
	.hp-highlights .slider .text-container{
		padding: 30px 20px 0 20px;
	}

    .hp-highlights .slider .slide .bg::after{
        content: none;
    }

    .hp-highlights .slider .slide .bg{
        aspect-ratio: 1.4883720930232558/1;
    }

}


@media(min-width:1200px){
    .hp-highlights .container {
		max-width: 1340px;
	}
	.hp-highlights .slider {
		height: 100%;
		max-height: 600px;
	}
	.hp-highlights .slider .text-container {
		position: absolute;
		top: 222px;
		padding: 0;
		max-width: 600px;
		text-align: left;
		left: 123px;
		z-index: 2;
	}
	.hp-highlights .slider .slide {
		padding-bottom: 0;
	}
	.hp-highlights .slider .text-container .h2 {
		padding: 0;
		font-size: 45px;
		line-height: 1.22;
		letter-spacing: -1.13px;
	}
	.hp-highlights .slider .text-container .h2 + p {
		font-size: 16px;
		font-weight: normal;
		line-height: 1.69;
		letter-spacing: normal;
	}
	.hp-highlights .slick-dots {
		top: auto;
		bottom: 42px;
	}
	
	.hp-highlights {
		margin-top: 80px;
	}
}