PageSourceSearch

https://apilayer.com/

html apilayer.com collected 2026-10-02 17:11:56 UTC 145,719 bytes, 2,256 lines download raw bytes

1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
2<html>
3<head><meta charset="UTF-8">
4  
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6
7  <meta name="keywords" content="API Marketplace, Best APIs, APILayer, API, AI APIs, Content APIs, Finance APIs, Stock APIs, Web Tools APIs, Calendar APIs, Currency APIs, Data APIs, Files APIs, Finance APIs, Food APIs, Geo APIs, Images APIs, Jobs APIs, News APIs, Scraping APIs, Security APIs, Social Media APIs, Sports APIs">
8  <link rel="shortcut icon" href="/wp-content/themes/hello-theme-child/assets/favicon.ico">
9  
10        <link rel="alternate" hreflang="en" href="https://apilayer.com/">
11    
12    
13    
14    
15      
16    
17    
18     
19    
20    
21    
22    
23
24  <!-- OpenGraph & Twitter -->
25  <meta name="twitter:card" content="summary">
26  <meta name="twitter:site" content="@apilayer">
27  <meta name="twitter:creator" content="@apilayer">
28
29
30  <!-- Fonts -->
31  <link rel="preload" href="/wp-content/themes/hello-theme-child/assets/fonts/open-sans-v34-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
32  <link rel="preload" href="/wp-content/themes/hello-theme-child/assets/fonts/open-sans-v34-latin-600.woff2" as="font" type="font/woff2" crossorigin>
33  <link href="https://fonts.cdnfonts.com/css/open-sauce-one" rel="stylesheet">
34  <link href="https://fonts.cdnfonts.com/css/open-sans" rel="stylesheet">
35
36  <!-- Add more font preload links if needed -->
37
38  <!-- Stylesheets -->
39  <link rel="stylesheet" href="/wp-content/themes/hello-theme-child/assets/css/theme.css?ver=1781247138">
40  <link rel="stylesheet" href="/wp-content/themes/hello-theme-child/assets/css/vendors.css">
41  <link rel="stylesheet" href="/wp-content/themes/hello-theme-child/assets/css/footerr.css?ver=1781781531">
42  <link rel="stylesheet" href="/wp-content/themes/hello-theme-child/assets/css/custom.css">
43  <link rel="stylesheet" href="/wp-content/themes/hello-theme-child/assets/vendor/font-awesome/css/all.min.css">
44  
45  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
46
47	<!-- This site is optimized with the Yoast SEO plugin v28.4 - https://yoast.com/product/yoast-seo-wordpress/ -->
48	<title>APILayer: 40+ Production-Ready APIs, One Account, One Key</title>
49	<meta name="description" content="APILayer is a unified API marketplace with 40+ production-ready APIs for finance, geolocation, weather, data, and AI. Trusted by 2.2M+ developers.">
50	<link rel="canonical" href="/">
51	<meta property="og:locale" content="en_US">
52	<meta property="og:type" content="website">
53	<meta property="og:title" content="APILayer – Powerful APIs for Developers &amp; Businesses">
54	<meta property="og:description" content="Reliable and scalable APIs to help developers and businesses build faster, smarter applications.">
55	<meta property="og:url" content="/">
56	<meta property="og:site_name" content="APILayer">
57	<meta property="article:modified_time" content="2026-06-23T09:30:13+00:00">
58	<meta property="og:image" content="/wp-content/uploads/2026/03/logo.png">
59	<meta property="og:image:width" content="1200">
60	<meta property="og:image:height" content="630">
61	<meta property="og:image:type" content="image/png">
62	<meta name="twitter:card" content="summary_large_image">
63	<meta name="twitter:title" content="APILayer – Powerful APIs for Developers &amp; Businesses">
64	<meta name="twitter:description" content="Discover, integrate, and build powerful APIs with APILayer. Access reliable, low-latency APIs for finance, travel, and data. Sign up free and start building today!">
65	
65<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"\/","url":"\/","name":"APILayer: 40+ Production-Ready APIs, One Account, One Key","isPartOf":{"@id":"\/#website"},"datePublished":"2025-07-01T17:55:04+00:00","dateModified":"2026-06-23T09:30:13+00:00","description":"APILayer is a unified API marketplace with 40+ production-ready APIs for finance, geolocation, weather, data, and AI. Trusted by 2.2M+ developers.","breadcrumb":{"@id":"\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["\/"]}]},{"@type":"BreadcrumbList","@id":"\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"\/#website","url":"\/","name":"APILayer","description":"APILayer APIs are feature-rich and easy to integrate, offering low latency for an enhanced developer experience.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
65
66	<!-- / Yoast SEO plugin. -->
67
68
69<link rel="dns-prefetch" href="//cdn.jsdelivr.net">
70<style id="wp-img-auto-sizes-contain-inline-css">
71img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
72/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
73</style>
74<style id="global-styles-inline-css">
75:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
75--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
75.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
76:root :where(.wp-block-icon svg){width: 24px;}
77:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
78/*# sourceURL=global-styles-inline-css */
79</style>
80<link rel="stylesheet" id="hello-elementor-header-footer-css" href="/wp-content/themes/hello-elementor/assets/css/header-footer.css?ver=3.5.1" media="all">
81<link rel="stylesheet" id="elementor-frontend-css" href="/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.2.4" media="all">
82<style id="elementor-frontend-inline-css">
83.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.parent-blue-gradient{
84     position: relative;
85  overflow: hidden; /* optional */
86}
87
88.parent-blue-gradient::before {
89  content: "";
90  position: absolute;
91  inset: 0;
92  background: #2480fc;
93  opacity: 0.4;
94filter: blur(244.35000610351562px);
95height: 10%;
96  border-radius: inherit;
97  z-index: 0;
98  top: 20%;
99
100}
101
102.parent-blue-gradient > * {
103  position: relative;
104  z-index: 1;
105}/* End custom CSS */
106/*# sourceURL=elementor-frontend-inline-css */
107</style>
108<script id="jquery-core-js" src="/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 108
108
109<script id="jquery-migrate-js" src="/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
109
110<!-- Google Tag Manager -->
111<script>
vendor: 331 bytes, lines 111-115
111(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
112new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
113j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
114'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
115})(window,document,'script','dataLayer','
115GTM-NFD4MJP
vendor: 3 bytes, line 115
115');
115</script>
115
116<!-- End Google Tag Manager -->
117<link rel="icon" href="/wp-content/uploads/2025/04/mailboxlayer-symbol.png" sizes="32x32">
118<link rel="icon" href="/wp-content/uploads/2025/04/mailboxlayer-symbol.png" sizes="192x192">
119<link rel="apple-touch-icon" href="/wp-content/uploads/2025/04/mailboxlayer-symbol.png">
120<meta name="msapplication-TileImage" content="/wp-content/uploads/2025/04/mailboxlayer-symbol.png">
121<style id="wp-custom-css">
122.navbarv2 {
123    background-color: white !important;
124    padding-left: 5px !important;
125    padding-right: 5px !important;
126    position: absolute !important;
127    margin-left: 0px !important;
128    margin-right: 0px !important;
129    padding-top: 0.5rem;
130    padding-bottom: 0.5rem;
131}
132
133.navbar {
134    background-color: var(--bg-color);
135    color: var(--text-color);
136    display: flex;
137    justify-content: space-between;
138    align-items: center;
139    padding: 10px 20px;
140    position: absolute;
141    left: 50%;
142    right: 50%;
143    transform: translateX(-50%);
144    max-width: 70rem !important;
145    width: calc(100% - 40px) !important;
146    border-radius: 10px !important;
147    box-sizing: border-box;
148    z-index: 10;
149    top:20px !important;
150    height: 57.03px !important;
151}
152
153/* revamp  */
154/* social media icons start */
155.social-icons {
156  display: flex;
157  gap: 5px;
158/*   padding: 24px; */
159/*   background: linear-gradient(90deg, #020b1a, #06162d);
160  border-radius: 12px; */
161}
162
163.social-icons .icon-box {
164   opacity: 0.8;
165  width: 38px;
166  height: 38px;
167  display: flex;
168  align-items: center;
169  justify-content: center;
170background:none;
171/*   border: 1px solid rgba(255, 255, 255, 0.3); */
172	border: 1px solid #FFF;
173  border-radius: 5px;
174
175  color: rgba(255, 255, 255, 0.4);
176  text-decoration: none;
177
178  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
179}
180
181.social-icons .icon-box .icon {
182  width: 24px;
183  height: 24px;
184  fill: #FFF;
185/* 	fill:currentColor; */
186	margin:0;
187}
188
189.social-icons .icon-box:hover {
190/*   border-color: #ffffff;
191  color: #ffffff;
192   opacity:1; */
193}
194
195.social-icons .icon-box.active {
196  border-color: #ffffff;
197  color: #ffffff;
198  background: rgba(255, 255, 255, 0.05);
199}
200/* social media icons end */
201.hero-subtitle{
202	font-weight:normal;
203}
204
205.products-heading h2 {
206    color: #27344A;
207    font-size: 48px;
208    line-height: 52.8px;
209}
210
211h3.products-subheading {
212    font-size: 16px!important;
213    line-height: 19.2px!important;
214		font-weight:normal;
215    color: rgba(39, 52, 74, 0.7);
216/*     max-width: 25%;
217    min-width: 20%; */
218}
219.use-case-title a{
220    color: #212630;
221}
222
223.affiliate-section h3 {
224	font-size: 14px!important;
225	line-height: 16.8px!important;
226	opacity: 80%!important;
227	font-weight:normal;
228}
229
230.devtools-heading h2{
231	color: #27344A;
232    font-size: 48px;
233    line-height: 52.8px;
234}
235
236.devtools-heading {
237    max-width: 100%!important;
238    text-align: left;
239}
240
241h3.devtools-subheading {
242	font-size: 16px!important;
243	line-height: 19.2px!important;
244	color: rgba(39, 52, 74, 0.7)!important;
245/* 	max-width: 60%!important; */
246	font-weight:normal!important;
247}
248
249.sdk-container {
250    gap: .75rem!important;
251}
252.grid-col-2{
253	display: grid;
254	gap: 20px;
255	grid-template-columns: repeat(2, 1fr);
256}
257
258.insights-header h2 {
259    font-size: 48px;
260    line-height: 52.8px;
261	font-weight:normal;
262}
263
264.insights-header h3 {
265    font-size: 16px!important;
266    margin-top: 25px!important;
267    max-width: 35%!important;
268    text-align: left!important;
269    line-height: 19.2px!important;
270	font-weight:normal!important;
271}
272
273h3.faq-description {
274/*     max-width: 28%; */
275    text-align: center;
276    font-size: 16px;
277    line-height: 19.2px;
278    color: #27344A;
279    opacity: 80%;
280		font-weight:normal;
281}
282
283h1.faq-title {
284    font-size: 60px;
285    line-height: 60px;
286    color: #27344A;
287    font-weight: 500;
288	font-weight:normal;
289}
290
291.Monetize-btn {
292    word-wrap: break-word;
293    white-space: nowrap;
294	padding: 10px!important;
295}
296
297a.why-join {
298    width: max-content!important;
299}
300
301.survey-banner{
302	  background-color: #3583fc;
303    border-radius: 15px;
304}
305
306.survey-banner h1.help-us{
307	    letter-spacing: -1px;
308    line-height: 46px;
309}
310.survey-banner h1.help-us span{
311	color:#FFF;
312}
313.survey-banner a.thought-link{
314	background-color: #253449!important;
315  color: #FFF!important;
316	padding: 10px;
317	border-radius: 15px;
318}
319
320@media (min-width: 992px) {
321	[class*=navbar-expand]:not(.navbar-expand-xl){
322		max-width: 70rem !important;
323	}
324}
325@media(max-width:768px){
326	.topmost-left-box{
327		order:2
328	}
329		.topmost-right-box{
330		order:1
331	}
332	.grid-col-2{
333	grid-template-columns: 1fr;
334}
335	
336	.second-part {
337    overflow: hidden!important;
338	}
339	.products-heading {
340     padding: 10px;
341  }
342	
343	.products-list {
344     padding: 10px 0px!important;
345	}
346	
347	.hero-section-setup {
348    margin-left: 10px!important;
349    margin-right: 10px!important;
350	}
351	
352	.sdk-section .tab-pane.active{
353		flex-direction: column!important;
354    gap: 20px!important;
355/*     align-items: center!important; */
356	}
357	
358	.pg-snippet {
359        min-height: auto!important;
360    }
361	
362	.hero-height{
363		height:1500px!important;
364	}
365}
366
367#faq_accordion .e-n-accordion-item-title-icon .e-opened svg, #faq_accordion .e-n-accordion-item-title-icon .e-closed svg {
368    
369    height: 28px;
370    width: 28px;
371}
372
373.heading-2{
374	font-size:60px!important;
375}
376
377.e-n-accordion .e-n-accordion-item:last-child .e-n-accordion-item-title {
378  border-bottom:0!important;
379}
380
381
382</style>
383</head>
384<body>
385    
386    <!-- ========== HEADER ========== -->
387  <header id="header" class="header header-sticky-top left-aligned-navbar bg-white border-bottom z-index-999 mb-3">
388    <div id="cta-bar"></div>
389    <div class="header-section py-0 py-lg-0">
390      <div id="logoAndNav" style="position: absolute !important; max-width: 100%;" class="container">
391        <!-- Nav -->
392        <nav class="js-mega-menu navbar navbarv2 navbar-expand-lg">
393          <div class="navbar-nav-wrap p-2" style="background: white; border-radius: 10px;">
394            <!-- Logo -->
395            <a class="navbar-brand navbar-nav-wrap-brand mr-lg-0" href="/" aria-label="APILayer">
396              <img src="https://assets.apilayer.com/logo/logo.png" alt="APILayer | Hassle Free API Marketplace">
397            </a>
398            <!-- End Logo -->
399            <!-- Responsive Toggle Button -->
400            <button type="button" class="navbar-toggler navbar-nav-wrap-navbar-toggler btn btn-icon btn-sm rounded-circle" aria-label="Toggle navigation" aria-expanded="false" aria-controls="navBar" data-toggle="collapse" data-target="#navBar">
401              <span class="navbar-toggler-default">
402                <img width="14px" height="14px" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/mobilemenu.svg" alt="Menu" class="menu-icon">
403              </span>
404              <span class="navbar-toggler-toggled">
405                <svg width="20" height="20" viewbox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
406                  <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z"></path>
407                </svg>
408              </span>
409            </button>
410            <!-- End Responsive Toggle Button -->
411
412            <!-- navBar -->
413            <div id="navBar" class="navbar-nav-wrap-navbar collapse navbar-collapse mx-lg-3" style="font-size:14px; background: white;">
414			<div style="width: 0px;border-right: 1px solid #E4EBEF;height: 25px;"></div>
415            <ul class="navbar-nav justify-content-end" style="gap: 18px; color: #27344A !important;">
416
417                <li class="nav-item"><a class="nav-item text-dark" style="font-size: 0.9rem !important; color: #27344a !important; font-weight: 500 !important;" href="/products/?utm_source=APILayerHomePage&amp;utm_medium=internal&amp;utm_campaign=main_nav&amp;utm_content=products_menu">Products</a></li><li class="nav-item dropdown"><a class="btn dropdown-toggle p-0" style="font-size: 0.9rem !important; color: #27344a !important; font-weight: 500 !important;" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Business</a><div class="dropdown-menu" style="border-radius: 6px !important; border: 1px solid #E4EBEF;margin-top:10px"><a class="dropdown-item" href="/industries/" target="">Industries</a><a class="dropdown-item" href="/enterprise/" target="">Enterprise</a></div></li><li class="nav-item dropdown"><a class="btn dropdown-toggle p-0" style="font-size: 0.9rem !important; color: #27344a !important; font-weight: 500 !important;" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Resources</a><div class="dropdown-menu" style="border-radius: 6px !important; border: 1px solid #E4EBEF;margin-top:10px"><a class="dropdown-item" href="https://blog.apilayer.com/" target="_blank">Blogs</a><a class="dropdown-item" href="/faqs/" target="">FAQs</a></div></li><li class="nav-item dropdown"><a class="btn dropdown-toggle p-0" style="font-size: 0.9rem !important; color: #27344a !important; font-weight: 500 !important;" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Community</a><div class="dropdown-menu" style="border-radius: 6px !important; border: 1px solid #E4EBEF;margin-top:10px"><a class="dropdown-item" href="/developers/" target="">Developers</a><a class="dropdown-item" href="/developers/suite/" target="">Use Cases</a><a class="dropdown-item" href="https://github.com/public-apis/public-apis" target="_blank">Github</a><a class="dropdown-item" href="https://discord.com/invite/hgjA78638n" target="_blank">Discord</a></div></li><li class="nav-item"><a class="nav-item text-dark" style="font-size: 0.9rem !important; color: #27344a !important; font-weight: 500 !important;" href="https://docs.apilayer.com/apilayer/docs/api-layer-hub?utm_source=apilayer_footer&amp;utm_medium=internal&amp;utm_campaign=header_navigation&amp;utm_content=documentation">Documentation</a></li>
418
419
420
421                <li class="nav-item">
422                  <a href="https://github.com/public-apis/public-apis" class="nav-item text-dark" style="display: flex; align-items: center; gap: 3px; margin-right: 12px;" target="_blank" rel="noreferrer noopener nofollow">
423                    <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/github.svg" alt="Repo" style="width: 20px; height: 20px">
424<!--                     <span>Repo</span> -->
425					<div style="display: flex; justify-content: center; align-items: center; gap: 8px;border-radius: 100px; padding-top: 4px;padding-right: 8px;padding-bottom: 4px;padding-left: 8px; border: 0.8px solid #525D6E">
426						<p style="font-weight: 400; font-style: Regular; font-size: 11px;
426 leading-trim: NONE; line-height: 100%;letter-spacing: 0%;color: #27344A; margin-bottom: 0rem !important;">
427							471K+
428						</p>
429					  </div>
430                  </a>
431                </li>
432                <div style="gap: 5px; display:flex; flex-direction: row;">
433                    
434<!--                     <a id="signInButton" type="button" class="btn btn-sm btn-success js-hs-unfold-invoker mt-3" 
435                      data-hs-unfold-options='{
436                                                                    "target": "#sidebarContent",
437                                                                    "type": "css-animation",
438                                                                    "animationIn": "fadeInRight",
439                                                                    "animationOut": "fadeOutRight",
440                                                                    "hasOverlay": "rgba(55, 125, 255, 0.1)",
441                                                                    "smartPositionOff": true
442                                              }' data-hs-unfold-target="#sidebarContent" data-hs-unfold-invoker=""
443                      style="padding:6px; margin-top:0px !important; width: 90px; background-color: #f0f0f0 !important; border: 1px solid #f0f0f0 !important; color: #27344A !important"
444                      onmouseover="this.style.backgroundColor='white !important'; this.style.color='#27344A !important'; this.style.borderColor='#BAD1DF !important';"
445                      onmouseout="this.style.backgroundColor='#0052CC !important'; this.style.color='white !important'; this.style.borderColor='#2480FC !important';">
446                      Login
447                    </a> -->
448					<a target="_blank" href="https://app.apilayer.com/login?utm_source=apilayer_website&amp;utm_medium=internal&amp;utm_campaign=login_cta&amp;utm_content=login" class="btn btn-sm btn-success mt-3" style="padding:6px; margin-top:0px !important; width: 90px; background-color: #f0f0f0 !important; border: 1px solid #f0f0f0 !important; color: #27344A !important" onmouseover="this.style.backgroundColor='white'; this.style.color='#27344A'; this.style.borderColor='#BAD1DF';" onmouseout="this.style.backgroundColor='#f0f0f0'; this.style.color='#27344A'; this.style.borderColor='#f0f0f0';">
449   Login
450</a>
451
452                    <a id="signUpButton" type="button" class="text-primary px-2 mt-3 font-weight-bold" target="_blank" href="https://app.apilayer.com/signup?utm_source=apilayer_website&amp;utm_medium=internal&amp;utm_campaign=signup_cta&amp;utm_content=start" style="display: flex; padding:6px; gap: 10px; width: 130px; font-size:14px; margin-top: 0px !important; background-color: #0052CC; color: white !important; border-radius: 4px; border: 1px solid #2480FC !important; justify-content: center; align-content: center; align-items: center;">
453                      Start for Free
454                      <svg class="arrow-icon" width="6" height="8" style="margin-bottom: 0px;" viewbox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
455                        <path d="M1.5 1L4.5 4L1.5 7" stroke="#37C625" stroke-width="2" stroke-linecap="round"></path>
456                      </svg>
457                    </a>
458
459                  </div>
460                  </ul>
461
462
463
464
465            </div>
466            <!-- End navBar -->
467          </div>
468        </nav>
469        <!-- End Nav -->
470      </div>
471    </div>
472  </header>
473  <!-- ========== END HEADER ========== -->
474
475  <div id="content" class="site-content">
476<!-- CSS New Revamp Page -->
477<link rel="stylesheet" href="/wp-content/themes/hello-theme-child/assets/apilayer/css/homepage.css?ver=1787755680">
478<link rel="stylesheet" href="/wp-content/themes/hello-theme-child/assets/apilayer/css/main.css?ver=1786653123">
479
480<section class="main-section">
481  <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/grouped_circles.svg" alt="Circle 4" class="background-circles">
482  <!--  
483  <img src="/assets/apilayer/images/blur1.webp" class="background-blur-1" loading="lazy" alt="Decorative background blur graphic element used on the APILayer homepage"/>
484  <img src="/assets/apilayer/images/blur2.webp" class="background-blur-2" loading="lazy" alt="Decorative background blur overlay graphic used on the APILayer website hero section"/>
485  -->
486
487  <section>
488    <div class="content">
489      <h1 class="fade-in-animation banner-text" data-delay="0">
490        One account. One API key.<br>
491        <span class="banner-text-accent">Every API you need.</span>
492      </h1>
493      <p>APILayer is the unified hub for all high-productivity APIs in one place.<br>Sign up for free and start building in minutes.</p>
494      <div class="hero-btn-align">
495        <a href="https://app.apilayer.com/signup?utm_source=apilayer_website&amp;utm_medium=internal&amp;utm_campaign=signup_cta&amp;utm_content=start" target="_blank" class="cta-button start-free-btn font-weight-medium fade-in-animation" data-delay="0.4">
496          Start for Free
497          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/Vector-21.svg" class="arrow-icon" alt="arrow">
498        </a>
499        <a class="explore-btn fade-in-animation" data-delay="0.4" href="/products/?utm_source=apilayer_website&amp;utm_medium=internal&amp;utm_campaign=product_discovery&amp;utm_content=explore_apis">Explore APIs <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" alt="blue-icon"></a>
500      </div>
501      <p class="hero-text">No card needed!</p>
502
503
504    </div>
505
506    <div class="floating-icons">
507      <div class="icon-wrapper icon-1">
508        <a class="cta" href="/products/aviationstack/?utm_source=APILayerHomepage&amp;utm_medium=Referral" rel="noreferrer noopener">
509          <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="aviationstack" class="icon pop-animation" data-delay="0.1">
510            <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect>
511            <g clip-path="url(#clip0_265_2690)">
512              <path d="M32.7941 14.134H28.5081L32.1879 20.745L28.5081 26.991H33.1123L36.756 20.745L32.7941 14.134ZM12.3305 7L18.3754 20.9457L12.3305 34.125H20.8905L26.8513 20.9457L20.2182 7H12.3305ZM10.4276 14.207L7 15.843L9.21504 20.6233L7.01201 25.2394L10.4216 26.9119L13.417 20.6476L10.4336 14.207H10.4276Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path>
513            </g>
514            <defs>
515              <clippath id="clip0_265_2690">
516                <rect width="29.75" height="27.125" fill="white" style="fill:white;fill-opacity:1;" transform="translate(7 7)"></rect>
517              </clippath>
518            </defs>
519          </svg> </a>
520        <span class="tooltip">Aviationstack
521          <p class="font-weight-light" style="font-size:10px; color: #27344A;">GEO</p>
522        </span>
523      </div>
524      <div class="icon-wrapper icon-2">
525        <a class="cta" href="https://coinlayer.com/?utm_source=APILayerHomepage&amp;utm_medium=Referral" target="_blank" rel="noreferrer noopener">
526          <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="coinlayer" class="icon pop-animation" data-delay="0.8">
527            <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect>
528            <path d="M15.0952 23.999V30.6663L21.0026 34L26.91 30.6663V23.999L21.0026 20.6653L15.0952 23.999ZM28.0926 9L22.1851 12.3337V19.001L28.0926 22.3347L34 19.001V12.3337L28.0926 9ZM19.8149 12.3337L13.9074 9L8 12.3337V19.001L13.9074 22.3347L19.8149 19.001V12.3337Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path>
529          </svg> </a>
530        <span class="tooltip">Coinlayer
531          <p class="font-weight-light" style="font-size:10px; color: #27344A;">Finance</p>
532        </span>
533      </div>
534      <div class="icon-wrapper icon-4">
535        <a class="cta" href="https://pdflayer.com/?utm_source=APILayerHomepage&amp;utm_medium=Referral" target="_blank" rel="noreferrer noopener">
536          <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="pdflayer" class="icon pop-animation" data-delay="0.2">
537            <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect>
538            <path d="M20.3318 16.3432C20.3318 16.3432 22.6023 7.875 19.3888 7.875C16.1753 7.875 18.6092 16.8096 18.6092 16.8096C18.6092 16.8096 17.7452 20.3492 13.7573 26.6667C13.7573 26.6667 6.24507 30.056 8.19952 32.5955C10.154 35.1349 14.2262 29.6673 15.559 26.7444L25.1099 24.5108C25.1099 24.5108 32.9382 28.7449 34.034 25.2052C35.1297 21.6604 25.9686 23.2048 25.9686 23.2048C25.9686 23.2048 22.1335 21.4324 20.3318 16.3535V16.3432Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path>
539          </svg></a>
540        <span class="tooltip">Pdflayer
541          <p class="font-weight-light" style="font-size:10px; color: #27344A;">Files</p>
542        </span>
543      </div>
544      <div class="icon-wrapper icon-5">
545        <a class="cta" href="https://weatherstack.com/?utm_source=APILayerHomepage&amp;utm_medium=Referral" target="_blank" rel="noreferrer noopener">
546          <img class="icon pop-animation" data-delay="0.8" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/apilayer-icon-weatherstack.svg" alt="Weatherstack icon"> </a>
547        <span class="tooltip">Weatherstack
548          <p class="font-weight-light" style="font-size:10px; color: #27344A;">Weather Data</p>
549        </span>
550      </div>
551      <div class="icon-wrapper icon-6">
552        <a class="cta" href="/products/ipstack/?utm_source=APILayerHomepage&amp;utm_medium=Referral" rel="noreferrer noopener"><svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="ipstack" class="icon pop-animation" data-delay="0.2">
553            <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect>
554            <path d="M15.7022 8.04888C15.7022 8.04888 15.736 8.03766 15.7528 8.03205C15.736 8.03766 15.7191 8.04888 15.7022 8.05449V8.04888ZM26.8595 9.73157C26.8595 9.23798 27.1685 8.81731 27.6067 8.64904C28.1517 8.94071 28.6798 9.27163 29.1854 9.63622C29.1854 9.66987 29.1966 9.70353 29.1966 9.73718C29.1966 10.3822 28.6742 10.9038 28.0281 10.9038C27.382 10.9038 26.8595 10.3822 26.8595 9.73718V9.73157ZM16.7753 11.6274L17.3539 7.48798C18.5225 7.17388 19.7528 7 21.0169 7C22.9213 7 24.7303 7.38702 26.382 8.07131C25.9551 8.49199 25.691 9.07532 25.691 9.72596C25.691 9.75962 25.691 9.78766 25.691 9.82131L17.5281 12.3678C17.3371 12.0649 17.073 11.8125 16.7697 11.6218L16.7753 11.6274ZM14.3989 13.6186C14.3989 12.9736 14.9213 12.4519 15.5674 12.4519C16.2135 12.4519 16.736 12.9736 16.736 13.6186C16.736 14.2636 16.2135 14.7853 15.5674 14.7853C14.9213 14.7853 14.3989 14.2636 14.3989 13.6186ZM15.7022 8.05449L15.2472 11.3077C14.1067 11.4647 13.2303 12.4351 13.2303 13.613C13.2303 13.6859 13.2303 13.7644 13.2416 13.8373L8.00562 15.7893C9.41573 12.2837 12.2079 9.48478 15.7022 8.05449ZM7 20.9888C7 19.8446 7.14045 18.734 7.39888 17.6739L13.9157 15.2508C14.3427 15.6827 14.927 15.9519 15.5843 15.9519C15.6067 15.9519 15.6348 15.9519 15.6573 15.9519L17.264 20.3662C16.8933 20.6579 16.6067 21.0617 16.4663 21.5216L7 20.9944V20.9888ZM30.2303 21.8638L29.1404 11.7788C29.6573 11.4984 30.0562 11.0329 30.2472 10.472C32.9607 12.8446 34.7472 16.2492 35 20.0745L31.2079 22.4191C30.9382 22.1611 30.6067 21.9704 30.236 21.8638H30.2303ZM21.0112 21.9199C20.8876 20.7644 19.9157 19.8614 18.7303 19.8389L17.1011 15.3574C17.5169 14.9872 17.8034 14.4768 17.8708 13.8934L26.2921 11.2628C26.6292 11.6386 27.0843 11.9079 27.5955 12.0032L28.6742 21.9367C28.1573 22.1554 27.736 22.5593 27.4944 23.0641L21.0112 21.9087V21.9199ZM17.5169 22.1723C17.5169 21.5272 18.0393 21.0056 18.6854 21.0056C19.3315 21.0056 19.8539 21.5272 19.8539 22.1723C19.8539 22.8173 19.3315 23.3389 18.6854 23.3389C18.0393 23.3389 17.5169 22.8173 17.5169 22.1723ZM28.4213 24.1186C28.4213 23.4736 28.9438 22.9519 29.5899 22.9519C30.236 22.9519 30.7584 23.4736 30.7584 24.1186C30.7584 24.7636 30.236 25.2853 29.5899 25.2853C28.9438 25.2853 28.4213 24.7636 28.4213 24.1186ZM7.08989 22.5537L16.5393 23.0809C16.6461 23.3389 16.7921 23.5689 16.9775 23.7708L13.5618 29.2284C13.3427 29.1611 13.1124 29.1274 12.8764 29.1274C11.9213 29.1274 11.1011 29.6995 10.7416 30.5128C8.75281 28.3702 7.42697 25.6106 7.08989 22.5537ZM11.6798 31.4383C11.7135 30.8213 12.2247 30.3389 12.8427 30.3389C13.4607 30.3389 14.0112 30.8606 14.0112 31.5056C14.0112 32.016 13.6742 32.4647 13.1854 32.6162C12.6573 32.2628 12.1517 31.8702 11.6798 31.4439V31.4383ZM29.9494 26.4183C31.0674 26.2444 31.927 25.2796 31.927 24.1186C31.927 24.0176 31.9213 23.9167 31.9045 23.8213L34.9944 21.9087C34.691 26.6258 32.0618 30.7035 28.2303 33.0032L29.9494 26.4183ZM20.1461 23.9896C20.3427 23.8325 20.5112 23.6474 20.6461 23.4343L27.3202 24.6234C27.4663 25.2628 27.8708 25.7957 28.4213 26.1154L26.3764 33.9343C25.4719 34.3045 24.5225 34.5905 23.5337 34.77L20.1461 23.9896ZM14.3258 33.2893C14.8427 32.863 15.1798 32.2236 15.1798 31.5C15.1798 31.0232 15.0337 30.5745 14.7865 30.2043L18.3708 24.4776C18.4719 24.4944 18.573 24.5 18.6798 24.5056L21.9663 34.9663C21.6573 34.9888 21.3427 35 21.0281 35H21.0056C18.6685 35 16.3764 34.4054 14.3315 33.2893H14.3258Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path>
555          </svg>
556        </a>
557        <span class="tooltip">IPstack
558          <p class="font-weight-light" style="font-size:10px; color: #27344A;">GEO</p>
559        </span>
560      </div>
561      <div class="icon-wrapper icon-7">
562        <a class="cta" href="https://coinlayer.com/?utm_source=APILayerHomepage&amp;utm_medium=Referral" target="_blank" rel="noreferrer noopener">
563          <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="coinlayer" class="icon pop-animation" data-delay="0.8">
564            <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect>
565            <path d="M15.0952 23.999V30.6663L21.0026 34L26.91 30.6663V23.999L21.0026 20.6653L15.0952 23.999ZM28.0926 9L22.1851 12.3337V19.001L28.0926 22.3347L34 19.001V12.3337L28.0926 9ZM19.8149 12.3337L13.9074 9L8 12.3337V19.001L13.9074 22.3347L19.8149 19.001V12.3337Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path>
566          </svg> </a>
567        <span class="tooltip">Coinlayer
568          <p class="font-weight-light" style="font-size:10px; color: #27344A;">Finance</p>
569        </span>
570      </div>
571      <div class="icon-wrapper icon-8">
572        <a class="cta" href="/products/serpstack/?utm_source=APILayerHomepage&amp;utm_medium=Referral" rel="noreferrer noopener">
573          <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="serpstack" class="icon pop-animation" data-delay="0.5">
574            <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect>
575            <path d="M28.4872 20.8626L24.6072 16.8873L21.0175 20.5599L24.9376 24.5814C25.3331 24.9661 25.5484 25.4841 25.5484 26.0381C25.5484 27.146 24.6673 28.0488 23.5859 28.0488H11.8606V33.25H23.5909C27.4709 33.25 30.625 30.0185 30.625 26.0432C30.625 24.0787 29.829 22.1757 28.4822 20.8677L28.4872 20.8626ZM17.3928 24.2377L20.9825 20.5599L17.0574 16.5436C16.6669 16.1589 16.4466 15.6409 16.4466 15.0869C16.4466 13.979 17.3277 13.0762 18.4091 13.0762H30.1394V7.875H18.4091C14.5341 7.875 11.375 11.1116 11.375 15.0869C11.375 17.0514 12.171 18.9544 13.5178 20.2624L17.3978 24.2377H17.3928Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path>
576          </svg> </a>
577        <span class="tooltip">Serpstack
578          <p class="font-weight-light" style="font-size:10px; color: #27344A;">Dev Tools</p>
579        </span>
580      </div>
581      <div class="icon-wrapper icon-9">
582        <a class="cta" href="/products/mediastack/?utm_source=APILayerHomepage&amp;utm_medium=Referral" rel="noreferrer noopener"><svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon pop-animation" alt="mediastack" data-delay="1">
583            <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect>
584            <g clip-path="url(#clip0_265_2697)">
585              <path d="M31.6674 13.3676C31.5879 13.2564 31.4502 13.2034 31.3125 13.2352C31.1801 13.2669 31.0742 13.3782 31.053 13.5106C30.3273 17.9333 27.9703 26.4078 20.2903 33.5106C20.1896 33.6059 20.1525 33.7489 20.2002 33.8814C20.2479 34.0085 20.3697 34.0985 20.5074 34.1038L20.6981 34.1144C20.7987 34.1197 20.8994 34.1303 21 34.1303C28.2352 34.1303 34.125 28.2405 34.125 21.0053C34.125 18.2564 33.2722 15.6186 31.6621 13.3729L31.6674 13.3676ZM28.982 10.9523C29.0561 10.804 29.0191 10.6239 28.8814 10.5233C26.5879 8.79131 23.8602 7.875 21 7.875C13.7648 7.875 7.875 13.7648 7.875 21C7.875 22.3347 8.07627 23.6536 8.47352 24.9248C8.52119 25.0678 8.6536 25.1631 8.79661 25.1631C8.82309 25.1631 8.84958 25.1631 8.87606 25.1525C14.3369 23.8496 24.2044 20.2638 28.982 10.947V10.9523ZM27.8962 16.7998C27.7532 16.7203 27.5784 16.7521 27.4725 16.8792C22.2553 22.9862 15.0095 25.7828 9.85064 27.054C9.7447 27.0805 9.65996 27.1547 9.61758 27.25C9.57521 27.3453 9.58051 27.4619 9.63347 27.5519C11.2648 30.3697 13.8549 32.4778 16.9322 33.4788C16.9693 33.4894 17.0011 33.4947 17.0381 33.4947C17.1176 33.4947 17.1917 33.4682 17.2553 33.4153C23.7119 28.1239 26.6886 21.6727 28.0498 17.197C28.0975 17.0434 28.0286 16.8792 27.8856 16.7998H27.8962Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path>
586            </g>
587            <defs>
588              <clippath id="clip0_265_2697">
589                <rect width="26.25" height="26.25" fill="white" style="fill:white;fill-opacity:1;" transform="translate(7.875 7.875)"></rect>
590              </clippath>
591            </defs>
592          </svg>
593        </a>
594        <span class="tooltip">Mediastack
595          <p class="font-weight-light" style="font-size:10px; color: #27344A;">Marketing</p>
596        </span>
597      </div>
598      <div class="icon-wrapper icon-10">
599        <a class="cta" href="https://numverify.com/?utm_source=APILayerHomepage&amp;utm_medium=Referral" target="_blank" rel="noreferrer noopener">
600          <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="numverify" class="icon pop-animation" data-delay="1.2">
601            <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect>
602            <path d="M20.8404 15.281L21.2257 13.2133C24.6138 13.8853 27.4616 16.39 28.6598 19.7406L26.752 20.469C25.798 17.8045 23.533 15.8167 20.8451 15.281H20.8404ZM21.0331 9.96147L21.2962 7.875C27.7623 8.74436 32.9173 13.782 34.125 20.4126L32.1231 20.8026C31.0799 15.0695 26.6251 10.718 21.0331 9.96617V9.96147ZM14.9711 28.3684C8.59901 22.6588 7.85654 17.5414 7.87534 15.3656C7.88004 14.6983 8.13849 14.0592 8.57082 13.5611L10.6949 11.1128C11.3668 10.3374 12.5275 10.2904 13.2559 11.0094L16.2305 13.9511C16.9213 14.6325 16.9683 15.7556 16.3386 16.4981L14.8207 18.2885C14.4871 18.6833 14.4213 19.2472 14.6563 19.7124C15.4645 21.3055 17.6731 24.9051 21.8554 26.8036C22.2643 26.9915 22.7436 26.907 23.0913 26.6156L25.1026 24.9333C25.798 24.3506 26.8084 24.3929 27.4522 25.0367L30.5019 28.0489C31.2538 28.7914 31.235 30.032 30.4643 30.7509L27.626 33.3966C27.1796 33.8102 26.6204 34.0686 26.0236 34.1109C25.9155 34.1203 25.798 34.125 25.6759 34.125C23.8902 34.125 20.4128 33.2556 14.9617 28.3731L14.9711 28.3684Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path>
603          </svg></a>
604        <span class="tooltip">Numverify
605          <p class="font-weight-light" style="font-size:10px; color: #27344A;">Marketing</p>
606        </span>
607      </div>
608      <div class="icon-wrapper icon-11">
609        <a class="cta" href="https://screenshotlayer.com/?utm_source=APILayerHomepage&amp;utm_medium=Referral" target="_blank" rel="noreferrer noopener">
610          <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="screenshotlayer" class="icon pop-animation" data-delay="0.2">
611            <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect>
612            <path d="M19.1639 21.8299C18.2148 21.808 16.0002 21.7806 13.0172 21.8957C10.5597 21.9889 8.62188 22.1368 7.48632 22.241C7.03436 22.2793 6.83663 22.8109 7.15865 23.1233L18.3391 33.9688C18.6611 34.2867 19.2147 34.0894 19.2486 33.6455C19.3447 32.4343 19.4859 30.4011 19.5707 28.3022C19.6724 25.7867 19.678 23.3589 19.678 22.3396C19.678 22.0601 19.452 21.8354 19.1639 21.8244V21.8299ZM34.5137 22.2355C33.3781 22.1313 31.4403 21.9834 28.9828 21.8902C25.9998 21.7751 23.7909 21.8025 22.8361 21.8244C22.548 21.8299 22.322 22.0546 22.3163 22.3396C22.3163 23.3589 22.322 25.7812 22.4237 28.3022C22.5084 30.4011 22.6553 32.4343 22.7457 33.6455C22.7796 34.0839 23.3333 34.2867 23.6553 33.9688L34.8357 23.1233C35.1577 22.8109 34.96 22.2793 34.508 22.241L34.5137 22.2355ZM19.2543 7.47698C19.2204 7.03307 18.6667 6.84126 18.3447 7.15364L7.15865 17.9992C6.83663 18.3116 7.04001 18.8432 7.48632 18.8815C8.62188 18.9856 10.5597 19.1336 13.0172 19.2213C16.0002 19.3364 18.2091 19.309 19.1639 19.2871C19.452 19.2816 19.678 19.0569 19.678 18.7719C19.678 17.7581 19.678 15.3303 19.5707 12.8093C19.4859 10.7104 19.3447 8.67717 19.2486 7.46602L19.2543 7.47698ZM22.8361 19.2925C23.7852 19.3145 25.9998 19.3419 28.9828 19.2268C31.446 19.1336 33.3781 18.9856 34.5137 18.887C34.9656 18.8486 35.1634 18.317 34.8414 18.0047L23.6609 7.15364C23.3389 6.84126 22.7853 7.03307 22.7514 7.47698C22.6553 8.68265 22.5141 10.7213 22.4293 12.8203C22.3276 15.3358 22.322 17.7635 22.322 18.7829C22.322 19.0624 22.548 19.2925 22.8417 19.298L22.8361 19.2925Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path>
613          </svg></a>
614        <span class="tooltip">Screenshotlayer
615          <p class="font-weight-light" style="font-size:10px; color: #27344A;">Images</p>
616        </span>
617      </div>
618      <div class="icon-wrapper icon-12">
619        <a class="cta" href="https://userstack.com/?utm_source=APILayerHomepage&amp;utm_medium=Referral" target="_blank" rel="noreferrer noopener">
620          <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="userstack" class="icon pop-animation" data-delay="0.2">
621            <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect>
622            <g clip-path="url(#clip0_265_2707)">
623              <path d="M16.5449 21.1854C16.5449 18.7247 18.5393 16.7303 21 16.7303C23.4607 16.7303 25.4551 18.7247 25.4551 21.1854C25.4551 23.6461 23.4607 25.6404 21 25.6404C18.5393 25.6404 16.5449 23.6461 16.5449 21.1854ZM11.691 21C11.691 26.1348 15.8652 30.309 21 30.309C26.1348 30.309 30.309 26.1348 30.309 21C30.309 15.8652 26.1348 11.691 21 11.691C15.8652 11.691 11.691 15.8652 11.691 21ZM7 21C7 13.2809 13.2809 7 21 7C28.7191 7 35 13.2809 35 21C35 28.7191 28.7191 35 21 35C13.2809 35 7 28.7191 7 21Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path>
624            </g>
625            <defs>
626              <clippath id="clip0_265_2707">
627                <rect width="28" height="28" fill="white" style="fill:white;fill-opacity:1;" transform="translate(7 7)"></rect>
628              </clippath>
629            </defs>
630          </svg> </a>
631        <span class="tooltip">Userstack
632          <p class="font-weight-light" style="font-size:10px; color: #27344A;">Marketing</p>
633        </span>
634      </div>
635    </div>
636
637    <!-- Hero section Icons  -->
638
639
640  </section>
641  <div class="w-100 d-flex flex-column numbers-section-1">
642    <div class="fade-in-animation" data-delay="0.6">
643      <div class="group-section numbers-heading">
644        <!-- <div class="labeling font-weight-medium" style="color: white;">
645          <span>NUMBERS</span>
646        </div> -->
647        <h3 class="font-weight-normal leading-eng">
648          Leading Engineering Teams Rely on
649          <span style="font-weight:500;">APILayer</span>
650        </h3>
651      </div>
652    </div>
653    
654    <div class="curve-card-container">
655      <div class="card fade-in-animation" data-delay="0.8">
656          <div class="card-badge">Growing daily</div>
657
658          <div class="numbertiles">
659              <span class="number-dark" id="developer_counter">2.2M</span><span class="number-light">+</span>
660          </div>
661          <div class="text">Developers</div>
662      </div>
663
664      <div class="card fade-in-animation" data-delay="1">
665          <div class="card-badge">One key unlocks all</div>
666
667          <div class="numbertiles">
668              <span class="number-dark">40</span><span class="number-light">+</span>
669          </div>
670          <div class="text">APIs in the Hub</div>
671      </div>
672
673      <div class="card fade-in-animation" data-delay="1.2">
674          <div class="card-badge">Live traffic</div>
675
676          <div class="numbertiles">
677              <span class="number-dark">30M</span><span class="number-light">+</span>
678          </div>
679          <div class="text">API calls per month</div>
680      </div>
681    </div>
682    
683
684    <!--<div class="curve-card-container">-->
685    <!--  <div class="card fade-in-animation" data-delay="0.8">-->
686    <!--      <div class="card-badge">Growing daily</div>-->
687
688    <!--      <div class="numbertiles">-->
689    <!--          <span class="number-dark">2.2M</span><span class="number-light">+</span>-->
690    <!--      </div>-->
691    <!--      <div class="text">Developers</div>-->
692    <!--  </div>-->
693
694    <!--  <div class="card fade-in-animation" data-delay="1">-->
695    <!--      <div class="card-badge">One key unlocks all</div>-->
696
697    <!--      <div class="numbertiles">-->
698    <!--          <span class="number-dark">40</span><span class="number-light">+</span>-->
699    <!--      </div>-->
700    <!--      <div class="text">APIs in the Hub</div>-->
701    <!--  </div>-->
702
703    <!--  <div class="card fade-in-animation" data-delay="1.2">-->
704    <!--      <div class="card-badge">Live traffic</div>-->
705
706    <!--      <div class="numbertiles">-->
707    <!--          <span class="number-dark">30M</span><span class="number-light">+</span>-->
708    <!--      </div>-->
709    <!--      <div class="text">API calls per month</div>-->
710    <!--  </div>-->
711    <!--</div>-->
712  </div>
713
714
715</section>
716
717    <div class="second-part">
718      <div class="Featured-container">
719          <div class="featured-container-border"></div>
720        <div class="featured-inside-container">
721          <div class="logo">
722            <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featurelabel.svg" alt="Featured APIs" class="Feature-logo-image">
723          </div>
724          <section class="featured-api-section" id="featured-apis" aria-labelledby="featured-apis-heading">
725
726            <div class="api-tabs">
727
728              <button class="tab-btn" data-target="tab-ipstack">
729                <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/ipstack-3466.svg" alt="IPstack icon">
730
731                <div class="tab-content">
732                  <span>IPstack</span>
733                  <small>Geolocation API</small>
734                </div>
735              </button>
736
737              <button class="tab-btn" data-target="tab-marketstack">
738                <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/marketstack.svg" alt="marketstack-icon">
739
740                <div class="tab-content">
741                  <span>Marketstack</span>
742                  <small>Stock Market Data</small>
743                </div>
744              </button>
745
746              <button class="tab-btn active" data-target="tab-aviationstack">
747                <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/aviationstack.svg" alt="aviationstack icon">
748
749                <div class="tab-content">
750                  <span>Aviationstack</span>
751                  <small>Flight Data API</small>
752                </div>
753              </button>
754
755              <button class="tab-btn" data-target="tab-serpstack">
756                <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/serpstack-11.svg" alt="serp-icon">
757
758                <div class="tab-content">
759                  <span>Serpstack</span>
760                  <small>SERP API</small>
761                </div>
762              </button>
763
764              <a href="/products/?utm_source=APILayerHomepage&amp;utm_medium%3DReferral" class="browse-btn featured-api-button">
765                Browse all APIs
766                <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" alt="blue-icon">
767              </a>
768
769            </div>
770
771            <div class="hero-content-wrapper">
772
773              <!-- TAB 1 -->
774              <div class="hero-content" id="tab-ipstack" style="display: none;">
775                <div class="left-content">
776                  <h2>IPstack</h2>
777                  <p>Pinpoint your users' location with precision. Geolocation data for 2 million distinct
778                    locations
779                    worldwide.</p>
780                </div>
781
782                <div class="right-content">
783                  <h3>Uncover the Geographic<br>Profile of Your Visitors<br>through <span class="right-blue">IP
784                      Address</span></h3>
785                  <a href="https://app.apilayer.com/signup/ipstack?utm_source=apilayer_homepage&amp;utm_medium=internal&amp;utm_campaign=featured_section&amp;utm_content=ipstack_tile" target="_blank" class="try-btn">Try IPstack <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" alt="blue-icon"></a>
786                </div>
787              </div>
788
789              <!-- TAB 2 -->
790              <div class="hero-content" id="tab-marketstack" style="display: none;">
791                <div class="left-content">
792                  <h2>Marketstack</h2>
793                  <p>Access real-time, intraday, end-of-day, and historical <br> market data through one simple API.
794                    Built
795                    for apps, <br> dashboards, trading tools, and financial analysis at scale.</p>
796                </div>
797
798                <div class="right-content">
799                  <h3>Uncover Market Trends <br> and Power Financial <br> Products with <span class="right-blue">
800                      Real-Time <br> Stock Data</span></h3>
801                  <a href="https://app.apilayer.com/signup/marketstack/?utm_source=apilayer_homepage&amp;utm_medium=internal&amp;utm_campaign=featured_section&amp;utm_content=marketstack_tile" target="_blank" class="try-btn">Try Marketstack <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" alt="blue-icon"></a>
802                </div>
803              </div>
804
805              <!-- TAB 3 -->
806              <div class="hero-content active" id="tab-aviationstack" style="">
807                <div class="left-content">
808                  <h2>Aviationstack</h2>
809                  <p>Track flights, airlines, airports, routes, schedules, and <br> aviation activity worldwide with one
810                    easy-to-integrate API <br> built for real-time travel and logistics products.</p>
811                </div>
812
813                <div class="right-content">
814                  <h3>Track Global Flight <br> Activity and Build Better Travel Experiences with<br>
815                    <span class="right-blue">Live Aviation Data</span>
816                  </h3>
817                  <a href="https://app.apilayer.com/signup/aviationstack/?utm_source=apilayer_homepage&amp;utm_medium=internal&amp;utm_campaign=featured_section&amp;utm_content=aviationstack_tile" target="_blank" class="try-btn">Try Aviationstack <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" alt="blue-icon"></a>
818                </div>
819              </div>
820
821              <!-- TAB 4 -->
822              <div class="hero-content" id="tab-serpstack" style="display: none;">
823                <div class="left-content">
824                  <h2>Serpstack</h2>
825                  <p>Real-time Google search results via an API. Scrape SERP <br> data at scale without the
826                    infrastructure
827                    headache.</p>
828                </div>
829
830                <div class="right-content">
831                  <h3>Access Real-Time <br> Google Search Results <br> and Turn SERP Data<br>
832                    <span class="right-blue">into Actionable Insights</span>
833                  </h3>
834                  <a href="https://app.apilayer.com/signup/serpstack/?utm_source=apilayer_homepage&amp;utm_medium=internal&amp;utm_campaign=featured_section&amp;utm_content=serpstack_tile" target="_blank" class="try-btn">Try Serpstack <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" alt="blue-icon"></a>
835                </div>
836              </div>
837
838            </div>
839
840            <div class="graphics-wrapper">
841
842              <!-- IPSTACK -->
843              <div class="graphics-area" id="graphics-tab-ipstack" style="display: none;">
844                <div class="graphic-wrapper legacy-graphic-wrapper">
845                  <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/featured-api-ipstack.png" alt="" class="legacy-graphic">
846                    <p class="graphic-left-content">Easy Integration: <span>Simple API <br>setup with detailed<br> documentation.</span></p>
847                    <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/mobile-featured-api.png" alt="" class="legacy-graphic-mob">
848                    <p class="graphic-right-content graphic-right-content-ipstack ">Personalization: Tailor <br>content and services <br>based on user location. </p>
849                </div>
850              </div>
851
852              <!-- MARKETSTACK -->
853              <div class="graphics-area" id="graphics-tab-marketstack" style="display: none;">
854                <div class="graphic-wrapper legacy-graphic-wrapper">
855                  <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/featured-api-marketstack.png" alt="" class="legacy-graphic">
856                    <p class="graphic-left-content">Easy Integration: <span>Launch faster <br>with a developer-friendly API,<br> clean documentation, and quick<br> onboarding.</span></p>
857                    <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/mobile-featured-api.png" alt="" class="legacy-graphic-mob">
858                    <p class="graphic-right-content graphic-right-content-marketstack">Smarter Insights: <span>Turn <br>live and historical market <br>data into dashboards, <br>alerts, screeners, and <br>analytics your users can <br>trust.</span></p>
859                </div>
860              </div>
861
862              <!-- AVIATIONSTACK -->
863              <div class="graphics-area active" id="graphics-tab-aviationstack" style="">
864                <div class="graphic-wrapper legacy-graphic-wrapper">
865                  <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/featured-api-aviationstack.png" alt="" class="legacy-graphic">
866                    <p class="graphic-left-content">Easy Integration: <span>Connect <br>flight and airport data <br>quickly with straightforward API <br>access and clear documentation.</span></p>
867                    <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/mobile-featured-api.png" alt="" class="legacy-graphic-mob">
868                    <p class="graphic-right-content graphic-right-content-aviationstack">Operational Visibility: <br><span>Deliver real-time flight <br>status, route intelligence<br>, and travel updates that<br> improve planning and<br> customer experience.</span></p>
869                </div>
870              </div>
871
872              <!-- SERPSTACK -->
873              <div class="graphics-area" id="graphics-tab-serpstack" style="display: none;">
874                <div class="graphic-wrapper legacy-graphic-wrapper">
875                  <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/featured-api-serpstack.png" alt="" class="legacy-graphic">
876                    <p class="graphic-left-content">Easy Integration: Connect to <br>real-time SERP data with a <br>simple API, clear <br>documentation, and no scraping <br>
876infrastructure to maintain.
877</p>
878                    <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/mobile-featured-api.png" alt="" class="legacy-graphic-mob">
879                    <p class="graphic-right-content graphic-right-content-serpstack">Scalable Intelligence: <br>Monitor rankings, <br>analyze competitors, <br>and collect search data <br>at scale with reliable, <br>structured results.</p>
880                </div>
881              </div>
882
883            </div>
884
885            <!-- Ipstack section -->
886
887            <div class="usecase-section tab-ipstack" style="display: none;">
888              <section class="feature-use-cases-section">
889                <div class="feature-use-cases-container">
890                  <div class="feature-use-cases-left">
891                    <div class="tag font-weight-normal">USE CASES</div>
892                    <h3 class="feature-use-cases-title font-weight-normal">Discover Powerful Use Cases</h3>
893                    <p class="feature-use-cases-description font-weight-light">
894                      Learn how IPstack's next-generation IP Geolocation technology will revolutionize your business
895                      through the following use cases that unlock rich, data-driven insights.
896                    </p>
897                    <ul class="feature-use-case-list">
898                      <li>
899                        <div onclick="toggleAccordion(&apos;case1&apos;)" class="accordion-title">
900                          <h5 style="">Content Personalization</h5>
901                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
902                        </div>
903                        <div id="case1" class="accordion-content">
904                          <p class="accordion-contentdiv">Use geolocation to customize content, product recommendations,
905                            and the
906                            display languages of users
907                            based on their
908                            location. Build a smooth, personalized user experience that will provide value to your
909                            audience
910                            through increased
911                            engagement and satisfaction.</p>
912                        </div>
913                      </li>
914                      <li>
915                        <div onclick="toggleAccordion(&apos;case2&apos;)" class="accordion-title">
916                          <h5 style="">Fraud Prevention</h5>
917                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
918                        </div>
919                        <div id="case2" class="accordion-content">
920                          <p class="accordion-contentdiv">Bolster your security strategy by monitoring activity from
921                            unauthorized
922                            sources. Geolocate activity
923                            data to flag and
924                            block unauthorized access in real-time, reducing fraud while protecting sensitive
925                            information.
926                          </p>
927                        </div>
928                      </li>
929                      <li>
930                        <div onclick="toggleAccordion(&apos;case3&apos;)" class="accordion-title">
931                          <h5 style="">Localized Advertising</h5>
932                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
933                        </div>
934                        <div id="case3" class="accordion-content">
935                          <p class="accordion-contentdiv">Maximize the potential of ad campaigns through the delivery of
936                            hyper-targeted ads to users based on
937                            where they currently
938                            reside or where they hang out the most. In this way, your ads will be relevant and optimized
939                            to
940                            provide a better return
941                            on investment with increased engagement and conversion rates.</p>
942                        </div>
943                      </li>
944                      <li>
945                        <div onclick="toggleAccordion(&apos;case4&apos;)" class="accordion-title">
946                          <h5 style="">Regulatory Compliance</h5>
947                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
948                        </div>
949                        <div id="case4" class="accordion-content">
950                          <p class="accordion-contentdiv">Reduce complexities in legality: let geolocation data
951                            auto-tune
952                            your
953                            services to match regional
954                            regulations. Be it data
955                            privacy laws or content restrictions; ensure your business operates in full legal compliance
956                            across
957                            the globe.</p>
958                        </div>
959                      </li>
960                    </ul>
961                  </div>
962
963                  <div class="feature-use-cases-right">
964                    <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/ipstack-use-case.png" style="margin-top: 3rem;" alt="IPstack Use Case"><br><br>
965                    <p class="use-cases-right-text">
966                      Use geolocation to customize content, product <br> recommendations, and the display languages of
967                      users based on <br> their location. Build a smooth, personalized user experience that <br> will
968                      provide value to your audience through increased <br> engagement and satisfaction.
969                    </p>
970                  </div>
971                </div>
972                <div class="use-cases-button">
973                  <a class="cta" href="https://app.apilayer.com/signup/ipstack?utm_source=apilayer_homepage&amp;utm_medium=internal&amp;utm_campaign=featured_section&amp;utm_content=ipstack_tile" target="_blank" rel="noreferrer noopener">
974                    <button class="fav-browse-api-btn" style="font-weight: 500;">
975                      Try IPstack
976                      <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg">
977                    </button>
978                  </a>
979                </div>
980              </section>
981            </div>
982
983            <!-- Marketstack section -->
984
985            <div class="usecase-section tab-marketstack" style="display: none;">
986              <section class="feature-use-cases-section">
987                <div class="feature-use-cases-container">
988                  <div class="feature-use-cases-left">
989                    <div class="tag font-weight-normal">USE CASES</div>
990                    <h3 class="feature-use-cases-title font-weight-normal">Discover Powerful Use Cases</h3>
991                    <p class="feature-use-cases-description font-weight-light">
992                      Learn how Marketstack helps fintech teams, analysts, and developers turn market data into practical products and better decisions with reliable, scalable API access.
993                    </p>
994                    <ul class="feature-use-case-list">
995                      <li>
996                        <div onclick="toggleAccordion(&apos;case1&apos;)" class="accordion-title">
997                          <h5 style="">Portfolio Tracking</h5>
998                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
999                        </div>
1000                        <div id="case1" class="accordion-content">
1001                          <p class="accordion-contentdiv">Track asset performance with real-time, intraday, and historical market data. Give users clear visibility into portfolio value, price movements, and long-term trends.</p>
1002                        </div>
1003                      </li>
1004                      <li>
1005                        <div onclick="toggleAccordion(&apos;case2&apos;)" class="accordion-title">
1006                          <h5 style="">Financial Dashboards</h5>
1007                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
1008                        </div>
1009                        <div id="case2" class="accordion-content">
1010                          <p class="accordion-contentdiv">Power dashboards with reliable stock data, market summaries, and historical performance insights. Help users monitor markets, compare assets, and make faster decisions.
1011                          </p>
1012                        </div>
1013                      </li>
1014                      <li>
1015                        <div onclick="toggleAccordion(&apos;case3&apos;)" class="accordion-title">
1016                          <h5 style="">Trading Signals</h5>
1017                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
1018                        </div>
1019                        <div id="case3" class="accordion-content">
1020                          <p class="accordion-contentdiv">Use market data to support alerts, signals, and rule-based trading strategies. Turn price movement and historical patterns into actionable insights for active users.</p>
1021                        </div>
1022                      </li>
1023                      <li>
1024                        <div onclick="toggleAccordion(&apos;case4&apos;)" class="accordion-title">
1025                          <h5 style="">Market Research</h5>
1026                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
1027                        </div>
1028                        <div id="case4" class="accordion-content">
1029                          <p class="accordion-contentdiv">Analyze historical market performance, compare securities, and uncover trends across sectors or time periods. Support deeper research with scalable, easy-to-access financial data.</p>
1030                        </div>
1031                      </li>
1032                    </ul>
1033                  </div>
1034
1035                  <div class="feature-use-cases-right">
1036                    <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/marketstack-use-case.png" style="margin-top: 3rem;" alt="Marketstack Use Case"><br><br>
1037                    <p class="use-cases-right-text">
1038                      Track asset performance with real-time, intraday, and historical market data. Give users clear
1039                      visibility into portfolio value, price movements, and long-term trends.
1040                    </p>
1041                  </div>
1042                </div>
1043                <div class="use-cases-button">
1044                  <a class="cta" href="https://app.apilayer.com/signup/marketstack/?utm_source=apilayer_homepage&amp;utm_medium=internal&amp;utm_campaign=featured_section&amp;utm_content=marketstack_tile" target="_blank" rel="noreferrer noopener">
1045                    <button class="fav-browse-api-btn" style="font-weight: 500;">
1046                      Try Marketstack
1047                      <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg">
1048                    </button>
1049                  </a>
1050                </div>
1051              </section>
1052            </div>
1053
1054            <!-- Aviationstack section -->
1055
1056            <div class="usecase-section tab-aviationstack active-section" style="">
1057              <section class="feature-use-cases-section">
1058                <div class="feature-use-cases-container">
1059                  <div class="feature-use-cases-left">
1060                    <div class="tag font-weight-normal">USE CASES</div>
1061                    <h3 class="feature-use-cases-title font-weight-normal">Discover Powerful Use Cases</h3>
1062                    <p class="feature-use-cases-description font-weight-light">
1063                      See how Aviationstack helps travel platforms, aviation tools, and operations teams use live flight data to build better products, automate updates, and improve visibility.
1064
1065                    </p>
1066                    <ul class="feature-use-case-list">
1067                      <li>
1068                        <div onclick="toggleAccordion(&apos;case1&apos;)" class="accordion-title">
1069                          <h5 style="">Flight Tracking</h5>
1070                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
1071                        </div>
1072                        <div id="case1" class="accordion-content">
1073                          <p class="accordion-contentdiv">Deliver real-time flight status, departure and arrival updates, and route details. Help users monitor flights accurately and stay informed throughout the journey.</p>
1074                        </div>
1075                      </li>
1076                      <li>
1077                        <div onclick="toggleAccordion(&apos;case2&apos;)" class="accordion-title">
1078                          <h5 style="">Travel Notifications</h5>
1079                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
1080                        </div>
1081                        <div id="case2" class="accordion-content">
1082                          <p class="accordion-contentdiv">Send timely alerts for delays, gate changes, cancellations, and schedule updates. Improve the travel experience with proactive, location-aware communication.
1083                          </p>
1084                        </div>
1085                      </li>
1086                      <li>
1087                        <div onclick="toggleAccordion(&apos;case3&apos;)" class="accordion-title">
1088                          <h5 style="">Airport Operations</h5>
1089                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
1090                        </div>
1091                        <div id="case3" class="accordion-content">
1092                          <p class="accordion-contentdiv">Support airport and operations teams with live flight activity, scheduling visibility, and status monitoring. Improve c
1092oordination, planning, and response times across daily operations.</p>
1093                        </div>
1094                      </li>
1095                      <li>
1096                        <div onclick="toggleAccordion(&apos;case4&apos;)" class="accordion-title">
1097                          <h5 style="">Route Monitoring</h5>
1098                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
1099                        </div>
1100                        <div id="case4" class="accordion-content">
1101                          <p class="accordion-contentdiv">Track route activity, airline schedules, and flight frequency across regions and airports. Gain better visibility into route performance and changing aviation patterns.</p>
1102                        </div>
1103                      </li>
1104                    </ul>
1105                  </div>
1106
1107                  <div class="feature-use-cases-right">
1108                    <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/aviationstack-use-case.png" style="margin-top: 3rem;" alt="Avaitionstack Use Case"><br><br>
1109                    <p class="use-cases-right-text">
1110                      Deliver real-time flight status, departure and arrival updates, and route details. Help users
1111                      monitor flights accurately and stay informed throughout the journey.
1112                    </p>
1113                  </div>
1114                </div>
1115                <div class="use-cases-button">
1116                  <a class="cta" href="https://app.apilayer.com/signup/aviationstack/?utm_source=apilayer_homepage&amp;utm_medium=internal&amp;utm_campaign=featured_section&amp;utm_content=aviationstack_tile" target="_blank" rel="noreferrer noopener">
1117                    <button class="fav-browse-api-btn" style="font-weight: 500;">
1118                      Try Aviationstack
1119                      <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg">
1120                    </button>
1121                  </a>
1122                </div>
1123              </section>
1124            </div>
1125
1126            <!-- Serpstack section -->
1127
1128            <div class="usecase-section tab-serpstack" style="display: none;">
1129              <section class="feature-use-cases-section">
1130                <div class="feature-use-cases-container">
1131                  <div class="feature-use-cases-left">
1132                    <div class="tag font-weight-normal">USE CASES</div>
1133                    <h3 class="feature-use-cases-title font-weight-normal">Discover Powerful Use Cases</h3>
1134                    <p class="feature-use-cases-description font-weight-light">
1135                      See how Serpstack helps marketers, SEO teams, and developers collect real-time search data to power tracking, research, and competitive analysis at scale.
1136
1137                    </p>
1138                    <ul class="feature-use-case-list">
1139                      <li>
1140                        <div onclick="toggleAccordion(&apos;case1&apos;)" class="accordion-title">
1141                          <h5 style="">Rank Tracking</h5>
1142                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
1143                        </div>
1144                        <div id="case1" class="accordion-content">
1145                          <p class="accordion-contentdiv">Track keyword rankings in real time and monitor visibility changes across search results. Measure SEO performance more accurately and spot gains or losses faster.</p>
1146                        </div>
1147                      </li>
1148                      <li>
1149                        <div onclick="toggleAccordion(&apos;case2&apos;)" class="accordion-title">
1150                          <h5 style="">Competitor Monitoring</h5>
1151                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
1152                        </div>
1153                        <div id="case2" class="accordion-content">
1154                          <p class="accordion-contentdiv">See how competitors appear in search results, which keywords they rank for, and how their positions change over time. Use live SERP data to sharpen your SEO strategy.
1155                          </p>
1156                        </div>
1157                      </li>
1158                      <li>
1159                        <div onclick="toggleAccordion(&apos;case3&apos;)" class="accordion-title">
1160                          <h5 style="">Keyword Intelligence</h5>
1161                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
1162                        </div>
1163                        <div id="case3" class="accordion-content">
1164                          <p class="accordion-contentdiv">Analyze live search results to understand better keyword opportunities, search intent, and content gaps. Build smarter SEO and content plans with fresher data.
1165</p>
1166                        </div>
1167                      </li>
1168                      <li>
1169                        <div onclick="toggleAccordion(&apos;case4&apos;)" class="accordion-title">
1170                          <h5 style="">SERP Feature Monitoring</h5>
1171                          <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder">
1172                        </div>
1173                        <div id="case4" class="accordion-content">
1174                          <p class="accordion-contentdiv">Monitor featured snippets, ads, local packs, and other SERP features that influence clicks and visibility. Stay on top of search changes that affect traffic and performance.</p>
1175                        </div>
1176                      </li>
1177                    </ul>
1178                  </div>
1179
1180                  <div class="feature-use-cases-right">
1181                    <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/serpstack-use-case.png" style="margin-top: 3rem;" alt="Serpstack Use Case"><br><br>
1182                    <p class="use-cases-right-text">
1183                      Track keyword rankings in real time and monitor visibility changes across search results. Measure
1184                      SEO performance more accurately and spot gains or losses faster.
1185                    </p>
1186                  </div>
1187                </div>
1188                <div class="use-cases-button">
1189                  <a class="cta" href="https://app.apilayer.com/signup/serpstack/?utm_source=apilayer_homepage&amp;utm_medium=internal&amp;utm_campaign=featured_section&amp;utm_content=serpstack_tile" target="_blank" rel="noreferrer noopener">
1190                    <button class="fav-browse-api-btn" style="font-weight: 500;">
1191                      Try Serpstack
1192                      <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg">
1193                    </button>
1194                  </a>
1195                </div>
1196              </section>
1197            </div>
1198
1199          </section>
1200        </div>
1201      </div>
1202
1203      <div class="one-account-container">
1204        <div class="one-account-inside-container">
1205          <div class="one-account-left">
1206            <h3 class="" style="font-weight: 500;">One Account.<br><span style="color: #2480FC; display:block:">Everything
1207                You Need<br> to Build.</span></h3>
1208            <div class="faq-subheading font-weight-medium">
1209              <a target="_blank" href="https://app.apilayer.com/signup?utm_source=apilayer_website&amp;utm_medium=internal&amp;utm_campaign=signup_cta&amp;utm_content=start" class="browse-btn2 browse-btn3 faq-start-btn faq-start-btn-text" style="align-items: center;">
1210                Start for Free
1211                <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/Vector-21.svg" class="arrow-icon" alt="arrow" style="width: 8px !important; margin: 0;">
1212              </a>
1213              <h2 class="cred-font">
1214                No card needed!
1215              </h2>
1216            </div>
1217            <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/one-account-graphic.png" style="width:522px; height:302px;" alt="Geolocation Use Case" class="one-account-left-image">
1218          </div>
1219          <div class="one-account-right">
1220            <div class="one-account-right-align">
1221              <div class="one-account-right-box-one">
1222                <h3>CORE FEATURE</h3>
1223                <h2>One API Key</h2>
1224                <p>Sign up once and get a single API key that unlocks your entire stack. No separate accounts, no
1225                  separate
1226                  billing, no switching between platforms.</p>
1227              </div>
1228              <div class="one-account-right-box-two">
1229                <h3>SCALE</h3>
1230                <h2>Grow As You Build</h2>
1231                <p>Start with the API you need today. As your project grows, add more APIs to your account instantly -
1232                  your key works across the whole platform.</p>
1233              </div>
1234              <div class="one-account-right-box-three">
1235                <h3>DX</h3>
1236                <h2>Built For Developers</h2>
1237                <p>Clear documentation, low latency, and consistent authentication across every API. Spend less time on
1238                  setup and more time building.</p>
1239              </div>
1240            </div>
1241          </div>
1242        </div>
1243      </div>
1244    </div>
1245          </div>
1246        
1247      
1248    
1249
1250      <div class="trusted-container">
1251        <div class="header-container">
1252          <div class="title-section">
1253            <div class="text-content">
1254              <div class="group-section marketplace-heading">
1255                <div class="labeling">
1256                  <span class="font-weight-medium" style="font-size: 0.75rem !important; line-height: 100%;">WHO IS IT FOR</span>
1257                </div>
1258                <h3 class="font-weight-normal trusted-text">Trusted Across Every Stage of Building.</h3>
1259              </div>
1260            </div>
1261            <div class="title-section-btn mr-8 pb-7">
1262              <a href="/support/?utm_source=apilayer_website&amp;utm_medium=internal&amp;utm_campaign=enterprise_inquiry&amp;utm_content=talk_to_us_about_enterprise" class="browse-button talk-us-btn">
1263                Talk to Us About Enterprise
1264                <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/Vector-21.svg" class="arrow-icon" alt="arrow">
1265              </a>
1266            </div>
1267          </div>
1268        </div>
1269        <div class="trusted-boxes">
1270          <div class="trusted-box">
1271            <h3>For Individual Developers</h3>
1272            <p>Get started in minutes. One account gives you access to everything, including free plans available on every API.</p>
1273            <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/trusted-icon-1.svg" class="trusted-icon">
1274          </div>
1275          <div class="trusted-box">
1276            <h3>For Startups</h3>
1277            <p>Move fast without fragmentation. Manage your entire API stack from one dashboard, one invoice, one API key.</p>
1278            <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/startup-rocket-icon.svg" class="trusted-icon">
1279          </div>
1280          <div class="trusted-box">
1281            <h3>For Enterprise</h3>
1282            <p>Scale with confidence. Consistent reliability, unified reporting, and enterprise plans across our full API portfolio.</p>
1283            <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/icon-03-enterprise.svg" class="trusted-icon">
1284          </div>
1285        </div>
1286      </div>
1287       <div class="api-container">
1288        <div class="header-container">
1289          <div class="title-section">
1290            <div class="text-content">
1291              <div class="group-section marketplace-heading">
1292                <h3 class="api-title-color">Built for Developers Who Move Fast</h3>
1293                <p class="font-weight-normal api-text-color">APILayer APIs are designed for seamless integration, clear documentation, <br>low latency, and one API key that unlocks your entire stack. Spend less <br>time on infrastructure and more time building what matters.</p>
1294              </div>
1295            </div>
1296            <div class="title-section-btn mr-8 pb-7">
1297              <a href="/products/?utm_source=apilayer_website&amp;utm_medium=internal&amp;utm_campaign=product_discovery&amp;utm_content=browse_all_apis" class="browse-button browse-btn-apis">
1298                Browse all APIs
1299                <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" class="arrow-icon" alt="arrow">
1300              </a>
1301            </div>
1302          </div>
1303        </div>
1304
1305        <div class="carousel-new">
1306          <div class="group-new-corousel">
1307            <div class="card-carousel">
1308              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logotwo.svg" alt="Logo 2">
1309              </div>
1310            </div>
1311            <div class="card-carousel">
1312              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logothree.svg" alt="Logo 3">
1313              </div>
1314            </div>
1315            <div class="card-carousel">
1316              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofour.svg" alt="Logo 4">
1317              </div>
1318            </div>
1319            <div class="card-carousel">
1320              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofive.svg" alt="Logo 5">
1321              </div>
1322            </div>
1323            <div class="card-carousel">
1324              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logosix.svg" alt="Logo 6">
1325              </div>
1326            </div>
1327            <div class="card-carousel">
1328              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logoone.svg" alt="Logo 1">
1329              </div>
1330            </div>
1331          </div>
1332          <div aria-hidden class="group-new-corousel">
1333            <div class="card-carousel">
1334              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logotwo.svg" alt="Logo 2">
1335              </div>
1336            </div>
1337            <div class="card-carousel">
1338              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logothree.svg" alt="Logo 3">
1339              </div>
1340            </div>
1341            <div class="card-carousel">
1342              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofour.svg" alt="Logo 4">
1343              </div>
1344            </div>
1345            <div class="card-carousel">
1346              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofive.svg" alt="Logo 5">
1347              </div>
1348            </div>
1349            <div class="card-carousel">
1350              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logosix.svg" alt="Logo 6">
1351              </div>
1352            </div>
1353            <div class="card-carousel">
1354              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logoone.svg" alt="Logo 1">
1355              </div>
1356            </div>
1357          </div>
1358        </div>
1359        
1360        <div class="carousel-new">
1361          <div class="group-reverse">
1362            <div class="card-carousel">
1363              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logoone.svg" alt="Logo 1">
1364              </div>
1365            </div>
1366            <div class="card-carousel">
1367              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logosix.svg" alt="Logo 6">
1368              </div>
1369            </div>
1370            <div class="card-carousel">
1371              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofive.svg" alt="Logo 5">
1372              </div>
1373            </div>
1374            <div class="card-carousel">
1375              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofour.svg" alt="Logo 4">
1376              </div>
1377            </div>
1378            <div class="card-carousel">
1379              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logothree.svg" alt="Logo 3">
1380              </div>
1381            </div>
1382            <div class="card-carousel">
1383              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logotwo.svg" alt="Logo 2">
1384              </div>
1385            </div>
1386          </div>
1387          <div aria-hidden class="group-reverse">
1388            <div class="card-carousel">
1389              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logoone.svg" alt="Logo 1">
1390              </div>
1391            </div>
1392            <div class="card-carousel">
1393              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logosix.svg" alt="Logo 6">
1394              </div>
1395            </div>
1396            <div class="card-carousel">
1397              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofive.svg" alt="Logo 5">
1398              </div>
1399            </div>
1400            <div class="card-carousel">
1401              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofour.svg" alt="Logo 4">
1402              </div>
1403            </div>
1404            <div class="card-carousel">
1405              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logothree.svg" alt="Logo 3">
1406              </div>
1407            </div>
1408            <div class="card-carousel">
1409              <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logotwo.svg" alt="Logo 2">
1410              </div>
1411            </div>
1412          </div>
1413        </div>
1414
1415
1416
1417        <div class="header-container-btn">
1418          <div class="title-section">
1419            <a href="/products/?utm_source=APILayerHomepage&amp;utm_medium=Referral" class="browse-button-m">
1420              Browse all APIs
1421              <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/Vector-21.svg" class="arrow-icon" alt="arrow">
1422            </a>
1423          </div>
1424        </div>
1425      </div>
1426      <!-- Feature-container with accordian -->
1427
1428      <div class="explore-section">
1429        <h2><span style="color: #2480FC;">Explore</span> Solutions</h2>
1430        <div class="explore-boxes">
1431          <div class="explore-box-one">
1432            <h3>See What You Can Build</h3>
1433            <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/apilayer_use_cases_graphic.svg" class="arrow-icon" alt="arrow">
1434            <p>From currency conversion to geolocation, fraud prevention to real-time data - explore the real-world problems developers and businesses are solving with APILayer APIs.</p>
1435            <div class="explore-btn">
1436              <a href="/developers/suite/?utm_source=apilayer_website&amp;utm_medium=internal&amp;utm_campaign=use_case_discovery&amp;utm_content=explore_use_cases" class="browse-button browse-btn-apis">
1437                Explore Use Cases
1438                <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" class="arrow-icon" alt="arrow">
1439              </a>
1440            </div>
1441          </div>
1442          <div class="explore-box-two">
1443            <h3>Built for Your Industry</h3>
1444            <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/apilayer_industries_graphic.svg" class="arrow-icon" alt="arrow">
1445            <p>Whether you're in fintech, e-commerce, travel, or SaaS - APILayer has APIs designed to solve the challenges specific to your sector. Find your fit.</p>
1446            <div class="explore-btn">
1447              <a href="/industries/?utm_source=apilayer_website&amp;utm_medium=internal&amp;utm_campaign=industry_discovery&amp;utm_content=explore_by_industry" class="browse-button">
1448                Explore by Industry 
1449                <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" class="arrow-icon" alt="arrow">
1450              </a>
1451            </div>
1452          </div>
1453        </div>
1454      </div>
1455
1456      <div class="testimonial-section">
1457        <div class="testimonial-section-title">
1458          <div class="labeling">
1459            <div class="labeling">
1460              <h5 class="testimonial-section-title">
1461                <span class="font-weight-normal">Hear from clients</span>
1462              </h5>
1463            </div>
1464          </div>
1465          <h3 class="" style="color: #27344A !important;">
1466            Trusted by<br>
1467            <span style="color: #0054d4"> Developers Worldwide </span>
1468          </h3>
1469        </div>
1470    
1471        <div class="curved-carousel-wrapper">
1472          <div class="carousel-container">
1473            <div class="testimonial-carousel-track">
1474              <!-- Card 1 -->
1475              <div class="testimonial-card position-relative">
1476                <div class="position-absolute card-img">
1477                  <img class="card-avatar" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/avatar1.png">
1478                </div>
1479    
1480                <!-- Review Content -->
1481                <div class="review-content">
1482                  "APILayer made it simple to add new capabilities to our products without adding new vendors. We shipped IP geolocation and currency conversion fast, and the unified docs plus predictable responses made integration painless."
1483                </div>
1484    
1485                <!-- Author Details Section -->
1486                <div class="author-details">
1487                  <div class="author-name font-weight-light">John D.</div>
1488                  <div class="author-title font-weight-light">
1489                    Lead Developer at InnovateTech
1490                  </div>
1491                </div>
1492              </div>
1493    
1494              <!-- Card 2 -->
1495              <div class="testimonial-card">
1496                <div class="position-absolute card-img">
1497                  <img class="card-avatar" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/avatar2.png">
1498                </div>
1499                <div class="review-content">
1500                  "What I like most is the consistency. Clear authentication, sensible error responses, and straightforward endpoints. We have used several APILayer products in our stack, and each product is consistently designed for teams that care about reliability and clean implementations."
1501                </div>
1502    
1503                <div class="author-details">
1504                  <div class="author-name">Alex K.</div>
1505                  <div class="author-title">
1506                    CTO at GlobeX Commerce
1507                  </div>
1508                </div>
1509              </div>
1510    
1511              <!-- Card 3 -->
1512              <div class="testimonial-card">
1513                <div class="position-absolute card-img">
1514                  <img class="card-avatar" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/avatar3.png">
1515                </div>
1516    
1517                <!-- Review Content -->
1518                <div class="review-content">
1519                  "We started with one API, then added two more as new features came up. The big win was not having to redo our whole integration approach each time. Same general flow, same style of docs, and it was easy to keep everything organized across environments."
1520                </div>
1521    
1522                <!-- Author Details Section -->
1523                <div class="author-details">
1524                  <div class="author-name">David L.</div>
1525                  <div class="author-title">
1526                    Senior Software Engineer at Nexa Solutions
1527                  </div>
1528                </div>
1529              </div>
1530    
1531              <!-- Card 4 -->
1532              <div class="testimonial-card">
1533                <div class="position-absolute card-img">
1534                  <img class="card-avatar" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/avatar4.png">
1535                </div>                
1536    
1537                <!-- Review Content -->
1538                <div class="review-content">
1539                  "One thing I genuinely appreciate is how often APILayer ships meaningful updates on its products. New endpoints and improvements show up that either solve real developer problems or allow us to build a new feature. This has given us the confidence to build on top of the platform as our product evolves."
1540                </div>
1541    
1542                <!-- Author Details Section -->
1543                <div class="author-details">
1544                  <div class="author-name">
1544Mark R.</div>
1545                  <div class="author-title">
1546                    Software Developer at CloudWorks
1547                  </div>
1548                </div>
1549              </div>
1550            </div>
1551          </div>
1552    
1553          <!-- <div class="testimonial-carousel-nav">
1554            <button class="testimonial-nav-button previousButton">←</button>
1555            <button class="testimonial-nav-button NextButton">→</button>
1556          </div> -->
1557
1558          <div class="testimonial-carousel-nav">
1559            <!-- Left Arrow Button with SVG -->
1560            <button class="testimonial-nav-button previousButton">
1561              <div class="arrow-icon-lr left-arrow">
1562                <svg width="16" height="14" style="margin-bottom: 0px;" viewbox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1563                  <path d="M15.4453 7.18311L0.560377 7.1831" stroke="#2480FC" stroke-width="1.5" stroke-linejoin="bevel"></path>
1564                  <path d="M6.39063 1.36481L0.567039 7.1896L6.39062 13.0132" stroke="#2480FC" stroke-width="1.5" stroke-linejoin="bevel"></path>
1565                </svg>
1566              </div>
1567            </button>
1568          
1569            <!-- Right Arrow Button with SVG -->
1570            <button class="testimonial-nav-button NextButton">
1571              <div class="arrow-icon-lr right-arrow">
1572                <svg width="16" height="13" style="margin-bottom: 0px;" viewbox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1573                  <path d="M0.171875 6.51025H15.0568" stroke="#2480FC" stroke-width="1.5" stroke-linejoin="bevel"></path>
1574                  <path d="M9.23438 12.3285L15.058 6.50376L9.23438 0.680176" stroke="#2480FC" stroke-width="1.5" stroke-linejoin="bevel"></path>
1575                </svg>
1576              </div>
1577            </button>
1578          </div>
1579        </div>
1580      </div>
1581    
1582    
1583      <!-- Latest Insights section Starts here  -->
1584    
1585      <div class="insights-container" style="margin-bottom: 80px;">
1586          <div class="insights-content-container">
1587            
1588        <div class="insights-header">
1589            <span class="insights-clients-tag">LATEST NEWS</span>
1590          <h3 class="font-weight-normal" style="color: white !important; line-height:48px!important;">Latest Insights On Your Fingertips</h3>
1591          <p class="font-weight-light">
1592            Stay ahead of the curve with our API insights. Discover the latest trends, best <br> practices, and innovative use
1593            cases in
1594            our blog posts and newsletter.
1595          </p>
1596          <!-- <div class="insights-navigation">
1597            <button class="insights-nav-button">←</button>
1598            <button class="insights-nav-button">→</button>
1599          </div> -->
1600
1601          <div class="insights-navigation">
1602            <!-- Left Arrow Button with SVG -->
1603            <button class="insights-nav-button previousButton">
1604              <div class="arrow-icon-lri left-arrow">
1605                <svg width="16" height="14" style="margin-bottom: 0px;" viewbox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1606                  <path d="M15.4453 7.18311L0.560377 7.1831" stroke="#27344A" stroke-width="1.5" stroke-linejoin="bevel"></path>
1607                  <path d="M6.39063 1.36481L0.567039 7.1896L6.39062 13.0132" stroke="#27344A" stroke-width="1.5" stroke-linejoin="bevel"></path>
1608                </svg>
1609              </div>
1610            </button>
1611            <!-- Right Arrow Button with SVG -->
1612            <button class="insights-nav-button NextButton">
1613              <div class="arrow-icon-lri right-arrow">
1614                <svg width="16" height="13" style="margin-bottom: 0px;" viewbox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1615                  <path d="M0.171875 6.51025H15.0568" stroke="#27344A" stroke-width="1.5" stroke-linejoin="bevel"></path>
1616                  <path d="M9.23438 12.3285L15.058 6.50376L9.23438 0.680176" stroke="#27344A" stroke-width="1.5" stroke-linejoin="bevel"></path>
1617                </svg>
1618              </div>
1619            </button>
1620          </div>
1621        </div>
1622    
1623        <div class="insights-carousel-container">
1624
1625          <div class="insights-carousel-track" id="insightsCarouselTrack">
1626            <div class="insights-card">
1627              <img class="insights-card-thumb" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/mcpvscli.png" alt="MCP versus CLI workflows" loading="lazy">
1628              <div class="insights-card-body">
1629                <span class="insights-card-tag">NEWS</span>
1630                <h5 style="color: white !important">MCP vs CLI: Which is Better for AI-Assisted Developer Workflows</h5>
1631                <p class="insights-card-date">May 15, 2026</p>
1632                <a href="https://blog.apilayer.com/mcp-vs-cli-which-is-better-for-ai-assisted-developer-workflows-2/?utm_source=apilayer_homepage&amp;utm_medium=content&amp;utm_campaign=blog_engagement&amp;utm_content=mcp_vs_cli_article" target="_blank" rel="noreferrer noopener" class="insights-card-link">Read more <img class="card-quote-icon" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/quote-Vector-1.svg" alt="Arrow icon"></a>
1633              </div>
1634            </div>
1635
1636            <div class="insights-card">
1637              <img class="insights-card-thumb" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/stockdataapiguide.png" alt="Stock data API guide" loading="lazy">
1638              <div class="insights-card-body">
1639                <span class="insights-card-tag">NEWS</span>
1640                <h5 style="color: white !important">Stock Data API Guide: How to Get Real-Time and Historical Stock Prices Using REST Endpoints</h5>
1641                <p class="insights-card-date">May 5, 2026</p>
1642                <a href="https://blog.apilayer.com/stock-data-api-guide-how-to-get-real-time-and-historical-stock-prices-using-rest-endpoints/?utm_source=apilayer_homepage&amp;utm_medium=content&amp;utm_campaign=blog_engagement&amp;utm_content=stock_data_api_guide_article" target="_blank" rel="noreferrer noopener" class="insights-card-link">Read more <img class="card-quote-icon" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/quote-Vector-1.svg" alt="Arrow icon"></a>
1643              </div>
1644            </div>
1645
1646            <div class="insights-card">
1647              <img class="insights-card-thumb" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/intradaystockdata.png" alt="Intraday stock data explained" loading="lazy">
1648              <div class="insights-card-body">
1649                <span class="insights-card-tag">NEWS</span>
1650                <h5 style="color: white !important">Intraday Stock Data Explained: What It Is, How It Works, and How to Use It for Charts, Alerts, and Backtesting</h5>
1651                <p class="insights-card-date">April 23, 2026</p>
1652                <a href="https://blog.apilayer.com/intraday-stock-data-explained-what-it-is-how-it-works-and-how-to-use-it-for-charts-alerts-and-backtesting/?utm_source=apilayer_homepage&amp;utm_medium=content&amp;utm_campaign=blog_engagement&amp;utm_content=intraday_stock_data_article" target="_blank" rel="noreferrer noopener" class="insights-card-link">Read more <img class="card-quote-icon" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/quote-Vector-1.svg" alt="Arrow icon"></a>
1653              </div>
1654            </div>
1655
1656            <div class="insights-card">
1657              <img class="insights-card-thumb" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/ipaddressmetadata.png" alt="IP address metadata" loading="lazy">
1658              <div class="insights-card-body">
1659                <span class="insights-card-tag">NEWS</span>
1660                <h5 style="color: white !important">IP Address Metadata Explained: What You Can Learn From an IP (ISP, ASN, Location, and More)</h5>
1661                <p class="insights-card-date">April 17, 2026</p>
1662                <a href="https://blog.apilayer.com/ip-address-metadata-explained-what-you-can-learn-from-an-ip-isp-asn-location-and-more/?utm_source=apilayer_homepage&amp;utm_medium=content&amp;utm_campaign=blog_engagement&amp;utm_content=ip_address_metadata_article" target="_blank" rel="noreferrer noopener" class="insights-card-link">Read more <img class="card-quote-icon" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/quote-Vector-1.svg" alt="Arrow icon"></a>
1663              </div>
1664            </div>
1665
1666            <div class="insights-card">
1667              <img class="insights-card-thumb" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/staticipaddressexplained.png" alt="Static IP address explained" loading="lazy">
1668              <div class="insights-card-body">
1669                <span class="insights-card-tag">NEWS</span>
1670                <h5 style="color: white !important">Static IP Address Explained: What It Is, Pros, Cons, Costs, and When You Need One</h5>
1671                <p class="insights-card-date">June 17, 2026</p>
1672                <a href="https://blog.apilayer.com/static-ip-address-explained-what-it-is-pros-cons-costs-and-when-you-need-one/?utm_source=apilayer_homepage&amp;utm_medium=content&amp;utm_campaign=blog_engagement&amp;utm_content=static_ip_address_article" target="_blank" rel="noreferrer noopener" class="insights-card-link">Read more <img class="card-quote-icon" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/quote-Vector-1.svg" alt="Arrow icon"></a>
1673              </div>
1674            </div>
1675
1676            <!-- DUPLICATE of card 4 — same article, same date. Delete this card. -->
1677            <div class="insights-card">
1678              <img class="insights-card-thumb" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/ipaddressmetadata.png" alt="IP address metadata" loading="lazy">
1679              <div class="insights-card-body">
1680                <span class="insights-card-tag">NEWS</span>
1681                <h5 style="color: white !important">IP Address Metadata Explained: What You Can Learn From an IP (ISP, ASN, Location, and More)</h5>
1682                <p class="insights-card-date">April 17, 2026</p>
1683                <a href="https://blog.apilayer.com/ip-address-metadata-explained-what-you-can-learn-from-an-ip-isp-asn-location-and-more/?utm_source=apilayer_homepage&amp;utm_medium=content&amp;utm_campaign=blog_engagement&amp;utm_content=ip_address_metadata_article" target="_blank" rel="noreferrer noopener" class="insights-card-link">Read more <img class="card-quote-icon" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/quote-Vector-1.svg" alt="Arrow icon"></a>
1684              </div>
1685            </div>
1686
1687          </div>
1688    
1689          <div class="insights-progress-bar">
1690            <div class="insights-progress" id="insightsProgress"></div>
1691          </div>
1692        </div>
1693        </div>
1694      </div>
1695    
1696      <!-- Latest Insights section Ends here  -->
1697    
1698    </body><html><footer style="text-align: left !important;">
1699  <div class="footer-header">
1700    <div class="logo-container">
1701      <a href="/">
1702        <img alt="API Layer Logo" class="logo" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/footerlogo.svg">
1703      </a>
1704    </div>
1705    <a href="/products?utm_source=APILayerHomePage&amp;utm_medium=Referral" class="browse-btn" style="width:162px;">
1706      Browse all APIs
1707      <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg">
1708    </a>
1709  </div>
1710  <div class="content-grid">
1711    <div class="sitemap">
1712      <div class="sitemap-lists">
1713            <ul class="sitemap-list">
1714            <p class="footer-p-tags font-weight-medium" style="color: white !important">APILayer</p>
1715            <li class="footer-p-tags font-weight-normal"><a href="/why-choose-apilayer">About</a></li>
1716            <li class="footer-p-tags font-weight-normal"><a href="/products/?utm_source=APILayerHomePage&amp;utm_medium=internal&amp;utm_campaign=main_nav&amp;utm_content=products_menu">Products</a></li>
1717            </ul>
1718            <ul class="sitemap-list">
1719            <p class="footer-p-tags font-weight-medium" style="color: white !important">Developers</p>
1720            <li class="footer-p-tags font-weight-normal"><a target="_blank" href="https://docs.apilayer.com/apilayer/docs/api-layer-hub?utm_source=apilayer_footer&amp;utm_medium=internal&amp;utm_campaign=footer_navigation&amp;utm_content=documentation">Documentation</a></li>
1721            </ul>
1722            <ul class="sitemap-list">
1723            <p class="footer-p-tags font-weight-medium" style="color: white !important">Content</p>
1724            <li class="footer-p-tags font-weight-normal"><a href="/marketstack-vs-alphavantage">Marketstack vs Alpha Vantage</a></li>
1725            </ul>
1726            <ul class="sitemap-list">
1727            <p class="footer-p-tags font-weight-medium" style="color: white !important">Community</p>
1728            <li class="footer-p-tags font-weight-normal"><a target="_blank" href="https://github.com/public-apis/public-apis">Github</a></li>
1729            <li class="footer-p-tags font-weight-normal"><a target="_blank" href="https://discord.com/invite/hgjA78638n">Discord</a></li>
1730            </ul>
1731            <ul class="sitemap-list">
1732            <p class="footer-p-tags font-weight-medium" style="color: white !important">Support</p>
1733            <li class="footer-p-tags font-weight-normal"><a href="/support">Contact Sales</a></li>
1734            <li class="footer-p-tags font-weight-normal"><a href="/contact-us">Helpdesk</a></li>
1735            <!--<li class="footer-p-tags font-weight-normal">
1735<a href="https://blog.apilayer.com/" target="_blank">Blog</a></li>-->
1736            </ul>
1737            <ul class="sitemap-list">
1738            <p class="footer-p-tags font-weight-medium" style="color: white !important">Resources</p>
1739            <li class="footer-p-tags font-weight-normal"><a href="https://blog.apilayer.com/" target="_blank">Blogs</a></li>
1740            <li class="footer-p-tags font-weight-normal"><a href="/faq">FAQs</a></li>
1741            <li class="footer-p-tags font-weight-normal"><a href="/developers/suite/">Use Cases</a></li>
1742            <li class="footer-p-tags font-weight-normal"><a href="/why-choose-apilayer">Why choose APILayer</a></li>
1743            </ul>
1744        </div>
1745    </div>
1746
1747    
1748    <div class="newsletter newsletter-v2">
1749      <div>
1750        <p class="footer-p-tags font-weight-medium" style="color: white !important">Newsletter</p>
1751        <p class="footer-p-tags font-weight-normal">
1752          Join our newsletter to receive the latest API <br>insights, tips, and
1753          updates straight to your inbox.
1754        </p>
1755        <form class="newsletter-form" id="newsletter-form">
1756          <input class="newsletter-input" placeholder="Email" type="email" id="footer-email" required>
1757          <button class="subscribe-btn" type="submit">
1758            Subscribe
1759            <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" class="subscribe-arrow">
1760          </button>
1761        </form>
1762      </div>
1763      <div class="Connect">
1764        <p class="footer-p-tags font-weight-medium" style="color: white !important">Connect</p>
1765        <!--New social media icons start-->
1766        <div class="social-icons">
1767
1768          <a href="https://www.instagram.com/apilayer/" target="_blank" class="icon-box">
1769            <svg class="h-6 w-6 icon" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true">
1770              <path fill-rule="evenodd" d="M17.34,5.46h0a1.2,1.2,0,1,0,1.2,1.2A1.2,1.2,0,0,0,17.34,5.46Zm4.6,2.42a7.59,7.59,0,0,0-.46-2.43,4.94,4.94,0,0,0-1.16-1.77,4.7,4.7,0,0,0-1.77-1.15,7.3,7.3,0,0,0-2.43-.47C15.06,2,14.72,2,12,2s-3.06,0-4.12.06a7.3,7.3,0,0,0-2.43.47A4.78,4.78,0,0,0,3.68,3.68,4.7,4.7,0,0,0,2.53,5.45a7.3,7.3,0,0,0-.47,2.43C2,8.94,2,9.28,2,12s0,3.06.06,4.12a7.3,7.3,0,0,0,.47,2.43,4.7,4.7,0,0,0,1.15,1.77,4.78,4.78,0,0,0,1.77,1.15,7.3,7.3,0,0,0,2.43.47C8.94,22,9.28,22,12,22s3.06,0,4.12-.06a7.3,7.3,0,0,0,2.43-.47,4.7,4.7,0,0,0,1.77-1.15,4.85,4.85,0,0,0,1.16-1.77,7.59,7.59,0,0,0,.46-2.43c0-1.06.06-1.4.06-4.12S22,8.94,21.94,7.88ZM20.14,16a5.61,5.61,0,0,1-.34,1.86,3.06,3.06,0,0,1-.75,1.15,3.19,3.19,0,0,1-1.15.75,5.61,5.61,0,0,1-1.86.34c-1,.05-1.37.06-4,.06s-3,0-4-.06A5.73,5.73,0,0,1,6.1,19.8,3.27,3.27,0,0,1,5,19.05a3,3,0,0,1-.74-1.15A5.54,5.54,0,0,1,3.86,16c0-1-.06-1.37-.06-4s0-3,.06-4A5.54,5.54,0,0,1,4.21,6.1,3,3,0,0,1,5,5,3.14,3.14,0,0,1,6.1,4.2,5.73,5.73,0,0,1,8,3.86c1,0,1.37-.06,4-.06s3,0,4,.06a5.61,5.61,0,0,1,1.86.34A3.06,3.06,0,0,1,19.05,5,3.06,3.06,0,0,1,19.8,6.1,5.61,5.61,0,0,1,20.14,8c.05,1,.06,1.37.06,4S20.19,15,20.14,16ZM12,6.87A5.13,5.13,0,1,0,17.14,12,5.12,5.12,0,0,0,12,6.87Zm0,8.46A3.33,3.33,0,1,1,15.33,12,3.33,3.33,0,0,1,12,15.33Z"></path>
1771            </svg>
1772          </a>
1773          <a href="https://www.facebook.com/APILayer/" target="_blank" class="icon-box">
1774            <svg class="h-6 w-6 icon" fill="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1775              <path fill-rule="evenodd" d="M14,6h3a1,1,0,0,0,1-1V3a1,1,0,0,0-1-1H14A5,5,0,0,0,9,7v3H7a1,1,0,0,0-1,1v2a1,1,0,0,0,1,1H9v7a1,1,0,0,0,1,1h2a1,1,0,0,0,1-1V14h2.22a1,1,0,0,0,1-.76l.5-2a1,1,0,0,0-1-1.24H13V7A1,1,0,0,1,14,6Z"></path>
1776            </svg>
1777          </a>
1778          <a href="https://www.linkedin.com/company/apilayer/" target="_blank" class="icon-box">
1779            <svg class="h-6 w-6 icon" fill="currentColor" viewbox="-2.5 -2 24 26" aria-hidden="true">
1780              <path fill-rule="evenodd" d="M19.959 11.719v7.379h-4.278v-6.885c0-1.73-.619-2.91-2.167-2.91-1.182 0-1.886.796-2.195 1.565-.113.275-.142.658-.142 1.043v7.187h-4.28s.058-11.66 0-12.869h4.28v1.824l-.028.042h.028v-.042c.568-.875 1.583-2.126 3.856-2.12
17806 2.815 0 4.926 1.84 4.926 5.792zM2.421.026C.958.026 0 .986 0 2.249c0 1.235.93 2.224 2.365 2.224h.028c1.493 0 2.42-.989 2.42-2.224C4.787.986 3.887.026 2.422.026zM.254 19.098h4.278V6.229H.254v12.869z"></path>
1781            </svg>
1782          </a>
1783          <a href="https://twitter.com/apilayer/" target="_blank" class="icon-box">
1784            <svg class="h-6 w-6 icon" fill="currentColor" viewbox="-4 -4 24 26" aria-hidden="true">
1785              <path fill-rule="evenodd" d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"></path>
1786            </svg>
1787          </a>
1788          <a href="https://www.youtube.com/channel/UCwDncja3klyMhkKXWV1zoNQ" target="_blank" class="icon-box">
1789            <svg class="h-6 w-6 icon" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true">
1790              <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7489 4C10.755 4.00335 6.95329 4.03145 4.29761 4.23019C3.86729 4.28305 2.92964 4.28706 2.09295 5.19376C1.43291 5.88365 1.21872 7.45214 1.21872 7.45214C1.21872 7.45214 1.01747 9.13906 1 10.8982V13.0957C1.01747 14.8549 1.21872 16.5418 1.21872 16.5418C1.21872 16.5418 1.43291 18.1097 2.09295 18.8002C2.92964 19.7069 4.02971 19.6781 4.51956 19.7725C6.12954 19.9324 11.0533 19.9913 11.8803 20H12.2893C13.3485 19.994 17.0829 19.9599 19.7011 19.7638C20.1314 19.7109 21.0691 19.7069 21.9058 18.8002C22.5658 18.1097 22.78 16.5418 22.78 16.5418C22.78 16.5418 23 14.701 23 12.8602V11.1338C23 9.29229 22.78 7.45214 22.78 7.45214C22.78 7.45214 22.5658 5.88365 21.9058 5.19376C21.0691 4.28706 20.1314 4.28305 19.7011 4.23019C17.0454 4.03145 13.2437 4.00335 12.2491 4H11.7489ZM9.72675 8.56008L15.6723 11.7681L9.72804 14.9548L9.72675 8.56008Z"></path>
1791            </svg>
1792          </a>
1793          <a href="https://github.com/public-apis/public-apis" target="_blank" class="icon-box">
1794            <svg class="h-6 w-6 icon" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true">
1795              <path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"></path>
1796            </svg>
1797          </a>
1798          <a href="https://discord.com/invite/hgjA78638n" target="_blank" class="icon-box">
1799            <svg class="h-6 w-6 icon" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true">
1800              <path fill-rule="evenodd" d="M18.8944 4.34399C17.5184 3.71467 16.057 3.256 14.5317 3C14.3397 3.33067 14.1263 3.77866 13.977 4.13067C12.3546 3.89599 10.7439 3.89599 9.14394 4.13067C8.9946 3.77866 8.77059 3.33067 8.58925 3C7.05328 3.256 5.59194 3.71467 4.22555 4.34399C1.46289 8.41865 0.716219 12.3973 1.08955 16.3226C2.92421 17.6559 4.6949 18.4666 6.43463 19C6.86129 18.424 7.2453 17.8053 7.57597 17.1546C6.94663 16.92 6.3493 16.632 5.7733 16.2906C5.92263 16.184 6.07197 16.0667 6.21064 15.9493C9.68796 17.5387 13.4544 17.5387 16.889 15.9493C17.0383 16.0667 17.177 16.184 17.3263 16.2906C16.7503 16.632 16.153 16.92 15.5237 17.1546C15.8543 17.8053 16.2384 18.424 16.665 19C18.4037 18.4666 20.185 17.6559 22.0101 16.3226C22.4687 11.7787 21.2837 7.83202 18.8944 4.34399ZM8.05596 13.9013C7.01061 13.9013 6.15728 12.952 6.15728 11.7893C6.15728 10.6267 6.98928 9.67731 8.05596 9.67731C9.11194 9.67731 9.97591 10.6267 9.95457 11.7893C9.95457 12.952 9.11194 13.9013 8.05596 13.9013ZM15.065 13.9013C14.0197 13.9013 13.1653 12.952 13.1653 11.7893C13.1653 10.6267 13.9983 9.67731 15.065 9.67731C16.121 9.67731 16.985 10.6267 16.9637 11.7893C16.9637 12.952 16.1317 13.9013 15.065 13.9013Z"></path>
1801            </svg>
1802          </a>
1803        </div>
1804      </div>
1805    </div>
1806  </div>
1807
1808  <div class="footer-bottom">
1809    <p class="footer-p-tags font-weight-normal">© 2026 APILayer. All rights reserved.</p>
1810    <div class="footer-links">
1811      <a class="footer-p-tags font-weight-normal" href="https://www.ideracorp.com/legal/APILayer" target="_blank" rel="noreferrer noopener nofollow">Privacy Policy</a>
1812      <a class="footer-p-tags font-weight-normal" href="https://www.ideracorp.com/legal/APILayer" target="_blank" rel="noreferrer noopener nofollow">Imprint</a>
1813      <a class="footer-p-tags font-weight-normal" href="https://www.ideracorp.com/Legal/Terms-of-Use" target="_blank" rel="noreferrer noopener nofollow">Terms</a>
1814      <a class="footer-p-tags font-weight-normal" href="https://www.ideracorp.com/en/legal/privacypolicy" target="_blank" rel="noreferrer noopener nofollow">Cookie Preferences</a>
1815    </div>
1816  </div>
1817</footer>
1818
1819<script>
1820  document.addEventListener("DOMContentLoaded", () => {
1821    const newsletterForm = document.getElementById("newsletter-form");
1822    const input = document.getElementById("footer-email");
1823
1824    if (!newsletterForm || !input) return;
1825
1826    newsletterForm.addEventListener("submit", (e) => {
1827      e.preventDefault();
1828
1829      const value = input.value.trim();
1830      if (!value) return;
1831
1832      //window.location.href = `/newsletter?value=${encodeURIComponent(value)}`;
1833      window.location.href = `https://app.apilayer.com/newsletter?email=${encodeURIComponent(value)}`;
1834    });
1835  });
1836
1837  // IPstack API
1838  const ipstack_api_el = document.getElementById("ipstack_api_block");
1839  if (ipstack_api_el) {
1840    ipstack_api_el.addEventListener("click", function() {
1841      window.location.href = "/products/ipstack";
1842    });
1843  }
1844
1845  // PositionStack API
1846  const positionstack_api_el = document.getElementById("positionstack_api_block");
1847  if (positionstack_api_el) {
1848    positionstack_api_el.addEventListener("click", function() {
1849      window.location.href = "/products/positionstack";
1850    });
1851  }
1852
1853  // MediaStack API
1854  const mediastack_api_el = document.getElementById("mediastack_api_block");
1855  if (mediastack_api_el) {
1856    mediastack_api_el.addEventListener("click", function() {
1857      window.location.href = "/products/mediastack";
1858    });
1859  }
1860
1861  // MarketStack API
1862  const marketstack_api_el = document.getElementById("marketstack_api_block");
1863  if (marketstack_api_el) {
1864    marketstack_api_el.addEventListener("click", function() {
1865      window.location.href = "/products/marketstack";
1866    });
1867  }
1868
1869  // AviationStack API
1870  const aviationstack_api_el = document.getElementById("aviationstack_api_block");
1871  if (aviationstack_api_el) {
1872    aviationstack_api_el.addEventListener("click", function() {
1873      window.location.href = "/products/aviationstack";
1874    });
1875  }
1876
1877  // Countrylayer API
1878  const countrylayer_api_el = document.getElementById("countrylayer_api_block");
1879  if (countrylayer_api_el) {
1880    countrylayer_api_el.addEventListener("click", function() {
1881      window.location.href = "/products/countrylayer";
1882    });
1883  }
1884
1885  // Serpstack API
1886  const serpstack_api_el = document.getElementById("serpstack_api_block");
1887  if (serpstack_api_el) {
1888    serpstack_api_el.addEventListener("click", function() {
1889      window.location.href = "/products/serpstack";
1890    });
1891  }
1892
1893  // ScrapeStack API
1894  const scrapestack_api_el = document.getElementById("scrapestack_api_block");
1895  if (scrapestack_api_el) {
1896    scrapestack_api_el.addEventListener("click", function() {
1897      window.location.href = "/products/scrapestack";
1898    });
1899  }
1900
1901  // Mailboxlayer API
1902  const mailboxlayer_api_el = document.getElementById("mailboxlayer_api_block");
1903  if (mailboxlayer_api_el) {
1904    mailboxlayer_api_el.addEventListener("click", function() {
1905      window.location.href = "/products/mailboxlayer";
1906    });
1907  }
1908</script>
1908
1909
1910<script type="speculationrules">
1911{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-theme-child/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1912</script>
vendor: 1 bytes, line 1912
1912
1913<script id="bootstrap-js-js" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 1913
1913
1914<script id="hello-theme-frontend-js" src="/wp-content/themes/hello-elementor/assets/js/hello-frontend.js?ver=3.5.1"></script>
1914
1915
1916
1917</html></html><!-- --------- Homepage Revamp all content End here --------  --><!-- Link to JavaScript -->
1917<script>
1918
1919  document.addEventListener("DOMContentLoaded", () => {
1920    // Pop animation for icons
1921    const icons = document.querySelectorAll(".pop-animation");
1922    icons.forEach((icon) => {
1923      const delay = parseFloat(icon.getAttribute("data-delay")) || 0;
1924      setTimeout(() => {
1925        icon.classList.add("animate");
1926      }, delay * 1000);
1927    });
1928
1929    // Counter animation function
1930    function animateCounter(element, target, format, duration) {
1931      let start = 0;
1932      const increment = target / (duration / 16); // 16ms is roughly 60fps
1933
1934      function formatNumber(num, format) {
1935          const value = Number.isInteger(num)
1936            ? num.toString()
1937            : num.toFixed(1);
1938        
1939          switch (format) {
1940            case "m":
1941              return value + "m";
1942            case "k":
1943              return value + "K";
1944            // case "b":
1945            //   return value + "b";
1946            default:
1947              return value;
1948          }
1949        }
1950
1951      function updateCounter() {
1952        start += increment;
1953        if (start >= target) {
1954          element.textContent = formatNumber(target, format);
1955        } else {
1956          element.textContent = formatNumber(start, format);
1957          requestAnimationFrame(updateCounter);
1958        }
1959      }
1960
1961      updateCounter();
1962    }
1963
1964    // Fade in and counter animation for content on scroll
1965    const fadeElements = document.querySelectorAll(".fade-in-animation");
1966    const numberElements = document.querySelectorAll(
1967      ".numbertiles .number-dark"
1968    );
1969    const windowHeight = window.innerHeight;
1970    let hasAnimated = false;
1971
1972    function handleScroll() {
1973      fadeElements.forEach((element) => {
1974        const elementPosition =
1975          element.getBoundingClientRect().top + window.pageYOffset;
1976        const scrollPosition = window.pageYOffset + windowHeight;
1977
1978        if (scrollPosition > elementPosition - 100) {
1979          const delay = parseFloat(element.getAttribute("data-delay")) || 0;
1980          setTimeout(() => {
1981            element.classList.add("visible");
1982
1983            // Start counter animation when cards become visible
1984            if (!hasAnimated && element.closest(".curve-card-container")) {
1985              hasAnimated = true;
1986
1987              numberElements.forEach((numberElement) => {
1988                const text = numberElement.textContent.toLowerCase();
1989                let target, format;
1990
1991                if (text.includes("k")) {
1992                  target = parseFloat(text);
1993                  format = "k";
1994                } else if (text.includes("m")) {
1995                  target = parseFloat(text);
1996                  format = "m";
1997                } else {
1998                  target = parseFloat(text);
1999                  format = "";
2000                }
2001                //console.log('text',text, target, format);
2002
2003                animateCounter(numberElement, target, format, 2000); // 2000ms duration
2004              });
2005            }
2006          }, delay * 1000);
2007        }
2008      });
2009    }
2010
2011    window.addEventListener("scroll", handleScroll);
2012    handleScroll(); // Check initial position
2013  });
2014
2015  const track = document.querySelector(".testimonial-carousel-track");
2016  const Testimonialcards = document.querySelectorAll(".testimonial-card");
2017  const NextButton = document.querySelector(".NextButton");
2018  const PrevButton = document.querySelector(".previousButton");
2019  let currentIndex = 0;
2020
2021  function updatetestimonialCarousel() {
2022    const slideWidth = Testimonialcards[0].offsetWidth + 20; // Include gap
2023    track.style.transform = `translateX(-${currentIndex * slideWidth}px)`;
2024
2025    Testimonialcards.forEach((card, index) => {
2026      card.classList.remove("active");
2027      if (index === currentIndex) {
2028        card.classList.add("active");
2029      }
2030    });
2031  }
2032
2033  NextButton.addEventListener("click", () => {
2034    currentIndex = (currentIndex + 1) % Testimonialcards.length;
2035    updatetestimonialCarousel();
2036  });
2037
2038  PrevButton.addEventListener("click", () => {
2039    currentIndex =
2040      (currentIndex - 1 + Testimonialcards.length) %
2041      Testimonialcards.length;
2042    updatetestimonialCarousel();
2043  });
2044
2045  // Initial setup
2046  updatetestimonialCarousel();
2047
2048  // Update on window resize
2049  window.addEventListener("resize", updatetestimonialCarousel);
2050
2051
2052  /* Latest Insights section Script of progress bar Starts here  */
2053
2054  let insightcurrentIndex = 0;
2055  const insighttrack = document.getElementById("insightsCarouselTrack");
2056  const progress = document.getElementById("insightsProgress");
2057
2058  const progressSteps = [33.33, 66.66, 100]; // Define progress steps for each slide
2059
2060  function updateCarousel() {
2061    const isMobile = window.innerWidth <= 768;
2062    let offset;
2063
2064    // Adjust the offset based on the current index and screen size
2065    offset = isMobile ? -insightcurrentIndex * 120 : -insightcurrentIndex * (33.333 + 1);
2066    insighttrack.style.transform = `translateX(${offset}%)`;
2067
2068    // Update the progress bar based on the current index
2069    const progressWidth = progressSteps[insightcurrentIndex];
2070    progress.style.width = `${progressWidth}%`;
2071  }
2072
2073  function nextSlide() {
2074    insightcurrentIndex++;
2075    if (insightcurrentIndex >= progressSteps.length) {
2076      insightcurrentIndex = 0; // Wrap around
2077    }
2078    updateCarousel();
2079  }
2080
2081  function prevSlide() {
2082    insightcurrentIndex--;
2083    if (insightcurrentIndex < 0) {
2084      insightcurrentIndex = progressSteps.length - 1; // Wrap around
2085    }
2086    updateCarousel();
2087  }
2088
2089  // Attach event listeners to buttons
2090  document.querySelectorAll('.insights-nav-button').forEach(button => {
2091    button.addEventListener('click', (e) => {
2092      if (button.classList.contains('NextButton')) {
2093        nextSlide();
2094      } else {
2095        prevSlide();
2096      }
2097    });
2098  });
2099
2100  // Initial update to set up carousel and progress
2101  updateCarousel();
2102
2103  // Handle window resize
2104  window.addEventListener("resize", updateCarousel);
2105
2106
2107  /* Latest Insights section Script of progress bar Ends here  */
2108
2109
2110  function toggleAccordion(caseId) {
2111    const allAccordions = document.querySelectorAll('.accordion-content');
2112    const allTitles = document.querySelectorAll('.accordion-title');
2113
2114    allAccordions.forEach((accordion) => {
2115      if (accordion.id === caseId) {
2116        if (accordion.style.display === "block") {
2117          accordion.style.display = "none";
2118          accordion.classList.remove('show');
2119        } else {
2120          accordion.style.display = "block";
2121          accordion.classList.add('show');
2122        }
2123      } else {
2124        accordion.style.display = "none";
2125        accordion.classList.remove('show');
2126      }
2127    });
2128
2129    allTitles.forEach((title) => {
2130      if (title.parentNode.querySelector('.accordion-content').id === caseId) {
2131        title.classList.toggle('active');
2132      } else {
2133        title.classList.remove('active');
2134      }
2135    });
2136  }
2137
2138  const observer = new IntersectionObserver((entries, observer) => {
2139    entries.forEach(entry => {
2140      if (entry.isIntersecting) {
2141        // Add the 'slide-in' class when the image enters the viewport
2142        entry.target.classList.add('slide-in');
2143        observer.unobserve(entry.target); // Stop observing once animation is triggered
2144      }
2145    });
2146  }, {
2147    threshold: 0.5 // Trigger when 50% of the image is visible
2148  });
2149
2150  // Target the image and start observing it
2151  const image = document.querySelector('.overlay-image');
2152  if (image) {
2153    observer.observe(image);
2154  }
2155
2156  const observer2 = new IntersectionObserver((entries, observer) => {
2157    entries.forEach(entry => {
2158      if (entry.isIntersecting) {
2159        if (entry.target.tagName === 'P') {
2160          entry.target.classList.remove("hidden");
2161          entry.target.classList.add("typewriter");
2162
2163          const preCode = document.querySelector('.type-code pre');
2164          preCode.classList.remove("hidden");
2165
2166          // Apply line-by-line typing effect
2167          typePreCodeLineByLine(preCode);
2168
2169          setTimeout(() => {
2170            entry.target.classList.add("p-cursor-hidden");
2171
2172          }, 1000);
2173        }
2174
2175        observer2.unobserve(entry.target);
2176      }
2177    });
2178  }, {
2179    threshold: 0.5
2180  });
2181
2182  const targetElements = document.querySelectorAll(".type-code p, .type-code pre");
2183
2184  targetElements.forEach(element => {
2185    observer2.observe(element);
2186  });
2187
2188  function typePreCodeLineByLine(preCodeElement) {
2189    const lines = preCodeElement.innerHTML.split("\n");
2190    preCodeElement.innerHTML = ''
2191
2192    let currentLine = 0;
2193
2194    function typeNextLine() {
2195      if (currentLine < lines.length) {
2196        const line = lines[currentLine];
2197        const lineElement = document.createElement('div');
2198        lineElement.innerHTML = line;
2199        lineElement.classList.add('typewriter-line');
2200        preCodeElement.appendChild(lineElement);
2201        lineElement.classList.add('typewriter');
2202
2203        setTimeout(() => {
2204          lineElement.classList.add('p-cursor-hidden');
2205          currentLine++;
2206          typeNextLine();
2207        }, 1000);
2208      }
2209    }
2210
2211    typeNextLine();
2212  }
2213</script>
2213<script>
2214jQuery(document).ready(function($){
2215
2216    $('.tab-btn').on('click', function(e){
2217
2218      e.preventDefault();
2219
2220      // Active button
2221      $('.tab-btn').removeClass('active');
2222      $(this).addClass('active');
2223
2224      // Get target
2225      let target = $(this).data('target');
2226
2227      if (!target) return;
2228
2229      $('.hero-content')
2230          .removeClass('active')
2231          .hide();
2232
2233      $('#' + target)
2234          .addClass('active')
2235          .fadeIn(200);
2236
2237      $('.usecase-section')
2238          .removeClass('active-section')
2239          .hide();
2240
2241      $('.' + target)
2242          .addClass('active-section')
2243          .fadeIn(200);
2244
2245      $('.graphics-area')
2246          .removeClass('active')
2247          .hide();
2248
2249      $('#graphics-' + target)
2250          .addClass('active')
2251          .fadeIn(200);
2252
2253    });
2254
2255});
2256</script>
2256<!-- #content -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.