.sassico_direction_aware_hover_effects {
    .indicator {
        position: absolute;
        content: "";
        height: 100%;
        // left: 33.3333333333%;
        position: absolute;
        transform: translate3d(0, 0, 0);
        transition: left 500ms cubic-bezier(0.694, 0, 0.335, 1);
        // width: 33.3333333333%;
        z-index: -1;
        background-color: #ffffff;
        box-shadow: 6px 60px 45px 0px rgba(0, 0, 0, 0.1);
    }

    // .elementor-inner-column {
    //     &:nth-child(1) {
    //         &:hover {
    //             ~.indicator {
    //                 left: 0;
    //             }
    //         }
    //     }

    //     &:nth-child(3) {
    //         &:hover {
    //             ~.indicator {
    //                 left: 66.6666666%;
    //             }
    //         }
    //     }
    // }
}

.sassicozoomIn {
    animation-name: sassicozoomIn;
}


@keyframes sassicozoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}