HorizonFlare leverages proprietary algorithms, real-time data analytics, and scalable technology to drive transformative solutions in trading, and banking. Operating at the forefront of global finance, we redefine systems with innovation at every level.

.animate-zoom-in-out img{ animation: zoom-in-out 50s ease infinite; } @keyframes zoom-in-out { 0% { scale: 100%; } 50% { scale: 140%; } 100% { scale: 100%; } } .loopplay{ animation: move-right-to-left linear 10s infinite; } /* use this one to move from left to right direction */ @keyframes move-left-to-right { from { transform: translateX(-50%); } to { transform: translateX(0); } } /* use this one to move from right to left direction */ @keyframes move-right-to-left { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.linebg { background-image: linear-gradient(90deg, transparent calc(5% – 0.5px), lightgray 5%, transparent calc(5% + 0.5px)), /* First line */ linear-gradient(90deg, transparent calc(30% – 0.5px), lightgray 30%, transparent calc(30% + 0.5px)), /* Second line */ linear-gradient(90deg, transparent calc(50% – 0.5px), lightgray 50%, transparent calc(50% + 0.5px)), /* Third line (center) */ linear-gradient(90deg, transparent calc(70% – 0.5px), lightgray 70%, transparent calc(70% + 0.5px)), /* Fourth line */ linear-gradient(90deg, transparent calc(95% – 0.5px), lightgray 95%, transparent calc(95% + 0.5px)); /* Fifth line */ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

HorizonFlare has transformed financial markets with over 15 years of innovation and expertise. From delivering seamless liquidity across asset classes to introducing cutting-edge banking solutions like NovoCard, we empower institutions, businesses, and individuals with competitive pricing and efficient risk transfer.

25+

15+

3

// Function to update the element’s width and height function updateDimensions() { const element = document.querySelectorAll(‘.box’); // Replace with your class const windowWidth = window.innerWidth; const multiple = windowWidth>= 600? 0.2: 0.4 if (element) { for (let i = 0; i < element.length; i++) { // Adjust width and height based on window width element[i].style.width = `${windowWidth * multiple}px`; // Example: 50% of window width element[i].style.height = `${windowWidth * multiple}px`; // Example: 30% of window width } } } // Initial update on page load updateDimensions(); // Update dimensions on window resize window.addEventListener('resize', updateDimensions); .box { position: relative; width: 300px; height: 300px; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 300px; margin: auto !important; } .box::before { content: “”; position: absolute; width: 150px; height: 140%; background: linear-gradient(#0046d1, #0046d1); animation: animate 5s linear infinite; } .box::after { content: “”; position: absolute; inset: 4px; background: #EAEFFA; border-radius: 300px; } .box h1 { position: relative; z-index: 10; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
Scroll to Top