.content img{
  border-radius: 5px;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
/* Ẩn thanh cuộn trên mọi trình duyệt */
#voucher-container {
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#voucher-container::-webkit-scrollbar {
  display: none;  /* Chrome, Safari, Opera */
}
.picked{
  border: 2px solid rgb(111, 109, 109);
}
.slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.slider-content img {
  width: 90%;
  height: auto;
}



#prev-arrow {
  left: 10px;
}

#next-arrow {
  right: 10px;
}
 
.slick-track{
  display: flex;
  flex-direction: column;
}
.main-slider {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

.main-slider .slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-slider img {
  max-width: 100%;
  height: auto;
}

.thumbnail-slider .slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

#prev-arrow, #next-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
  color: #000;
  background-color: white;
  padding: 10px 15px;
  border-radius: 50%;


}


.thumbnail-slider-container {
  display: flex;
  flex-direction: column;
}

.thumbnail-slider {
  display: flex;
  flex-direction: column;
  gap: 10px; /* Khoảng cách giữa các ảnh */
}

.thumbnail img {
  max-width: 100%; /* Đảm bảo ảnh không vượt quá chiều rộng container */
}


.thumbnail.selected {
  border: 2px solid #191818; /* Đổi màu và độ dày của đường viền theo ý muốn */
  box-sizing: border-box;
}
 

.nav-btn.active {
  background-color: #141414; /* Hoặc màu mà bạn muốn */
  color: #fff;
}
.selected{
  background-color: #141414; /* Hoặc màu mà bạn muốn */
  color: #fff;
}