/* Pages general style */
.page-content header{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.page-content header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(113 89 53 / 60%);
    z-index: 2;
}

.page-content header > * {
    position: relative;
    z-index: 3;
}

/* Style for About Us */
.about-us header{
    background-image: url('../../images/pages/about-us.png');
}
.about-us .img-side{
    height: 475px;
    object-fit: cover;
    width: 100%;
}


/* Style for services */
.our-services header{
    background-image: url('../../images/pages/our-services.png');
    background-position: bottom;
}
.service-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    isolation: isolate;
}

.service-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0.05) 100%);
    z-index: -1;
    pointer-events: none;
    border-radius: 0.75rem; /* Match rounded-xl */
}

/* Interactive Card Hover Effect */
.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Ensure images take up full space and are fixed height for grid consistency */
.service-image {
    height: 380px;
    object-fit: cover;
    object-position: top; /* Focus on the hairstyle */
}

/* online forms style */

.contact-us header{
    background-image: url('../../images/pages/contact-us.png');
}
.employment header{
    background-image: url('../../images/pages/employment.png');
}
.gallery header{
    background-image: url('../../images/pages/gallery.png');
}
.book-now header{
    background-image: url('../../images/pages/book-now.png');
}
.send-referrals header{
    background-image: url('../../images/pages/send-referrals.png');
    background-position: bottom;
}
.set-an-appointment header{
    background-image: url('../../images/pages/set-an-appointment.png');
}

.blogs header{
    background-image: url('../../images/pages/blogs.png');
}
/* Employment form */
.btn-brand-medium {
    background-color: #d7950c;
    border-color: #d7950c;
    color: white;
}
.btn-brand-medium:hover {
    background-color: #a07208;
    border-color: #a07208;
    color: white;
}

/* Styling for the "Why Choose Us" list */
.list-icon {
    color: #d7950c;
    width: 1.5em;
    margin-right: 0.5rem;
    flex-shrink: 0;
}

.gallery-item {
   break-inside: avoid;
   margin-bottom: 1.5rem;
   display: block;
}