/* Base Layout */
.sp-card-6ecdd039 {
    display: block;
    text-decoration: none !important;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.sp-card-inner-6ecdd039 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.sp-top-label-6ecdd039 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
    margin-bottom: 15px;
}

.sp-title-6ecdd039 {
    font-size: 32px;
    font-weight: 400;
    color: #111;
    margin: 0 0 30px 0;
    transition: color 0.3s ease;
}

.sp-image-wrap-6ecdd039 {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
}

.sp-image-wrap-6ecdd039 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Animations */
.sp-card-6ecdd039 {
    opacity: 1;
}

/* Base states for invisible elements */
.sp-anim-fade-in .sp-card-6ecdd039,
.sp-anim-fade-up .sp-card-6ecdd039,
.sp-anim-fade-down .sp-card-6ecdd039,
.sp-anim-fade-left .sp-card-6ecdd039,
.sp-anim-fade-right .sp-card-6ecdd039,
.sp-anim-zoom-in .sp-card-6ecdd039,
.sp-anim-scale-up .sp-card-6ecdd039 {
    opacity: 0;
    transition-property: opacity, transform, color;
    transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}

.sp-anim-fade-up .sp-card-6ecdd039 { transform: translateY(40px); }
.sp-anim-fade-down .sp-card-6ecdd039 { transform: translateY(-40px); }
.sp-anim-fade-left .sp-card-6ecdd039 { transform: translateX(40px); }
.sp-anim-fade-right .sp-card-6ecdd039 { transform: translateX(-40px); }
.sp-anim-zoom-in .sp-card-6ecdd039 { transform: scale(0.9); }
.sp-anim-scale-up .sp-card-6ecdd039 { transform: scale(0.95); }

/* Animated states */
.sp-card-6ecdd039.sp-is-visible {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

/* Editor Preview support */
.elementor-editor-active .sp-anim-fade-in .sp-card-6ecdd039,
.elementor-editor-active .sp-anim-fade-up .sp-card-6ecdd039,
.elementor-editor-active .sp-anim-fade-down .sp-card-6ecdd039,
.elementor-editor-active .sp-anim-fade-left .sp-card-6ecdd039,
.elementor-editor-active .sp-anim-fade-right .sp-card-6ecdd039,
.elementor-editor-active .sp-anim-zoom-in .sp-card-6ecdd039,
.elementor-editor-active .sp-anim-scale-up .sp-card-6ecdd039 {
    opacity: 1;
    transform: none;
}