/* Fix for page-title-area background image display */

.page-title-area {
    /* Ensure proper height */
    min-height: 500px !important;
    height: auto !important;
    
    /* Ensure background properties work */
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    
    /* Debug border - remove after testing */
  /*  border: 3px solid red !important;*/
}

/* Ensure overlay doesn't hide the background */
.page-title-area::before {
    z-index: 1 !important;
    opacity: 0.3 !important;
}

/* Ensure content is above overlay */
.page-title-content {
    position: relative !important;
    z-index: 2 !important;
}

/* Force background image display */
.page-title-area[style*="background-image"] {
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

/* Alternative: If inline styles don't work, use specific background */
.page-title-area.about-page {
    background-image: url('../images/pages/about.jpg') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

.page-title-area.contact-page {
    background-image: url('../images/pages/contact.jpg') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

.page-title-area.solution-page {
    background-image: url('../images/pages/solution.jpg') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

.page-title-area.service-page {
    background-image: url('../images/pages/service.jpg') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

.page-title-area.product-page {
    background-image: url('../images/pages/product.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}