.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-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;
} @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;
}
}