/* Insurance carousel styles */
/* No animation in CSS, handled by JS */

/* Basic styling only */
#insurance-slider {
  transition: transform 0.1s linear; /* Smoother transitions for continuous scrolling */
}

/* Container styling */
#insurance-slider-container {
  margin: 0 auto;
  position: relative;
}

/* Hover effect for insurance cards */
.hover-lift {
  transition: transform 0.3s ease;
}

.hover-lift:hover {
  transform: translateY(-5px);
}

/* Animation for slide up elements */
.slide-up {
  animation: slideUp 0.8s ease forwards;
  opacity: 0;
}

@keyframes slideUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Make insurance section display properly */
.overflow-hidden .flex.space-x-6 {
  animation: 30s linear 0s infinite normal none running rtlMarquee;
  display: flex;
  min-width: 200%; /* Ensure we have enough content to scroll */
}

/* Double the insurance cards for continuous scrolling */
.overflow-hidden .flex.space-x-6 > div:nth-child(n+10) {
  margin-left: 1.5rem;
}