/* Tab Slide Container */
tag-slide {
  display: block;
  max-width: 1200px;
  margin: 2rem auto;
}

/* Slider Styles */
tag-slide .slider {
  position: relative;
  margin: 0 auto;
}

tag-slide .slider-container {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  gap: 20px;
  padding: 20px 0;
  scrollbar-width: none;
}

tag-slide .slider-container::-webkit-scrollbar {
  display: none;
}

tag-slide .card {
  flex: 0 0 auto;
  scroll-snap-align: start;
}

tag-slide .arrow {
  /*position: absolute;
  top: 50%;
  transform: translateY(-50%);*/
  width: 40px;
  height: 40px;
  background: #333;
  color: white;
  border: none;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  z-index: 2;
  padding: 0;
}

tag-slide .arrow.prev {
  left: 0;
}
tag-slide .arrow.next {
  right: 0;
}
tag-slide .arrow:disabled {
  opacity: 0.5;
}

/* Responsive styles */
@media (max-width: 768px) {
  tag-slide .card {
    min-width: 220px;
  }
}