.nosServices {
        position: relative;
        margin:40px auto;
        text-align:center;
        margin-bottom: 0px;
        width: 70%;
    }
    /* -------------------------------------------------- */
/* ↓ Breakpoints MAX-WIDTH (versions "moins que") ↓ */
/* -------------------------------------------------- */

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) { 
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
    
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 
}


/* -------------------------------------------------- */
/* ↓ Breakpoints MIN-WIDTH (versions "et plus") ↓ */
/* -------------------------------------------------- */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
}

    
    .services-header {
        margin-bottom: 20px;
    }
    
    .accueil {
        font-size: 13px;
        color: rgb(162, 169, 176);
        margin: 40px;
        font-family:arial;
        font-weight: 50;
        text-decoration: none;
    }
    
    .services {
        font-size: 29px;
        margin: 5px 0 15px 0;
        color: rgb(25, 52, 82);
        font-family: "Monpolice"; 
    }
    
    .services-carousel {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    
    .services-container {
    display: flex;
    /* justify-content: center; <-- ENLÈVE cette ligne ! */
    overflow-x: auto;
    gap: 6px !important;
    padding: 10px 0 40px 0;
    width: 80%;
    scroll-behavior: smooth;
    scrollbar-width: none;
    transform: translateZ(0); /* Activation GPU */
}
    .services-container::-webkit-scrollbar {
        display: none; /* Pour Chrome, Safari et Opera */
    }
    .carousel-arrow.right-arrow.at-end {
  color: gray;       /* change la couleur */
  border-color: gray; /* si flèche avec bordure */
}

    .service-item {
        flex: 0 0 auto;
        width: 120px;
        text-align: center;
        transition: transform 0.3s;
        backface-visibility: hidden;
        transform-style: preserve-3d;
        position: relative;
    }
    
    .service-item:hover  .service-name{
      font-weight: 500;
    }
    .service-item:hover  {
      cursor: pointer;
    }
    .image-container {
        width: 110px;
        height: 180px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 2px;
    }
    
    .service-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .service-name {
        margin-top: 8px;
        font-size: 14px;
        color: rgb(130, 136, 142);
    }
    
    .carousel-arrow {
        background: white;
        border: none;
        width: auto;
        height: 40px;
        font-size: 18px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        flex-shrink: 0;
        color:#193452;
    }
    
    .carousel-arrow:hover {
        background: #f5f5f5;
    }
    
    .left-arrow {
        margin-right: 10px;
    }
    
    .right-arrow {
        margin-left: 10px;
    }