.scrollable-box-holder{padding:0;display:block;position:relative;height:400vh;margin-left:-10px;margin-right:-10px}.scrollable-box-item{height:100vh;width:100%;position:sticky;top:70px;padding:120px 0;margin-bottom:10px}@media screen and (min-width: 1140px){.scrollable-box-item{margin-bottom:0}}.scrollable-box-item:nth-child(2){margin-left:25%}.scrollable-box-item:nth-child(3){margin-left:50%}.scrollable-box-item:nth-child(4){margin-left:75%}.scrollable-box-item__container{height:100%;width:25%;padding:0 5px}@media screen and (min-width: 1140px){.scrollable-box-item__container{padding:0 10px}}.scrollable-box-item__container:hover .bg-image__wrapper{transform:scale(1.1)}.scrollable-box-item__container:hover .scrollable-box-item__content--overlay{background-color:transparent}.scrollable-box-item__container:hover .scrollable-box-item__title{color:#fff}.scrollable-box-item__container .scrollable-box-item__content--overlay svg{width:100%;min-width:160px}.scrollable-box-item__container:hover .scrollable-box-item__content--overlay svg,.scrollable-box-item__container:hover .scrollable-box-item__content--overlay svg *{fill:#fff;stroke:#fff}.scrollable-box-item__content{width:100%;height:100%;position:relative}.scrollable-box-item__content--overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;display:flex;justify-content:center;align-content:center;background-color:#e4dfd4;transition:.2s ease-in-out background-color;outline:5px solid #fdfdfd}.scrollable-box-item__title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;text-transform:none}@media screen and (min-width: 1140px){.scrollable-box-item__title{font-size:50px}}.scrollable-box-item__bg{height:200px;width:100%;border-radius:5px;overflow:hidden}@media screen and (min-width: 1140px){.scrollable-box-item__bg{height:390px;width:100%}}.scrollable-box-holder.animation-box-holder{flex-wrap:wrap;height:auto;display:flex;justify-content:flex-start;gap:0}.scrollable-box-holder.animation-box-holder .scrollable-box-item{height:auto;width:50%;position:relative;padding:0;opacity:0;margin-left:0;top:0}.scrollable-box-holder.animation-box-holder .scrollable-box-item__container{width:100%}@media screen and (min-width: 1140px){.scrollable-box-holder.animation-box-holder{flex-wrap:nowrap;width:100%;gap:20px}}.animation-box-holder .scrollable-box-item.visible{animation:slide-up 1s ease-in-out forwards}.animation-box-holder .scrollable-box-item.visible:nth-child(2){animation-delay:.3s}.animation-box-holder .scrollable-box-item.visible:nth-child(3){animation-delay:.6s}.animation-box-holder .scrollable-box-item.visible:nth-child(4){animation-delay:.9s}@keyframes slide-up{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}.SectionHeader__Heading.scrollable-heading{margin-top:30px;font-size:24px;text-align:center;font-weight:400}.SectionHeader__Heading+.scrollable-box-holder.Section--spacingNormal{margin-top:20px}@media screen and (min-width: 1140px){.SectionHeader__Heading.scrollable-heading{margin-top:90px;font-size:35px}.SectionHeader__Heading+.scrollable-box-holder.Section--spacingNormal{margin-top:20px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/scrollable-boxes.css.map?v=120612195578555554651682328461 */