/* Carousel and how-it-works section styles */
 .step-item.active .step-number {
    background-color: var(--primary);
    transform: scale(1.1);
    box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.3);
}

.step-item.active h3 {
    color: var(--primary);
}

.step-item {
    transition: all 0.3s ease;
}

.carousel-dot {
    transition: all 0.3s ease;
    opacity: 0.6;
}

.carousel-dot.active {
    opacity: 1;
    transform: scale(1.2);
}

.carousel-slide {
    transition: opacity 0.3s ease;
}