.elementor-widget-ntdiaporama, .elementor-widget-ntdiaporama .elementor-widget-container{height: 100% !important;}

.NtDiaporama{height: 100%; width: 100%; min-height: 600px; position: relative; display: block; overflow: hidden;}
.NtDiaporama .NtDiaporamaUnSlide{height: 100%; width: 100%; position: absolute; top: 0px; left: 0px;z-index: 1; opacity:0; transition: opacity 1.2s ease-in-out; inset: 0;}
.NtDiaporama .NtDiaporamaUnSlide picture img{width: 100%;  height: 100%; object-fit: cover;object-position: center;  }

.NtDiaporamaUnSlide.active { opacity: 1; }

.NtDiaporamaTexte{position: absolute; bottom: 50px; left: 80px; width: auto; height: auto; z-index: 999; font: 30px/40px "Kalnia", serif; font-weight: 500; text-transform: uppercase;}
.NtDiaporamaTexte::after{ position: absolute; top: -280px; height: 300px; left: -25px; width: 50px; content: ""; background: url("../img/DecoStar.svg") center center no-repeat; background-size:contain; z-index: 2;}
.NtDiaporamaTexte::before{content: ""; z-index: -1; background: url("../img/DecoMontagne.svg") top left no-repeat; background-size:contain; height: 500px; width: 1500px; position: absolute; bottom: -50px; left: -80px;}
.NtDiaporamaTexte h1{font: 30px/40px "Kalnia", serif !important; font-size: 30px !important; font-weight: 500 !important;}

.NextDiaporama{ width: 100px; height: 100px; right: 100px; bottom: 0px; display: block; border-radius: 50px; position: absolute; background: #d1902e; z-index: 2;}
.NextDiaporama::after{content: ""; position: absolute; height: 50%; width: 50%; top: 25%; left: 25%; z-index: 1; background: #FFFFFF; -webkit-mask: url('../img/fleche.svg') no-repeat 50% 50%;  mask: url('../img/fleche.svg') no-repeat 50% 50%;}

.DiaporamaNavigation{    z-index: 9999;    position: absolute;    bottom: 0px;    right: 0px;}
.PreviousDiaporama{width: 60px; height: 60px; right: 180px; bottom: 0px; display: block; border-radius: 50px; position: absolute; background: #d1902e; z-index: 2;}
.PreviousDiaporama::after{content: ""; position: absolute; height: 50%; width: 50%; top: 25%; left: 25%; z-index: 1; background: #FFFFFF; -webkit-mask: url('../img/fleche.svg') no-repeat 50% 50%;  mask: url('../img/fleche.svg') no-repeat 50% 50%; transform: rotate(180deg); transform-origin: center;}

.PreviousDiaporama:hover, .NextDiaporama:hover{background: #182c32; }
.PreviousDiaporama:hover::after, .NextDiaporama:hover::after{background: #d1902e; }


@media screen and (max-width: 2400px) {}
@media screen and (max-width: 1024px) {
	.NtDiaporamaTexte{font: 30px/40px "Kalnia", serif;bottom: 0px; left: 20px;}
	.NtDiaporamaTexte::before{content: ""; z-index: -1; background: url("../img/DecoMontagne.svg") top left no-repeat; background-size:contain; height: 250px; width: 1000px; position: absolute; bottom: 0px; left: -20px;}
	.NextDiaporama{width: 80px; height: 80px; right: 40px;}
	.PreviousDiaporama{width: 40px; height: 40px; right: 100px;}
}
@media screen and (max-width: 767px) 
{
	.NtDiaporama{ min-height: 400px;}
	.NtDiaporamaTexte{font: 20px/30px "Kalnia", serif;bottom: 0px; left: 5px;}
	.NtDiaporamaTexte::before{content: ""; z-index: -1; background: url("../img/DecoMontagne.svg") top left no-repeat; background-size:contain; height: 200px; width: 1000px; position: absolute; bottom: 0px; left: -5px;}
	.NextDiaporama{width: 60px; height: 60px; right: 20px;}
	.PreviousDiaporama{width: 30px; height: 30px; right: 70px;}
}

.NtDiaporama h1{color:#d1902e !important;}