.phase-slider {
            transition: transform 0.5s ease-in-out;
        }
        
        .gradient-text {
            background: linear-gradient(135deg, #059669, #2563eb);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .glass-effect {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        .hover-lift {
            transition: all 0.3s ease;
        }
        
        .hover-lift:hover {
            transform: translateY(-8px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }
        
        .phase-card {
            transition: all 0.3s ease;
        }
        
        .phase-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.15);
        }
        
        .btn-primary {
            background: linear-gradient(135deg, #059669, #2563eb);
            transition: all 0.3s ease;
        }
        
        .btn-primary:hover {
            transform: scale(1.05);
            box-shadow: 0 20px 40px -12px rgba(5, 150, 105, 0.4);
        }
        
        .popular-badge {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.8; }
        }
        
        .glass-effect .feature-icon {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            margin-bottom: 0px;
        }
  .ring-emerald-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1))}
    .greenborder{
        border: 4px solid;
        border-color:rgba(16, 185, 129, 1) ;
    }