.animation,.border-anim{opacity: 0;transition: all ease 0.5s;}
.border-anim.come-in-animation{ -webkit-animation: border-anim-come-in 2s ease forwards; animation: border-anim-come-in 2s ease forwards;opacity: 1; } 
.animation.come-in-animation { -webkit-animation: come-in 1.5s ease forwards; animation: come-in 1.5s ease forwards;} 
.animdelay-0 { -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important; } 
.animdelay-1 { -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important; } 
.animdelay-2 { -webkit-animation-delay: 0.6s !important; animation-delay: 0.6s !important; } 
.animdelay-3 { -webkit-animation-delay: 0.8s !important; animation-delay: 0.8s !important; } 
.animdelay-4 { -webkit-animation-delay: 1s !important; animation-delay: 1s !important; } 
.animdelay-5 { -webkit-animation-delay: 1.2s !important; animation-delay: 1.2s !important; } 
.animdelay-6 { -webkit-animation-delay: 1.4s !important; animation-delay: 1.4s !important; } 
.animdelay-7 { -webkit-animation-delay: 1.6s !important; animation-delay: 1.6s !important; } 
.animdelay-8 { -webkit-animation-delay: 1.8s !important; animation-delay: 1.8s !important; } 
.animdelay-9 { -webkit-animation-delay: 2s !important; animation-delay: 2s !important; } 
.animdelay-10 { -webkit-animation-delay: 2.2s !important; animation-delay: 2.2s !important; } 
.animdelay-11 { -webkit-animation-delay: 2.4s !important; animation-delay: 2.4s !important; } 
.animdelay-12 { -webkit-animation-delay: 2.6s !important; animation-delay: 2.6s !important; } 
.animdelay-13 { -webkit-animation-delay: 2.8s !important; animation-delay: 2.8s !important; } 
.animdelay-14 { -webkit-animation-delay: 3s !important; animation-delay: 3s !important; } 
.animdelay-15 { -webkit-animation-delay: 3.2s !important; animation-delay: 3.2s !important; } 
.animdelay-16 { -webkit-animation-delay: 3.4s !important; animation-delay: 3.4s !important; } 
.animdelay-17 { -webkit-animation-delay: 3.6s !important; animation-delay: 3.6s !important; } 
.animdelay-18 { -webkit-animation-delay: 3.8s !important; animation-delay: 3.8s !important; } 
.animdelay-19 { -webkit-animation-delay: 4s !important; animation-delay: 4s !important; } 
.animdelay-20 { -webkit-animation-delay: 4.2s !important; animation-delay: 4.2s !important; }

@-webkit-keyframes border-anim-come-in { 
  0% { height: 0px; -webkit-transition: all ease 1s; transition: all ease 1s; } 
  100% { height: 215px; -webkit-transition: all ease 2.5s; transition: all ease 2.5s; } 
}
@keyframes border-anim-come-in { 
  0% { height: 0px; -webkit-transition: all ease 1s; transition: all ease 1s; } 
  100% { height: 215px; -webkit-transition: all ease 2.5s; transition: all ease 2.5s; } 
}
@-webkit-keyframes come-in { 
  0% { -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); opacity: 0; -webkit-transition: all ease 0s; transition: all ease 0s; } 
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition: all ease 1s; transition: all ease 1s; } 
}
@keyframes come-in { 
  0% { -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); opacity: 0; -webkit-transition: all ease 0s; transition: all ease 0s; } 
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition: all ease 1s; transition: all ease 1s; } 
}

.animation-strip{overflow:hidden}
.slick-active .animation-strip span { display: inline-block;transition: transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1); transform: translate(20%, 100%); position: relative; z-index: 1;text-shadow: 3px 4px 0 rgba(0, 0, 0, .1); }
.slick-active .animation-strip span:before { content: ''; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 100%; transform: translateY(-40%); transition: transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1); } 
.slick-active .animation-strip span.textrow { overflow: hidden; line-height: 0.9; display: block; transform: none; }
.slick-active .animation-strip span.textrow:before { display: none; } 
.slick-active .animation-strip .animate { transform: translate(0, 0); font-size: clamp(40px, 3vw + 29px, 72px);line-height: 8.0rem;font-weight: 700;}
.slick-active .animation-strip .animate:before { transform: translateY(100%); } 
@media all and (max-width: 991.98px){
  .hero-banner-sliding-item .content-wrapper{opacity: 1 !important}
}

body.nojs .animation, body.nojs .border-anim{opacity: 1}