.elementor-1443 .elementor-element.elementor-element-89c7f20{--display:flex;--min-height:500px;--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-1443 .elementor-element.elementor-element-89c7f20:not(.elementor-motion-effects-element-type-background), .elementor-1443 .elementor-element.elementor-element-89c7f20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-1443 .elementor-element.elementor-element-1fad5c0{left:0px;}body.rtl .elementor-1443 .elementor-element.elementor-element-1fad5c0{right:0px;}.elementor-1443 .elementor-element.elementor-element-1fad5c0{bottom:20px;text-align:center;}.elementor-1443 .elementor-element.elementor-element-1fad5c0 .elementor-heading-title{text-shadow:0px 0px 20px rgba(0,0,0,0.3);}/* Start custom CSS for container, class: .elementor-element-89c7f20 */.elementor-1443 .elementor-element.elementor-element-89c7f20 {
    filter: grayscale(100%);
    transition: filter 0.5s ease;
}

.elementor-1443 .elementor-element.elementor-element-89c7f20:hover {
    filter: grayscale(0%);
}
/* Αρχική κατάσταση: Το όνομα είναι κρυφό και λίγο πιο κάτω */
.elementor-1443 .elementor-element.elementor-element-89c7f20 .hover-name {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
}

/* Όταν γίνεται hover στο κουτί: Το όνομα εμφανίζεται και ανεβαίνει */
.elementor-1443 .elementor-element.elementor-element-89c7f20:hover .hover-name {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */