.slick-slider .slick-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px; /* Reduce horizontal spacing between slides */
  }
  
  .slick-slider img {
    max-width: 150px; /* Increase the maximum width */
    max-height: 150px; /* Increase the maximum height */
    margin: 5px auto; /* Keep minimal vertical spacing */
  }



#pagination-dots div {
    width: 0.5rem; /* Default dot size */
    height: 0.5rem;
    background-color: #d1d5db; /* Gray-400 for inactive dots */
  }
  
  #pagination-dots div.bg-orange-500 {
    width: 1rem; /* Larger size for active dot */
    background-color: #f97316; /* Orange-500 for active dot */
  }

  @media (max-width: 640px) {
    #slider {
      justify-content: center; /* Ensure the single card is centered */
    }
    .card {
      width: 100%; /* Make the card full-width */
    }
  }

  @media (max-width: 640px) { /* Target mobile devices */
    dotlottie-player {
      width: 250px; /* Smaller width */
      height: 250px; /* Smaller height */
    }
  }
  .lottie-wrapper {
    width: 500px;
    height: 500px;
  }

  @media (max-width: 640px) { /* Target mobile devices */
    .lottie-wrapper {
      width: 340px;
      height: 340px;
    }
  }

  dotlottie-player {
    width: 100%; /* Make the player fill its container */
    height: 100%;
  }