.elementor-35932 .elementor-element.elementor-element-ecbd1e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-af5a130 */.scroll-section {
    height: 180vh; /* Full viewport height */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden; /* Prevent scroll from moving out of the section */
    z-index: 10;
}

.card-stack1 {
    position: relative;
    width: 100%;
    height: 180vh; /* Full height */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Hide overflow for cards */
}
.stack-card1 {
    position: absolute;
    width: 100%; /* Adjust card size */
    max-width: 400px;
    transition: transform 0.3s ease-in-out, z-index 0.3s ease-in-out;
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto; /* Ensure hover works */
}

/* Stacking effect with each card offset and layered */
.stack-card1:nth-child(1) {
    z-index: 5;
    transform: translateY(270px) !important ;
}

.stack-card1:nth-child(2) {
    z-index: 4;
    transform: translateY(220px)!important;
}

.stack-card1:nth-child(3) {
    z-index: 3;
    transform: translateY(160px)!important;
}

.stack-card1:nth-child(4) {
    z-index: 2;
    transform: translateY(100px)!important;
}

.stack-card1:nth-child(5) {
    z-index: 1;
    transform: translateY(40px)!important;
}


 
.stack-card1:nth-child(1):hover {
    transform: translateY(250px) !important; 
   
    cursor: pointer; /* Show pointer */
    transition: transform 0.3s ease-in-out;
}

.stack-card1:nth-child(2):hover {
    transform: translateY(170px) !important;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.stack-card1:nth-child(3):hover {
    transform: translateY(110px) !important;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.stack-card1:nth-child(4):hover {
    transform: translateY(60px) !important;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.stack-card1:nth-child(5):hover {
    transform: translateY(10px)!important;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}/* End custom CSS */