.projects_background-container {
    position: relative;
    background-image: url('../images/project/projects_bg.jpg') !important;
    background-size: cover;
    background-position: center;
}

/* Black overlay with 70% opacity */
.projects_background-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 70% opacity black */
    z-index: 0; /* Behind content */
}

.pages_background-container {
    position: relative;
    background-image: url('../images/about/about_bg.jpg') !important;
    background-size: cover;
    background-position: top;
}

/* Black overlay with 70% opacity */
.pages_background-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 70% opacity black */
    z-index: 0; /* Behind content */
}

.services_background-container {
    position: relative;
    background-image: url('../images/service/25.jpg') !important;
    background-size: cover;
    background-position: center;
}

/* Black overlay with 70% opacity */
.services_background-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 70% opacity black */
    z-index: 0; /* Behind content */
}

.clients_background-container {
    position: relative;
    background-image: url('../images/clients/01.webp') !important;
    background-size: cover;
    background-position: center;
}

/* Black overlay with 70% opacity */
.clients_background-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 70% opacity black */
    z-index: 0; /* Behind content */
}
.accreditations_background-container {
    position: relative;
    background-image: url('../images/about/acc.jpg') !important;
    background-size: cover;
    background-position: center;
}

/* Black overlay with 70% opacity */
.accreditations_background-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 70% opacity black */
    z-index: 0; /* Behind content */
}
/* Content container - ensures text stays at 100% opacity */
.breadcrumb-area-inner {
    position: relative;
    z-index: 1; /* Above the overlay */
}

/* If you need to target specific elements */
.title, .water-text, .nav-area-navigation {
    position: relative;
    z-index: 2; /* Even higher above the overlay */
}

/* Modal Image Styles */
#imageModal .modal-dialog {
    max-width: 90%;
}

#imageModal .modal-body img {
    max-height: 70vh;
    width: auto;
    margin: 0 auto;
}

/* Pointer cursor for clickable images */
.thumbnail img {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.thumbnail img:hover {
    transform: scale(1.02);
}