/* Services Carousel Styles */
.services-carousel-container {
    position: relative;
    width: 100%;
}

.services-carousel {
    display: flex;
    gap: 1.5rem;
    width: 100%;
}

.services-carousel .group {
    min-width: 100%;
}

@media (min-width: 768px) {
    .services-carousel .group {
        min-width: calc(50% - 12px);
    }
}

@media (min-width: 1024px) {
    .services-carousel .group {
        min-width: calc(25% - 18px);
    }
}

#serviceIndicators button {
    transition: all 0.3s ease;
}

#serviceIndicators button:hover {
    transform: scale(1.2);
}

#prevService, #nextService {
    transition: all 0.3s ease;
}

#prevService:hover, #nextService:hover {
    transform: scale(1.1);
}