/* Minimal styling to prevent interference */
#featuresSection {
    position: relative;
    padding: 80px 0;
    transition: none !important; /* Force no transition */
}

.text-pink {
    color: #ff6ec7 !important;
}

.feature-card {
    background-color: #333333;
    border-radius: 8px;
    height: 100%;
}

.feature-card:hover {
    transform: translateY(-5px);
}

.icon-wrapper {
    width: 60px;
    height: 60px;
    border: 2px solid #ff6ec7;
}

.feature-item {
    /* No transition, will be directly controlled by JS */
}

/* Additional styling for features section */
.features-section {
    position: relative;
    padding: 80px 0;
}

/* Ensure pink elements remain visible throughout */
.text-pink, .feature-icon svg {
    color: #ff6ec7 !important;
    fill: none;
    stroke: #ff6ec7;
    transition: none; /* Don't transition these colors */
}