/*WPQ*/
.card-categories-item .categorie-card-item-initial, .card-categories-item .categorie-card-item-hovered {
   
    overflow: hidden;
    /* position: relative; */
    transition: all 0.6s ease;
    cursor: pointer;
    aspect-ratio: 1;
}

@media screen and (min-width:1024px) and (max-width:1538px) {
    .card-categories-item .categorie-card-item-initial, .card-categories-item .categorie-card-item-hovered {
   
   
        aspect-ratio: unset;
    }
    
}



.card-categories-item {
    position: relative;
}

body:not(.elementor-editor-active) .card-categories-item .categorie-card-item-initial {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    height: 100%;
  
}


.card-categories-item .categorie-card-item-initial .elementor-widget-image {
    height: 100%;
}


.card-categories-item .categorie-card-item-initial img {
    height: 100%;
    object-fit: cover;
}


.card-categories-item .elementor-absolute {
    width: 100%;
}

.card-categories-item .heading-absolute {
    position: absolute;
    z-index: 1;
    top: 50% !important;
    transform: translateY(-50%);

}

.card-categories-item .categorie-card-item-hovered p {
    margin-bottom: 0;
    font-size: 14px;
}

body:not(.elementor-editor-active) .card-categories-item .categorie-card-item-initial, .card-categories-item .categorie-card-item-hovered {
    /* position: absolute; */
}

.card-categories-item .categorie-card-item-hovered {
    height: 100%;
}

body:not(.elementor-editor-active) .card-categories-item .categorie-card-item-hovered {
    opacity: 0;
}


body:not(.elementor-editor-active) .card-categories-item:hover .categorie-card-item-initial {
    opacity: 0;
}

.card-categories-item:hover .categorie-card-item-hovered {
    opacity: 1 !important;
    z-index: 9;
}

.absolute-icon-hand {
    height: 100%;
    background: #00000057;
}

.hand-icon-mobile {
    display: block;
    width: 60px;
    height: 60px;
    background: url(../icons/mouse.svg) no-repeat;
    background-size: 60px;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 60%;
    /* transform: translate(-50%, -110%); */
    animation: scaleLoop 1.5s infinite ease-in-out;
}

@media screen and (min-width:1024px)  {
    .absolute-icon-hand {
        display: none;
    }
}

/* Keyframes for infinite scaling loop */
@keyframes scaleLoop {
    0% {
      transform: scale(1) translate(-50%, -30%);
    }
    50% {
      transform: scale(1.1) translate(-50%, -30%);
    }
    100% {
      transform: scale(1) translate(-50%, -30%);
    }
  }


/*fin WPQ*/