@media (min-width: 768px) {
    #custom-carousel-container {
        max-width: 747px;
    }
  }
  
  @media (min-width: 992px) {
    #custom-carousel-container {
        max-width: 972px;
    }
  }
  
  @media (min-width: 1200px) {
    #custom-carousel-container {
        max-width: 1178px;
    }
  }
  
  @media (min-width: 1440px) {
    #custom-carousel-container {
      max-width: 1418px;
    }
  }
  
  #custom-carousel-container {
    display: flex;
    flex-direction: column; /* Šipky pod karuselem */
    align-items: center;
    position: relative;
    width: 100%;
    margin: 0 auto; /* Zarovnání na střed */
    overflow: hidden; /* Skryje přetékající loga */
    margin-bottom: 4rem;
  }
  
  #custom-carousel {
    display: flex;
    gap: 20px;
    transition: transform 0.5s ease-in-out;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  @media (min-width: 768px) {
    .custom-carousel-item {
      flex: 0 0 calc(100% / 7);
      text-align: center;
    }
  }
  
  @media (min-width: 992px) {
    .custom-carousel-item {
      flex: 0 0 calc(100% / 8);
      text-align: center;
    }
  }
  
  @media (min-width: 1440px) {
    .custom-carousel-item {
      flex: 0 0 calc(100% / 9);
      text-align: center;
    }
  }
  
  @media (max-width: 767px) {
    .custom-carousel-item {
      flex: 0 0 calc(100% / 5);
      text-align: center;
    }
  }
  
  .custom-carousel-item img {
    max-height: 80px;
    display: block;
    margin: 0 auto;
    transition: transform 0.3s ease-in-out;
  }
  
  .custom-carousel-item img:hover {
    transform: scale(1.1); /* Zvýraznění loga při najetí */
  }
  
  /* Šipky */
  .custom-carousel-arrows {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 10px; /* Mezera mezi karuselem a šipkami */
  }
  
  .custom-carousel-arrow {
    background-color: #6a6a6a;
    border: none; /* Bez okraje */
    border-radius: 50%; /* Kruhový tvar */
    width: 32px; /* Velikost tlačítka */
    height: 32px;
    background-image: url('/user/documents/upload/sipka.png'); /* Obrázek šipky */
    background-size: contain; /* Přizpůsobení obrázku velikosti */
    background-repeat: no-repeat; /* Žádné opakování */
    background-position: center; /* Obrázek zarovnaný na střed */
    cursor: pointer; /* Ukazatel myši */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Efekty */
    background-size: 50%;
  }
  
  .custom-carousel-arrow:hover {
    background-color: black; /* Černé pozadí při najetí myší */
    transform: scale(1.1); /* Zvýraznění tlačítka při najetí */
  }
  
  /* Levá šipka (rotace) */
  #custom-carousel-prev {
    transform: rotate(180deg); /* Otočení šipky doleva */
  }
  
  /* Pravá šipka */
  #custom-carousel-next {
    transform: rotate(0); /* Standardní šipka doprava */
  }