.carousel-slider-container {
  position: relative;

  width: 100% !important;
  height: 100% !important;
  padding: 0 70px !important;
  box-sizing: border-box !important;
}

.carousel-slider {
  display: flex;
  width: 100%;
  align-items: center;
  transition: all 0.5s;
  overflow: hidden;
  padding: 20px 0;
}

.carousel-slider-item {
  margin: 0 10px !important;
  width: 280px !important;
  flex-shrink: 0;
}

.carousel-slider-item-shadow {
  position: relative;
  overflow: hidden;
}

.carousel-slider-item-shadow::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background:
    radial-gradient(
      150% 150% at 50% 75%,
      transparent 30%,
      rgba(0, 0, 0, 0.05) 50%,
      rgba(0, 0, 0, 0.4) 70%
    ),
    radial-gradient(
      150% 150% at 50% 25%,
      transparent 0%,
      rgba(0, 0, 0, 0.15) 35%,
      rgba(0, 0, 0, 0.7) 70%
    );
}

.carousel-slider-item-shadow:hover::after {
  opacity: 1;
}

.browse-slider {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 1px solid #c5a059;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #c5a059;
  z-index: 10;
}
.browse-slider.next {
  right: 10px;
}
.browse-slider.next::after {
  content: "→";
  font-size: 24px;
}
.browse-slider.prev {
  left: 10px;
}
.browse-slider.prev::after {
  content: "←";
  font-size: 24px;
}
.browse-slider.inactive {
  display: none;
  pointer-events: none;
}

@media (pointer: coarse) {
  .browse-slider {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .carousel-slider-container {
    padding: 0 10px !important;
  }

  .carousel-slider {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .carousel-slider-item {
    scroll-snap-align: center;
  }

  .carousel-slider::-webkit-scrollbar {
    display: none;
  }
  .carousel-slider {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

/*daed056b0f34c470fa3e6d288b1b50ab*/