/* Conteneur du slider */
.project-slider {
  max-width: 95%;
  padding: 1em !important;
  overflow: hidden; /* évite tout débordement */
}

/* Track Slick (la bande qui contient les slides) */
.project-slider .slick-track {
  display: flex;       /* aligne les slides horizontalement */
  align-items: center; /* centre verticalement les contenus */
}

/* Chaque slide */
.project-slider .slick-slide {
  float: none;   /* empêche le débordement par défaut */
  height: auto;  /* s’adapte à la hauteur de l’image */
}

/* Les images du slider */
.project-slider img {
  width: 100%;          /* occupe toute la largeur du slide */
  height: auto;         /* conserve les proportions */
  max-height: 80vh;     /* limite la hauteur sur l’écran */
  object-fit: contain;  /* s’adapte dans la zone sans rogner */
  display: block;
  margin: 0 auto;       /* centre l’image */
}


.slick-dots{
    bottom: 10px !important;
}

.slick-dotted.slick-slider {
  margin-bottom: 0px !important;
}










.arrow{
    min-width: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
}


.left-arrow:hover{
    background-color: black;
    cursor: pointer;
}
.left-arrow:hover span{
  color: white;
}


.right-arrow:hover{
    background-color: black;
     cursor: pointer;
}
.right-arrow:hover span{
  color: white;
}




.left-arrow{
border-right: var(--border-top);
}

.right-arrow{
border-left: var(--border-top);
}