.elementor-984 .elementor-element.elementor-element-7768deb{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:1.2vw 1.2vw;--background-transition:0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-984 .elementor-element.elementor-element-6b78736 img{width:100%;max-width:100%;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-984 .elementor-element.elementor-element-a68e459 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-984 .elementor-element.elementor-element-a68e459{text-align:center;}.elementor-984 .elementor-element.elementor-element-a68e459 .elementor-heading-title{color:#000000;font-family:"efthaliadis", Sans-serif;font-size:clamp(1.5rem, 0.7126rem + 1.2291vw, 2.1875rem);font-weight:400;text-transform:capitalize;line-height:100%;}@media(max-width:767px){.elementor-984 .elementor-element.elementor-element-7768deb{--gap:15px 15px;}}/* Start custom CSS for container, class: .elementor-element-7768deb */.img-hover-zoom-category{
    overflow: hidden;
}

.img-hover-zoom-category img {
  transition: transform 0.5s ease-out;
}

/* [3] Finally, transforming the image when container gets hovered */
.category-father:hover img {
  transform: scale(1.3);
}/* End custom CSS */