.elementor-content-animation-item-wrapper {
	display: flex;
}

.elementor-content-animation-wrapper .elementor-image-animation-wrapper {
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 50%;
}

.elementor-content-animation-wrapper .elementor-content-wrapper {
    width: 50%;
}

.elementor-content-animation-wrapper .elementor-animation-wrapper .elementor-image-item-animation-wrapper {
    position: absolute;
}

.elementor-content-animation-wrapper.style1 .elementor-title-wrapper.style1 .elementor-image-item-animation-wrapper {
	position: relative;
    margin: auto;
    overflow: hidden;
}

.elementor-content-animation-wrapper.style1 .elementor-title-wrapper.style1 .elementor-content-animation-item-wrapper {
    display: flex;
    transition: transform 1s ease;
}

.elementor-content-animation-wrapper.style1 .elementor-title-wrapper.style1 .elementor-animation-wrapper {
    opacity: 0; 
    transition: opacity 1s ease, transform 1s ease; 
}

.elementor-content-animation-wrapper.style1 .elementor-title-wrapper.style1 .elementor-animation-wrapper.active {
	animation: fadeIn 3s forwards;
}

.elementor-content-animation-wrapper.style1 .elementor-title-wrapper.style1 .elementor-animation-wrapper.exit {
    position: absolute;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.elementor-content-animation-wrapper.style1 .elementor-content-wrapper {
    display: flex;
    flex-direction: column;
    align-content: space-around;
    flex-wrap: wrap;
}

.elementor-content-animation-wrapper.style1 .elementor-animation-wrapper.active .elementor-image-item-animation-wrapper {
    animation-name: fadeInRight;
	animation-duration: 1s;
}

.elementor-content-animation-wrapper.style1 .elementor-animation-wrapper.exit .elementor-image-item-animation-wrapper {
    opacity: 0;
	animation-duration: 1s;
	animation-name: fadeOutRight;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.elementor-title-wrapper.style2 .elementor-animation-wrapper {
	position: relative;
    overflow: hidden;
}

.elementor-title-wrapper.style2 .elementor-animation-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.elementor-title-wrapper.style2 .elementor-animation-wrapper.active::after {
    animation: progressBar 3s ease-in-out;
    animation-fill-mode:both; 
}

@keyframes progressBar {
	0% { width: 0; }
	100% { width: 100%; }
}

.elementor-content-animation-wrapper.style2 .elementor-animation-wrapper.active .elementor-image-item-animation-wrapper {
    animation-name: zoomIn;
	animation-duration: 3s;
}

.elementor-content-animation-wrapper.style2 .elementor-animation-wrapper.exit .elementor-image-item-animation-wrapper {
    animation-name: zoomOut;
	animation-duration: 3s;
	opacity: 0;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
}

@media(max-width:767px) {
	.elementor-content-animation-wrapper.style2 .elementor-image-animation-wrapper .elementor-animation-wrapper {
		margin-top: unset !important;
	}
}