.depicter-1-element-9 .depicter-symbol-container{
	fill:#E3E3E3;
}
.depicter-1-element-10 .depicter-bullet-item{
	background-color:#EBEBEB;
	border-radius:80px 80px 80px 80px ;
	width:15px;
	height:15px;
}
.depicter-1-element-10 .depicter-bullet-item.depicter-bullet-active{
	background-color:#0F88CA;
}
.depicter-1-element-10 .depicter-bullets-wrapper{
	gap:8px;
	flex-direction:row;
}
.depicter-1-element-11 .depicter-symbol-container{
	fill:#FFF;
}
.depicter-revert .depicter-1-element-68{
	font-size:21px;
	text-align:center;
	color:#FFF;
	font-family:"Open Sans";
	font-weight:400;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-54{
	font-size:34px;
	text-align:center;
	color:#FFF;
	font-family:"Open Sans";
	font-weight:700;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-56{
	font-size:17px;
	text-align:center;
	color:#FFF;
	font-family:"Open Sans";
	font-weight:500;
	background-color:#0F88CA;
	border-radius:6px;
}
.depicter-revert .depicter-1-element-56 .dp-icon-container{
	transform:scale(1);
}
.depicter-revert .depicter-1-element-56 .dp-disabled{
	opacity:1;
}
.depicter-revert .depicter-1-element-58{
	opacity:0.629;
	box-shadow:none;
	backdrop-filter:none;
	background-image:linear-gradient(179.4deg, transparent 0%, #000 100%);
}
.depicter-revert .depicter-1-element-59{
	opacity:0.622;
	box-shadow:none;
	backdrop-filter:none;
	background-image:linear-gradient(-2.7deg, #000 0%, transparent 100%);
}
.depicter-revert .depicter-1-element-55{
	opacity:0.629;
	box-shadow:none;
	backdrop-filter:none;
	background-image:linear-gradient(179.4deg, transparent 0%, #0F88CA 100%);
}
.depicter-revert .depicter-1-section-53 .depicter-section-background{
	background-color:#FFF;
}
.depicter-revert .depicter-1-element-32{
	font-size:17px;
	text-align:center;
	color:#FFF;
	font-family:"Open Sans";
	font-weight:500;
	background-color:#0F88CA;
	border-radius:6px;
}
.depicter-revert .depicter-1-element-32 .dp-icon-container{
	transform:scale(1);
}
.depicter-revert .depicter-1-element-32 .dp-disabled{
	opacity:1;
}
.depicter-revert .depicter-1-element-26{
	font-size:40px;
	text-align:center;
	color:#FFF;
	font-family:"Open Sans";
	font-weight:700;
	line-height:133%;
}
.depicter-revert .depicter-1-element-25{
	font-size:23px;
	color:#FFF;
	font-family:"Open Sans";
	font-weight:300;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-24{
	opacity:0.629;
	box-shadow:none;
	backdrop-filter:none;
	background-image:linear-gradient(179.4deg, transparent 0%, #000 100%);
}
.depicter-revert .depicter-1-element-22{
	opacity:0.629;
	box-shadow:none;
	backdrop-filter:none;
	background-image:linear-gradient(179.4deg, transparent 0%, #0F88CA 100%);
}
.depicter-revert .depicter-1-section-20 .depicter-section-background{
	background-color:#FFF;
}

/***** Tablet *****/
@media screen and (max-width: 1024px){

.depicter-1-element-10 .depicter-bullet-item{
	width:8px;
	height:8px;
}
.depicter-revert .depicter-1-element-68{
	font-size:14px;
}
.depicter-revert .depicter-1-element-54{
	font-size:18px;
}
.depicter-revert .depicter-1-element-26{
	font-size:22px;
	text-align:center;
	line-height:122%;
}

}
/***** Mobile *****/
@media screen and (max-width: 767px){

.depicter-1-element-10 .depicter-bullet-item{
	width:10px;
	height:10px;
}
.depicter-revert .depicter-1-element-54{
	font-size:22px;
}
.depicter-revert .depicter-1-element-56{
	font-size:12px;
	border-radius:8px;
}
.depicter-revert .depicter-1-element-32{
	font-size:12px;
	border-radius:8px;
}
.depicter-revert .depicter-1-element-26{
	font-size:22px;
	text-align:center;
}
.depicter-revert .depicter-1-element-25{
	text-shadow:none;
	padding:2px;
	font-size:14px;
	text-align:center;
	color:#FFF;
	font-weight:300;
	background-color:transparent;
	border:none;
	border-radius:12px;
}

}
/*** Custom styles ***/
.depicter-slide .depicter-text {
  opacity: 0 !important; 
  transform: perspective(600px) rotateX(90deg);
  transform-origin: bottom center;
  transition: all 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.depicter-slide.active .depicter-text {
  opacity: 1;
  transform: perspective(600px) rotateX(0deg);
}   

dede{
  color:#fff;
}
 /* Cible l'élément par sa classe */
texte-pnlp-principal {
    /* Appelle l'animation nommée "maskZoomOut" */
    animation: maskZoomOut 1.2s ease-out forwards;
    /* Assure que le débordement (zoom) est masqué hors de l'élément */
    overflow: hidden;
    /* Important pour que le masque fonctionne */
    transform-origin: bottom center;
}

/* Définit les étapes de l'animation */
@keyframes maskZoomOut {
    0% {
        /* État de départ : masqué en bas, un peu zoomé */
        transform: translateY(100%) scale(1.1);
        opacity: 0;
    }
    100% {
        /* État de fin : position normale, dézoomé et visible */
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.dede{ color :#red !important}

.dede{ color :#red !important}