/* Modern Service Cards */
.service-item {
    position: relative;
    overflow: hidden;
}

.service-item .rounded-circle {
    background: linear-gradient(135deg, var(--primary) 0%, #0056b3 100%);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .service-item {
        padding: 1.5rem !important;
    }
    
    .service-item .rounded-circle {
        width: 60px !important;
        height: 60px !important;
    }
    
    .service-item h5 {
        font-size: 1.1rem;
    }
    
    .service-item p {
        font-size: 0.85rem;
    }
}