html {
    background-color: black;
    color: white;
}

.team-member {
    position: relative;
    text-align: center;
    margin-bottom: 15px;
}

.team-slider-container {
    position: relative;
    overflow: hidden;
    padding: 20px;
}

.team-slider {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    background-color: rgb(133, 235, 201);
}

.team-slider .team-member {
    flex: 0 0 25%;
    padding: 0 10px;
}

.team-member img {
    width: 290px;
    height: 460px;
    object-fit: cover;
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    padding: 10px;
    color: white;
    border-radius: 50%;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
    width: 4rem;
    height: 4rem;
}
.carousel-control-prev {
    left: -40px;
}

.carousel-control-next {
    right: -60px;
}

.speciality-overlay {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.6);
    padding: 10px;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.3s ease;
    color:black;
    font-size: 1.5em;
}

.team-member:hover .speciality-overlay {
    opacity: 1;
}
.nomEquipe>h5{
    color: white;
    font-size: 1.6em;
}
.img-group{
    width: 100%;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    margin-left: 50px;
}
.presentation1{
    color: white;
    width: 60%;
    margin: auto;
    text-indent: 20px;
    font-size: 1.1em;
}
.presentation2{
    font-size: 1.1em;
    color: white;
    margin: 50px 50px;
}
.presentation2>h3{
    margin: 20px 0px;
}
.team-slider-container {
    overflow: hidden; /* Cache les éléments hors du conteneur */
    position: relative;
    width: 100%; /* Ajustez en fonction de votre design */
}

.team-slider {
    display: flex; /* Aligne les slides horizontalement */
    transition: transform 0.5s ease; /* Transition fluide */
}

.team-member {
    flex: 0 0 auto; /* Chaque slide a une largeur fixe */
    margin-right: 10px; /* Ajoute un espace entre les slides */
}

@media (max-width: 1200px) {
    .carousel-control-prev {
        left: 0px;
    }
    
    .carousel-control-next {
        right: 0px;
    }
    }
    @media (max-width: 992px) {

        .container {
            max-width: 920px;
        }}
@media (max-width: 768px) {
.img-group{
    margin-left: 0px;
}
.presentation1{
   width: 80%;
   margin-top: 30px;
}
.presentation2{
    margin: auto;
  width: 100%;
  margin-top: 50px;
}
.container {
    max-width: 600px;
}
.team-member img{
    width: 200px !important;
    height: 300px !important;
}
      }