/* 
 * Icon Visibility Fixes
 * This file ensures all service icons are visible with proper contrast and styling
 */

/* Ensure all service icons with Font Awesome icons are visible */
.service-icon i,
.solution-icon i,
.app-icon i,
.web-icon i,
.service-icon-modern i,
.tech-icon i {
    color: inherit !important; /* Inherit color from parent */
    display: inline-block;
    line-height: 1;
}

/* Add text shadow for white icons on colored backgrounds */
.service-icon i,
.solution-icon i {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Ensure icons have proper z-index */
.service-icon,
.solution-icon,
.app-icon,
.web-icon {
    position: relative;
    z-index: 1;
}

/* Fix for icons that might be hidden */
.service-card .service-icon i,
.solution-card .solution-icon i {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure Font Awesome icons have proper sizing */
.service-icon i,
.solution-icon i,
.app-icon i,
.web-icon i {
    width: auto;
    height: auto;
}