/* Ensures all custom cards have the same height */
.custom-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 200px; /* Adjust based on content */
    height: 100%;
}

/* Custom icon circle styling */
.custom-icon-circle {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Responsive grid layout for custom cards */
@media (max-width: 992px) {
    .custom-col-lg-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    .custom-col-lg-3,
    .custom-col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}