/* css/services.css */

.services-hero-section {
    background-color: var(--secondary-brown);
    /* Brown background color from the image */
    padding: 8rem 0;
    text-align: center;
}

.services-hero-section h1 {
    font-size: 3rem;
    color: var(--text-light);
}

.services-content-section {
    position: relative;
    padding: 6rem 0;
    background: url('../images/backgrounds/director_chair.jpg') no-repeat center center/cover;
    color: var(--text-light);
}

.services-text-container {
    max-width: 800px;
}

.services-content-section p,
.services-content-section h3 {
    margin-bottom: 1.5rem;
    line-height: 1.8;
}

.services-content-section h3 {
    font-size: 1.5rem;
    color: var(--accent-gold);
    margin-top: 2rem;
}

.services-content-section .background-overlay {
    background-color: transparent;
}

@media (max-width: 768px) {
    .services-hero-section h1 {
        font-size: 2.5rem;
    }

    .services-content-section {
        padding: 4rem 2rem;
    }
}