/* Custom Slider Styles */
.custom-slider-container {
  position: relative;
  background: transparent; /* Changed from black to transparent to match floating-card */
  max-width: 100%;
  min-width: 100%;
  height: 400px; /* Further increased height */
  margin: 0 auto;
  overflow: hidden;
}

.custom-slider-card {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 800px; /* Further increased card width */
  height: 350px; /* Further increased card height */
  background: transparent; /* Make transparent as requested */
  margin: 5px;
  border-radius:15px; /* Match border-radius from source */
  overflow: hidden; /* Ensure content respects border-radius */
  transition: transform 1s, background 0.3s ease-in-out; /* Match transition from source */
}

.custom-slider-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.custom-slider-card:nth-child(1) { transform: translate(-170%, -50%); }

.custom-slider-card:nth-child(2) { transform: translate(-50%, -50%); }

.custom-slider-card:nth-child(3) { transform: translate(70%, -50%); }

.custom-slider-card:nth-child(4) { transform: translate(190%, -50%); }

.custom-slider-card.active {
  background: transparent; /* Make transparent as requested */
  transform: translate(-50%, -50%) scale(1.1) !important;
}

.custom-slider-next .custom-slider-card:nth-child(1) { transform: translate(-290%, -50%); }

.custom-slider-next .custom-slider-card:nth-child(2) { transform: translate(-170%, -50%); }

.custom-slider-next .custom-slider-card:nth-child(3) { transform: translate(-50%, -50%); }

.custom-slider-next .custom-slider-card:nth-child(4) { transform: translate(70%, -50%); }

.custom-slider-reset .custom-slider-card { transition: none; }