.ys-org-teset-fade-effect-animation{
transition-property:all;opacity: 0 ;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1 , 1 , 1) translateX(0px) translateY(0px);   
}

@keyframes ysteset-fade-effect-animationAnimation {0% { opacity: 0;filter: blur(0px) brightness(100%) grayscale(0%); transform: scale3d(1, 1, 1)  translateX(0px) translateY(0px); } 
 100% { opacity: 1;filter: blur(0px) brightness(100%) grayscale(0%); transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);} }
.ys-teset-fade-effect-animation{
transition-property:all;animation:ysteset-fade-effect-animationAnimation;animation-fill-mode:forwards;animation-delay:0ms; animation-duration:1000ms; animation-timing-function:linear;opacity: 0;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);
}


.ys-teset-fade-effect{
transition-property:all;transition-delay:0ms; transition-duration:1500ms; transition-timing-function:linear;opacity: 0.1;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);
}
.ys-teset-fade-effect.active{
opacity: 1;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);
}


.ys-teset-fade-effect1{
transition-property:all;transition-delay:0ms; transition-duration:1500ms; transition-timing-function:linear;opacity: 0.1;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);
}
.ys-teset-fade-effect1.active{
opacity: 1;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);
}


.ys-fade-effect-for-top-category{
transition-property:all;transition-delay:0ms; transition-duration:1500ms; transition-timing-function:linear;opacity: 0.5;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);
}
.ys-fade-effect-for-top-category.active{
opacity: 1;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);
}


.ys-org-mob-homepage{
transition-property:all;opacity: 0 ;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1 , 1 , 1) translateX(0px) translateY(0px);   
}

@keyframes ysmob-homepageAnimation {0% { opacity: 0;filter: blur(0px) brightness(100%) grayscale(0%); transform: scale3d(1, 1, 1)  translateX(0px) translateY(0px); } 
 100% { opacity: 1;filter: blur(0px) brightness(100%) grayscale(0%); transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);} }
.ys-mob-homepage{
transition-property:all;animation:ysmob-homepageAnimation;animation-fill-mode:forwards;animation-delay:0ms; animation-duration:1000ms; animation-timing-function:linear;opacity: 0;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);
}


.ys-test4{
transition-property:all;transition-delay:300ms; transition-duration:350ms; transition-timing-function:linear;opacity: 0;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(15px);
}
.ys-test4.active{
opacity: 1;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);
}


.ys-test2{
transition-property:all;transition-delay:0ms; transition-duration:500ms; transition-timing-function:linear;opacity: 0;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(30px);
}
.ys-test2.active{
opacity: 1;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);
}


.ys-test{
transition-property:all;transition-delay:0ms; transition-duration:750ms; transition-timing-function:linear;opacity: 1;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1.2, 1.2, 1.2) translateX(0px) translateY(0px);
}
.ys-test.active{
opacity: 1;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);
}


.ys-test3{
transition-property:all;transition-delay:0ms; transition-duration:350ms; transition-timing-function:linear;opacity: 0;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(20px);
}
.ys-test3.active{
opacity: 1;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);
}


.ys-test1{
transition-property:all;transition-delay:0ms; transition-duration:500ms; transition-timing-function:linear;opacity: 1;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(30px);
}
.ys-test1.active{
opacity: 1;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(1, 1, 1) translateX(0px) translateY(0px);
}


.ys-mob-product-animation{
transition-property:all;transition-delay:100ms; transition-duration:500ms; transition-timing-function:linear;opacity: 0.5;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(0, 0, 0) translateX(0px) translateY(20px);
}
.ys-mob-product-animation.active{
opacity: 1;filter: blur(0px) brightness(100%) grayscale(0%);transform: scale3d(0, 0, 0) translateX(0px) translateY(0px);
}