/* Styling for counter icons */
.counter-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    height: 60px; /* Added fixed height for consistency */
}

.iconimg {
    width: 40px !important;
    height: 40px !important;
    object-fit: contain;
    filter: invert(100%); /* White color */
    transition: transform 0.3s ease, filter 0.3s ease; /* Added transition for hover effects */
}

/* Add hover effect */
.counter-icon:hover .iconimg {
    transform: scale(1.1);
    filter: invert(100%) brightness(90%); /* Slightly darker white on hover */
}

/* Class to add specific colored styles */
.counter-icon img.theme-color {
    fill: white !important;
}