/* Force transparent backgrounds for counters */
#counter-section .custom-counter,
#counter-section .custom-counter .w-counter-h,
#counter-section .custom-counter .w-counter-h * {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Restore border for container */
#counter-section .custom-counter {
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

#counter-section .custom-counter:hover {
    background: rgba(255, 255, 255, 0.02) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4) !important;
    border-color: rgba(223, 18, 56, 0.4) !important;
}

/* Ensure only the text gradient is visible */
#counter-section .custom-counter .w-counter-value {
    background-image: linear-gradient(45deg, #ff1a47, #df1238) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important; 
    -webkit-text-fill-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}