/* Auto-scrolling slider styles */
.slider.overflow_visible.w-slider {
  overflow: hidden;
}

.slider.overflow_visible .w-slider-mask {
  overflow: visible;
  width: 100%;
}

/* Continuous scroll animation */
@keyframes slideRightToLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Apply continuous scrolling */
.auto-scroll .w-slider-mask {
  display: flex;
  width: 200%; /* Double width to accommodate seamless loop */
  animation: slideRightToLeft 60s linear infinite;
}

/* Ensure the slider container allows for proper display */
.slider.overflow_visible.w-slider {
  max-width: 100%;
  width: 100%;
}

/* Pause animation on hover */
.slider.overflow_visible.w-slider:hover .auto-scroll .w-slider-mask {
  animation-play-state: paused;
}

/* Make slides display inline */
.auto-scroll .w-slide {
  flex: 0 0 auto;
  width: 350px; /* Fixed width for consistent sizing */
  min-width: 350px; /* Increased from 280px for larger cards */
  margin-right: 8px; /* Reduced spacing from 15px to 8px */
}

/* Additional sizing for better fit */
.auto-scroll .w-slide .card {
  width: 350px; /* Fixed width for uniform sizing */
  max-width: 350px;
  height: 400px; /* Fixed height for uniform sizing */
  transform: none; /* Remove scaling to make cards larger */
  transform-origin: left top;
  overflow: hidden; /* Prevent content overflow */
  box-sizing: border-box; /* Include padding in width/height */
}

/* Ensure all cards have consistent structure */
.auto-scroll .w-slide {
  flex-shrink: 0; /* Prevent cards from shrinking */
  box-sizing: border-box;
}

/* Ensure card content scales properly */
.auto-scroll .w-slide .card .card_body {
  padding: 1.5rem; /* Increased padding for larger cards */
  height: 100%;
  display: flex;
  flex-direction: column;
}

.auto-scroll .w-slide .card .heading_h4 {
  font-size: 1.25rem; /* Larger heading for bigger cards */
  line-height: 1.3;
  margin-bottom: 1rem;
}

.auto-scroll .w-slide .card p {
  font-size: 1rem; /* Normal paragraph text for larger cards */
  line-height: 1.5;
  flex-grow: 1;
}

.auto-scroll .w-slide .card .image_cover {
  width: 100%;
  height: 200px; /* Fixed height for consistent image sizing */
  object-fit: cover;
}

/* Responsive card sizing - maintain same size across breakpoints */
@media screen and (max-width: 1200px) {
  .auto-scroll .w-slide {
    width: 320px;
    min-width: 320px;
    margin-right: 6px;
  }
  
  .auto-scroll .w-slide .card {
    width: 320px;
    max-width: 320px;
    height: 380px;
  }
}

@media screen and (max-width: 991px) {
  .auto-scroll .w-slide {
    width: 280px;
    min-width: 280px;
    margin-right: 5px;
  }
  
  .auto-scroll .w-slide .card {
    width: 280px;
    max-width: 280px;
    height: 350px;
  }
  
  .auto-scroll .w-slide .card .image_cover {
    height: 160px;
  }
}

@media screen and (max-width: 767px) {
  .auto-scroll .w-slide {
    width: 250px;
    min-width: 250px;
    margin-right: 4px;
  }
  
  .auto-scroll .w-slide .card {
    width: 250px;
    max-width: 250px;
    height: 320px;
  }
  
  .auto-scroll .w-slide .card .image_cover {
    height: 140px;
  }
}

/* Duplicate slides for seamless loop */
.auto-scroll .w-slider-mask::after {
  content: '';
  display: flex;
  width: 100%;
}

/* Hide default Webflow controls during auto-scroll */
.auto-scroll .w-slider-arrow-left,
.auto-scroll .w-slider-arrow-right,
.auto-scroll .w-slider-nav {
  display: none;
}

/* Smooth transitions */
.slider.overflow_visible.w-slider {
  transition: all 0.3s ease;
}

/* Alternative slower speed options */
.slider-speed-slow .w-slider-mask {
  animation-duration: 80s;
}

.slider-speed-very-slow .w-slider-mask {
  animation-duration: 120s;
}