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

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





.timeline-home .timeline-item__card-title{
    display: none;
}

.timeline-home .timeline-item__card{
    box-shadow: none!important;
    margin: 5px!important;
}

.timeline-home .timeline-item__meta{
    position: absolute!important;
    inset: 0!important;
    width: fit-content!important;
    left: -11rem!important;
}

.timeline-home .timeline-item__card-content{
    position: relative!important;
}

.timeline-home .timeline-item__meta-content>span{
    font-size: 25px;
    
}

.timeline-home .timeline-item__meta-content:has(span){
    line-height: 15px;
    
}

.timeline-home .timeline-item__meta-content{
    position: absolute!important;
    margin: auto 0!important;
    top: 0!important;
    bottom: 0!important;
    height: fit-content!important;
    width: 100px!important;
}

.timeline-home .jet-timeline-item{
    opacity: 0!important;
    transition: .5s!important;
}

.timeline-home .jet-timeline-item.is--active{
    opacity: 1!important;
}



@media screen and (max-width: 767px) {
    .timeline-home .timeline-item__meta-content{
        font-size: 25px!important;
        line-height:25px!important;
        
    }
    
    .timeline-home .timeline-item__card-desc{
        font-size: 15px;
    }
    
    .timeline-home .timeline-item__meta-content{
        position: relative!important;
    }
    
    .timeline-home .timeline-item__meta{
        position: relative!important;
        left: 0rem!important;
    }
}






@media screen and (min-width:1024px){
    
    .activites-container .choice-title{
        position: absolute;
        inset: 0;
        margin: 0!important;
    }

    .activites-container .choice-title h2{
        position: absolute;
        bottom: 2rem;
        left: 1.5rem;
        transition: .3s;
    }
    
    .activites-container:hover .activites-container .elementor-background-overlay{
        backdrop-filter: blur(4px);
    }
    
    .activites-container .activites-contenu{
        height: 0%;
        opacity: 0;
    }
    
    .activites-container .activites-container{
        cursor: pointer;
    }
    
    .activites-container:hover  .activites-contenu{
        opacity: 1!important;
        height: 38%;
        transition: 0.5s;
    }
    
    .activites-container:hover .choice-title{
        backdrop-filter: blur(4px)
    }
    
    .activites-container:hover .choice-title h2{
        color: #fff!important;
        transform: translateY(calc(-25% + -12rem));
    }
}

@media screen and (max-width: 1024px) {
    .activites-container:hover .activites-container .activites-contenu{
    opacity: 1!important;
    height: 60%;
    transition: 0.5s;
}

.activites-container .activites-contenu{
    opacity: 1!important;
    height: 38%;
    transition: 0.5s;
}

 .activites-container .choice-title h2{
    color: #fff!important;
    }
}

@media screen and (max-width: 768px) {
  .activites-container .activites-container {
      height:80vh;
  }
}