.services-widget {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Adjusts spacing between services */
    margin: -15px; /* Negative margin to counteract padding */
}

.service-item {
    background: #f9f9f9; /* Light background color */
    border: 1px solid #e0e0e0; /* Subtle border */
    border-radius: 8px; /* Rounded corners */
    padding: 20px; /* Padding around content */
    margin: 15px; /* Space between items */
    flex: 1 1 calc(30% - 30px); /* Responsive layout (3 items per row) */
    text-align: center; /* Center text */
    transition: transform 0.3s, box-shadow 0.3s; /* Smooth hover effects */
}

.service-item i {
    font-size: 40px; /* Icon size */
    color: #0073e6; /* Icon color */
    margin-bottom: 10px; /* Space between icon and heading */
}

.service-item h3 {
    font-size: 24px; /* Heading size */
    margin: 10px 0; /* Space around heading */
    color: #333; /* Heading color */
}

.service-item p {
    font-size: 16px; /* Description size */
    color: #666; /* Description color */
}

/* Hover effects */
.service-item:hover {
    transform: translateY(-5px); /* Slight lift on hover */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

/* Responsive styles */
@media (max-width: 768px) {
    .service-item {
        flex: 1 1 calc(45% - 30px); /* 2 items per row on smaller screens */
    }
}

@media (max-width: 480px) {
    .service-item {
        flex: 1 1 100%; /* 1 item per row on mobile */
    }
}