/* ==========================================
       header servicii buttons fix
   ========================================== */



.logo{
    width: 230px;
}

/* ==========================================
  About section  - equal card heights
   ========================================== */
.about-offer-item img {
    height: 520px;
}



/* ==========================================
   Project section two - equal card heights
   ========================================== */
.project-section-two .project-item-two {
    position: relative;
    height: 600px;
    overflow: hidden;
}

.project-section-two .project-item-two img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Keep overlay content above image */
.project-section-two .project-content-two {
    position: absolute;
    inset: 0;
    z-index: 2;
}

/* Optional: do not force the video block to the same height */
.project-section-two .video-item {
    height: auto;
}

.project-section-two .video-item img {
    height: auto;
    object-fit: cover;
}


/* ==========================================
   Booking form - Contact Form 7 exact layout
   ========================================== */
.booking-services, .booking-hairstylistul {
    margin-top: -17px !important;
}


/* ==========================================
   Contact Form 7 - Contact page
   ========================================== */
.website-fields {
    margin-top: 32px !important;
}

.contact-form-cf7 .contact-icon-field label {
    top: calc(50% + 14px);
}

@media (max-width: 764px) {
    .booking-hairstylistul{
        margin-bottom: 25px !important;
    }
    .contact-form-cf7 .col-md-6{
        margin-top: -35px;
        margin-bottom: 0;
    }
}
.booking-services,
.booking-services .form-group,
.booking-services .nice-select {
    position: relative;
    z-index: 30;
}

.booking-services .nice-select.open .list {
    z-index: 9999;
}
.wpcf7-spinner{
    margin-top: 10px ;
}


/* ==========================================
    Portfolio images uniform size
   ========================================== */
.portfolio-section .portfolio-item img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    display: block;
}

/* Portfolio zoom icon centered on hover */
.portfolio-section .portfolio-item {
    position: relative;
    overflow: hidden;
}

.portfolio-section .portfolio-item img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    display: block;
}

.portfolio-section .portfolio-lightbox-content {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.portfolio-section .portfolio-lightbox-content a {
    width: 44px;
    height: 44px;
    background: #b5a580;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.85);
    transition: all 0.25s ease;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
    pointer-events: auto;
}
.portfolio-section .portfolio-lightbox-content :hover {
    background: #85795c;

}

.portfolio-section .portfolio-lightbox-content a i {
    font-size: 22px;
    line-height: 1;
}

.portfolio-section .portfolio-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.18);
    opacity: 0;
    transition: all 0.25s ease;
    z-index: 2;
}

.portfolio-section .portfolio-item:hover::after {
    opacity: 1;
}

.portfolio-section .portfolio-item:hover .portfolio-lightbox-content a {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

@media (max-width: 991px) {
    .portfolio-section .portfolio-item img {
        height: 320px;
    }
}

@media (max-width: 575px) {
    .portfolio-section .portfolio-item img {
        height: 280px;
    }
}

.mfp-arrow-left:before  {
    border-right: 27px solid #b5a580;
}

.mfp-arrow-right:before {
    border-left: 27px solid #b5a580;
}


/* ==========================================
        Team member single page 
   ========================================== */

.team-details-image img {
    width: 100%;
    display: block;
    border-radius: 8px;
}

.team-details-content .sub-title {
    display: inline-block;
    margin-bottom: 10px;
}

.team-details-text p:last-child {
    margin-bottom: 0;
}

.member-description h5 a {
    color: inherit;
    text-decoration: none;
}

.member-description h5 a:hover {
    text-decoration: none;
}


/* ==========================================
        Services archive - uniform image size
   ========================================== */

.services-page .service-item img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
}

/* Popular services - equal icon box */
.popular-services .popular-service-item {
   height: 180px !important;
}

.service-middle-images img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}


.service-details-content .list-style-one li {
    width: 100%;
}