/** Shopify CDN: Minification failed

Line 31:0 Unexpected "}"

**/
.carousel-container.carousel-jc {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  padding-bottom: 40px; /* Adjusted padding at the bottom to make space for dots */
  box-sizing: border-box;
  overflow: hidden;
}

.carousel-image-item {
  display: flex; /* Use flexbox to center the content */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  height: auto; /* Set height to auto to fit image naturally */
  box-sizing: border-box;
  flex: 1 0 auto; /* Ensure the item flexes properly within the container */
}

.slick-track {
  display: flex !important; /* Make slick-track a flex container */
  gap: 0; /* Remove the gap between slides */
  margin: 0; /* Ensure no extra margin */
}

}

.carousel-image-item img {
  width: 100%; /* Set width to 100% of the container */
  height: 100%; /* Set height to 100% of the container */
  object-fit: contain; /* Ensure the image fits inside the container while keeping its aspect ratio */
padding: 4px;
  display: block;

}

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  background: none;
  width: 40px;
  height: 40px;
  color: #000;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  z-index: 10;
  border: none;
}

.slick-prev {
  left: 10px;
}

.slick-next {
  right: 10px;
}

.slick-dots {
  position: absolute;
  bottom: 10px; /* Position the dots slightly above the bottom */
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0;
}

.slick-dots li {
  list-style: none;
}

.slick-dots button {
  background: #fff; /* White color for default state */
  border: none;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  cursor: pointer;
}

.carousel-image-item {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  box-sizing: border-box;
  padding: 4px;

}

.slick-track {
  display: flex !important;
  gap: 4px;
}

.carousel-image-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 30px;
  height: 30px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  z-index: 10;
  border: none;
  border-radius: 50%;

}

.slick-prev {
  left: 10px;
}

.slick-next {
  right: 10px;
}

.slick-dots {
  position: absolute;
  bottom: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0;
}

.slick-dots li {
  list-style: none;
}

.slick-dots button {
  background: #fff;
  border: none;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  cursor: pointer;
}