/*** ---------- Scroll animations ---------- ***/

.wpb-scroll.wpb-scroll--fade-in-up { --ts: var(--ts-50) ; opacity: 0; transform: translate3d(0, 3rem, 0); transition: opacity var(--ts) cubic-bezier(0.38, 0.005, 0.215, 1), transform var(--ts) cubic-bezier(0.38, 0.005, 0.215, 1); } 
.wpb-scroll.wpb-scroll--fade-in-up.in { opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); }

.wpb-scroll.wpb-scroll--scale-in-up { --ts: var(--ts-50) ; opacity: 0; transform: translate3d(0, 3rem, 0) scale3d(.8, .8, .8); transition: opacity var(--ts) cubic-bezier(0.38, 0.005, 0.215, 1), transform var(--ts) cubic-bezier(0.38, 0.005, 0.215, 1); } 
.wpb-scroll.wpb-scroll--scale-in-up.in { opacity: 1; -webkit-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1); transform: translate3d(0, 0%, 0) scale3d(1, 1, 1); }

.wpb-scroll.wpb-scroll--scale-in { --ts: var(--ts-50) ; opacity: 0; transform: scale3d(.8, .8, .8); transition: opacity var(--ts) cubic-bezier(0.38, 0.005, 0.215, 1), transform var(--ts) cubic-bezier(0.38, 0.005, 0.215, 1); } 
.wpb-scroll.wpb-scroll--scale-in.in { opacity: 1; transform: scale3d(1, 1, 1); }

.wpb-scroll--d15 { transition-delay: var(--ts-15)!important; }
.wpb-scroll--d30 { transition-delay: var(--ts-30)!important; }
.wpb-scroll--d45 { transition-delay: var(--ts-45)!important; }
.wpb-scroll--d60 { transition-delay: var(--ts-60)!important; }
.wpb-scroll--d75 { transition-delay: var(--ts-75)!important; }