/* ===================================
	Stack Section
====================================== */
.elementor-widget-crafto-stack-section {
	width: 100%;
}
.e-transform.elementor-widget-crafto-stack-section .elementor-widget-container,
.e-transform.elementor-widget-crafto-stack-section:not(:has(.elementor-widget-container)) {
	transform: unset !important;
	transform-origin: unset !important;
}
.stack-box {
	position: relative;
	z-index: 1;
}
.stack-box .stack-box-contain {
	height: 100vh;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.stack-box .stack-item {
	height: 100vh;
	width: 100%;
	position: absolute;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.stack-box .stack-item>.elementor {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	display: flex;
	align-items: center;
	height: 100vh;
}

/* Stack Section 02 */
.stack-card .stack-item {
	position: -webkit-sticky;
	position: sticky;
	margin-bottom: 50px;
}
.stack-card .stack-item:last-child {
	margin-bottom: 0;
}
.stack-card .stack-item .stack-card-item {
	will-change: scale;
	transform-origin: center top;
    -webkit-transform-origin: center top;
    transition: scale .5s;
}
.stack-card .stack-item .e-parent > div:first-child {
 	translate: none;
	rotate: none;
	scale: none;
	will-change: auto;
}
.stack-card .stack-item > img:first-child {
	position: absolute;
	left: -115px;
	bottom: -80px;
}

/* Responsive CSS Here */
@media (max-width: 1199px){
	.stack-box {
		height: auto !important;
	}
	.stack-box .stack-box-contain {
		height: auto;
		position: relative;
	}
	.stack-box .stack-item {
		height: auto;
		position: relative;
		display: block;
	}
	.stack-box .stack-item .stack-item-wrapper {
		position: relative;
		display: flex;
		align-items: center;
		height: auto;
	}
	.stack-box .stack-item>.elementor {
		position: static;
		height: auto;
	}
}

@media (max-width: 767px){
	.stack-card .stack-item > img:first-child {
		bottom: -30px;
	}
}