/* CSS transitions for the interactive section */
.interactive-services-section {
    transition: background-image 0.6s ease-in-out;
}

.dynamic-description-area {
    transition: opacity 0.3s ease-in-out;
}

.dynamic-description-area.is-updating {
    opacity: 0;
}

/* Base hover effects for cards */
.service-card-1, .service-card-2, .service-card-3 {
    transition: transform 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
}

.service-card-1:hover, .service-card-2:hover, .service-card-3:hover,
.service-card-1.is-active, .service-card-2.is-active, .service-card-3.is-active {
    transform: translateY(-5px);
    border-color: rgba(255,255,255,0.8) !important;
}