/* CSS để điều chỉnh hiển thị service cards - 3 trên và 3 dưới */

/* Override main styles to ensure 3x2 layout */
.service-cards {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2.5rem !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* Increase service icon size */
.service-icon {
    width: 160px !important;
    height: 160px !important;
    transition: all 0.4s ease !important;
}

.service-image {
    height: 180px !important;
}

/* Enhanced hover effects */
.service-card:hover .service-icon {
    transform: translateY(-8px) !important;
    box-shadow: 0 12px 25px rgba(44, 76, 124, 0.25) !important;
}

/* Responsive styles for tablets and mobile */
@media (max-width: 992px) {
    .service-cards {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .service-icon {
        width: 140px !important;
        height: 140px !important;
    }
}

@media (max-width: 767px) {
    .service-cards {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 2rem !important;
    }
    
    .service-icon {
        width: 130px !important;
        height: 130px !important;
    }
}