.before-after-stacks-container{display:flex;flex-direction:column;align-items:center;gap:40px;padding:20px 0 100px}.before-after-card{width:90%;max-width:1260px;min-height:400px;border-radius:32px;padding:24px;position:sticky;top:120px;transition:transform .2s ease-out;color:#fff;margin:0 auto;will-change:transform;backface-visibility:hidden}.before-after-card:nth-child(1){z-index:1}.before-after-card:nth-child(2){z-index:2}.before-after-card:nth-child(3){z-index:3}.before-after-card:nth-child(4){z-index:4}.before-after-card:nth-child(5){z-index:5}.before-after-card:nth-child(6){z-index:6}.before-after-card:nth-child(7){z-index:7}.before-after-card:nth-child(8){z-index:8}.before-after-card:nth-child(9){z-index:9}.before-after-card:nth-child(10){z-index:10}.before-after-card:nth-child(11){z-index:11}.before-after-card:nth-child(12){z-index:12}.before-after-card-inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;overflow:hidden}.before-after-card-text{flex:3;padding:16px}.before-after-card-text h3{font-size:2rem;font-weight:600;margin-bottom:1rem;color:#fff}.before-after-card-text p{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.before-after-card-image{flex:7}.before-after-card-image img{width:100%;height:100%;max-height:425px;object-fit:cover;border-radius:32px}.section-heading{font-size:2.5rem;margin-bottom:20px;text-align:center}@media(max-width:480px){.before-after-card{width:95%;padding:16px;top:60px;min-height:300px}.before-after-card-inner{flex-direction:column}.before-after-card-text{padding:12px;text-align:center}.before-after-card-text h3{font-size:1.5rem}.before-after-card-text p{font-size:1.2rem}.before-after-card-image img{max-height:200px;border-radius:24px}}@media(max-width:768px){.before-after-card{width:95%;padding:16px;top:80px}.before-after-card-inner{flex-direction:column}.before-after-card-text{text-align:center}.before-after-card-image{width:100%;margin-top:16px}.before-after-card-image img{width:100%;height:auto;max-height:300px;border-radius:24px}}@media(min-width:769px)and (max-width:1024px){.before-after-card{width:95%;padding:20px;top:80px}.before-after-card-text h3{font-size:2rem}.before-after-card-text p{font-size:1.3rem}.before-after-card-image img{max-height:350px}}@media(min-width:1491px){.before-after-card{top:200px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/before-after-stacks.css.map */