/* 1) WRAPPER visible (image ke liye) */
.project-item-wrapper.neuros_service .project-slider-item-wrapper{
    opacity:1 !important;
}

/* 2) IMAGE always visible */
.project-item-wrapper.neuros_service .project-item-media,
.project-item-wrapper.neuros_service .project-item-media img{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

/* 3) HIDE INNER CONTENT (hover content) */
.project-item-wrapper.neuros_service .project-slider-item-wrapper .project-item-content{
    opacity:0;
    visibility:hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

/* 4) SHOW ON HOVER */
.project-item-wrapper.neuros_service:hover .project-slider-item-wrapper .project-item-content{
    opacity:1;
    visibility:visible;
    transform: translateY(0);
}

/* ⭐ 5) FIX: OUTER TITLE KO TOP PE LAO */
.project-item-wrapper.neuros_service .project-item > .project-item-content{
    position: relative;
    z-index: 3; /* important */
    opacity:1 !important;
    visibility:visible !important;
}

/* ⭐ 6) WRAPPER KO NEECHHE RAKHO */
.project-item-wrapper.neuros_service .project-slider-item-wrapper{
    position: relative;
    z-index: 1;
}

/* HIDE OUTER TITLE ON HOVER */
.project-item-wrapper.neuros_service:hover .project-item > .project-item-content{
    opacity:0 !important;
    visibility:hidden !important;
}


/*888888888888888888888888888888888888888*/
/* 1) WRAPPER visible (image ke liye) */
.project-item-wrapper.neuros_service .project-slider-item-wrapper{
    opacity:1 !important;
}

/* 2) IMAGE always visible */
.project-item-wrapper.neuros_service .project-item-media,
.project-item-wrapper.neuros_service .project-item-media img{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

/* 3) HIDE INNER CONTENT (hover content) */
.project-item-wrapper.neuros_service .project-slider-item-wrapper .project-item-content{
    opacity:0;
    visibility:hidden;
    transform: translateY(30px); /* slightly more smooth */

    transition: 
        opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ⭐ NEW: stagger base (important) */
.project-item-wrapper.neuros_service 
.project-slider-item-wrapper 
.project-item-content > *{
    opacity:0;
    transform: translateY(30px);

    transition: 
        opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 4) SHOW ON HOVER */
.project-item-wrapper.neuros_service:hover 
.project-slider-item-wrapper 
.project-item-content{
    opacity:1;
    visibility:visible;
    transform: translateY(0);
}

/* ⭐ NEW: animate children */
.project-item-wrapper.neuros_service:hover 
.project-slider-item-wrapper 
.project-item-content > *{
    opacity:1;
    transform: translateY(0);
}

/* ⭐ NEW: stagger delays (main magic) */
.project-item-wrapper.neuros_service:hover 
.project-item-content > *:nth-child(1){
    transition-delay: 0.1s;
}
.project-item-wrapper.neuros_service:hover 
.project-item-content > *:nth-child(2){
    transition-delay: 0.25s;
}
.project-item-wrapper.neuros_service:hover 
.project-item-content > *:nth-child(3){
    transition-delay: 0.4s;
}
.project-item-wrapper.neuros_service:hover 
.project-item-content > *:nth-child(4){
    transition-delay: 0.55s;
}

/* ⭐ 5) FIX: OUTER TITLE KO TOP PE LAO */
.project-item-wrapper.neuros_service .project-item > .project-item-content{
    position: relative;
    z-index: 3;
    opacity:1 !important;
    visibility:visible !important;

    transition: 
        opacity 0.4s ease,
        transform 0.4s ease;
}

/* ⭐ 6) WRAPPER KO NEECHHE RAKHO */
.project-item-wrapper.neuros_service .project-slider-item-wrapper{
    position: relative;
    z-index: 1;
}

/* HIDE OUTER TITLE ON HOVER */
.project-item-wrapper.neuros_service:hover 
.project-item > .project-item-content{
    opacity:0 !important;
    visibility:hidden !important;
    transform: translateY(-10px);
}