/* ==================== SERVICES PAGE SIMPLE FIX ==================== */
/* Remove the previous CSS I gave you and use only this */

/* Center the services container */
.services-page .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* Fix the service grids to center properly */
.services-page #staffing-services,
.services-page #commercial-services {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    width: 100%;
}

/* Make the CTA section visible again */
.services-page .services-cta {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: linear-gradient(135deg, #1f2937, #374151) !important;
    color: white !important;
    padding: 3rem 0 !important;
}

.services-page .services-cta * {
    visibility: visible !important;
    opacity: 1 !important;
}

.services-page .cta-buttons {
    display: flex !important;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.5rem;
}