/* Custom CSS for Service Pages - Fixed Container Width */

/* Override container-cs to be fixed width instead of fluid */
.service-page .container-cs {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* Fixed width for inner page content */
.inner-page.service-page {
    max-width: 100%;
}

.inner-page.service-page .container-cs {
    max-width: 1140px;
}

/* Service page thumb image - fixed aspect ratio */
.service-page-thumb img {
    width: 100%;
    max-width: 1140px;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

/* Gallery section fixed width */
.service-page-gallery .gallery-slider {
    max-width: 1140px;
    margin: 0 auto;
}

/* Other services section fixed width */
.service-other-services .other-services-content {
    max-width: 1140px;
    margin: 0 auto;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .service-page .container-cs,
    .inner-page.service-page .container-cs {
        max-width: 960px;
    }
}

@media (max-width: 992px) {
    .service-page .container-cs,
    .inner-page.service-page .container-cs {
        max-width: 720px;
    }
}

@media (max-width: 768px) {
    .service-page .container-cs,
    .inner-page.service-page .container-cs {
        max-width: 540px;
    }
}

@media (max-width: 576px) {
    .service-page .container-cs,
    .inner-page.service-page .container-cs {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}