.lokersction{background:#f6f6f6;padding:100px 0}.lokersction h2{background:none}.threshold{position:-webkit-sticky;position:sticky;width:100%;z-index:9999999999}.threshold--top{top:50%}.text{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0 auto}.text p{width:40%}.image{opacity:1;transition:all .5s ease}.locker{position:relative;display:grid;grid-template-columns:[full-start] minmax(0,1fr) [center-start] repeat(12,[col-start] minmax(min-content,7.2rem) [col-end]) [center-end] minmax(0,0fr) [full-end]}.locker__image{padding-right:50px;position:relative;grid-column:col-start 2/col-end 5}.locker__image img{width:auto;height:100vh;position:absolute;transition:all 1s ease}.locker__container{height:100vh;width:100%}.locker__container,.topsection{position:sticky;position:-webkit-sticky;top:0;align-items:center;justify-content:center}.topsection{padding:20px 0;background:#fff;z-index:99}.locker__content{grid-column:col-start 7/center-end}.locker__section{height:100vh;display:flex;justify-content:flex-start;flex-direction:column}.locker__section video{height:auto;background:var(--blue-400);padding:20px 0 20px 20px;border-radius:16px 0 0 16px}.scrollcard{border:1px solid #e6e6e6;border-top:none;border-right:none;padding:15px 25px;transform:translateY(0);opacity:1;transition:all .4s ease-in-out}.scrollcard img{width:30px;position:relative;height:auto}.scrollcard h4{color:#15151f;display:block;font-size:18px;padding:10px 0 5px;margin-bottom:0}.scrollcard p{font-size:16px;color:grey;margin-bottom:0}.scrollcard .color{display:none}.image.active{opacity:1}.image.active .scrollcard{border-left:1px solid #604ed5;transform:translateY(0);opacity:1}.image.active .scrollcard h4{color:#604ed5}.image.active .scrollcard img{display:none}.image.active .scrollcard .color{display:block}@media only screen and (min-width:979px) and (max-width:1024px){.progress-bar-container{left:75px;top:70%}}@media only screen and (min-width:767px) and (max-width:979px){.progress-bar-container{left:60px;top:85%}}@media only screen and (min-width:320px) and (max-width:767px){.progress-bar-container{left:60px;top:30%}.lokersction{padding:50px 0}.locker__content{display:none}.locker__image{grid-column:col-start 2/col-end 12;padding-right:15px}.locker__container{height:auto}.image{opacity:1;transition:all .5s ease;width:50%;display:inline-flex;border:1px solid #ccc;height:205px;margin:-1px 0 0 -1px}.scrollcard{padding:15px;border:none}}