.brx-animate-FadeInUp { animation-name: fade-in-up; animation-duration: 0.6s !important; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; } @keyframes fade-in-up { 0% { -webkit-transform: translateY(60px); transform: translateY(60px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }  .brx-animate-FadeInDown { animation-name: fade-in-down; animation-duration: 0.6s !important; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; } @keyframes fade-in-down { 0% { -webkit-transform: translateY(-60px); transform: translateY(-60px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }  .brx-animate-FadeInLeft { animation-name: fade-in-left; animation-duration: 1s !important; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; } @keyframes fade-in-left { 0% { -webkit-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }  .brx-animate-FadeInRight { animation-name: fade-in-right; animation-duration: 1s !important; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; } @keyframes fade-in-right { 0% { -webkit-transform: translateX(20px); transform: translateX(20px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }  .brx-animate-ScaleFromTop { animation-name: scale-from-top; animation-duration: 0.6s !important; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; transform-origin: 0 0; } @keyframes scale-from-top { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; } }  .brx-animate-ScaleFromCenter { animation-name: scale-from-center; animation-duration: 0.6s !important; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; transform-origin: center center; } @keyframes scale-from-center { 0% { -webkit-transform: scale(0.92); transform: scale(0.92); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }  .brx-animate-RevealFromLeft { animation-name: reveal-from-left; animation-duration: 0.6s !important; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; } @keyframes reveal-from-left { 0% { clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); opacity: 0; } 100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity: 1; } }  .brx-animate-RevealFromRight { animation-name: reveal-from-right; animation-duration: 0.6s !important; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; } @keyframes reveal-from-right { 0% { clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); opacity: 0; } 100% { clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); opacity: 1; } }