.elementor-11584 .elementor-element.elementor-element-e461afe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11584 .elementor-element.elementor-element-8f3e6ee .qodef-qi-vertical-project-reel-left-inner .qodef-e-title{color:#FFFFFF;}.elementor-11584 .elementor-element.elementor-element-8f3e6ee .qodef-qi-vertical-project-reel-left-inner .qodef-e-subtitle{color:#979595;}.elementor-11584 .elementor-element.elementor-element-8f3e6ee .qodef-qi-vertical-project-reel-left article .qodef-e-image{margin-top:0px;}.elementor-11584 .elementor-element.elementor-element-8f3e6ee .qodef-m-icon{font-size:0px;}.elementor-11584 .elementor-element.elementor-element-8f3e6ee .qodef-m-icon svg{width:0px;height:0px;}/* Start custom CSS for qi_addons_for_elementor_premium_vertical_project_reel, class: .elementor-element-8f3e6ee *//* 1. Ensure the original image is visible and the clone is hidden */
.elementor-11584 .elementor-element.elementor-element-8f3e6ee .qodef--distort-img-clone {
    display: none !important;
}

.elementor-11584 .elementor-element.elementor-element-8f3e6ee .qodef-m-image img, 
.elementor-11584 .elementor-element.elementor-element-8f3e6ee .qodef-e-image img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: grayscale(0%) !important;
    transition: filter 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    transform: none !important;
}

/* 2. Target the hover on the entire item container */
.elementor-11584 .elementor-element.elementor-element-8f3e6ee .qodef-e:hover .qodef-m-image img,
.elementor-11584 .elementor-element.elementor-element-8f3e6ee .qodef-m-project-item:hover .qodef-m-image img,
.elementor-11584 .elementor-element.elementor-element-8f3e6ee .qodef-e-inner:hover img {
    filter: grayscale(100%) !important;
}/* End custom CSS */