.feature-card {
    position: relative;
    overflow: hidden;
    border: 2px solid #e5e7eb;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.feature-card-2 {
    position: relative;
    overflow: hidden;
    border: 2px solid #e5e7eb;
    transition: all 0.6s cubic-bezier(0.8, 0, 0.5, 1);
}
.feature-card-2:hover {
    border-color: #3b82f6;
    transform: translateY(-30px);
    box-shadow: 0 20px 40px rgba(59, 130, 246, 0.2);
    animation: cubic-bezier(0.2, 0, 0.1, 1);
}

.feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);
    transition: left 0.5s ease;
}

.feature-card:hover {
    border-color: #3b82f6;
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(59, 130, 246, 0.2);
}

.feature-card:hover::before {
    left: 100%;
}

.feature-card:hover .feature-title {
    transform: scale(1.05);
    color: #2563eb;
}

.feature-title {
    transition: all 0.3s ease;
}

.feature-card:hover .feature-icon {
    animation: bounce 0.6s ease;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

.bg-green:hover{
    background-color: mediumseagreen !important;
    color: whitesmoke !important;
}