body > .page_body > .main_content div[tag="slot"][data-slot-aos]:not([data-slot-aos=""]) { opacity: 0; visibility: hidden; will-change: transform, opacity; } [data-slot-aos="fade-up"] { transform: translateY(50px); } [data-slot-aos="fade-left"] { transform: translateX(30px); } [data-slot-aos="fade-right"] { transform: translateX(-30px); } [data-slot-aos="zoom-in"] { transform: scale(0.9); } [data-slot-aos="zoom-in-up"] { transform: translateY(50px) scale(0.9); } [data-slot-aos="zoom-in-down"] { transform: translateY(-50px) scale(0.9); } [data-slot-aos="zoom-in-left"] { transform: translateX(30px) scale(0.9); } [data-slot-aos="zoom-in-right"] { transform: translateX(-30px) scale(0.9); } [data-slot-aos="fade-up"].slot-aos-animate-forward, [data-slot-aos="fade-up"][slot-aos-status="visible"] { transform: translateY(0); } [data-slot-aos="fade-left"].slot-aos-animate-forward, [data-slot-aos="fade-left"][slot-aos-status="visible"] { transform: translateX(0); } [data-slot-aos="fade-right"].slot-aos-animate-forward, [data-slot-aos="fade-right"][slot-aos-status="visible"] { transform: translateX(0); } [data-slot-aos="zoom-in"].slot-aos-animate-forward, [data-slot-aos="zoom-in"][slot-aos-status="visible"] { transform: scale(1); } [data-slot-aos="zoom-in-up"].slot-aos-animate-forward, [data-slot-aos="zoom-in-up"][slot-aos-status="visible"] { transform: translateY(0) scale(1); } [data-slot-aos="zoom-in-down"].slot-aos-animate-forward, [data-slot-aos="zoom-in-down"][slot-aos-status="visible"] { transform: translateY(0) scale(1); } [data-slot-aos="zoom-in-left"].slot-aos-animate-forward, [data-slot-aos="zoom-in-left"][slot-aos-status="visible"] { transform: translateX(0) scale(1); } [data-slot-aos="zoom-in-right"].slot-aos-animate-forward, [data-slot-aos="zoom-in-right"][slot-aos-status="visible"] { transform: translateX(0) scale(1); } [data-slot-aos="fade-left"].slot-aos-animate-reverse { transform: translateX(30px); } [data-slot-aos="fade-right"].slot-aos-animate-reverse { transform: translateX(-30px); } [data-slot-aos="zoom-in-left"].slot-aos-animate-reverse { transform: translateX(30px) scale(0.9); } [data-slot-aos="zoom-in-right"].slot-aos-animate-reverse { transform: translateX(-30px) scale(0.9); } [data-slot-aos="fade-up"].slot-aos-animate-reverse { transform: translateY(50px); } [data-slot-aos="zoom-in"].slot-aos-animate-reverse { transform: scale(0.9); } [data-slot-aos="zoom-in-up"].slot-aos-animate-reverse { transform: translateY(50px) scale(0.9); } [data-slot-aos="zoom-in-down"].slot-aos-animate-reverse { transform: translateY(-50px) scale(0.9); } @keyframes fadeUp { to { opacity: 1; transform: translateY(0); visibility: visible; } } @keyframes fadeLeft { to { opacity: 1; transform: translateX(0); visibility: visible; } } @keyframes fadeRight { to { opacity: 1; transform: translateX(0); visibility: visible; } } @keyframes zoomIn { to { opacity: 1; transform: scale(1); visibility: visible; } } @keyframes zoomInUp { to { opacity: 1; transform: translateY(0) scale(1); visibility: visible; } } @keyframes zoomInDown { to { opacity: 1; transform: translateY(0) scale(1); visibility: visible; } } @keyframes zoomInLeft { to { opacity: 1; transform: translateX(0) scale(1); visibility: visible; } } @keyframes zoomInRight { to { opacity: 1; transform: translateX(0) scale(1); visibility: visible; } } @keyframes fadeUpReverse { from { opacity: 1; transform: translateY(0); visibility: visible; } to { opacity: 0; transform: translateY(50px); visibility: hidden; } } @keyframes fadeLeftReverse { from { opacity: 1; transform: translateX(0); visibility: visible; } to { opacity: 0; transform: translateX(30px); visibility: hidden; } } @keyframes fadeRightReverse { from { opacity: 1; transform: translateX(0); visibility: visible; } to { opacity: 0; transform: translateX(-30px); visibility: hidden; } } @keyframes zoomInReverse { from { opacity: 1; transform: scale(1); visibility: visible; } to { opacity: 0; transform: scale(0.9); visibility: hidden; } } @keyframes zoomInUpReverse { from { opacity: 1; transform: translateY(0) scale(1); visibility: visible; } to { opacity: 0; transform: translateY(50px) scale(0.9); visibility: hidden; } } @keyframes zoomInDownReverse { from { opacity: 1; transform: translateY(0) scale(1); visibility: visible; } to { opacity: 0; transform: translateY(-50px) scale(0.9); visibility: hidden; } } @keyframes zoomInLeftReverse { from { opacity: 1; transform: translateX(0) scale(1); visibility: visible; } to { opacity: 0; transform: translateX(30px) scale(0.9); visibility: hidden; } } @keyframes zoomInRightReverse { from { opacity: 1; transform: translateX(0) scale(1); visibility: visible; } to { opacity: 0; transform: translateX(-30px) scale(0.9); visibility: hidden; } }