::-webkit-scrollbar { width: 10px; background-color: #ffffff; } ::-webkit-scrollbar-track { background: #ffffff; border-radius: 99px; box-shadow: inset 0 0 5px rgba(0,0,0,0.1);} ::-webkit-scrollbar-thumb { background: #042658; border-radius: 99px;} @keyframes fade-d-global { to {opacity: 1; transform: translateY(0); }} .animate-on-scroll.js-enabled { opacity: 0; transform: translateY(20px); will-change: opacity, transform;} .animate-on-scroll.js-enabled.is-visible { animation-name: fade-d-global; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);} .animate-on-scroll.js-enabled.hero-title { animation-duration: 800ms; animation-delay: 50ms; } .animate-on-scroll.js-enabled.hero-subtitle { animation-duration: 950ms; animation-delay: 100ms; } .animate-on-scroll.js-enabled.hero-button { animation-duration: 1050ms; animation-delay: 150ms; } .animate-on-scroll.js-enabled.hero-button2 { animation-duration: 1150ms; animation-delay: 180ms; } .animate-on-scroll.js-enabled.hero-badge { animation-duration: 1250ms; animation-delay: 200ms; } .animate-on-scroll.js-enabled.hero-badge1 { animation-duration: 1350ms; animation-delay: 250ms; } .animate-on-scroll.js-enabled.hero-badge2 { animation-duration: 1450ms; animation-delay: 300ms; } .animate-on-scroll.js-enabled.hero-badge3 { animation-duration: 1550ms; animation-delay: 350ms; } .animate-on-scroll.js-enabled.hero-badge4 { animation-duration: 1650ms; animation-delay: 400ms; }