/* Pricing Page Specific Styles */

/* Background gradient animation */
@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Hover effects for pricing cards */
.pricing-card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.pricing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1), 0px 8px 8px -4px rgba(16, 24, 40, 0.04);
}

/* Toggle switch animation */
.toggle-switch {
    transition: background-color 0.3s ease;
}

.toggle-switch-circle {
    transition: transform 0.3s ease;
}

.toggle-switch.active .toggle-switch-circle {
    transform: translateX(20px);
}

/* Decorative background elements */
.pricing-background {
    background-image: url('../images/pricing-pattern.svg');
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.1;
}