@media (max-width: 992px) and (min-width: 823px) {
    /* Ajoutez vos styles spécifiques pour la plage de largeur d'écran 823px - 992px ici */
        .card-2{
            margin-top: 10px !important;
        }

    /* Ajoutez d'autres styles selon vos besoins */
}
@media (max-width: 767px) {
    .card-1{
        display: none !important;
    }
    .card-2{
        display: none !important;
    }
    .voiture{
        display: none !important;
    }
    .text-devenez{
        padding: 20px !important;
    }
    .comment-reserver-body{
        margin-top: 10px !important;
    }
    .carousel-responsive{
        height: 100%! important;
    }
    .carousel-responsive > .carousel-item > .row {
        margin-left:0px !important;
    } 
    .div-carousel-temoignage{
        width: 100% !important;
        height:auto !important;
    }
    .card-temoignage{
        height:auto !important;
        padding:50px  !important;
    }
    .margin-responsive{
        margin: 10px !important;
    }
    .section-img-bg{
        height: 400px !important;
        background-size: 100% !important;
        background-position-y: 0 !important;
    }
    .card-inscrit{
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom:10px !important;
        width: 75% !important;
    }
    
}
@media (max-width: 1207px){
    .carousel-temoignage{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 10; /* Number of lines to show */
    }
}
@media (max-width: 444px){
    .banner-text-responsive{
        top:  10% !important;
    }
    .m-444{
        margin: 10px !important;
    }
}
@media (max-width: 1048px){
    .padding-responsive-1048{
        padding: 0 !important;
    }
}
@media (max-width: 677px){
    .container-fiche{
        position:relative;
        width:100% !important;
        display:block;
    }
    .container-fiche::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.3); /* Adjust the alpha value as needed */
        pointer-events: none;
        z-index: 1; /* Make sure the overlay is above the image */
    }
    .text-fiche > p{
        position:relative;
        /* color: white !important; */
        z-index: 2 !important;
    }
}
@media (max-width: 860px){
    .fleche-orange{
        display:none !important;
    }
}